Ran app in android studio in order to verify that it worked

android/app/src/main/res/xml/config2.xml

@@ -0,0 +1,10 @@
+<?xml version='1.0' encoding='utf-8'?>
+<widget version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+  <access origin="*" />
+  
+  <feature name="CallNumber">
+    <param name="android-package" value="mx.ferreyra.callnumber.CFCallNumber"/>
+  </feature>
+
+  
+</widget>

ios/App/App/config 2.xml

@@ -0,0 +1,10 @@
+<?xml version='1.0' encoding='utf-8'?>
+<widget version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+  <access origin="*" />
+  
+  <feature name="CallNumber">
+    <param name="ios-package" value="CFCallNumber"/>
+  </feature>
+
+  
+</widget>

ios/App/App/config 3.xml

@@ -0,0 +1,10 @@
+<?xml version='1.0' encoding='utf-8'?>
+<widget version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+  <access origin="*" />
+  
+  <feature name="CallNumber">
+    <param name="ios-package" value="CFCallNumber"/>
+  </feature>
+
+  
+</widget>

ios/App/Podfile

@@ -15,6 +15,7 @@ def capacitor_pods
   pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
   pod 'CapacitorKeyboard', :path => '../../node_modules/@capacitor/keyboard'
   pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
+  pod 'CordovaPlugins', :path => '../capacitor-cordova-ios-plugins'
 end
 
 target 'App' do

ios/App/Podfile 2.lock

@@ -0,0 +1,52 @@
+PODS:
+  - Capacitor (4.4.0):
+    - CapacitorCordova
+  - CapacitorApp (4.1.0):
+    - Capacitor
+  - CapacitorCordova (4.4.0)
+  - CapacitorHaptics (4.0.1):
+    - Capacitor
+  - CapacitorKeyboard (4.0.1):
+    - Capacitor
+  - CapacitorStatusBar (4.0.1):
+    - Capacitor
+  - CordovaPlugins (4.4.0):
+    - CapacitorCordova
+
+DEPENDENCIES:
+  - "Capacitor (from `../../node_modules/@capacitor/ios`)"
+  - "CapacitorApp (from `../../node_modules/@capacitor/app`)"
+  - "CapacitorCordova (from `../../node_modules/@capacitor/ios`)"
+  - "CapacitorHaptics (from `../../node_modules/@capacitor/haptics`)"
+  - "CapacitorKeyboard (from `../../node_modules/@capacitor/keyboard`)"
+  - "CapacitorStatusBar (from `../../node_modules/@capacitor/status-bar`)"
+  - CordovaPlugins (from `../capacitor-cordova-ios-plugins`)
+
+EXTERNAL SOURCES:
+  Capacitor:
+    :path: "../../node_modules/@capacitor/ios"
+  CapacitorApp:
+    :path: "../../node_modules/@capacitor/app"
+  CapacitorCordova:
+    :path: "../../node_modules/@capacitor/ios"
+  CapacitorHaptics:
+    :path: "../../node_modules/@capacitor/haptics"
+  CapacitorKeyboard:
+    :path: "../../node_modules/@capacitor/keyboard"
+  CapacitorStatusBar:
+    :path: "../../node_modules/@capacitor/status-bar"
+  CordovaPlugins:
+    :path: "../capacitor-cordova-ios-plugins"
+
+SPEC CHECKSUMS:
+  Capacitor: 868367fcfeb3ba6bfabaefc63c072e6478bd046d
+  CapacitorApp: 6e250f9e67560a340aac4078af357fb5e5c303e0
+  CapacitorCordova: 0c0b4edc7ce94fd560eadc3a6d36d5ee6453ada6
+  CapacitorHaptics: 02d48e2efca06ccf3273dbb638b68b0e145f623a
+  CapacitorKeyboard: 3b49a9d517641c123fb691713f99a89d6ebf3a37
+  CapacitorStatusBar: e6cf2a9ed07f92ddae9ca101be36d08c61866b35
+  CordovaPlugins: c646c530b24da2d898e32369a739e7b88904b548
+
+PODFILE CHECKSUM: 0381d09167db361ed446a10f049fd27bab1b40b1
+
+COCOAPODS: 1.11.3

ios/App/Podfile 3.lock

