Add iOS In-App Provisioning

ios/Podfile.lock

@@ -398,6 +398,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -415,6 +416,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -431,6 +433,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -449,6 +452,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -466,6 +470,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -483,6 +488,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -500,6 +506,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -517,6 +524,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -534,6 +542,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -551,6 +560,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -568,6 +578,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -585,6 +596,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -602,6 +614,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -619,6 +632,7 @@ PODS:
     - React-jsiexecutor
     - React-jsinspector
     - React-perflogger
+    - React-rendererconsistency
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.1)
@@ -693,6 +707,7 @@ PODS:
     - React-Fabric/componentregistry (= 0.77.1)
     - React-Fabric/componentregistrynative (= 0.77.1)
     - React-Fabric/components (= 0.77.1)
+    - React-Fabric/consistency (= 0.77.1)
     - React-Fabric/core (= 0.77.1)
     - React-Fabric/dom (= 0.77.1)
     - React-Fabric/imagemanager (= 0.77.1)
@@ -884,6 +899,27 @@ PODS:
     - React-utils
     - ReactCommon/turbomodule/core
     - Yoga
+  - React-Fabric/consistency (0.77.1):
+    - DoubleConversion
+    - fast_float (= 6.1.4)
+    - fmt (= 11.0.2)
+    - glog
+    - hermes-engine
+    - RCT-Folly/Fabric (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-cxxreact
+    - React-debug
+    - React-featureflags
+    - React-graphics
+    - React-jsi
+    - React-jsiexecutor
+    - React-logger
+    - React-rendererdebug
+    - React-runtimescheduler
+    - React-utils
+    - ReactCommon/turbomodule/core
   - React-Fabric/core (0.77.1):
     - DoubleConversion
     - fast_float (= 6.1.4)
@@ -2042,6 +2078,27 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
+  - react-native-wallet (0.1.0):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
   - react-native-webrtc (124.0.5):
     - JitsiWebRTC (~> 124.0.0)
     - React-Core
@@ -2949,6 +3006,7 @@ DEPENDENCIES:
   - react-native-release-profiler (from `../node_modules/react-native-release-profiler`)
   - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
   - react-native-view-shot (from `../node_modules/react-native-view-shot`)
+  - "react-native-wallet (from `../node_modules/@expensify/react-native-wallet`)"
   - react-native-webrtc (from `../node_modules/react-native-webrtc`)
   - react-native-webview (from `../node_modules/react-native-webview`)
   - React-nativeconfig (from `../node_modules/react-native/ReactCommon`)
@@ -3198,6 +3256,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-safe-area-context"
   react-native-view-shot:
     :path: "../node_modules/react-native-view-shot"
+  react-native-wallet:
+    :path: "../node_modules/@expensify/react-native-wallet"
   react-native-webrtc:
     :path: "../node_modules/react-native-webrtc"
   react-native-webview:
@@ -3321,7 +3381,7 @@ SPEC CHECKSUMS:
   AirshipServiceExtension: 9c73369f426396d9fb9ff222d86d842fac76ba46
   AppAuth: 501c04eda8a8d11f179dbe8637b7a91bb7e5d2fa
   AppLogs: 3bc4e9b141dbf265b9464409caaa40416a9ee0e0
-  boost: 7e761d76ca2ce687f7cc98e698152abd03a18f90
+  boost: 659a89341ea4ab3df8259733813b52f26d8be9a5
   DoubleConversion: cb417026b2400c8f53ae97020b2be961b59470cb
   EXAV: 57ea461614a714b8b8fcc72c6fbc298b8f1ec78b
   EXImageLoader: 759063a65ab016b836f73972d3bb25404888713d
@@ -3380,13 +3440,13 @@ SPEC CHECKSUMS:
   RCTTypeSafety: 031cefa254a1df313a196f105b8fcffdab1c5ab6
   React: 8edfc46c315852ec88ea4a29d5e79019af3dc667
   React-callinvoker: 4450b01574dfc7a8f074f7e29e6965ac04859c8f
-  React-Core: 13bdd0a0125fdaecdee747b62e02d2a65b026520
+  React-Core: 0ac3acde025b10da5ccb9970547ab60a863654ce
   React-CoreModules: ebe93fa403bbd4d0909de105ffd34eeaad355083
   React-cxxreact: af8a2be3edfed0e1168279eea443f95a7285602e
   React-debug: b0f7271aeacc2eb9e34f863397dcfc204ef721c0
   React-defaultsnativemodule: 2ad21fff895dabfb7db60ee1c37d0a3866229430
   React-domnativemodule: f788e7169988a61ac38a5fc493ac02b5fbda7d6b
-  React-Fabric: 8b404451db2bb07bcf0e3f6dfebfb26455e4d7ce
+  React-Fabric: 012ec12475cf941575871fdc006cf934090a9840
   React-FabricComponents: 40cecebced128b2aa50c25a5fa6fdcd3b175286d
   React-FabricImage: 81787fa643b67f1327b4aa5fa1678dc73a771e34
   React-featureflags: 23d3dcdac6c9badeeb631db8a0883c7a3108d580
@@ -3424,11 +3484,12 @@ SPEC CHECKSUMS:
   react-native-release-profiler: dffea1dd7929bf5cf7da5ad4697dea7d9a062377
   react-native-safe-area-context: b3edb1da341e5e61f865763d9e0b6d3d34706464
   react-native-view-shot: bb169342812ded991a4a0387e7d0b17cb515e62a
+  react-native-wallet: 46df147c6089b2490dc5f4cbf25c58ce70b0215d
   react-native-webrtc: 0f1c94069ff1eb9d8fb1618c2dc71f73542c8cfa
   react-native-webview: b375842af66a9f0ab979378bdc8b26eeb5d8e3ee
   React-nativeconfig: cb207ebba7cafce30657c7ad9f1587a8f32e4564
   React-NativeModulesApple: 82a8bee52df9f5b378195a500f22be3a6ef0f890
-  React-perflogger: 8152bab3f0eb4b8751f282f9af7caed2c823a9ea
+  React-perflogger: a8a27aa65a47f740eff65bb38b79baacb38a50d5
   React-performancetimeline: 3ef4a640b56f9c7ec5f52bd93217b9b607c37cf4
   React-RCTActionSheet: 0fdf55fb8724856d63ca8c63cdb4e2325e15e8ec
   React-RCTAnimation: b93f5a1675cc2599e96851fec13c909fdfb1d6bb
@@ -3442,7 +3503,7 @@ SPEC CHECKSUMS:
   React-RCTSettings: 433c9f6a070bcecbe5a44d5009326b4d6f3b0667
   React-RCTText: 46249950f8d8738b90a60883d19b5bef09f0a296
   React-RCTVibration: 8f41e85ab6d40c7db6111ca9e8c7492c8de374fb
-  React-rendererconsistency: c766ce7261ab6ed6be7bc155c403e29436d4f156
+  React-rendererconsistency: d59654ad59217708509d1bb6373358be321613a4
   React-rendererdebug: 1f619b295f346242842f3accee23e8394b995d3c
   React-rncore: cafe45e14d870bbecbbf4bd89e12ef3b596e1f2d
   React-RuntimeApple: 7f27fb75a37e00a8e1efaa6e8f7a5b653871fb1b

package.json

@@ -81,6 +81,7 @@
     "@expensify/react-native-background-task": "file:./modules/background-task",
     "@expensify/react-native-hybrid-app": "file:./modules/hybrid-app",
     "@expensify/react-native-live-markdown": "0.1.244",
+    "@expensify/react-native-wallet": "file:modules/expensify-react-native-wallet.tgz",
     "@expo/metro-runtime": "^4.0.1",
     "@firebase/app": "^0.10.10",
     "@firebase/performance": "^0.6.8",
@@ -242,9 +243,9 @@
     "@react-native/metro-config": "0.77.1",
     "@react-navigation/devtools": "^6.0.10",
     "@rnef/cli": "0.4.1",
-    "@rnef/plugin-metro": "0.4.1",
     "@rnef/platform-android": "0.4.1",
     "@rnef/platform-ios": "0.4.1",
+    "@rnef/plugin-metro": "0.4.1",
     "@storybook/addon-a11y": "^8.1.10",
     "@storybook/addon-essentials": "^8.1.10",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",

react-native.config.js

@@ -7,4 +7,14 @@ module.exports = {
         android: {sourceDir: androidSourceDir},
     },
     assets: ['./assets/fonts/native'],
+    dependencies: {
+        // We need to unlink the react-native-wallet package from the android build
+        // because it's not supported yet and we want to prevent the build from failing
+        // due to missing Google TapAndPay SDK
+        '@expensify/react-native-wallet': {
+            platforms: {
+                android: null,
+            },
+        },
+    },
 };

