react-native-unit-components 1.6.1 → 1.7.0

package/lib/module/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem.js

@@ -1,62 +1,74 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { CardNativeMessage } from '../../../messages/nativeMessages/cardMessage';
-import EventBus from '../../../helpers/EventBus';
-import { PresentationMode } from '../../../scripts/html/bodyHtml';
-import { WebComponent, WebComponentType } from '../../../webComponent/WebComponent';
-import { renderingBottomSheetRequest } from '../UNBottomSheetComponent.utils';
+import React, { useEffect, useRef } from 'react';
+import { WebComponent } from '../../../webComponent/WebComponent';
+import { injectHtmlFullScreenHeight, renderingBottomSheetRequest } from '../UNBottomSheetComponent.utils';
 import { getStylesObject } from './UNAddToWalletBottomSheetItem.styles';
 import { ActivityIndicator } from 'react-native';
-import { useListenerToBus } from '../../../hooks/listenerToBus';
+import { UnitMessage } from '../../../messages/webMessages/unitMessages';
 import UnitAddToWalletButtonView from '../../../nativeComponent/UnitAddToWalletButton';
-import { UNCardAddToWalletStatus } from '../../../sharedTypes/wallet.types';
+import { UNCardAddToWalletStatus } from '../../../types/shared/wallet.types';
+import { BottomSheetRenderingType } from '../../../types/internal/bottomSheet.types';
+import { PresentationMode, WebComponentType } from '../../../types/internal/webComponent.types';
+import { useCardWallet } from '../../../helpers/pushProvisioningService/hooks/useCardWallet';
+import { launchStartCardProvisioning } from '../../../helpers/pushProvisioningService/startProvisioning';
+import EventBus from '../../../helpers/EventBus';
 export const UNAddToWalletBottomSheetItem = props => {
   const styles = getStylesObject();
   const webRef = useRef(null);
   const {
+    renderingType,
     renderingRequest,
+    webComponentData,
     cardId
   } = props;
-  const [addToWalletStatus, setAddToWalletStatus] = useState(UNCardAddToWalletStatus.pending);
-  useEffect(() => {
-    if (!cardId) return;
-    const event = {
-      cardId
-    };
-    EventBus.Instance.event(CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, event);
-  }, [cardId]);
+  const {
+    currentUNWallet
+  } = useCardWallet(cardId);
   useEffect(() => {
     if (!webRef.current) return;
-    if (addToWalletStatus === UNCardAddToWalletStatus.pending) return;
-    const isCardInWallet = addToWalletStatus === UNCardAddToWalletStatus.addedToWallet;
-    webRef.current.injectJavaScript(`window.UnitMobileSDKConfig["isCardInWallet"] = ${isCardInWallet}`);
-    if (renderingRequest) {
+    const currentWalletStatus = (currentUNWallet === null || currentUNWallet === void 0 ? void 0 : currentUNWallet.status) ?? UNCardAddToWalletStatus.pending;
+    if (currentWalletStatus === UNCardAddToWalletStatus.pending) return;
+    if (renderingType === BottomSheetRenderingType.Slot && renderingRequest) {
+      const isCardInWallet = currentWalletStatus === UNCardAddToWalletStatus.addedToWallet;
+      webRef.current.injectJavaScript(`window.UnitMobileSDKConfig["isCardInWallet"] = ${isCardInWallet}`);
       renderingBottomSheetRequest(webRef.current, renderingRequest);
     }
-  }, [webRef.current, renderingRequest, addToWalletStatus]);
-  const gotCardWalletStatus = data => {
-    if (data != null) {
-      setAddToWalletStatus(data.status);
+  }, [webRef.current, renderingRequest, currentUNWallet]);
+  const handleAddToWalletClicked = () => {
+    if (!currentUNWallet) return;
+    launchStartCardProvisioning(currentUNWallet);
+  };
+  const handleWebComponentMessage = message => {
+    if (!message || !message.type) return;
+    switch (message.type) {
+      case UnitMessage.UNIT_ON_LOAD:
+        injectHtmlFullScreenHeight(webRef.current, props.fullScreenHeight);
+        break;
+      case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:
+        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW, {});
+        break;
+      default:
+        break;
     }
   };
-  useListenerToBus({
-    busEventKey: CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS,
-    action: gotCardWalletStatus
-  });
-  const handleAddToWalletClicked = () => {
-    if (!cardId) return;
-    const startPushProvisioningEvent = {
-      cardId
-    };
-    EventBus.Instance.event(CardNativeMessage.CARD_START_PUSH_PROVISIONING, startPushProvisioningEvent);
+  const shouldShowWebComponent = () => {
+    // Show .Slot, since it need to be loaded when we inject the requestRendering
+    // Otherwise show web component only if the card is in wallet or ready to be provisioned.
+
+    const isSlot = renderingType === BottomSheetRenderingType.Slot;
+    const gotWalletStatus = currentUNWallet && (currentUNWallet.status === UNCardAddToWalletStatus.readyToProvisioning || currentUNWallet.status === UNCardAddToWalletStatus.addedToWallet);
+    return isSlot || gotWalletStatus;
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WebComponent, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, shouldShowWebComponent() && /*#__PURE__*/React.createElement(WebComponent, {
     ref: webRef,
-    type: WebComponentType.slot,
+    type: renderingType === BottomSheetRenderingType.WebComponent ? WebComponentType.cardAction : WebComponentType.slot,
     presentationMode: PresentationMode.CoverInjectedHeight,
-    isScrollable: false
-  }), addToWalletStatus === UNCardAddToWalletStatus.pending && /*#__PURE__*/React.createElement(ActivityIndicator, {
+    params: webComponentData === null || webComponentData === void 0 ? void 0 : webComponentData.params,
+    isScrollable: false,
+    onMessage: handleWebComponentMessage,
+    windowParams: renderingType === BottomSheetRenderingType.WebComponent ? `window.UnitMobileSDKConfig["isCardInWallet"] = ${(currentUNWallet === null || currentUNWallet === void 0 ? void 0 : currentUNWallet.status) === UNCardAddToWalletStatus.addedToWallet}` : ''
+  }), (currentUNWallet == undefined || (currentUNWallet === null || currentUNWallet === void 0 ? void 0 : currentUNWallet.status) === UNCardAddToWalletStatus.pending) && /*#__PURE__*/React.createElement(ActivityIndicator, {
     style: styles.loader
-  }), addToWalletStatus === UNCardAddToWalletStatus.readyToProvisioning && /*#__PURE__*/React.createElement(UnitAddToWalletButtonView, {
+  }), (currentUNWallet === null || currentUNWallet === void 0 ? void 0 : currentUNWallet.status) === UNCardAddToWalletStatus.readyToProvisioning && /*#__PURE__*/React.createElement(UnitAddToWalletButtonView, {
     style: styles.addToWalletButton,
     onAddToWalletClicked: handleAddToWalletClicked
   }));

package/lib/module/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","CardNativeMessage","EventBus","PresentationMode","WebComponent","WebComponentType","renderingBottomSheetRequest","getStylesObject","ActivityIndicator","useListenerToBus","UnitAddToWalletButtonView","UNCardAddToWalletStatus","UNAddToWalletBottomSheetItem","props","styles","webRef","renderingRequest","cardId","addToWalletStatus","setAddToWalletStatus","pending","event","Instance","CARD_GET_ADD_TO_WALLET_STATUS","current","isCardInWallet","addedToWallet","injectJavaScript","gotCardWalletStatus","data","status","busEventKey","CARD_UPDATE_ADD_TO_WALLET_STATUS","action","handleAddToWalletClicked","startPushProvisioningEvent","CARD_START_PUSH_PROVISIONING","createElement","Fragment","ref","type","slot","presentationMode","CoverInjectedHeight","isScrollable","style","loader","readyToProvisioning","addToWalletButton","onAddToWalletClicked"],"sources":["UNAddToWalletBottomSheetItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { UNCardAddToWalletStatusEvent, CardGetAddToWalletStatusEvent, CardNativeMessage, CardStartPushProvisioningEvent } from '../../../messages/nativeMessages/cardMessage';\nimport EventBus from '../../../helpers/EventBus';\nimport { PresentationMode } from '../../../scripts/html/bodyHtml';\nimport { WebComponent, WebComponentType } from '../../../webComponent/WebComponent';\nimport { renderingBottomSheetRequest } from '../UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNAddToWalletBottomSheetItem.styles';\nimport { ActivityIndicator } from 'react-native';\nimport { useListenerToBus } from '../../../hooks/listenerToBus';\nimport type { RequestRenderingEvent } from '../../../messages/webMessages/unitMessages';\nimport UnitAddToWalletButtonView from '../../../nativeComponent/UnitAddToWalletButton';\nimport { UNCardAddToWalletStatus } from '../../../sharedTypes/wallet.types';\n\nexport interface UNAddToWalletBottomSheetItemProps {\n  renderingRequest?: RequestRenderingEvent\n  cardId?: string\n}\n\nexport const UNAddToWalletBottomSheetItem = (props: UNAddToWalletBottomSheetItemProps) => {\n  const styles = getStylesObject();\n\n  const webRef = useRef<WebView>(null);\n\n  const { renderingRequest, cardId } = props;\n\n  const [addToWalletStatus, setAddToWalletStatus] = useState<UNCardAddToWalletStatus>(UNCardAddToWalletStatus.pending);\n\n  useEffect(() => {\n    if (!cardId) return;\n    const event: CardGetAddToWalletStatusEvent = { cardId };\n    EventBus.Instance.event(CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, event);\n  }, [cardId]);\n\n  useEffect(() => {\n    if (!webRef.current) return;\n    if (addToWalletStatus === UNCardAddToWalletStatus.pending) return;\n\n    const isCardInWallet = addToWalletStatus === UNCardAddToWalletStatus.addedToWallet;\n    webRef.current.injectJavaScript(`window.UnitMobileSDKConfig[\"isCardInWallet\"] = ${isCardInWallet}`);\n\n    if (renderingRequest) {\n      renderingBottomSheetRequest(webRef.current, renderingRequest);\n    }\n  }, [webRef.current, renderingRequest, addToWalletStatus]);\n\n  const gotCardWalletStatus = (data?: UNCardAddToWalletStatusEvent) => {\n    if (data != null) {\n      setAddToWalletStatus(data.status);\n    }\n  };\n\n  useListenerToBus({ busEventKey: CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, action: gotCardWalletStatus });\n\n  const handleAddToWalletClicked = () => {\n    if (!cardId) return;\n    const startPushProvisioningEvent: CardStartPushProvisioningEvent = { cardId };\n    EventBus.Instance.event(CardNativeMessage.CARD_START_PUSH_PROVISIONING, startPushProvisioningEvent);\n  };\n\n  return (\n    <>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.slot}\n        presentationMode={PresentationMode.CoverInjectedHeight}\n        isScrollable={false}\n      />\n      {addToWalletStatus === UNCardAddToWalletStatus.pending && <ActivityIndicator style={styles.loader} />}\n      {addToWalletStatus === UNCardAddToWalletStatus.readyToProvisioning && <UnitAddToWalletButtonView style={styles.addToWalletButton} onAddToWalletClicked={handleAddToWalletClicked} />}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useRef","WebComponent","injectHtmlFullScreenHeight","renderingBottomSheetRequest","getStylesObject","ActivityIndicator","UnitMessage","UnitAddToWalletButtonView","UNCardAddToWalletStatus","BottomSheetRenderingType","PresentationMode","WebComponentType","useCardWallet","launchStartCardProvisioning","EventBus","UNAddToWalletBottomSheetItem","props","styles","webRef","renderingType","renderingRequest","webComponentData","cardId","currentUNWallet","current","currentWalletStatus","status","pending","Slot","isCardInWallet","addedToWallet","injectJavaScript","handleAddToWalletClicked","handleWebComponentMessage","message","type","UNIT_ON_LOAD","fullScreenHeight","UNIT_REQUEST_CLOSE_FLOW","Instance","event","shouldShowWebComponent","isSlot","gotWalletStatus","readyToProvisioning","createElement","Fragment","ref","cardAction","slot","presentationMode","CoverInjectedHeight","params","isScrollable","onMessage","windowParams","undefined","style","loader","addToWalletButton","onAddToWalletClicked"],"sources":["UNAddToWalletBottomSheetItem.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport type WebView from 'react-native-webview';\nimport { WebComponent } from '../../../webComponent/WebComponent';\nimport { injectHtmlFullScreenHeight, renderingBottomSheetRequest } from '../UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNAddToWalletBottomSheetItem.styles';\nimport { ActivityIndicator } from 'react-native';\nimport { UnitMessage, type RequestRenderingEvent } from '../../../messages/webMessages/unitMessages';\nimport UnitAddToWalletButtonView from '../../../nativeComponent/UnitAddToWalletButton';\nimport { UNCardAddToWalletStatus } from '../../../types/shared/wallet.types';\nimport { BottomSheetRenderingType, WebComponentData } from '../../../types/internal/bottomSheet.types';\nimport { PresentationMode, WebComponentType } from '../../../types/internal/webComponent.types';\nimport { useCardWallet } from '../../../helpers/pushProvisioningService/hooks/useCardWallet';\nimport { launchStartCardProvisioning } from '../../../helpers/pushProvisioningService/startProvisioning';\nimport type { WebViewMessage } from '../../../messages/webMessages';\nimport EventBus from '../../../helpers/EventBus';\n\nexport interface UNAddToWalletBottomSheetItemProps {\n  renderingType: BottomSheetRenderingType\n  renderingRequest?: RequestRenderingEvent\n  webComponentData?: WebComponentData\n  cardId: string,\n  fullScreenHeight: number\n}\n\nexport const UNAddToWalletBottomSheetItem = (props: UNAddToWalletBottomSheetItemProps) => {\n  const styles = getStylesObject();\n\n  const webRef = useRef<WebView>(null);\n\n  const { renderingType, renderingRequest, webComponentData, cardId } = props;\n  const { currentUNWallet } = useCardWallet(cardId);\n\n  useEffect(() => {\n    if (!webRef.current) return;\n    const currentWalletStatus = currentUNWallet?.status ?? UNCardAddToWalletStatus.pending;\n    if (currentWalletStatus === UNCardAddToWalletStatus.pending) return;\n\n    if (renderingType === BottomSheetRenderingType.Slot && renderingRequest) {\n      const isCardInWallet = currentWalletStatus === UNCardAddToWalletStatus.addedToWallet;\n      webRef.current.injectJavaScript(`window.UnitMobileSDKConfig[\"isCardInWallet\"] = ${isCardInWallet}`);\n      renderingBottomSheetRequest(webRef.current, renderingRequest);\n    }\n\n  }, [webRef.current, renderingRequest, currentUNWallet]);\n\n  const handleAddToWalletClicked = () => {\n    if (!currentUNWallet) return;\n    launchStartCardProvisioning(currentUNWallet);\n  };\n\n  const handleWebComponentMessage  = (message: WebViewMessage) => {\n    if (!message || !message.type) return;\n    switch (message.type) {\n      case UnitMessage.UNIT_ON_LOAD:\n        injectHtmlFullScreenHeight(webRef.current, props.fullScreenHeight);\n        break;\n      case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW, {});\n        break;\n      default:\n        break;\n    }\n  };\n\n  const shouldShowWebComponent = () => {\n    // Show .Slot, since it need to be loaded when we inject the requestRendering\n    // Otherwise show web component only if the card is in wallet or ready to be provisioned.\n\n    const isSlot = renderingType === BottomSheetRenderingType.Slot;\n\n    const gotWalletStatus = currentUNWallet &&\n      (currentUNWallet.status === UNCardAddToWalletStatus.readyToProvisioning ||\n        currentUNWallet.status === UNCardAddToWalletStatus.addedToWallet);\n\n    return isSlot || gotWalletStatus;\n  };\n\n  return (\n    <>\n      {\n        shouldShowWebComponent() &&\n        <WebComponent\n          ref={webRef}\n          type={renderingType === BottomSheetRenderingType.WebComponent ? WebComponentType.cardAction : WebComponentType.slot}\n          presentationMode={PresentationMode.CoverInjectedHeight}\n          params={webComponentData?.params}\n          isScrollable={false}\n          onMessage={handleWebComponentMessage}\n          windowParams={renderingType === BottomSheetRenderingType.WebComponent ? `window.UnitMobileSDKConfig[\"isCardInWallet\"] = ${currentUNWallet?.status === UNCardAddToWalletStatus.addedToWallet}` : ''}\n        />\n      }\n\n      {\n        (currentUNWallet == undefined || currentUNWallet?.status === UNCardAddToWalletStatus.pending) &&\n        <ActivityIndicator style={styles.loader} />\n      }\n\n      {\n        currentUNWallet?.status === UNCardAddToWalletStatus.readyToProvisioning &&\n        <UnitAddToWalletButtonView style={styles.addToWalletButton} onAddToWalletClicked={handleAddToWalletClicked} />\n      }\n    </>\n  );\n};\n"],"mappings":"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"}

package/lib/module/components/UNCardComponent/UNCardComponent.js

@@ -1,23 +1,20 @@
-import React, { useImperativeHandle, useRef, useState } from 'react';
+import React, { useImperativeHandle, useRef, useState, useEffect } from 'react';
 import { Dimensions, View } from 'react-native';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import EventBus from '../../helpers/EventBus';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+import { WebComponent } from '../../webComponent/WebComponent';
 import { useListenerToBus } from '../../hooks/listenerToBus';
-import { getCardParams, getCardScript, injectRefreshEventIfNeeded, launchStartCardProvisioning, injectOpenActionsMenuScript, injectRequestCardActionScript } from './UNCardComponent.utils';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
+import { getCardParams, getCardScript, injectRefreshEventIfNeeded, injectOpenActionsMenuScript, injectRequestCardActionScript } from './UNCardComponent.utils';
 import { CardMessage } from '../../messages/webMessages/cardMessage';
-import { launchGetWallets } from './UNCardComponent.utils';
-import { CardAddToWalletErrors, CardNativeMessage } from '../../messages/nativeMessages/cardMessage';
 import { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
+import { BottomSheetRenderingType } from '../../types/internal/bottomSheet.types';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
+import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
+import { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';
 export const UNCardComponent = /*#__PURE__*/React.forwardRef(function UNCardComponent(props, cardRef) {
   const [height, setHeight] = useState(0);
   const windowWidth = Dimensions.get('window').width;
-  const walletRef = useRef(null);
-  // walletRef can be changed to a state. (After the change of the listener hook)
-  // TODO: walletState and checks it works. =)
-
   const webRef = useRef(null);
   useImperativeHandle(cardRef, () => ({
     openActionsMenu() {
@@ -40,14 +37,6 @@ export const UNCardComponent = /*#__PURE__*/React.forwardRef(function UNCardComp
   const requestRefresh = data => {
     injectRefreshEventIfNeeded(webRef.current, data, props.cardId);
   };
-  const startPushProvisioning = async data => {
-    if (data.cardId !== props.cardId) return;
-    onAddToWalletClicked();
-  };
-  const getAddToWalletStatus = data => {
-    if (data.cardId !== props.cardId) return;
-    getWallets();
-  };
   const handleUnitOnLoad = response => {
     if (!props.onLoad) {
       return;
@@ -76,25 +65,21 @@ export const UNCardComponent = /*#__PURE__*/React.forwardRef(function UNCardComp
     busEventKey: CardMessage.CARD_ACTIVATED,
     action: cardActivated
   });
-  useListenerToBus({
-    busEventKey: CardNativeMessage.CARD_START_PUSH_PROVISIONING,
-    action: startPushProvisioning
-  });
-  useListenerToBus({
-    busEventKey: CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS,
-    action: getAddToWalletStatus
-  });
   const handleMessage = message => {
     if (!message || !message.details) return;
     switch (message.type) {
       case UnitMessage.UNIT_REQUEST_RENDERING:
         {
-          const event = {
+          const slotData = {
             componentName: WebComponentType.card,
             componentResourceId: props.cardId,
             requestRenderingEvent: message.details
           };
-          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);
+          const event = {
+            type: BottomSheetRenderingType.Slot,
+            data: slotData
+          };
+          EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);
           break;
         }
       case PageMessage.PAGE_HEIGHT:
@@ -105,30 +90,14 @@ export const UNCardComponent = /*#__PURE__*/React.forwardRef(function UNCardComp
         break;
     }
   };
-  const getWallets = async () => {
-    try {
-      const walletResponse = await launchGetWallets(props.customerToken, props.cardId, props.pushProvisioningModule);
-      if (!walletResponse) return;
-      walletRef.current = walletResponse;
-      const walletStatus = {
-        status: walletResponse.status
-      };
-      EventBus.Instance.event(CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, walletStatus);
-    } catch (error) {
-      console.error(error);
+  useEffect(() => {
+    UnitSDK.setCustomerToken(props.customerToken);
+  }, [props.customerToken]);
+  useEffect(() => {
+    if (props.pushProvisioningModule) {
+      UnitSDK.setPushProvisioningModule(props.pushProvisioningModule);
     }
-  };
-  const onAddToWalletClicked = async () => {
-    try {
-      await launchStartCardProvisioning(props.pushProvisioningModule, walletRef.current);
-    } catch (error) {
-      if (error instanceof Error) {
-        const parsedError = JSON.parse(error.message);
-        if (parsedError.code === CardAddToWalletErrors.closedNativeWalletScreen) return;
-      }
-      console.log(error);
-    }
-  };
+  }, [props.pushProvisioningModule]);
   return /*#__PURE__*/React.createElement(View, {
     style: {
       height

package/lib/module/components/UNCardComponent/UNCardComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useImperativeHandle","useRef","useState","Dimensions","View","PageMessage","UnitMessage","EventBus","WebComponent","WebComponentType","useListenerToBus","getCardParams","getCardScript","injectRefreshEventIfNeeded","launchStartCardProvisioning","injectOpenActionsMenuScript","injectRequestCardActionScript","PresentationMode","CardMessage","launchGetWallets","CardAddToWalletErrors","CardNativeMessage","RESPONSE_KEYS","UNCardComponent","forwardRef","props","cardRef","height","setHeight","windowWidth","get","width","walletRef","webRef","openActionsMenu","current","openAction","action","cardStatusChanged","card","onStatusChanged","cardActivated","onCardActivated","requestRefresh","data","cardId","startPushProvisioning","onAddToWalletClicked","getAddToWalletStatus","getWallets","handleUnitOnLoad","response","onLoad","errors","console","error","busEventKey","UNIT_REQUEST_REFRESH","CARD_STATUS_CHANGED","CARD_ACTIVATED","CARD_START_PUSH_PROVISIONING","CARD_GET_ADD_TO_WALLET_STATUS","handleMessage","message","details","type","UNIT_REQUEST_RENDERING","event","componentName","componentResourceId","requestRenderingEvent","Instance","PAGE_HEIGHT","UNIT_ON_LOAD","walletResponse","customerToken","pushProvisioningModule","walletStatus","status","CARD_UPDATE_ADD_TO_WALLET_STATUS","Error","parsedError","JSON","parse","code","closedNativeWalletScreen","log","createElement","style","ref","presentationMode","Default","params","theme","language","script","onMessage","isScrollable"],"sources":["UNCardComponent.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState } from 'react';\nimport { Dimensions, NativeModule, View } from 'react-native';\nimport type WebView from 'react-native-webview';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport EventBus from '../../helpers/EventBus';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getCardParams, getCardScript, injectRefreshEventIfNeeded, launchStartCardProvisioning, injectOpenActionsMenuScript, injectRequestCardActionScript } from './UNCardComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { UNOnLoadResponse, UNCardData, UNError, UNCardMenuAction } from '../../sharedTypes';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\nimport { launchGetWallets } from './UNCardComponent.utils';\nimport type { NativeModules } from 'react-native';\nimport type { UNWallet } from 'src/sharedTypes/wallet.types';\nimport { CardAddToWalletErrors, UNCardAddToWalletStatusEvent, CardGetAddToWalletStatusEvent, CardNativeMessage, CardStartPushProvisioningEvent } from '../../messages/nativeMessages/cardMessage';\nimport type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nexport interface UNCardComponentProps {\n  // inputs\n  cardId: string;\n  customerToken: string;\n  learnMoreUrl?: string;\n\n  // ui\n  theme?: string;\n  language?: string;\n  hideActionsMenuButton?: boolean;\n  hideCardTitle?: boolean;\n  hideSensitiveDataButton?: boolean;\n\n  // events\n  onLoad?: (response: UNOnLoadResponse<UNCardData>) => void\n  onStatusChanged?: (card: UNCardData) => void;\n  onCardActivated?: (card: UNCardData) => void;\n  pushProvisioningModule?: typeof NativeModules;\n}\nexport interface CardRef {\n  openActionsMenu: () => void;\n  openAction: (action: UNCardMenuAction) => void;\n}\n\nexport const UNCardComponent = React.forwardRef<CardRef, UNCardComponentProps>(function UNCardComponent(props, cardRef) {\n  const [height, setHeight] = useState(0);\n  const windowWidth = Dimensions.get('window').width;\n\n  const walletRef = useRef<UNWallet | null>(null);\n  // walletRef can be changed to a state. (After the change of the listener hook)\n  // TODO: walletState and checks it works. =)\n\n  const webRef = useRef<WebView>(null);\n\n  useImperativeHandle(cardRef, () => ({\n    openActionsMenu() {\n      injectOpenActionsMenuScript(webRef.current);\n    },\n    openAction(action: UNCardMenuAction) {\n      injectRequestCardActionScript(webRef.current, action);\n    }\n  }));\n\n  const cardStatusChanged = (card: UNCardData) => {\n    if (props.onStatusChanged) {\n      props.onStatusChanged(card);\n    }\n  };\n\n  const cardActivated = (card: UNCardData) => {\n    if (props.onCardActivated) {\n      props.onCardActivated(card);\n    }\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    injectRefreshEventIfNeeded(webRef.current, data, props.cardId);\n  };\n\n  const startPushProvisioning = async (data: CardStartPushProvisioningEvent) => {\n    if (data.cardId !== props.cardId) return;\n    onAddToWalletClicked();\n  };\n\n  const getAddToWalletStatus = (data: CardGetAddToWalletStatusEvent) => {\n    if (data.cardId !== props.cardId) return;\n    getWallets();\n  };\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.card in response) {\n      // CardOnLoadResponse\n      props.onLoad(response[RESPONSE_KEYS.card] as UNOnLoadResponse<UNCardData>);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\n  };\n\n  useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n  useListenerToBus({ busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged });\n  useListenerToBus({ busEventKey: CardMessage.CARD_ACTIVATED, action: cardActivated });\n  useListenerToBus({ busEventKey: CardNativeMessage.CARD_START_PUSH_PROVISIONING, action: startPushProvisioning });\n  useListenerToBus({ busEventKey: CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, action: getAddToWalletStatus });\n\n  const handleMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        const event: BottomSheetSlotData = {\n          componentName: WebComponentType.card,\n          componentResourceId: props.cardId,\n          requestRenderingEvent: message.details as RequestRenderingEvent\n        };\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);\n        break;\n      }\n      case PageMessage.PAGE_HEIGHT:\n        setHeight((message.details as HeightEvent).height);\n        break;\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n    }\n  };\n\n  const getWallets = async () => {\n\n    try {\n\n      const walletResponse = await launchGetWallets(props.customerToken, props.cardId, props.pushProvisioningModule as NativeModule);\n\n      if (!walletResponse) return;\n\n      walletRef.current = walletResponse;\n\n      const walletStatus: UNCardAddToWalletStatusEvent = { status: walletResponse.status };\n      EventBus.Instance.event(CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, walletStatus);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n\n  const onAddToWalletClicked = async () => {\n    try {\n      await launchStartCardProvisioning(props.pushProvisioningModule as NativeModule, walletRef.current);\n    } catch (error) {\n      if (error instanceof Error) {\n        const parsedError = JSON.parse(error.message);\n        if (parsedError.code === CardAddToWalletErrors.closedNativeWalletScreen) return;\n      }\n      console.log(error);\n    }\n  };\n\n  return (\n    <View style={{ height }}>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.card}\n        presentationMode={PresentationMode.Default}\n        params={getCardParams(props)}\n        theme={props.theme}\n        language={props.language}\n        script={getCardScript()}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","useImperativeHandle","useRef","useState","useEffect","Dimensions","View","PageMessage","UnitMessage","EventBus","WebComponent","useListenerToBus","getCardParams","getCardScript","injectRefreshEventIfNeeded","injectOpenActionsMenuScript","injectRequestCardActionScript","CardMessage","RESPONSE_KEYS","BottomSheetRenderingType","PresentationMode","WebComponentType","UnitSDK","BottomSheetNativeMessage","UNCardComponent","forwardRef","props","cardRef","height","setHeight","windowWidth","get","width","webRef","openActionsMenu","current","openAction","action","cardStatusChanged","card","onStatusChanged","cardActivated","onCardActivated","requestRefresh","data","cardId","handleUnitOnLoad","response","onLoad","errors","console","error","busEventKey","UNIT_REQUEST_REFRESH","CARD_STATUS_CHANGED","CARD_ACTIVATED","handleMessage","message","details","type","UNIT_REQUEST_RENDERING","slotData","componentName","componentResourceId","requestRenderingEvent","event","Slot","Instance","START_FLOW","PAGE_HEIGHT","UNIT_ON_LOAD","setCustomerToken","customerToken","pushProvisioningModule","setPushProvisioningModule","createElement","style","ref","presentationMode","Default","params","theme","language","script","onMessage","isScrollable"],"sources":["UNCardComponent.tsx"],"sourcesContent":["import React, { useImperativeHandle, useRef, useState, useEffect } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type WebView from 'react-native-webview';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport EventBus from '../../helpers/EventBus';\nimport { WebComponent } from '../../webComponent/WebComponent';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getCardParams, getCardScript, injectRefreshEventIfNeeded, injectOpenActionsMenuScript, injectRequestCardActionScript } from './UNCardComponent.utils';\nimport type { UNOnLoadResponse, UNCardData, UNError, UNCardMenuAction } from '../../types/shared';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\nimport type { NativeModules } from 'react-native';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport { BottomSheetRenderingType, SlotRendering, type BottomSheetSlotData } from '../../types/internal/bottomSheet.types';\nimport { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';\nimport { UnitSDK } from '../../unitSdkManager/UnitSdkManager';\nimport { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';\nexport interface UNCardComponentProps {\n  // inputs\n  cardId: string;\n  customerToken: string;\n  learnMoreUrl?: string;\n\n  // ui\n  theme?: string;\n  language?: string;\n  hideActionsMenuButton?: boolean;\n  hideCardTitle?: boolean;\n  hideSensitiveDataButton?: boolean;\n\n  // events\n  onLoad?: (response: UNOnLoadResponse<UNCardData>) => void\n  onStatusChanged?: (card: UNCardData) => void;\n  onCardActivated?: (card: UNCardData) => void;\n  pushProvisioningModule?: typeof NativeModules;\n}\nexport interface CardRef {\n  openActionsMenu: () => void;\n  openAction: (action: UNCardMenuAction) => void;\n}\n\nexport const UNCardComponent = React.forwardRef<CardRef, UNCardComponentProps>(function UNCardComponent(props, cardRef) {\n  const [height, setHeight] = useState(0);\n  const windowWidth = Dimensions.get('window').width;\n\n  const webRef = useRef<WebView>(null);\n\n  useImperativeHandle(cardRef, () => ({\n    openActionsMenu() {\n      injectOpenActionsMenuScript(webRef.current);\n    },\n    openAction(action: UNCardMenuAction) {\n      injectRequestCardActionScript(webRef.current, action);\n    }\n  }));\n\n  const cardStatusChanged = (card: UNCardData) => {\n    if (props.onStatusChanged) {\n      props.onStatusChanged(card);\n    }\n  };\n\n  const cardActivated = (card: UNCardData) => {\n    if (props.onCardActivated) {\n      props.onCardActivated(card);\n    }\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    injectRefreshEventIfNeeded(webRef.current, data, props.cardId);\n  };\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.card in response) {\n      // CardOnLoadResponse\n      props.onLoad(response[RESPONSE_KEYS.card] as UNOnLoadResponse<UNCardData>);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\n  };\n\n  useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n  useListenerToBus({ busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged });\n  useListenerToBus({ busEventKey: CardMessage.CARD_ACTIVATED, action: cardActivated });\n\n  const handleMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        const slotData: BottomSheetSlotData = {\n          componentName: WebComponentType.card,\n          componentResourceId: props.cardId,\n          requestRenderingEvent: message.details as RequestRenderingEvent\n        };\n\n        const event = {\n          type: BottomSheetRenderingType.Slot,\n          data: slotData\n        } as SlotRendering;\n\n        EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);\n        break;\n      }\n      case PageMessage.PAGE_HEIGHT:\n        setHeight((message.details as HeightEvent).height);\n        break;\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n    }\n  };\n\n  useEffect(() => {\n    UnitSDK.setCustomerToken(props.customerToken);\n  }, [props.customerToken]);\n\n  useEffect(() => {\n    if (props.pushProvisioningModule) {\n      UnitSDK.setPushProvisioningModule(props.pushProvisioningModule);\n    }\n  }, [props.pushProvisioningModule]);\n\n  return (\n    <View style={{ height }}>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.card}\n        presentationMode={PresentationMode.Default}\n        params={getCardParams(props)}\n        theme={props.theme}\n        language={props.language}\n        script={getCardScript()}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n});\n"],"mappings":"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"}

package/lib/module/components/UNCardComponent/UNCardComponent.utils.js

@@ -1,8 +1,5 @@
 import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';
-import { WebComponentType } from '../../webComponent/WebComponent';
-import { getMobileWalletPayload } from './networking/requests/UNWalletPayloadRequest';
-import { UNWalletCode, UNWalletName } from '../../../src/sharedTypes/wallet.types';
-import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
+import { WebComponentType } from '../../types/internal/webComponent.types';
 export const getCardParams = props => {
   return `
     card-id="${props.cardId}"
@@ -28,48 +25,4 @@ export const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent, card
     currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
   }
 };
-export const launchGetWallets = async (customerToken, cardId, pushProvisioningModule) => {
-  try {
-    const env = UnitSDK.getEnv();
-    if (!env) return null;
-    const encryptedPayload = await getMobileWalletPayload(customerToken, cardId, env);
-    if (!encryptedPayload) return null;
-    const walletsResponse = await pushProvisioningModule.launchGetWallets(JSON.stringify({
-      encPayload: encryptedPayload
-    }));
-    const parsedWalletsResponse = JSON.parse(walletsResponse);
-    const wallets = parsedWalletsResponse.wallets;
-    if (!wallets) return null;
-    if (wallets[0].code === UNWalletCode.Apple) {
-      return {
-        name: UNWalletName.Apple,
-        code: UNWalletCode.Apple,
-        status: wallets[0].status
-      };
-    } else {
-      const googleWallet = wallets.filter(wallet => {
-        return wallet.name === UNWalletName.Google;
-      });
-      if (!googleWallet) return;
-      return {
-        name: UNWalletName.Google,
-        code: UNWalletCode.Google,
-        status: googleWallet[0].status
-      };
-    }
-  } catch (error) {
-    return Promise.reject(error);
-  }
-};
-export const launchStartCardProvisioning = async (pushProvisioningModule, wallet) => {
-  try {
-    const response = await pushProvisioningModule.launchStartCardProvisioning(JSON.stringify({
-      walletCode: wallet === null || wallet === void 0 ? void 0 : wallet.code,
-      walletName: wallet === null || wallet === void 0 ? void 0 : wallet.name
-    }));
-    return response;
-  } catch (error) {
-    return Promise.reject(error);
-  }
-};
 //# sourceMappingURL=UNCardComponent.utils.js.map

package/lib/module/components/UNCardComponent/UNCardComponent.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["DISPATCH_REQUEST_REFRESH","WebComponentType","getMobileWalletPayload","UNWalletCode","UNWalletName","UnitSDK","getCardParams","props","cardId","customerToken","pushProvisioningModule","hideActionsMenuButton","hideCardTitle","hideSensitiveDataButton","learnMoreUrl","getCardScript","injectOpenActionsMenuScript","currentWeb","injectJavaScript","card","injectRequestCardActionScript","action","injectRefreshEventIfNeeded","requestRefreshEvent","dependencies","includes","valueOf","resourceId","JSON","stringify","launchGetWallets","env","getEnv","encryptedPayload","walletsResponse","encPayload","parsedWalletsResponse","parse","wallets","code","Apple","name","status","googleWallet","filter","wallet","Google","error","Promise","reject","launchStartCardProvisioning","response","walletCode","walletName"],"sources":["UNCardComponent.utils.ts"],"sourcesContent":["import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';\nimport type WebView from 'react-native-webview';\nimport type { UNCardComponentProps } from './UNCardComponent';\nimport { WebComponentType } from '../../webComponent/WebComponent';\nimport type { NativeModules } from 'react-native';\nimport { getMobileWalletPayload } from './networking/requests/UNWalletPayloadRequest';\nimport { UNWallet, UNWalletCode, UNWalletName } from '../../../src/sharedTypes/wallet.types';\nimport type { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';\nimport { UnitSDK } from '../../unitSdkManager/UnitSdkManager';\nimport type { UNCardMenuAction } from '../../sharedTypes';\n\nexport const getCardParams = (props: UNCardComponentProps) => {\n  return `\n    card-id=\"${props.cardId}\"\n    customer-token=\"${props.customerToken}\"\n    enable-mobile-wallet=\"${!!props.pushProvisioningModule}\"\n    hide-actions-menu-button=\"${props.hideActionsMenuButton || false}\"\n    hide-card-title=\"${props.hideCardTitle || false}\"\n    hide-sensitive-data-button=\"${props.hideSensitiveDataButton || false}\"\n    learn-more-url=\"${props.learnMoreUrl || ''}\"\n  `;\n};\n\nexport const getCardScript = () => {\n  return DISPATCH_REQUEST_REFRESH;\n};\n\nexport const injectOpenActionsMenuScript = (currentWeb: WebView | null) => {\n  currentWeb?.injectJavaScript(`dispatchOpenActionsMenu('${WebComponentType.card}')`);\n};\n\nexport const injectRequestCardActionScript = (currentWeb: WebView | null, action: UNCardMenuAction) => {\n  currentWeb?.injectJavaScript(`dispatchRequestCardAction('${action}')`);\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n\nexport const launchGetWallets = async (customerToken: string, cardId: string, pushProvisioningModule: typeof NativeModules) => {\n  try {\n    const env = UnitSDK.getEnv();\n    if (!env) return null;\n\n    const encryptedPayload = await getMobileWalletPayload(customerToken, cardId, env);\n    if (!encryptedPayload) return null;\n\n    const walletsResponse = await pushProvisioningModule.launchGetWallets(JSON.stringify({ encPayload: encryptedPayload }));\n    const parsedWalletsResponse = JSON.parse(walletsResponse);\n    const wallets = parsedWalletsResponse.wallets;\n\n    if (!wallets) return null;\n    if (wallets[0].code === UNWalletCode.Apple) {\n      return ({ name: UNWalletName.Apple, code: UNWalletCode.Apple, status: wallets[0].status });\n    } else {\n      const googleWallet = wallets.filter((wallet: { name: UNWalletName }) => {\n        return wallet.name === UNWalletName.Google;\n      });\n      if (!googleWallet) return;\n      return ({ name: UNWalletName.Google, code: UNWalletCode.Google, status: googleWallet[0].status });\n    }\n  } catch (error) {\n    return Promise.reject(error);\n  }\n\n};\n\nexport const launchStartCardProvisioning = async (pushProvisioningModule: typeof NativeModules, wallet: UNWallet | null) => {\n  try {\n    const response = await pushProvisioningModule.launchStartCardProvisioning(\n      JSON.stringify({\n        walletCode: wallet?.code,\n        walletName: wallet?.name\n      }));\n    return response;\n  }\n\n  catch (error) {\n    return Promise.reject(error);\n  }\n};\n"],"mappings":"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"}
+{"version":3,"names":["DISPATCH_REQUEST_REFRESH","WebComponentType","getCardParams","props","cardId","customerToken","pushProvisioningModule","hideActionsMenuButton","hideCardTitle","hideSensitiveDataButton","learnMoreUrl","getCardScript","injectOpenActionsMenuScript","currentWeb","injectJavaScript","card","injectRequestCardActionScript","action","injectRefreshEventIfNeeded","requestRefreshEvent","dependencies","includes","valueOf","resourceId","JSON","stringify"],"sources":["UNCardComponent.utils.ts"],"sourcesContent":["import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';\nimport type WebView from 'react-native-webview';\nimport type { UNCardComponentProps } from './UNCardComponent';\nimport type { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';\nimport type { UNCardMenuAction } from '../../types/shared';\nimport { WebComponentType } from '../../types/internal/webComponent.types';\n\nexport const getCardParams = (props: UNCardComponentProps) => {\n  return `\n    card-id=\"${props.cardId}\"\n    customer-token=\"${props.customerToken}\"\n    enable-mobile-wallet=\"${!!props.pushProvisioningModule}\"\n    hide-actions-menu-button=\"${props.hideActionsMenuButton || false}\"\n    hide-card-title=\"${props.hideCardTitle || false}\"\n    hide-sensitive-data-button=\"${props.hideSensitiveDataButton || false}\"\n    learn-more-url=\"${props.learnMoreUrl || ''}\"\n  `;\n};\n\nexport const getCardScript = () => {\n  return DISPATCH_REQUEST_REFRESH;\n};\n\nexport const injectOpenActionsMenuScript = (currentWeb: WebView | null) => {\n  currentWeb?.injectJavaScript(`dispatchOpenActionsMenu('${WebComponentType.card}')`);\n};\n\nexport const injectRequestCardActionScript = (currentWeb: WebView | null, action: UNCardMenuAction) => {\n  currentWeb?.injectJavaScript(`dispatchRequestCardAction('${action}')`);\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,iCAAiC;AAK1E,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,OAAO,MAAMC,aAAa,GAAIC,KAA2B,IAAK;EAC5D,OAAQ;AACV,eAAeA,KAAK,CAACC,MAAO;AAC5B,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,4BAA4B,CAAC,CAACF,KAAK,CAACG,sBAAuB;AAC3D,gCAAgCH,KAAK,CAACI,qBAAqB,IAAI,KAAM;AACrE,uBAAuBJ,KAAK,CAACK,aAAa,IAAI,KAAM;AACpD,kCAAkCL,KAAK,CAACM,uBAAuB,IAAI,KAAM;AACzE,sBAAsBN,KAAK,CAACO,YAAY,IAAI,EAAG;AAC/C,GAAG;AACH,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjC,OAAOX,wBAAwB;AACjC,CAAC;AAED,OAAO,MAAMY,2BAA2B,GAAIC,UAA0B,IAAK;EACzEA,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,4BAA2Bb,gBAAgB,CAACc,IAAK,IAAG,CAAC;AACrF,CAAC;AAED,OAAO,MAAMC,6BAA6B,GAAGA,CAACH,UAA0B,EAAEI,MAAwB,KAAK;EACrGJ,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,8BAA6BG,MAAO,IAAG,CAAC;AACxE,CAAC;AAED,OAAO,MAAMC,0BAA0B,GAAGA,CAACL,UAA0B,EAAEM,mBAA+C,EAAEf,MAAc,KAAK;EACzI,IAAIe,mBAAmB,IAAIA,mBAAmB,CAACC,YAAY,CAACC,QAAQ,CAACpB,gBAAgB,CAACc,IAAI,CAACO,OAAO,EAAE,CAAC,IAAIH,mBAAmB,CAACI,UAAU,IAAInB,MAAM,EAAE;IACjJS,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEC,gBAAgB,CAAE,yBAAwBU,IAAI,CAACC,SAAS,CAACN,mBAAmB,CAAE,IAAG,CAAC;EAChG;AACF,CAAC"}

package/lib/module/components/UNCheckDepositComponent/UNCheckDepositComponent.js

@@ -1,12 +1,12 @@
 import React, { useEffect, useState } from 'react';
 import { View, NativeModules, Platform } from 'react-native';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
+import { WebComponent } from '../../webComponent/WebComponent';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import { getCheckDepositParams, getCheckDepositScript } from './UNCheckDepositComponent.utils';
 import { CheckMessage } from '../../messages/webMessages/checkMessage';
 import { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 const {
   Camera
 } = NativeModules;

package/lib/module/components/UNCheckDepositComponent/UNCheckDepositComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","View","NativeModules","Platform","WebComponent","WebComponentType","PresentationMode","PageMessage","UnitMessage","getCheckDepositParams","getCheckDepositScript","CheckMessage","RESPONSE_KEYS","Camera","UNCheckDepositComponent","props","height","setHeight","presentationMode","setPresentationMode","Inherit","requestCameraAccess","requestAccess","error","console","OS","handleUnitOnLoad","response","onLoad","errors","account","handleWebViewMessage","message","details","type","CHECK_DEPOSIT_CREATED","onDepositCreated","CHECK_DEPOSIT_RESTART_REQUEST","onRestartRequest","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","createElement","checkDeposit","params","script","onMessage","theme","language","isScrollable","style"],"sources":["UNCheckDepositComponent.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View, NativeModules, Platform } from 'react-native';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { getCheckDepositParams, getCheckDepositScript } from './UNCheckDepositComponent.utils';\nimport { CheckMessage } from '../../messages/webMessages/checkMessage';\nimport type { UNCheckDepositData } from '../../sharedTypes/checkDeposit.types';\nimport type { UNAccountData, UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../sharedTypes';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\n\nconst { Camera } = NativeModules;\n\nexport interface UNCheckDepositComponentProps {\n  accountId: string;\n  fee: number;\n  customerToken: string;\n  theme?: string;\n  language?: string;\n  onLoad?: (response: UNOnLoadResponse<UNAccountData>) => void;\n  onDepositCreated?: (checkData: UNCheckDepositData) => void\n  onRestartRequest?: (checkData: UNCheckDepositData) => void\n}\n\nexport const UNCheckDepositComponent = (props: UNCheckDepositComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n  useEffect(() => {\n    const requestCameraAccess = async () => {\n      try {\n        await Camera.requestAccess();\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      } catch (error: any) {\n        console.error(error);\n      }\n    };\n\n    if (Platform.OS == 'ios') {\n      requestCameraAccess();\n    }\n  }, []);\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response) {\n      // AccountOnLoadResponse;\n      props.onLoad(response[RESPONSE_KEYS.account] as UNOnLoadResponseData<UNAccountData>);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\n  };\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case CheckMessage.CHECK_DEPOSIT_CREATED:\n        props.onDepositCreated && props.onDepositCreated(message.details as UNCheckDepositData);\n        break;\n      case CheckMessage.CHECK_DEPOSIT_RESTART_REQUEST:\n        props.onRestartRequest && props.onRestartRequest(message.details as UNCheckDepositData);\n        break;\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case PageMessage.PAGE_HEIGHT: {\n        const currentHeight = (message.details as HeightEvent).height;\n        setHeight(currentHeight);\n        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n          setPresentationMode(PresentationMode.Default);\n        }\n        break;\n      }\n    }\n  };\n\n  const renderBookPaymentWebView = () => {\n    return (\n      <WebComponent\n        type={WebComponentType.checkDeposit}\n        presentationMode={presentationMode}\n        params={getCheckDepositParams(props)}\n        script={getCheckDepositScript()}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        theme={props.theme}\n        language={props.language}\n        isScrollable={true}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderBookPaymentWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderBookPaymentWebView()}\n    </View>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","View","NativeModules","Platform","WebComponent","PageMessage","UnitMessage","getCheckDepositParams","getCheckDepositScript","CheckMessage","RESPONSE_KEYS","PresentationMode","WebComponentType","Camera","UNCheckDepositComponent","props","height","setHeight","presentationMode","setPresentationMode","Inherit","requestCameraAccess","requestAccess","error","console","OS","handleUnitOnLoad","response","onLoad","errors","account","handleWebViewMessage","message","details","type","CHECK_DEPOSIT_CREATED","onDepositCreated","CHECK_DEPOSIT_RESTART_REQUEST","onRestartRequest","UNIT_ON_LOAD","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","createElement","checkDeposit","params","script","onMessage","theme","language","isScrollable","style"],"sources":["UNCheckDepositComponent.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { View, NativeModules, Platform } from 'react-native';\nimport { WebComponent } from '../../webComponent/WebComponent';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { getCheckDepositParams, getCheckDepositScript } from './UNCheckDepositComponent.utils';\nimport { CheckMessage } from '../../messages/webMessages/checkMessage';\nimport type { UNCheckDepositData } from '../../types/shared/checkDeposit.types';\nimport type { UNAccountData, UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../types/shared';\nimport { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';\nimport { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';\n\nconst { Camera } = NativeModules;\n\nexport interface UNCheckDepositComponentProps {\n  accountId: string;\n  fee: number;\n  customerToken: string;\n  theme?: string;\n  language?: string;\n  onLoad?: (response: UNOnLoadResponse<UNAccountData>) => void;\n  onDepositCreated?: (checkData: UNCheckDepositData) => void\n  onRestartRequest?: (checkData: UNCheckDepositData) => void\n}\n\nexport const UNCheckDepositComponent = (props: UNCheckDepositComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n  useEffect(() => {\n    const requestCameraAccess = async () => {\n      try {\n        await Camera.requestAccess();\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      } catch (error: any) {\n        console.error(error);\n      }\n    };\n\n    if (Platform.OS == 'ios') {\n      requestCameraAccess();\n    }\n  }, []);\n\n  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {\n    if (!props.onLoad) {\n      return;\n    }\n\n    if (RESPONSE_KEYS.errors in response) {\n      props.onLoad(response as UNError);\n      return;\n    }\n\n    if (RESPONSE_KEYS.account in response) {\n      // AccountOnLoadResponse;\n      props.onLoad(response[RESPONSE_KEYS.account] as UNOnLoadResponseData<UNAccountData>);\n      return;\n    }\n\n    console.error('On Load Error: unexpected response type');\n    return;\n  };\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case CheckMessage.CHECK_DEPOSIT_CREATED:\n        props.onDepositCreated && props.onDepositCreated(message.details as UNCheckDepositData);\n        break;\n      case CheckMessage.CHECK_DEPOSIT_RESTART_REQUEST:\n        props.onRestartRequest && props.onRestartRequest(message.details as UNCheckDepositData);\n        break;\n      case UnitMessage.UNIT_ON_LOAD:\n        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);\n        break;\n      case PageMessage.PAGE_HEIGHT: {\n        const currentHeight = (message.details as HeightEvent).height;\n        setHeight(currentHeight);\n        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n          setPresentationMode(PresentationMode.Default);\n        }\n        break;\n      }\n    }\n  };\n\n  const renderBookPaymentWebView = () => {\n    return (\n      <WebComponent\n        type={WebComponentType.checkDeposit}\n        presentationMode={presentationMode}\n        params={getCheckDepositParams(props)}\n        script={getCheckDepositScript()}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        theme={props.theme}\n        language={props.language}\n        isScrollable={true}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderBookPaymentWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderBookPaymentWebView()}\n    </View>\n  );\n};\n"],"mappings":"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"}

package/lib/module/flows/UNFlows.js

@@ -0,0 +1,12 @@
+import { UNCardFlows } from './card/UNCardFlows';
+import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
+export class UNFlows {
+  constructor() {
+    console.log('new Flows instance created');
+  }
+  async startPushProvisioning(cardId, customerToken) {
+    UnitSDK.setCustomerToken(customerToken);
+    UNCardFlows.startPushProvisioning(cardId, customerToken);
+  }
+}
+//# sourceMappingURL=UNFlows.js.map

package/lib/module/flows/UNFlows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UNCardFlows","UnitSDK","UNFlows","constructor","console","log","startPushProvisioning","cardId","customerToken","setCustomerToken"],"sources":["UNFlows.ts"],"sourcesContent":["import { UNCardFlows } from './card/UNCardFlows';\nimport { UnitSDK } from '../unitSdkManager/UnitSdkManager';\n\nexport class UNFlows {\n  constructor() {\n    console.log('new Flows instance created');\n  }\n\n  public async startPushProvisioning(cardId: string, customerToken: string) {\n    UnitSDK.setCustomerToken(customerToken);\n    UNCardFlows.startPushProvisioning(cardId, customerToken);\n  }\n}\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,oBAAoB;AAChD,SAASC,OAAO,QAAQ,kCAAkC;AAE1D,OAAO,MAAMC,OAAO,CAAC;EACnBC,WAAWA,CAAA,EAAG;IACZC,OAAO,CAACC,GAAG,CAAC,4BAA4B,CAAC;EAC3C;EAEA,MAAaC,qBAAqBA,CAACC,MAAc,EAAEC,aAAqB,EAAE;IACxEP,OAAO,CAACQ,gBAAgB,CAACD,aAAa,CAAC;IACvCR,WAAW,CAACM,qBAAqB,CAACC,MAAM,EAAEC,aAAa,CAAC;EAC1D;AACF"}

package/lib/module/flows/card/UNCardFlows.js

@@ -0,0 +1,25 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import EventBus from '../../helpers/EventBus';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
+import { BottomSheetRenderingType } from '../../types/internal/bottomSheet.types';
+import { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';
+export class UNCardFlows {}
+_defineProperty(UNCardFlows, "startPushProvisioning", async (cardId, customerToken) => {
+  try {
+    const addToWalletComponentData = {
+      type: WebComponentType.cardAction,
+      presentationMode: PresentationMode.CoverInjectedHeight,
+      params: `card-id=${cardId} customer-token=${customerToken} action=AddToWallet`
+    };
+    const event = {
+      type: BottomSheetRenderingType.WebComponent,
+      data: addToWalletComponentData
+    };
+    EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);
+  } catch (error) {
+    console.error(error);
+  }
+});
+//# sourceMappingURL=UNCardFlows.js.map

package/lib/module/flows/card/UNCardFlows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EventBus","PresentationMode","WebComponentType","BottomSheetRenderingType","BottomSheetNativeMessage","UNCardFlows","_defineProperty","cardId","customerToken","addToWalletComponentData","type","cardAction","presentationMode","CoverInjectedHeight","params","event","WebComponent","data","Instance","START_FLOW","error","console"],"sources":["UNCardFlows.ts"],"sourcesContent":["import EventBus from '../../helpers/EventBus';\nimport { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';\nimport { BottomSheetRenderingType, type WebComponentData, type WebComponentRendering } from '../../types/internal/bottomSheet.types';\nimport { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';\n\nexport class UNCardFlows {\n  public static startPushProvisioning = async (cardId: string, customerToken: string) => {\n    try {\n      const addToWalletComponentData: WebComponentData = {\n        type: WebComponentType.cardAction,\n        presentationMode: PresentationMode.CoverInjectedHeight,\n        params: `card-id=${cardId} customer-token=${customerToken} action=AddToWallet`,\n      };\n\n      const event: WebComponentRendering = {\n        type: BottomSheetRenderingType.WebComponent,\n        data: addToWalletComponentData,\n      };\n\n      EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n}\n"],"mappings":";;;AAAA,OAAOA,QAAQ,MAAM,wBAAwB;AAC7C,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,yCAAyC;AAC5F,SAASC,wBAAwB,QAA2D,wCAAwC;AACpI,SAASC,wBAAwB,QAAQ,kDAAkD;AAE3F,OAAO,MAAMC,WAAW,CAAC;AAmBxBC,eAAA,CAnBYD,WAAW,2BACgB,OAAOE,MAAc,EAAEC,aAAqB,KAAK;EACrF,IAAI;IACF,MAAMC,wBAA0C,GAAG;MACjDC,IAAI,EAAER,gBAAgB,CAACS,UAAU;MACjCC,gBAAgB,EAAEX,gBAAgB,CAACY,mBAAmB;MACtDC,MAAM,EAAG,WAAUP,MAAO,mBAAkBC,aAAc;IAC5D,CAAC;IAED,MAAMO,KAA4B,GAAG;MACnCL,IAAI,EAAEP,wBAAwB,CAACa,YAAY;MAC3CC,IAAI,EAAER;IACR,CAAC;IAEDT,QAAQ,CAACkB,QAAQ,CAACH,KAAK,CAACX,wBAAwB,CAACe,UAAU,EAAEJ,KAAK,CAAC;EACrE,CAAC,CAAC,OAAOK,KAAK,EAAE;IACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;EACtB;AACF,CAAC"}

package/lib/module/helpers/pushProvisioningService/hooks/useCardWallet.js

@@ -0,0 +1,63 @@
+import { useEffect, useState } from 'react';
+import { UNWalletCode, UNWalletName } from '../../../types/shared/wallet.types';
+import { UnitSDK } from '../../../unitSdkManager/UnitSdkManager';
+import { getMobileWalletPayload } from '../../../networking/requests/UNWalletPayloadRequest';
+export const useCardWallet = cardId => {
+  const [currentUNWallet, setCurrentUNWallet] = useState();
+  useEffect(() => {
+    const getEncryptedPayload = async () => {
+      const env = UnitSDK.getEnv();
+      const customerToken = UnitSDK.getCustomerToken();
+      if (!env || !customerToken) return;
+      const encryptedPayload = await getMobileWalletPayload(customerToken, cardId, env);
+      return encryptedPayload;
+    };
+    const getCardWalletData = async () => {
+      const currentProvisioningModule = UnitSDK.getPushProvisionModule();
+      if (!currentProvisioningModule) return;
+      try {
+        const encryptedPayload = await getEncryptedPayload();
+        const walletsResponse = await currentProvisioningModule.launchGetWallets(JSON.stringify({
+          encPayload: encryptedPayload
+        }));
+        const unWallet = parseWalletsResponse(walletsResponse);
+        if (!unWallet) return;
+        setCurrentUNWallet(unWallet);
+        return;
+      } catch (error) {
+        return Promise.reject(error);
+      }
+    };
+    getCardWalletData();
+  }, [cardId]);
+  return {
+    currentUNWallet
+  };
+};
+const parseWalletsResponse = walletsResponse => {
+  try {
+    const parsedWalletsResponse = JSON.parse(walletsResponse);
+    const wallets = parsedWalletsResponse.wallets;
+    if (!wallets) return null;
+    if (wallets[0].code === UNWalletCode.Apple) {
+      return {
+        name: UNWalletName.Apple,
+        code: UNWalletCode.Apple,
+        status: wallets[0].status
+      };
+    } else {
+      const googleWallet = wallets.filter(wallet => {
+        return wallet.name === UNWalletName.Google;
+      });
+      if (!googleWallet) return null;
+      return {
+        name: UNWalletName.Google,
+        code: UNWalletCode.Google,
+        status: googleWallet[0].status
+      };
+    }
+  } catch (error) {
+    throw new Error('Error parsing wallet response');
+  }
+};
+//# sourceMappingURL=useCardWallet.js.map