@@ -0,0 +1,52 @@
+PODS:
+  - Capacitor (4.4.0):
+    - CapacitorCordova
+  - CapacitorApp (4.1.0):
+    - Capacitor
+  - CapacitorCordova (4.4.0)
+  - CapacitorHaptics (4.0.1):
+    - Capacitor
+  - CapacitorKeyboard (4.0.1):
+    - Capacitor
+  - CapacitorStatusBar (4.0.1):
+    - Capacitor
+  - CordovaPlugins (4.4.0):
+    - CapacitorCordova
+
+DEPENDENCIES:
+  - "Capacitor (from `../../node_modules/@capacitor/ios`)"
+  - "CapacitorApp (from `../../node_modules/@capacitor/app`)"
+  - "CapacitorCordova (from `../../node_modules/@capacitor/ios`)"
+  - "CapacitorHaptics (from `../../node_modules/@capacitor/haptics`)"
+  - "CapacitorKeyboard (from `../../node_modules/@capacitor/keyboard`)"
+  - "CapacitorStatusBar (from `../../node_modules/@capacitor/status-bar`)"
+  - CordovaPlugins (from `../capacitor-cordova-ios-plugins`)
+
+EXTERNAL SOURCES:
+  Capacitor:
+    :path: "../../node_modules/@capacitor/ios"
+  CapacitorApp:
+    :path: "../../node_modules/@capacitor/app"
+  CapacitorCordova:
+    :path: "../../node_modules/@capacitor/ios"
+  CapacitorHaptics:
+    :path: "../../node_modules/@capacitor/haptics"
+  CapacitorKeyboard:
+    :path: "../../node_modules/@capacitor/keyboard"
+  CapacitorStatusBar:
+    :path: "../../node_modules/@capacitor/status-bar"
+  CordovaPlugins:
+    :path: "../capacitor-cordova-ios-plugins"
+
+SPEC CHECKSUMS:
+  Capacitor: 868367fcfeb3ba6bfabaefc63c072e6478bd046d
+  CapacitorApp: 6e250f9e67560a340aac4078af357fb5e5c303e0
+  CapacitorCordova: 0c0b4edc7ce94fd560eadc3a6d36d5ee6453ada6
+  CapacitorHaptics: 02d48e2efca06ccf3273dbb638b68b0e145f623a
+  CapacitorKeyboard: 3b49a9d517641c123fb691713f99a89d6ebf3a37
+  CapacitorStatusBar: e6cf2a9ed07f92ddae9ca101be36d08c61866b35
+  CordovaPlugins: c646c530b24da2d898e32369a739e7b88904b548
+
+PODFILE CHECKSUM: 0381d09167db361ed446a10f049fd27bab1b40b1
+
+COCOAPODS: 1.11.3

ios/App/Podfile 4.lock

@@ -0,0 +1,52 @@
+PODS:
+  - Capacitor (4.4.0):
+    - CapacitorCordova
+  - CapacitorApp (4.1.0):
+    - Capacitor
+  - CapacitorCordova (4.4.0)
+  - CapacitorHaptics (4.0.1):
+    - Capacitor
+  - CapacitorKeyboard (4.0.1):
+    - Capacitor
+  - CapacitorStatusBar (4.0.1):
+    - Capacitor
+  - CordovaPlugins (4.4.0):
+    - CapacitorCordova
+
+DEPENDENCIES:
+  - "Capacitor (from `../../node_modules/@capacitor/ios`)"
+  - "CapacitorApp (from `../../node_modules/@capacitor/app`)"
+  - "CapacitorCordova (from `../../node_modules/@capacitor/ios`)"
+  - "CapacitorHaptics (from `../../node_modules/@capacitor/haptics`)"
+  - "CapacitorKeyboard (from `../../node_modules/@capacitor/keyboard`)"
+  - "CapacitorStatusBar (from `../../node_modules/@capacitor/status-bar`)"
+  - CordovaPlugins (from `../capacitor-cordova-ios-plugins`)
+
+EXTERNAL SOURCES:
+  Capacitor:
+    :path: "../../node_modules/@capacitor/ios"
+  CapacitorApp:
+    :path: "../../node_modules/@capacitor/app"
+  CapacitorCordova:
+    :path: "../../node_modules/@capacitor/ios"
+  CapacitorHaptics:
+    :path: "../../node_modules/@capacitor/haptics"
+  CapacitorKeyboard:
+    :path: "../../node_modules/@capacitor/keyboard"
+  CapacitorStatusBar:
+    :path: "../../node_modules/@capacitor/status-bar"
+  CordovaPlugins:
+    :path: "../capacitor-cordova-ios-plugins"
+
+SPEC CHECKSUMS:
+  Capacitor: 868367fcfeb3ba6bfabaefc63c072e6478bd046d
+  CapacitorApp: 6e250f9e67560a340aac4078af357fb5e5c303e0
+  CapacitorCordova: 0c0b4edc7ce94fd560eadc3a6d36d5ee6453ada6
+  CapacitorHaptics: 02d48e2efca06ccf3273dbb638b68b0e145f623a
+  CapacitorKeyboard: 3b49a9d517641c123fb691713f99a89d6ebf3a37
+  CapacitorStatusBar: e6cf2a9ed07f92ddae9ca101be36d08c61866b35
+  CordovaPlugins: c646c530b24da2d898e32369a739e7b88904b548
+
+PODFILE CHECKSUM: 0381d09167db361ed446a10f049fd27bab1b40b1
+
+COCOAPODS: 1.11.3

