react-native-unit-components 1.8.1 → 1.9.1

package/src/helpers/store/helpers.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Provider } from 'react-redux';
+import { store } from '../../store';
+
+export const withReduxStore = <Props, >(Component: React.ComponentType<any>) => {
+  const Wrapper = (props: Props) => {
+    return (
+      <Provider store={store} >
+        <Component {...props} />
+      </Provider>
+    );
+  };
+  return Wrapper;
+};
+
+export const withReduxStoreAndRefForwarding = <Props, Ref>(Component: React.ComponentType<any>) => React.forwardRef<Ref, Props>((props, ref) => {
+  return (
+    <Provider store={store}>
+      <Component ref={ref} {...props} />
+    </Provider>
+  );
+});

package/src/networking/requests/UNWalletPayloadRequest.ts

@@ -1,10 +1,12 @@
 import axios from 'axios';
 import { APIHeaders, UNIT_SECURE_URL } from '../common/UNNetworkConstants';
-import { UnitSDK, UNEnvironment } from '../../unitSdkManager/UnitSdkManager';
+import type { UNEnvironment } from '../../unitSdkManager/UnitSdkManager';
 
 // TODO: use apiClient class for handling requests.
 
-export const getMobileWalletPayload = async (customerToken: string, cardId: string, env: UNEnvironment) => {
+export const getMobileWalletPayload = async (customerToken: string, cardId: string, env: UNEnvironment, signedNonce: string) => {
+  if (!signedNonce) return;
+
   const headers = {
     'Content-Type': APIHeaders.CONTENT_TYPE,
     'Authorization': `Bearer ${customerToken}`,
@@ -13,7 +15,7 @@ export const getMobileWalletPayload = async (customerToken: string, cardId: stri
   const data = {
     data: {
       attributes: {
-        signedNonce: UnitSDK.getSignedNonce(),
+        signedNonce: signedNonce,
       },
     },
   };

package/src/scripts/html/bodyScript.ts

@@ -119,7 +119,7 @@ export const LISTENERS = {
     window.addEventListener("${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}", (e) => {
       postMessageToSDK({ type: "${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}", details: e.detail })
     });
-  `
+  `,
 };
 
 export const DISPATCH_RENDERING_EVENT = `
@@ -162,6 +162,18 @@ export const DISPATCH_REQUEST_CARD_ACTION = `
     }
 `;
 
+export const DISPATCH_REQUEST_HIDE_SENSITIVE_DATA = `
+    const dispatchRequestHideSensitiveData = (componentName) => {
+       document.querySelector(componentName).dispatchEvent(new CustomEvent("unitRequestHideSensitiveData"))
+    }
+`;
+
+export const DISPATCH_REQUEST_SHOW_SENSITIVE_DATA = `
+    const dispatchRequestShowSensitiveData = (componentName) => {
+        document.querySelector(componentName).dispatchEvent(new CustomEvent("unitRequestShowSensitiveData"))
+    }
+`;
+
 export const DISPATCH_REQUEST_ACCOUNT_ACTION = `
     const dispatchRequestAccountAction = (action) => {
       document.querySelector("unit-elements-account").dispatchEvent(new CustomEvent("unitRequestAccountAction", {detail: {action: action}}))

package/src/slices/pushProvisioningSlice.ts

@@ -0,0 +1,24 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import type { RootState } from '../store';
+
+export interface PushProvisioningState {
+  signedNonce: string | null
+}
+
+const initialState: PushProvisioningState = {
+  signedNonce: null
+};
+
+const pushProvisioningSlice = createSlice({
+  name: 'wallet',
+  initialState: initialState,
+  reducers: {
+    setSignedNonce(state, action: PayloadAction<string | null>) {
+      state.signedNonce = action.payload;
+    }
+  }
+});
+
+export const { setSignedNonce } = pushProvisioningSlice.actions;
+export const selectWallet = (state: RootState) => state.wallet;
+export default pushProvisioningSlice.reducer;

package/src/store/index.ts

@@ -0,0 +1 @@
+export * from './store';

package/src/store/store.ts

@@ -0,0 +1,10 @@
+import { configureStore } from '@reduxjs/toolkit';
+import wallet from '../slices/pushProvisioningSlice';
+
+export const store = configureStore({
+  reducer: {
+    wallet
+  }
+});
+
+export type RootState = ReturnType<typeof store.getState>;

package/src/types/shared/index.ts

@@ -7,3 +7,4 @@ export * from './account.types';
 export * from './checkDeposit.types';
 export * from './activity.types';
 export * from './fonts.types';
+export * from './versioning.types';

package/src/types/shared/versioning.types.ts

@@ -0,0 +1,28 @@
+export enum UNVersioningStrategyType {
+  exact = 'exact',
+  upToNextMinor = 'upToNextMinor',
+  upToNextMajor = 'upToNextMajor'
+}
+
+type UNExactWebVersioningStrategy = {
+  type: UNVersioningStrategyType.exact;
+  major: number;
+  minor: number;
+  patch: number;
+}
+
+type UNUpToNextMinorWebVersioningStrategy = {
+  type: UNVersioningStrategyType.upToNextMinor;
+  major: number;
+  minor: number;
+}
+
+type UNUpToNextMajorWebVersioningStrategy = {
+  type: UNVersioningStrategyType.upToNextMajor;
+  major: number;
+}
+
+export type UNWebVersioningStrategy =
+  UNExactWebVersioningStrategy
+  | UNUpToNextMinorWebVersioningStrategy
+  | UNUpToNextMajorWebVersioningStrategy;

package/src/unitSdkManager/UnitSdk.api.ts

@@ -1,6 +1,8 @@
 import EventBus from '../helpers/EventBus';
 import { SDKMessage, SdkScriptFetched } from '../messages/nativeMessages/sdkMessage';
-import { UnitSDK, UNIT_SCRIPT_URL } from './UnitSdkManager';
+import { UnitSDK } from './UnitSdkManager';
+
+import { getUnitScriptUrl } from './UnitSdkManager.utils.internal';
 
 let isLoadingScript = false;
 
@@ -9,13 +11,14 @@ export let globalUnitScript = '';
 
 export const fetchUnitScript = async () => {
   const env = UnitSDK.getEnv();
+  const webVersioningStrategy = UnitSDK.getWebVersioningStrategy();
   if (isLoadingScript || globalUnitScript || !env) {
     // init function is called and success OR in progress
     return null;
   }
   isLoadingScript = true;
   try {
-    const unitScriptRes = await fetch(UNIT_SCRIPT_URL[env]);
+    const unitScriptRes = await fetch(getUnitScriptUrl(env, webVersioningStrategy));
     const unitScript = await unitScriptRes.text();
     if (unitScript) {
       const scriptFetchData: SdkScriptFetched = { unitScript };

package/src/unitSdkManager/UnitSdk.constants.ts

@@ -0,0 +1,11 @@
+import { UNVersioningStrategyType, UNWebVersioningStrategy } from '../types/shared';
+
+const WEB_SDK_RECOMMENDED_STRATEGY: UNWebVersioningStrategy = {
+  type: UNVersioningStrategyType.upToNextMinor,
+  major: 1,
+  minor: 2,
+};
+
+export const UNSDKConstants = {
+  webSDKRecommendedStrategy: WEB_SDK_RECOMMENDED_STRATEGY,
+};

package/src/unitSdkManager/UnitSdkManager.ts

@@ -4,38 +4,36 @@ import { SDKMessage } from '../messages/nativeMessages/sdkMessage';
 import { fetchUnitScript } from './UnitSdk.api';
 import { UnitUiManager } from './unitUiManager/unitUiManager';
 import type { UNFonts } from '../types/shared/fonts.types';
+import { warnClientIfNeeded } from '../utils/webVersioningStrategy.utils';
+import { UNSDKConstants } from './UnitSdk.constants';
+import type { UNWebVersioningStrategy } from '../types/shared';
 
 export enum UNEnvironment {
   sandbox = 'sandbox',
   production = 'production'
 }
 
-const UNIT_WEB_VERSION = '1';
-
-export const UNIT_SCRIPT_URL = {
-  [UNEnvironment.sandbox]: `https://ui.s.unit.sh/release/${UNIT_WEB_VERSION}/components.js`,
-  [UNEnvironment.production]: `https://ui.unit.co/release/${UNIT_WEB_VERSION}/components.js`
-};
 export class UnitSDK {
+  public static ui: UnitUiManager;
   protected static env?: UNEnvironment;
+  protected static webVersioningStrategy: UNWebVersioningStrategy;
   protected static customerToken?: string;
   protected static theme?: string;
   protected static language?: string;
   protected static fonts?: UNFonts;
-
   protected static signedNonce?: string;
   protected static pushProvisionModule?: typeof NativeModules;
 
-  public static ui: UnitUiManager;
-
-  public static init = async (env: UNEnvironment, theme?: string, language?: string, fonts?: UNFonts) => {
+  public static init = async (env: UNEnvironment, theme?: string, language?: string, fonts?: UNFonts, webVersioningStrategy: UNWebVersioningStrategy = UNSDKConstants.webSDKRecommendedStrategy) => {
     try {
       this.env = env;
+      this.webVersioningStrategy = webVersioningStrategy;
       this.theme = theme;
       this.language = language;
       this.fonts = fonts;
 
       this.ui = new UnitUiManager();
+      warnClientIfNeeded(this.webVersioningStrategy);
       await fetchUnitScript();
       EventBus.Instance.event(SDKMessage.IS_SDK_INITIALIZED, {});
     } catch (e) {
@@ -51,6 +49,9 @@ export class UnitSDK {
     return this.pushProvisionModule;
   };
 
+  /**
+ * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
+ */
   public static setSignedNonce = (signedNonce: string) => {
     this.signedNonce = signedNonce;
   };
@@ -59,6 +60,10 @@ export class UnitSDK {
     return this.env;
   };
 
+  public static getWebVersioningStrategy = () => {
+    return this.webVersioningStrategy;
+  };
+
   public static getTheme = () => {
     return this.theme;
   };
@@ -71,6 +76,9 @@ export class UnitSDK {
     return this.fonts;
   };
 
+  /**
+ * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
+ */
   public static getSignedNonce = () => {
     return this.signedNonce;
   };
@@ -82,4 +90,5 @@ export class UnitSDK {
   public static getCustomerToken = () => {
     return this.customerToken;
   };
+
 }

package/src/unitSdkManager/UnitSdkManager.utils.internal.ts

@@ -0,0 +1,13 @@
+import type { UNWebVersioningStrategy } from '../types/shared';
+import { getWebSdkVersionString } from '../utils/webVersioningStrategy.utils';
+import { UNEnvironment } from './UnitSdkManager';
+
+export const getUnitScriptUrl = (env: UNEnvironment, webVersioningStrategy: UNWebVersioningStrategy) => {
+  const webSdkVersionString = getWebSdkVersionString(webVersioningStrategy);
+  switch (env) {
+    case UNEnvironment.sandbox:
+      return `https://ui.s.unit.sh/release/${webSdkVersionString}/components.js`;
+    case UNEnvironment.production:
+      return `https://ui.unit.co/release/${webSdkVersionString}/components.js`;
+  }
+};

package/src/utils/webVersioningStrategy.utils.ts

@@ -0,0 +1,52 @@
+import { UNVersioningStrategyType, UNWebVersioningStrategy } from '../types/shared';
+import { UNSDKConstants } from '../unitSdkManager/UnitSdk.constants';
+
+export const getWebSdkVersionString = (webVersioningStrategy: UNWebVersioningStrategy) => {
+  switch (webVersioningStrategy.type) {
+    case UNVersioningStrategyType.exact:
+      return `${webVersioningStrategy.major}.${webVersioningStrategy.minor}.${webVersioningStrategy.patch}`;
+    case UNVersioningStrategyType.upToNextMinor:
+      return `${webVersioningStrategy.major}.${webVersioningStrategy.minor}`;
+    case UNVersioningStrategyType.upToNextMajor:
+      return `${webVersioningStrategy.major}`;
+  }
+};
+
+export const getVersionArray = (webVersioningStrategy: UNWebVersioningStrategy) => {
+  switch (webVersioningStrategy.type) {
+    case UNVersioningStrategyType.exact:
+      return [webVersioningStrategy.major, webVersioningStrategy.minor, webVersioningStrategy.patch];
+    case UNVersioningStrategyType.upToNextMinor:
+      return [webVersioningStrategy.major, webVersioningStrategy.minor, null];
+    case UNVersioningStrategyType.upToNextMajor:
+      return [webVersioningStrategy.major, null, null];
+  }
+};
+
+export const isBehindRecommendedStrategy = (currentWebVersioningStrategy: UNWebVersioningStrategy) => {
+  const recommendedWebVersionArray = getVersionArray(UNSDKConstants.webSDKRecommendedStrategy);
+  const currentWebVersionArray = getVersionArray(currentWebVersioningStrategy);
+
+  for (let i = 0; i < 3; i++) {
+    let currentVersion = currentWebVersionArray[i];
+    let recommendedVersion = recommendedWebVersionArray[i];
+    if (currentVersion === null || recommendedVersion === null) {
+      return false;
+    }
+    currentVersion = currentVersion as number;
+    recommendedVersion = recommendedVersion as number;
+    if (currentVersion !== recommendedVersion) {
+      return currentVersion < recommendedVersion;
+    }
+  }
+  return false;
+};
+
+export const warnClientIfNeeded = (currentWebVersioningStrategy: UNWebVersioningStrategy) => {
+  if (currentWebVersioningStrategy.major > UNSDKConstants.webSDKRecommendedStrategy.major) {
+    console.log(`The current web sdk version is ${getWebSdkVersionString(currentWebVersioningStrategy)} which is higher than the latest supported version ${getWebSdkVersionString(UNSDKConstants.webSDKRecommendedStrategy)}. Please update the latest version of the web sdk.`);
+  }
+  if (isBehindRecommendedStrategy(currentWebVersioningStrategy)) {
+    console.log(`The current web sdk version is ${getWebSdkVersionString(currentWebVersioningStrategy)} which is older than the latest supported version ${getWebSdkVersionString(UNSDKConstants.webSDKRecommendedStrategy)}. Please consider updating to the latest version of the web sdk.`);
+  }
+};

package/src/webComponent/html.ts

@@ -1,12 +1,22 @@
 import { Platform } from 'react-native';
-import { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT, DISPATCH_REQUEST_CARD_ACTION, DISPATCH_OPEN_ACTIONS_MENU, DISPATCH_REQUEST_ACCOUNT_ACTION, DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT } from '../scripts/html/bodyScript';
+import {
+  DISPATCH_RENDERING_EVENT,
+  LISTENERS,
+  POST_MESSAGE_TO_SDK,
+  POST_PAGE_HEIGHT,
+  DISPATCH_REQUEST_CARD_ACTION,
+  DISPATCH_OPEN_ACTIONS_MENU,
+  DISPATCH_REQUEST_ACCOUNT_ACTION,
+  DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT,
+  DISPATCH_REQUEST_SHOW_SENSITIVE_DATA, DISPATCH_REQUEST_HIDE_SENSITIVE_DATA,
+} from '../scripts/html/bodyScript';
 
 export const HTML_PLACEHOLDER = {
   SCRIPT_UNIT: '<SCRIPT_UNIT>',
   BODY: '<BODY_HTML_CODE>',
   SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>',
   WINDOW_PARAMS: '<WINDOW_PARAMS>',
-  FONT_FACES: '<FONT_FACES>'
+  FONT_FACES: '<FONT_FACES>',
 };
 
 const htmlText = `
@@ -68,6 +78,10 @@ const htmlText = `
 
       ${DISPATCH_OPEN_ACTIONS_MENU}
 
+      ${DISPATCH_REQUEST_HIDE_SENSITIVE_DATA}
+
+      ${DISPATCH_REQUEST_SHOW_SENSITIVE_DATA}
+
       ${DISPATCH_REQUEST_CARD_ACTION}
 
       ${DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT}

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

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_WebComponent","_UNBottomSheetComponent","_UNAddToWalletBottomSheetItem","_reactNative","_unitMessages","_UnitAddToWalletButton","_interopRequireDefault","_wallet","_bottomSheet","_webComponent","_useCardWallet","_startProvisioning","_EventBus","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UNAddToWalletBottomSheetItem","props","styles","getStylesObject","webRef","useRef","renderingType","renderingRequest","webComponentData","cardId","currentUNWallet","useCardWallet","useEffect","current","currentWalletStatus","status","UNCardAddToWalletStatus","pending","BottomSheetRenderingType","Slot","isCardInWallet","addedToWallet","injectJavaScript","renderingBottomSheetRequest","handleAddToWalletClicked","launchStartCardProvisioning","handleWebComponentMessage","message","type","UnitMessage","UNIT_ON_LOAD","injectHtmlFullScreenHeight","fullScreenHeight","UNIT_REQUEST_CLOSE_FLOW","EventBus","Instance","event","shouldShowWebComponent","isSlot","gotWalletStatus","readyToProvisioning","createElement","Fragment","WebComponent","ref","WebComponentType","cardAction","slot","presentationMode","PresentationMode","CoverInjectedHeight","params","isScrollable","onMessage","windowParams","undefined","ActivityIndicator","style","loader","addToWalletButton","onAddToWalletClicked","exports"],"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/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem.js.map

@@ -1 +0,0 @@
-{"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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"}