react-native-unit-components 1.10.0 → 1.12.0

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

@@ -1,81 +0,0 @@
-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 { UnitMessage } from '../../../../messages/webMessages/unitMessages';
-import UnitAddToWalletButtonView from '../../../../nativeComponent/UnitAddToWalletButton';
-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 { useDispatch } from 'react-redux';
-import { setEvent } from '../../../../slices/SharedEventsSlice';
-export const UNAddToWalletBottomSheetItem = props => {
-  const dispatch = useDispatch();
-  const styles = getStylesObject();
-  const webRef = useRef(null);
-  const {
-    renderingType,
-    renderingRequest,
-    webComponentData,
-    cardId
-  } = props;
-  const {
-    currentUNWallet
-  } = useCardWallet(cardId);
-  useEffect(() => {
-    if (!webRef.current) return;
-    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, 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:
-        dispatch(setEvent({
-          key: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
-          data: {}
-        }));
-        break;
-      default:
-        break;
-    }
-  };
-  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, shouldShowWebComponent() && /*#__PURE__*/React.createElement(WebComponent, {
-    ref: webRef,
-    type: renderingType === BottomSheetRenderingType.WebComponent ? WebComponentType.cardAction : WebComponentType.slot,
-    presentationMode: PresentationMode.CoverInjectedHeight,
-    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
-  }), (currentUNWallet === null || currentUNWallet === void 0 ? void 0 : currentUNWallet.status) === UNCardAddToWalletStatus.readyToProvisioning && /*#__PURE__*/React.createElement(UnitAddToWalletButtonView, {
-    style: styles.addToWalletButton,
-    onAddToWalletClicked: handleAddToWalletClicked
-  }));
-};
-//# sourceMappingURL=UNAddToWalletBottomSheetItem.js.map

package/lib/module/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem/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","useDispatch","setEvent","UNAddToWalletBottomSheetItem","props","dispatch","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","key","data","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 { useDispatch } from 'react-redux';\nimport { setEvent } from '../../../../slices/SharedEventsSlice';\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 dispatch = useDispatch();\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        dispatch(setEvent({\n          key: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,\n          data: {},\n        }));\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/UNAddToWalletBottomSheetItem.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","Platform","getStylesObject","create","addToWalletButton","position","height","OS","bottom","left","right","marginHorizontal","loader","top"],"sources":["UNAddToWalletBottomSheetItem.styles.ts"],"sourcesContent":["import { StyleSheet, Platform } from 'react-native';\n\nexport const getStylesObject = () => {\n  return StyleSheet.create({\n    addToWalletButton: {\n      position: 'absolute',\n      height: Platform.OS === 'ios' ? 48 : 55,\n      bottom: 32,\n      left: 0,\n      right: 0,\n      marginHorizontal: 24\n    },\n    loader: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n    }\n  });\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAEnD,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,OAAOF,UAAU,CAACG,MAAM,CAAC;IACvBC,iBAAiB,EAAE;MACjBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAEL,QAAQ,CAACM,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,EAAE;MACvCC,MAAM,EAAE,EAAE;MACVC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,gBAAgB,EAAE;IACpB,CAAC;IACDC,MAAM,EAAE;MACNP,QAAQ,EAAE,UAAU;MACpBQ,GAAG,EAAE,CAAC;MACNL,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE;IACT;EACF,CAAC,CAAC;AACJ,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './UNAddToWalletBottomSheetItem';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './UNAddToWalletBottomSheetItem';\n"],"mappings":"AAAA,cAAc,gCAAgC"}

package/lib/module/nativeComponent/UnitAddToWalletButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["requireNativeComponent","UnitAddToWalletButtonView"],"sources":["UnitAddToWalletButton.tsx"],"sourcesContent":["import {\n  requireNativeComponent,\n} from 'react-native';\n\ntype UnitAddToWalletButtonViewProps = {\n  style: object;\n  onAddToWalletClicked: () => void;\n};\n\nconst UnitAddToWalletButtonView = requireNativeComponent<UnitAddToWalletButtonViewProps>('UnitAddToWalletButtonView');\n\nexport default UnitAddToWalletButtonView;\n"],"mappings":"AAAA,SACEA,sBAAsB,QACjB,cAAc;AAOrB,MAAMC,yBAAyB,GAAGD,sBAAsB,CAAiC,2BAA2B,CAAC;AAErH,eAAeC,yBAAyB"}