package-lock.json

@@ -8,6 +8,9 @@
       "name": "renacer",
       "version": "0.0.1",
       "dependencies": {
+        "@awesome-cordova-plugins/call-number": "^6.2.0",
+        "@awesome-cordova-plugins/core": "^6.2.0",
+        "@awesome-cordova-plugins/email-composer": "^6.2.0",
         "@capacitor/android": "4.4.0",
         "@capacitor/app": "^4.1.0",
         "@capacitor/core": "4.4.0",
@@ -15,6 +18,7 @@
         "@capacitor/ios": "4.4.0",
         "@capacitor/keyboard": "^4.0.1",
         "@capacitor/status-bar": "^4.0.1",
+        "@ionic-native/call-number": "^5.36.0",
         "@ionic/react": "^6.0.0",
         "@ionic/react-router": "^6.0.0",
         "@testing-library/jest-dom": "^5.11.9",
@@ -26,6 +30,8 @@
         "@types/react-dom": "^18.0.6",
         "@types/react-router": "^5.1.11",
         "@types/react-router-dom": "^5.1.7",
+        "call-number": "^1.0.1",
+        "cordova-plugin-email-composer": "^0.10.1",
         "history": "^4.9.0",
         "ionicons": "^6.0.3",
         "lodash": "^4.17.21",
@@ -78,6 +84,41 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@awesome-cordova-plugins/call-number": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/call-number/-/call-number-6.2.0.tgz",
+      "integrity": "sha512-lcMZcdjob+E044McEgwHA7ylBsM/9lefEQczDed4iN5Tjk3sb2yJhofme4gMyZewUw7L8IN56x4Mm86INNwVZA==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/core": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/core/-/core-6.2.0.tgz",
+      "integrity": "sha512-z5rKlTuQpLLPEIgzOmomQdoiRw5Sal2blh5CJRcjqh8ktspefbNC81Ni0MykPdV78/UlRORTHEzxugpcEcl1RQ==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
+    "node_modules/@awesome-cordova-plugins/email-composer": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/email-composer/-/email-composer-6.2.0.tgz",
+      "integrity": "sha512-OI4p2pH2u92jlJT6EvldMf+TbWfVhMcoa94xlAbQbVET04xwKkWYpuHonLkNJm3MekDiQUJ4Rpe20XzNAEEefA==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@awesome-cordova-plugins/core": "^6.0.1",
+        "rxjs": "^5.5.0 || ^6.5.0 || ^7.3.0"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
@@ -2538,6 +2579,30 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA=="
     },