src/CONST.ts

@@ -774,6 +774,7 @@ const CONST = {
         HELP_SIDE_PANEL: 'newDotHelpSidePanel',
         RECEIPT_LINE_ITEMS: 'receiptLineItems',
         LEFT_HAND_BAR: 'leftHandBar',
+        WALLET: 'newdotWallet',
     },
     BUTTON_STATES: {
         DEFAULT: 'default',

src/components/AddToWalletButton/index.ios.tsx

@@ -0,0 +1,65 @@
+import {AddToWalletButton as RNAddToWalletButton} from '@expensify/react-native-wallet';
+import React, {useCallback, useEffect} from 'react';
+import {View} from 'react-native';
+import Text from '@components/Text';
+import useLocalize from '@hooks/useLocalize';
+import {checkIfWalletIsAvailable, handleAddCardToWallet, isCardInWallet} from '@libs/Wallet/index';
+import type AddToWalletButtonProps from './types';
+
+function AddToWalletButton({card, cardHolderName, buttonStyle}: AddToWalletButtonProps) {
+    const [isWalletAvailable, setIsWalletAvailable] = React.useState<boolean>(false);
+    const [isInWallet, setIsInWallet] = React.useState<boolean | null>(null);
+    const {translate} = useLocalize();
+
+    const checkIfCardIsInWallet = useCallback(() => {
+        isCardInWallet(card)
+            .then((result) => {
+                setIsInWallet(result);
+            })
+            .catch(() => {
+                setIsInWallet(false);
+            });
+    }, [card]);
+
+    const handleOnPress = useCallback(() => {
+        handleAddCardToWallet(card, cardHolderName ?? '', checkIfCardIsInWallet);
+    }, [card, cardHolderName, checkIfCardIsInWallet]);
+
+    useEffect(() => {
+        checkIfCardIsInWallet();
+    }, [checkIfCardIsInWallet]);
+
+    useEffect(() => {
+        checkIfWalletIsAvailable()
+            .then((result) => {
+                setIsWalletAvailable(result);
+            })
+            .catch(() => {
+                setIsWalletAvailable(false);
+            });
+    }, []);
+
+    if (!isWalletAvailable || isInWallet == null) {
+        return null;
+    }
+
+    if (isInWallet) {
+        return (
+            <View style={buttonStyle}>
+                <Text>{translate('cardPage.cardAlreadyInWallet')}</Text>;
+            </View>
+        );
+    }
+
+    return (
+        <RNAddToWalletButton
+            buttonStyle={buttonStyle}
+            locale="en"
+            onPress={handleOnPress}
+        />
+    );
+}
+
+AddToWalletButton.displayName = 'AddToWalletButton';
+
+export default AddToWalletButton;

src/components/AddToWalletButton/index.tsx

@@ -0,0 +1,10 @@
+import type AddToWalletButtonProps from './types';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function AddToWalletButton(_props: AddToWalletButtonProps) {
+    return null;
+}
+
+AddToWalletButton.displayName = 'AddToWalletButton';
+
+export default AddToWalletButton;