package/lib/typescript/src/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem/UNAddToWalletBottomSheetItem.d.ts

@@ -1,10 +0,0 @@
-import { type RequestRenderingEvent } from '../../../../messages/webMessages/unitMessages';
-import { BottomSheetRenderingType, WebComponentData } from '../../../../types/internal/bottomSheet.types';
-export interface UNAddToWalletBottomSheetItemProps {
-    renderingType: BottomSheetRenderingType;
-    renderingRequest?: RequestRenderingEvent;
-    webComponentData?: WebComponentData;
-    cardId: string;
-    fullScreenHeight: number;
-}
-export declare const UNAddToWalletBottomSheetItem: (props: UNAddToWalletBottomSheetItemProps) => JSX.Element;

package/lib/typescript/src/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem/index.d.ts

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

package/src/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem/UNAddToWalletBottomSheetItem.tsx

@@ -1,109 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import type WebView from 'react-native-webview';
-import { WebComponent } from '../../../../webComponent/WebComponent';
-import { injectHtmlFullScreenHeight, renderingBottomSheetRequest } from '../../UNBottomSheetComponent.utils';
-import { getStylesObject } from './UNAddToWalletBottomSheetItem.styles';
-import { ActivityIndicator } from 'react-native';
-import { UnitMessage, type RequestRenderingEvent } from '../../../../messages/webMessages/unitMessages';
-import UnitAddToWalletButtonView from '../../../../nativeComponent/UnitAddToWalletButton';
-import { UNCardAddToWalletStatus } from '../../../../types/shared/wallet.types';
-import { BottomSheetRenderingType, WebComponentData } 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 type { WebViewMessage } from '../../../../messages/webMessages';
-import { useDispatch } from 'react-redux';
-import { setEvent } from '../../../../slices/SharedEventsSlice';
-
-export interface UNAddToWalletBottomSheetItemProps {
-  renderingType: BottomSheetRenderingType
-  renderingRequest?: RequestRenderingEvent
-  webComponentData?: WebComponentData
-  cardId: string,
-  fullScreenHeight: number
-}
-
-export const UNAddToWalletBottomSheetItem = (props: UNAddToWalletBottomSheetItemProps) => {
-  const dispatch = useDispatch();
-  const styles = getStylesObject();
-
-  const webRef = useRef<WebView>(null);
-
-  const { renderingType, renderingRequest, webComponentData, cardId } = props;
-  const { currentUNWallet } = useCardWallet(cardId);
-
-  useEffect(() => {
-    if (!webRef.current) return;
-    const currentWalletStatus = 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, currentUNWallet]);
-
-  const handleAddToWalletClicked = () => {
-    if (!currentUNWallet) return;
-    launchStartCardProvisioning(currentUNWallet);
-  };
-
-  const handleWebComponentMessage = (message: WebViewMessage) => {
-    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:
-        dispatch(setEvent({
-          key: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
-          data: {},
-        }));
-        break;
-      default:
-        break;
-    }
-  };
-
-  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 (
-    <>
-      {
-        shouldShowWebComponent() &&
-        <WebComponent
-          ref={webRef}
-          type={renderingType === BottomSheetRenderingType.WebComponent ? WebComponentType.cardAction : WebComponentType.slot}
-          presentationMode={PresentationMode.CoverInjectedHeight}
-          params={webComponentData?.params}
-          isScrollable={false}
-          onMessage={handleWebComponentMessage}
-          windowParams={renderingType === BottomSheetRenderingType.WebComponent ? `window.UnitMobileSDKConfig["isCardInWallet"] = ${currentUNWallet?.status === UNCardAddToWalletStatus.addedToWallet}` : ''}
-        />
-      }
-
-      {
-        (currentUNWallet == undefined || currentUNWallet?.status === UNCardAddToWalletStatus.pending) &&
-        <ActivityIndicator style={styles.loader} />
-      }
-
-      {
-        currentUNWallet?.status === UNCardAddToWalletStatus.readyToProvisioning &&
-        <UnitAddToWalletButtonView style={styles.addToWalletButton} onAddToWalletClicked={handleAddToWalletClicked} />
-      }
-    </>
-  );
-};

package/src/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem/index.ts

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