+    "node_modules/@ionic-native/call-number": {
+      "version": "5.36.0",
+      "resolved": "https://registry.npmjs.org/@ionic-native/call-number/-/call-number-5.36.0.tgz",
+      "integrity": "sha512-SFO76ebbwBEeqvgujWwqUTuFOx+qRxN7gGfXCid29ZE81TyRkNLeDUloRbTpfJs3NKSpHBonz1h73JEJTCRCfg==",
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "@ionic-native/core": "^5.1.0",
+        "rxjs": "^5.5.0 || ^6.5.0"
+      }
+    },
+    "node_modules/@ionic-native/core": {
+      "version": "5.36.0",
+      "resolved": "https://registry.npmjs.org/@ionic-native/core/-/core-5.36.0.tgz",
+      "integrity": "sha512-lOrkktadlKYbYf1LrDyAtsu1JnQ0oCCdkOU7iHQ8oXnNOkMwobFfD2m62F1CoOr0u9LIkpYnZSPjng8lZbmbNw==",
+      "peer": true,
+      "dependencies": {
+        "@types/cordova": "latest"
+      },
+      "peerDependencies": {
+        "rxjs": "^5.5.0 || ^6.5.0"
+      }
+    },
     "node_modules/@ionic/cli-framework": {
       "version": "5.1.3",
       "resolved": "https://registry.npmjs.org/@ionic/cli-framework/-/cli-framework-5.1.3.tgz",
@@ -3800,6 +3865,11 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/cordova": {
+      "version": "0.0.34",
+      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-0.0.34.tgz",
+      "integrity": "sha512-rkiiTuf/z2wTd4RxFOb+clE7PF4AEJU0hsczbUdkHHBtkUmpWQpEddynNfJYKYtZFJKbq4F+brfekt1kx85IZA=="
+    },
     "node_modules/@types/eslint": {
       "version": "8.4.10",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.10.tgz",
@@ -5586,6 +5656,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/call-number": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-number/-/call-number-1.0.1.tgz",
+      "integrity": "sha512-ud/6f7FukzwdinAWRKBn1DwATXDRylEBLlXYZq+51NTdWfeFdukorNtVIC/TPtXD6zYIg4WWGif0ayMPhfiizw=="
+    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -6124,6 +6199,29 @@
         "toggle-selection": "^1.0.6"
       }
     },
+    "node_modules/cordova-plugin-email-composer": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-email-composer/-/cordova-plugin-email-composer-0.10.1.tgz",
+      "integrity": "sha512-FM7hmy2jDkhM5VqjtUmIUoCjB2IRCy9sK+ElWai3xidoCV6+UCaTxACLnIcpu/FGfMoC54WLDlb3dim8Oo0vyw==",
+      "engines": [
+        {
+          "name": "cordova",
+          "version": ">=6.0.0"
+        },
+        {
+          "name": "cordova-android",
+          "version": ">=6.2.0"
+        },
+        {
+          "name": "cordova-ios",
+          "version": ">=4.0.0"
+        },
+        {
+          "name": "cordova-windows",
+          "version": ">=4.3.0"
+        }
+      ]
+    },
     "node_modules/core-js": {
       "version": "3.26.1",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.26.1.tgz",
@@ -11417,6 +11515,15 @@
         }
       }
     },
+    "node_modules/listr2/node_modules/rxjs": {
+      "version": "7.8.0",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.0.tgz",
+      "integrity": "sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
     "node_modules/loader-runner": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
@@ -15201,14 +15308,23 @@
       }
     },
     "node_modules/rxjs": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.6.0.tgz",
-      "integrity": "sha512-DDa7d8TFNUalGC9VqXvQ1euWNN7sc63TrUCuM9J998+ViviahMIjKSOU7rfcgFOF+FCD71BhDRv4hrFz+ImDLQ==",
-      "dev": true,
+      "version": "6.6.7",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+      "peer": true,
       "dependencies": {
-        "tslib": "^2.1.0"
+        "tslib": "^1.9.0"
+      },
+      "engines": {
+        "npm": ">=2.0.0"
       }
     },
+    "node_modules/rxjs/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "peer": true
+    },
     "node_modules/safe-buffer": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
@@ -18049,6 +18165,30 @@
         "@jridgewell/trace-mapping": "^0.3.9"
       }
     },
+    "@awesome-cordova-plugins/call-number": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/call-number/-/call-number-6.2.0.tgz",
+      "integrity": "sha512-lcMZcdjob+E044McEgwHA7ylBsM/9lefEQczDed4iN5Tjk3sb2yJhofme4gMyZewUw7L8IN56x4Mm86INNwVZA==",
+      "requires": {
+        "@types/cordova": "latest"
+      }
+    },
+    "@awesome-cordova-plugins/core": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/core/-/core-6.2.0.tgz",
+      "integrity": "sha512-z5rKlTuQpLLPEIgzOmomQdoiRw5Sal2blh5CJRcjqh8ktspefbNC81Ni0MykPdV78/UlRORTHEzxugpcEcl1RQ==",
+      "requires": {
+        "@types/cordova": "latest"
+      }
+    },
+    "@awesome-cordova-plugins/email-composer": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/@awesome-cordova-plugins/email-composer/-/email-composer-6.2.0.tgz",
+      "integrity": "sha512-OI4p2pH2u92jlJT6EvldMf+TbWfVhMcoa94xlAbQbVET04xwKkWYpuHonLkNJm3MekDiQUJ4Rpe20XzNAEEefA==",
+      "requires": {
+        "@types/cordova": "latest"
+      }
+    },
     "@babel/code-frame": {
       "version": "7.18.6",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.18.6.tgz",
@@ -19688,6 +19828,23 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA=="
     },
+    "@ionic-native/call-number": {
+      "version": "5.36.0",
+      "resolved": "https://registry.npmjs.org/@ionic-native/call-number/-/call-number-5.36.0.tgz",
+      "integrity": "sha512-SFO76ebbwBEeqvgujWwqUTuFOx+qRxN7gGfXCid29ZE81TyRkNLeDUloRbTpfJs3NKSpHBonz1h73JEJTCRCfg==",
+      "requires": {
+        "@types/cordova": "latest"
+      }
+    },
+    "@ionic-native/core": {
+      "version": "5.36.0",
+      "resolved": "https://registry.npmjs.org/@ionic-native/core/-/core-5.36.0.tgz",
+      "integrity": "sha512-lOrkktadlKYbYf1LrDyAtsu1JnQ0oCCdkOU7iHQ8oXnNOkMwobFfD2m62F1CoOr0u9LIkpYnZSPjng8lZbmbNw==",
+      "peer": true,
+      "requires": {
+        "@types/cordova": "latest"
+      }
+    },
     "@ionic/cli-framework": {
       "version": "5.1.3",
       "resolved": "https://registry.npmjs.org/@ionic/cli-framework/-/cli-framework-5.1.3.tgz",
@@ -20606,6 +20763,11 @@
         "@types/node": "*"
       }
     },
+    "@types/cordova": {
+      "version": "0.0.34",
+      "resolved": "https://registry.npmjs.org/@types/cordova/-/cordova-0.0.34.tgz",
+      "integrity": "sha512-rkiiTuf/z2wTd4RxFOb+clE7PF4AEJU0hsczbUdkHHBtkUmpWQpEddynNfJYKYtZFJKbq4F+brfekt1kx85IZA=="
+    },
     "@types/eslint": {
       "version": "8.4.10",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.4.10.tgz",
@@ -21982,6 +22144,11 @@
         "get-intrinsic": "^1.0.2"
       }
     },
+    "call-number": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/call-number/-/call-number-1.0.1.tgz",
+      "integrity": "sha512-ud/6f7FukzwdinAWRKBn1DwATXDRylEBLlXYZq+51NTdWfeFdukorNtVIC/TPtXD6zYIg4WWGif0ayMPhfiizw=="
+    },
     "callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -22392,6 +22559,11 @@
         "toggle-selection": "^1.0.6"
       }
     },
+    "cordova-plugin-email-composer": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-email-composer/-/cordova-plugin-email-composer-0.10.1.tgz",
+      "integrity": "sha512-FM7hmy2jDkhM5VqjtUmIUoCjB2IRCy9sK+ElWai3xidoCV6+UCaTxACLnIcpu/FGfMoC54WLDlb3dim8Oo0vyw=="
+    },
     "core-js": {
       "version": "3.26.1",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.26.1.tgz",
@@ -26281,6 +26453,17 @@
         "rxjs": "^7.5.1",
         "through": "^2.3.8",
         "wrap-ansi": "^7.0.0"
+      },
+      "dependencies": {
+        "rxjs": {
+          "version": "7.8.0",
+          "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.0.tgz",
+          "integrity": "sha512-F2+gxDshqmIub1KdvZkaEfGDwLNpPvk9Fs6LD/MyQxNgMds/WH9OdDDXOmxUZpME+iSK3rQCctkL0DYyytUqMg==",
+          "dev": true,
+          "requires": {
+            "tslib": "^2.1.0"
+          }
+        }
       }
     },
     "loader-runner": {
@@ -28859,12 +29042,20 @@
       }
     },
     "rxjs": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.6.0.tgz",
-      "integrity": "sha512-DDa7d8TFNUalGC9VqXvQ1euWNN7sc63TrUCuM9J998+ViviahMIjKSOU7rfcgFOF+FCD71BhDRv4hrFz+ImDLQ==",
-      "dev": true,
+      "version": "6.6.7",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz",
+      "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==",
+      "peer": true,
       "requires": {
-        "tslib": "^2.1.0"
+        "tslib": "^1.9.0"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "1.14.1",
+          "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+          "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+          "peer": true
+        }
       }
     },
     "safe-buffer": {

package.json

@@ -3,6 +3,9 @@
   "version": "0.0.1",
   "private": true,
   "dependencies": {
+    "@awesome-cordova-plugins/call-number": "^6.2.0",
+    "@awesome-cordova-plugins/core": "^6.2.0",
+    "@awesome-cordova-plugins/email-composer": "^6.2.0",
     "@capacitor/android": "4.4.0",
     "@capacitor/app": "^4.1.0",
     "@capacitor/core": "4.4.0",
@@ -10,6 +13,7 @@
     "@capacitor/ios": "4.4.0",
     "@capacitor/keyboard": "^4.0.1",
     "@capacitor/status-bar": "^4.0.1",
+    "@ionic-native/call-number": "^5.36.0",
     "@ionic/react": "^6.0.0",
     "@ionic/react-router": "^6.0.0",
     "@testing-library/jest-dom": "^5.11.9",
@@ -21,6 +25,7 @@
     "@types/react-dom": "^18.0.6",
     "@types/react-router": "^5.1.11",
     "@types/react-router-dom": "^5.1.7",
+    "call-number": "^1.0.1",
     "history": "^4.9.0",
     "ionicons": "^6.0.3",
     "lodash": "^4.17.21",

src/components/ButtonComponent.tsx

@@ -0,0 +1,30 @@
+import { IonButton, IonContent, IonIcon, IonItem, IonText } from "@ionic/react";
+import { CallNumber } from "@awesome-cordova-plugins/call-number";
+import {
+ call,
+ mailOpen
+  } from "ionicons/icons";
+
+const ButtonComponent: React.FC<{
+  body: string;
+}> = (props) => {
+  const body = props.body;
+  return (
+    <IonText>
+      <IonButton expand="block" 
+        onClick={() => {
+          CallNumber.callNumber("7876247846", true);
+          alert("testing is this works");
+        }}
+      >
+         <IonIcon slot="start" icon={call}> </IonIcon>
+        Llamada
+      </IonButton>
+      <a href={"mailto:eliamruiz2027@gmail.com?cc=eliam.ruiz@upr.edu,&subject=Testing Ionic button&body=" + body + ""}>
+        <IonButton expand="block">
+        <IonIcon slot="start" icon={mailOpen}> </IonIcon> Correo Electrónico</IonButton>
+      </a>
+    </IonText>
+  );
+};
+export default ButtonComponent;

src/pages/AboutListPage.tsx

@@ -10,8 +10,10 @@ import {
   IonTitle,
   IonToolbar,
 } from "@ionic/react";
+import ButtonComponent from "../components/ButtonComponent"
 
 const AboutListPage: React.FC = () => {
+  let body= "Es de mi interés ponerme en contacto con ustedes para poder coordinar el uso de uno de sus servicios. También me gustaría saber donde están actualmente ubicados."
   return (
     <IonPage>
       <IonHeader>
@@ -60,6 +62,7 @@ const AboutListPage: React.FC = () => {
               <p className="ListItemText">Visitas Supervisadas</p>
             </IonItem>
           </IonList>
+          <ButtonComponent body={body}></ButtonComponent>
         </IonContent>
       </IonContent>
     </IonPage>