npm - react-native-unit-components - Versions diffs - 1.0.4 → 1.2.0 - Mend

react-native-unit-components 1.0.4 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (280) hide show

package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.js CHANGED Viewed

@@ -15,21 +15,18 @@ import { useAppStateListener } from '../../hooks/useAppStateListener';
 import { UNAddToWalletBottomSheetItem } from './components/UNAddToWalletBottomSheetItem';
 import { getAccountActionType } from '../UNAccountComponent/UNAccountComponent.utils';
 import { AccountAction } from '../UNAccountComponent/UNAccountComponent';
+import { AccountMessage } from '../../messages/webMessages/accountMessage';
 export let ScrollState;
 (function (ScrollState) {
   ScrollState["onTop"] = "onTop";
   ScrollState["unScrollable"] = "unScrollable";
   ScrollState["onlyWebView"] = "webViewScroll";
   ScrollState["onlyBottomSheet"] = "onlyBottomSheet";
 })(ScrollState || (ScrollState = {}));
 var CustomDialog;
 (function (CustomDialog) {
   CustomDialog[CustomDialog["addToWallet"] = 0] = "addToWallet";
 })(CustomDialog || (CustomDialog = {}));
 export const UNBottomSheetComponent = () => {
   const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);
   const [height, setHeight] = useState(0);
@@ -42,23 +39,19 @@ export const UNBottomSheetComponent = () => {
   const isAppActive = useAppStateListener();
   const styles = getStylesObject();
   const webRef = useRef(null);
   const handleRequestRendering = data => {
     setBottomSheetSlotData(data);
     setIsBottomSheetActive(true);
     setRequestRenderingEvent(data.requestRenderingEvent);
   };
   const handleCloseFlow = () => {
     setIsBottomSheetActive(false);
   };
   useEffect(() => {
     setRequestRenderingEvent(bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.requestRenderingEvent);
   }, [bottomSheetSlotData]);
   useEffect(() => {
     if (!webRef.current) return;
     if (requestRenderingEvent) {
       renderingBottomSheetRequest(webRef.current, requestRenderingEvent);
     }
@@ -78,17 +71,16 @@ export const UNBottomSheetComponent = () => {
       setNewHeight(newHeightMessage);
     }
   }, [waitForLoadingNewComponent, newHeightMessage]);
-  useListenerToBus([{
+  useListenerToBus({
     busEventKey: UnitMessage.UNIT_REQUEST_RENDERING,
     action: handleRequestRendering
-  }, {
+  });
+  useListenerToBus({
     busEventKey: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
     action: handleCloseFlow
-  }]);
+  });
   const setNewHeight = message => {
     if (!requestRenderingEvent) return;
     switch (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentName) {
       case WebComponentType.account:
         {
@@ -96,7 +88,6 @@ export const UNBottomSheetComponent = () => {
           setScrollState(accountActionType === AccountAction.List ? ScrollState.onTop : ScrollState.unScrollable);
           break;
         }
       case WebComponentType.card:
         {
           if (customDialog === CustomDialog.addToWallet) {
@@ -104,14 +95,11 @@ export const UNBottomSheetComponent = () => {
           } else {
             setScrollState(ScrollState.onTop);
           }
           break;
         }
       default:
         {
           const nativePlace = requestRenderingEvent === null || requestRenderingEvent === void 0 ? void 0 : requestRenderingEvent.data.nativePlace;
           if (nativePlace == 'overFullScreen') {
             setScrollState(ScrollState.onTop);
           } else {
@@ -119,9 +107,7 @@ export const UNBottomSheetComponent = () => {
           }
         }
     }
     const nativePlace = requestRenderingEvent === null || requestRenderingEvent === void 0 ? void 0 : requestRenderingEvent.data.nativePlace;
     if (nativePlace == 'overFullScreen') {
       const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);
       setHeight(bottomSheetNewHeight);
@@ -129,41 +115,35 @@ export const UNBottomSheetComponent = () => {
       setHeight(message.details.height);
     }
   };
   const onWebMessage = message => {
     switch (message.type) {
       case PageMessage.PAGE_HEIGHT:
         requestRenderingEvent && setNewHeightMessage(message);
         break;
       case UnitMessage.UNIT_REQUEST_RENDERING:
         {
           var _requestRenderingEven;
           const requestRendering = message.details;
           if (requestRendering.data.nativeComponent != (requestRenderingEvent === null || requestRenderingEvent === void 0 ? void 0 : (_requestRenderingEven = requestRenderingEvent.data) === null || _requestRenderingEven === void 0 ? void 0 : _requestRenderingEven.nativeComponent)) {
             if (requestRendering.data.nativeComponent.includes('action=AddToWallet')) {
               setCustomDialog(CustomDialog.addToWallet);
             }
             setHeight(0);
             setRequestRenderingEvent(requestRendering);
             setWaitForLoadingNewComponent(true);
             setTimeout(() => setWaitForLoadingNewComponent(false), 400);
           }
           break;
         }
       case CardMessage.CARD_STATUS_CHANGED:
         EventBus.Instance.event(CardMessage.CARD_STATUS_CHANGED, message.details.card);
         break;
+      case AccountMessage.UNIT_ACCOUNT_CHANGED:
+        EventBus.Instance.event(AccountMessage.UNIT_ACCOUNT_CHANGED, message.details.account);
+        break;
       case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:
         handleCloseFlow();
         break;
       case UnitMessage.UNIT_REQUEST_OPEN_LINK:
         // eslint-disable-next-line no-case-declarations
         const {
@@ -173,25 +153,20 @@ export const UNBottomSheetComponent = () => {
         break;
     }
   };
   const onScrollWebView = event => {
     if (scrollState === ScrollState.unScrollable) return;
     const currY = event.nativeEvent.contentOffset.y;
     if (ScrollState.onTop && currY < 5) {
       setScrollState(ScrollState.onlyBottomSheet);
     }
     if (scrollState !== ScrollState.onlyWebView && scrollState === ScrollState.onTop && currY > 5) {
       setScrollState(ScrollState.onlyWebView);
     }
   };
   const handleWebViewScroll = () => {
     if (scrollState === ScrollState.unScrollable) return;
     setScrollState(ScrollState.onlyWebView);
   };
   const renderBottomSheetItem = () => {
     switch (customDialog) {
       case CustomDialog.addToWallet:
@@ -199,7 +174,6 @@ export const UNBottomSheetComponent = () => {
           renderingRequest: requestRenderingEvent,
           cardId: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentResourceId
         });
       default:
         return /*#__PURE__*/React.createElement(WebComponent, {
           ref: webRef,
@@ -212,7 +186,6 @@ export const UNBottomSheetComponent = () => {
         });
     }
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     pointerEvents: isBottomSheetActive ? undefined : 'none',
     style: styles.container

package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useRef","useState","WebComponent","WebComponentType","Dimensions","Linking","View","BottomSheet","EventBus","PageMessage","UnitMessage","CardMessage","useListenerToBus","getBottomSheetScript","handleHtmlFullHeight","renderingBottomSheetRequest","resetHtml","getStylesObject","PresentationMode","useAppStateListener","UNAddToWalletBottomSheetItem","getAccountActionType","AccountAction","ScrollState","CustomDialog","UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","height","setHeight","bottomSheetSlotData","setBottomSheetSlotData","requestRenderingEvent","setRequestRenderingEvent","scrollState","setScrollState","onTop","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","customDialog","setCustomDialog","isAppActive","styles","webRef","handleRequestRendering","data","handleCloseFlow","current","undefined","setNewHeight","busEventKey","UNIT_REQUEST_RENDERING","action","UNIT_REQUEST_CLOSE_FLOW","message","componentName","account","accountActionType","List","unScrollable","card","addToWallet","nativePlace","bottomSheetNewHeight","get","details","onWebMessage","type","PAGE_HEIGHT","requestRendering","nativeComponent","includes","setTimeout","CARD_STATUS_CHANGED","Instance","event","UNIT_REQUEST_OPEN_LINK","href","openURL","onScrollWebView","currY","nativeEvent","contentOffset","y","onlyBottomSheet","onlyWebView","handleWebViewScroll","renderBottomSheetItem","componentResourceId","slot","CoverInjectedHeight","container"],"sources":["UNBottomSheetComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { Dimensions, Linking, View } from 'react-native';\nimport BottomSheet from '../../helpers/BottomSheet/BottomSheet';\nimport EventBus from '../../helpers/EventBus';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestOpenLinkEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { CardMessage, CardStatusChangedEvent } from '../../messages/webMessages/cardMessage';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getBottomSheetScript, handleHtmlFullHeight, renderingBottomSheetRequest, resetHtml } from './UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNBottomSheetComponent.styles';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { useAppStateListener } from '../../hooks/useAppStateListener';\nimport { UNAddToWalletBottomSheetItem } from './components/UNAddToWalletBottomSheetItem';\nimport { getAccountActionType } from '../UNAccountComponent/UNAccountComponent.utils';\nimport { AccountAction } from '../UNAccountComponent/UNAccountComponent';\n\nexport enum ScrollState {\n /\n Web View ScrollState -\n - Initialization:\n 'onTop': for a scrollable webView.\n (onTop means that the webview is onTop of the BottomSheet and we need to recognize the scroll direction).\n Then, it recognize the scroll direction and update the scroll state as needed.\n\n -'unScrollable': for an unscrollable webView\n /\n onTop = 'onTop',\n unScrollable = 'unScrollable',\n\n /\n These are only for maintain the bottom sheet scrollState (not an initialize scroll state).\n It relates to the current scroll state.\n onlyWebView means that now the scroll is on webview (only).\n onlyBottomSheet means that now the scroll is on bottomSheet (only).\n */\n onlyWebView = 'webViewScroll',\n onlyBottomSheet = 'onlyBottomSheet',\n}\n\nexport type BottomSheetSlotData = {\n // The data that rendered by the web view\n componentName?: WebComponentType,\n componentResourceId?: string,\n requestRenderingEvent: RequestRenderingEvent\n}\n\nenum CustomDialog {\n addToWallet\n}\n\nexport const UNBottomSheetComponent = () => {\n const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);\n const [height, setHeight] = useState(0);\n\n const [bottomSheetSlotData, setBottomSheetSlotData] = useState<BottomSheetSlotData>();\n const [requestRenderingEvent, setRequestRenderingEvent] = useState<RequestRenderingEvent>();\n const [scrollState, setScrollState] = useState<ScrollState>(ScrollState.onTop);\n\n const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false);\n const [newHeightMessage, setNewHeightMessage] = useState<WebViewMessage \| null>(null);\n\n const [customDialog, setCustomDialog] = useState<CustomDialog \| null>(null);\n\n const isAppActive = useAppStateListener();\n\n const styles = getStylesObject();\n\n const webRef = useRef<WebView>(null);\n\n const handleRequestRendering = (data: BottomSheetSlotData) => {\n setBottomSheetSlotData(data);\n setIsBottomSheetActive(true);\n setRequestRenderingEvent(data.requestRenderingEvent);\n };\n\n const handleCloseFlow = () => {\n setIsBottomSheetActive(false);\n };\n\n useEffect(() => {\n setRequestRenderingEvent(bottomSheetSlotData?.requestRenderingEvent);\n }, [bottomSheetSlotData]);\n\n useEffect(() => {\n if (!webRef.current) return;\n if (requestRenderingEvent) {\n renderingBottomSheetRequest(webRef.current, requestRenderingEvent);\n }\n }, [webRef.current, requestRenderingEvent]);\n\n useEffect(() => {\n if (!isBottomSheetActive) {\n webRef.current && resetHtml(webRef.current);\n setHeight(0);\n setRequestRenderingEvent(undefined);\n setScrollState(ScrollState.onTop);\n setCustomDialog(null);\n }\n }, [isBottomSheetActive]);\n\n useEffect(() => {\n if (!waitForLoadingNewComponent && newHeightMessage) {\n setWaitForLoadingNewComponent(false);\n setNewHeight(newHeightMessage);\n }\n }, [waitForLoadingNewComponent, newHeightMessage]);\n\n useListenerToBus([\n { busEventKey: UnitMessage.UNIT_REQUEST_RENDERING, action: handleRequestRendering },\n { busEventKey: UnitMessage.UNIT_REQUEST_CLOSE_FLOW, action: handleCloseFlow }\n ]);\n\n const setNewHeight = (message: WebViewMessage) => {\n if (!requestRenderingEvent) return;\n switch (bottomSheetSlotData?.componentName) {\n case WebComponentType.account: {\n const accountActionType = getAccountActionType(requestRenderingEvent);\n setScrollState(\n accountActionType === AccountAction.List ? ScrollState.onTop : ScrollState.unScrollable\n );\n break;\n }\n case WebComponentType.card: {\n if (customDialog === CustomDialog.addToWallet) {\n setScrollState(ScrollState.unScrollable);\n } else {\n setScrollState(ScrollState.onTop);\n }\n break;\n }\n default: {\n const nativePlace = requestRenderingEvent?.data.nativePlace;\n if (nativePlace == 'overFullScreen') {\n setScrollState(ScrollState.onTop);\n } else {\n setScrollState(ScrollState.unScrollable);\n }\n }\n }\n const nativePlace = requestRenderingEvent?.data.nativePlace;\n if (nativePlace == 'overFullScreen') {\n const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);\n setHeight(bottomSheetNewHeight);\n } else {\n setHeight((message.details as HeightEvent).height);\n }\n };\n\n const onWebMessage = (message: WebViewMessage) => {\n switch (message.type) {\n case PageMessage.PAGE_HEIGHT:\n requestRenderingEvent && setNewHeightMessage(message);\n break;\n case UnitMessage.UNIT_REQUEST_RENDERING: {\n const requestRendering = (message.details as RequestRenderingEvent);\n if (requestRendering.data.nativeComponent != requestRenderingEvent?.data?.nativeComponent) {\n if (requestRendering.data.nativeComponent.includes('action=AddToWallet')) {\n setCustomDialog(CustomDialog.addToWallet);\n }\n\n setHeight(0);\n setRequestRenderingEvent(requestRendering);\n setWaitForLoadingNewComponent(true);\n setTimeout(() => setWaitForLoadingNewComponent(false), 400);\n }\n break;\n }\n case CardMessage.CARD_STATUS_CHANGED:\n EventBus.Instance.event(CardMessage.CARD_STATUS_CHANGED, (message.details as CardStatusChangedEvent).card);\n break;\n case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:\n handleCloseFlow();\n break;\n case UnitMessage.UNIT_REQUEST_OPEN_LINK:\n // eslint-disable-next-line no-case-declarations\n const { href } = (message.details as RequestOpenLinkEvent);\n Linking.openURL(href);\n break;\n }\n };\n\n const onScrollWebView = (event: any) => {\n if (scrollState === ScrollState.unScrollable) return;\n\n const currY = event.nativeEvent.contentOffset.y;\n\n if (ScrollState.onTop && currY < 5) {\n setScrollState(ScrollState.onlyBottomSheet);\n }\n\n if (scrollState !== ScrollState.onlyWebView && scrollState === ScrollState.onTop && currY > 5) {\n setScrollState(ScrollState.onlyWebView);\n }\n };\n\n const handleWebViewScroll = () => {\n if (scrollState === ScrollState.unScrollable) return;\n setScrollState(ScrollState.onlyWebView);\n };\n\n const renderBottomSheetItem = () => {\n switch (customDialog) {\n case CustomDialog.addToWallet:\n return <UNAddToWalletBottomSheetItem renderingRequest={requestRenderingEvent} cardId={bottomSheetSlotData?.componentResourceId} />;\n default:\n return (\n <WebComponent\n ref={webRef}\n type={WebComponentType.slot}\n presentationMode={PresentationMode.CoverInjectedHeight}\n script={getBottomSheetScript()}\n onMessage={onWebMessage}\n isScrollable={scrollState === ScrollState.onlyWebView \|\| scrollState === ScrollState.onTop}\n handleScroll={onScrollWebView}\n />\n );\n }\n };\n\n return (\n <>\n <View\n pointerEvents={isBottomSheetActive ? undefined : 'none'}\n style={styles.container}\n >\n <BottomSheet\n isOpen={isBottomSheetActive}\n height={height}\n onClose={() => setIsBottomSheetActive(false)}\n onOpen={() => setIsBottomSheetActive(true)}\n handleWebViewScroll={() => handleWebViewScroll()}\n shouldEnableBottomSheetScroll={scrollState !== ScrollState.onlyWebView}\n >\n {isAppActive && renderBottomSheetItem()}\n </BottomSheet >\n </View >\n </>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useEffect","useRef","useState","WebComponent","WebComponentType","Dimensions","Linking","View","BottomSheet","EventBus","PageMessage","UnitMessage","CardMessage","useListenerToBus","getBottomSheetScript","handleHtmlFullHeight","renderingBottomSheetRequest","resetHtml","getStylesObject","PresentationMode","useAppStateListener","UNAddToWalletBottomSheetItem","getAccountActionType","AccountAction","AccountMessage","ScrollState","CustomDialog","UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","height","setHeight","bottomSheetSlotData","setBottomSheetSlotData","requestRenderingEvent","setRequestRenderingEvent","scrollState","setScrollState","onTop","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","customDialog","setCustomDialog","isAppActive","styles","webRef","handleRequestRendering","data","handleCloseFlow","current","undefined","setNewHeight","busEventKey","UNIT_REQUEST_RENDERING","action","UNIT_REQUEST_CLOSE_FLOW","message","componentName","account","accountActionType","List","unScrollable","card","addToWallet","nativePlace","bottomSheetNewHeight","get","details","onWebMessage","type","PAGE_HEIGHT","_requestRenderingEven","requestRendering","nativeComponent","includes","setTimeout","CARD_STATUS_CHANGED","Instance","event","UNIT_ACCOUNT_CHANGED","UNIT_REQUEST_OPEN_LINK","href","openURL","onScrollWebView","currY","nativeEvent","contentOffset","y","onlyBottomSheet","onlyWebView","handleWebViewScroll","renderBottomSheetItem","createElement","renderingRequest","cardId","componentResourceId","ref","slot","presentationMode","CoverInjectedHeight","script","onMessage","isScrollable","handleScroll","Fragment","pointerEvents","style","container","isOpen","onClose","onOpen","shouldEnableBottomSheetScroll"],"sources":["UNBottomSheetComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\nimport React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { Dimensions, Linking, View } from 'react-native';\nimport BottomSheet from '../../helpers/BottomSheet/BottomSheet';\nimport EventBus from '../../helpers/EventBus';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestOpenLinkEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { CardMessage, CardStatusChangedEvent } from '../../messages/webMessages/cardMessage';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport {\n getBottomSheetScript,\n handleHtmlFullHeight,\n renderingBottomSheetRequest,\n resetHtml,\n} from './UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNBottomSheetComponent.styles';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { useAppStateListener } from '../../hooks/useAppStateListener';\nimport { UNAddToWalletBottomSheetItem } from './components/UNAddToWalletBottomSheetItem';\nimport { getAccountActionType } from '../UNAccountComponent/UNAccountComponent.utils';\nimport { AccountAction } from '../UNAccountComponent/UNAccountComponent';\nimport type { AccountChangedEvent } from '../../messages/webMessages/accountMessage';\nimport { AccountMessage } from '../../messages/webMessages/accountMessage';\n\nexport enum ScrollState {\n /\n Web View ScrollState -\n - Initialization:\n 'onTop': for a scrollable webView.\n (onTop means that the webview is onTop of the BottomSheet and we need to recognize the scroll direction).\n Then, it recognize the scroll direction and update the scroll state as needed.\n\n -'unScrollable': for an unscrollable webView\n /\n onTop = 'onTop',\n unScrollable = 'unScrollable',\n\n /\n These are only for maintain the bottom sheet scrollState (not an initialize scroll state).\n It relates to the current scroll state.\n onlyWebView means that now the scroll is on webview (only).\n onlyBottomSheet means that now the scroll is on bottomSheet (only).\n */\n onlyWebView = 'webViewScroll',\n onlyBottomSheet = 'onlyBottomSheet',\n}\n\nexport type BottomSheetSlotData = {\n // The data that rendered by the web view\n componentName?: WebComponentType,\n componentResourceId?: string,\n requestRenderingEvent: RequestRenderingEvent\n}\n\nenum CustomDialog {\n addToWallet\n}\n\nexport const UNBottomSheetComponent = () => {\n const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);\n const [height, setHeight] = useState(0);\n\n const [bottomSheetSlotData, setBottomSheetSlotData] = useState<BottomSheetSlotData>();\n const [requestRenderingEvent, setRequestRenderingEvent] = useState<RequestRenderingEvent>();\n const [scrollState, setScrollState] = useState<ScrollState>(ScrollState.onTop);\n\n const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false);\n const [newHeightMessage, setNewHeightMessage] = useState<WebViewMessage \| null>(null);\n\n const [customDialog, setCustomDialog] = useState<CustomDialog \| null>(null);\n\n const isAppActive = useAppStateListener();\n\n const styles = getStylesObject();\n\n const webRef = useRef<WebView>(null);\n\n const handleRequestRendering = (data: BottomSheetSlotData) => {\n setBottomSheetSlotData(data);\n setIsBottomSheetActive(true);\n setRequestRenderingEvent(data.requestRenderingEvent);\n };\n\n const handleCloseFlow = () => {\n setIsBottomSheetActive(false);\n };\n\n useEffect(() => {\n setRequestRenderingEvent(bottomSheetSlotData?.requestRenderingEvent);\n }, [bottomSheetSlotData]);\n\n useEffect(() => {\n if (!webRef.current) return;\n if (requestRenderingEvent) {\n renderingBottomSheetRequest(webRef.current, requestRenderingEvent);\n }\n }, [webRef.current, requestRenderingEvent]);\n\n useEffect(() => {\n if (!isBottomSheetActive) {\n webRef.current && resetHtml(webRef.current);\n setHeight(0);\n setRequestRenderingEvent(undefined);\n setScrollState(ScrollState.onTop);\n setCustomDialog(null);\n }\n }, [isBottomSheetActive]);\n\n useEffect(() => {\n if (!waitForLoadingNewComponent && newHeightMessage) {\n setWaitForLoadingNewComponent(false);\n setNewHeight(newHeightMessage);\n }\n }, [waitForLoadingNewComponent, newHeightMessage]);\n\n useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_RENDERING, action: handleRequestRendering });\n useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_CLOSE_FLOW, action: handleCloseFlow });\n\n const setNewHeight = (message: WebViewMessage) => {\n if (!requestRenderingEvent) return;\n switch (bottomSheetSlotData?.componentName) {\n case WebComponentType.account: {\n const accountActionType = getAccountActionType(requestRenderingEvent);\n setScrollState(\n accountActionType === AccountAction.List ? ScrollState.onTop : ScrollState.unScrollable\n );\n break;\n }\n case WebComponentType.card: {\n if (customDialog === CustomDialog.addToWallet) {\n setScrollState(ScrollState.unScrollable);\n } else {\n setScrollState(ScrollState.onTop);\n }\n break;\n }\n default: {\n const nativePlace = requestRenderingEvent?.data.nativePlace;\n if (nativePlace == 'overFullScreen') {\n setScrollState(ScrollState.onTop);\n } else {\n setScrollState(ScrollState.unScrollable);\n }\n }\n }\n const nativePlace = requestRenderingEvent?.data.nativePlace;\n if (nativePlace == 'overFullScreen') {\n const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);\n setHeight(bottomSheetNewHeight);\n } else {\n setHeight((message.details as HeightEvent).height);\n }\n };\n\n const onWebMessage = (message: WebViewMessage) => {\n switch (message.type) {\n case PageMessage.PAGE_HEIGHT:\n requestRenderingEvent && setNewHeightMessage(message);\n break;\n case UnitMessage.UNIT_REQUEST_RENDERING: {\n const requestRendering = (message.details as RequestRenderingEvent);\n if (requestRendering.data.nativeComponent != requestRenderingEvent?.data?.nativeComponent) {\n if (requestRendering.data.nativeComponent.includes('action=AddToWallet')) {\n setCustomDialog(CustomDialog.addToWallet);\n }\n\n setHeight(0);\n setRequestRenderingEvent(requestRendering);\n setWaitForLoadingNewComponent(true);\n setTimeout(() => setWaitForLoadingNewComponent(false), 400);\n }\n break;\n }\n case CardMessage.CARD_STATUS_CHANGED:\n EventBus.Instance.event(CardMessage.CARD_STATUS_CHANGED, (message.details as CardStatusChangedEvent).card);\n break;\n case AccountMessage.UNIT_ACCOUNT_CHANGED:\n EventBus.Instance.event(AccountMessage.UNIT_ACCOUNT_CHANGED, (message.details as AccountChangedEvent).account);\n break;\n case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:\n handleCloseFlow();\n break;\n case UnitMessage.UNIT_REQUEST_OPEN_LINK:\n // eslint-disable-next-line no-case-declarations\n const { href } = (message.details as RequestOpenLinkEvent);\n Linking.openURL(href);\n break;\n }\n };\n\n const onScrollWebView = (event: any) => {\n if (scrollState === ScrollState.unScrollable) return;\n\n const currY = event.nativeEvent.contentOffset.y;\n\n if (ScrollState.onTop && currY < 5) {\n setScrollState(ScrollState.onlyBottomSheet);\n }\n\n if (scrollState !== ScrollState.onlyWebView && scrollState === ScrollState.onTop && currY > 5) {\n setScrollState(ScrollState.onlyWebView);\n }\n };\n\n const handleWebViewScroll = () => {\n if (scrollState === ScrollState.unScrollable) return;\n setScrollState(ScrollState.onlyWebView);\n };\n\n const renderBottomSheetItem = () => {\n switch (customDialog) {\n case CustomDialog.addToWallet:\n return <UNAddToWalletBottomSheetItem renderingRequest={requestRenderingEvent} cardId={bottomSheetSlotData?.componentResourceId} />;\n default:\n return (\n <WebComponent\n ref={webRef}\n type={WebComponentType.slot}\n presentationMode={PresentationMode.CoverInjectedHeight}\n script={getBottomSheetScript()}\n onMessage={onWebMessage}\n isScrollable={scrollState === ScrollState.onlyWebView \|\| scrollState === ScrollState.onTop}\n handleScroll={onScrollWebView}\n />\n );\n }\n };\n\n return (\n <>\n <View\n pointerEvents={isBottomSheetActive ? undefined : 'none'}\n style={styles.container}\n >\n <BottomSheet\n isOpen={isBottomSheetActive}\n height={height}\n onClose={() => setIsBottomSheetActive(false)}\n onOpen={() => setIsBottomSheetActive(true)}\n handleWebViewScroll={() => handleWebViewScroll()}\n shouldEnableBottomSheetScroll={scrollState !== ScrollState.onlyWebView}\n >\n {isAppActive && renderBottomSheetItem()}\n </BottomSheet >\n </View >\n </>\n );\n};\n"],"mappings":"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"}

package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["StyleSheet","getStylesObject","create","container","position","top","bottom","left","right"],"sources":["UNBottomSheetComponent.styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const getStylesObject = () => {\n return StyleSheet.create({\n container: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n }\n });\n};\n"],"mappings":"AAAA,SAASA,~~UAAT~~,~~QAA2B~~,~~cAA3B~~;~~AAEA~~,OAAO,MAAMC,eAAe,~~GAAG~~,~~MAAM~~;EACnC,OAAOD,UAAU,CAACE,~~MAAX~~,~~CAAkB~~;IACvBC,SAAS,EAAE;MACTC,QAAQ,EAAE,~~UADD~~;~~MAETC~~,GAAG,EAAE,~~CAFI~~;~~MAGTC~~,MAAM,EAAE,~~CAHC~~;~~MAITC~~,IAAI,EAAE,~~CAJG~~;~~MAKTC~~,KAAK,EAAE;~~IALE~~;~~EADY~~,~~CAAlB~~,~~CAAP~~;~~AASD~~,~~CAVM~~"}
1	+ {"version":3,"names":["StyleSheet","getStylesObject","create","container","position","top","bottom","left","right"],"sources":["UNBottomSheetComponent.styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const getStylesObject = () => {\n return StyleSheet.create({\n container: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0\n }\n });\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,OAAOD,UAAU,CAACE,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE;IACT;EACF,CAAC,CAAC;AACJ,CAAC"}

package/lib/module/components/UNBottomSheetComponent/UNBottomSheetComponent.utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["LISTENERS","BOTTOM_SHEET_MAX_PERCENTAGE_SIZE","getBottomSheetScript","requestRefresh","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","JSON","stringify","data","resetHtml","handleHtmlFullHeight","windowHeight","bottomSheetHeight"],"sources":["UNBottomSheetComponent.utils.ts"],"sourcesContent":["import { LISTENERS } from './../../scripts/html/bodyScript';\nimport type WebView from 'react-native-webview';\nimport { BOTTOM_SHEET_MAX_PERCENTAGE_SIZE } from './UNBottomSheetComponent.constants';\nimport type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';\n\nexport const getBottomSheetScript = () => {\n return LISTENERS.requestRefresh;\n};\n\nexport const renderingBottomSheetRequest = (currentWebView: WebView, renderingRequest: RequestRenderingEvent) => {\n currentWebView?.injectJavaScript(`\n document.activeElement && document.activeElement.blur();\n dispatchRenderingEvent('${JSON.stringify(renderingRequest.data)}');\n `);\n};\n\nexport const resetHtml = (currentWebView: WebView) => {\n currentWebView?.injectJavaScript(`\n document.activeElement && document.activeElement.blur();\n document.getElementById('webViewContainer').style.height = null;\n `);\n};\n\nexport const handleHtmlFullHeight = (currentWebView: WebView \| null, windowHeight: number) => {\n const bottomSheetHeight = windowHeight * BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;\n currentWebView && currentWebView?.injectJavaScript(`\n document.getElementById('webViewContainer').style.height = '${bottomSheetHeight}px';\n `);\n\n return bottomSheetHeight;\n};\n"],"mappings":"AAAA,SAASA,~~SAAT~~,~~QAA0B~~,~~iCAA1B~~;~~AAEA~~,SAASC,~~gCAAT~~,~~QAAiD~~,~~oCAAjD~~;~~AAGA~~,OAAO,MAAMC,oBAAoB,~~GAAG~~,~~MAAM~~;EACxC,OAAOF,SAAS,CAACG,~~cAAjB~~;~~AACD~~,~~CAFM~~;~~AAIP~~,OAAO,MAAMC,2BAA2B,~~GAAG~~,CAACC,~~cAAD~~,~~EAA0BC~~,~~gBAA1B~~,~~KAAsE~~;EAC/GD,cAAc,~~SAAd~~,~~IAAAA,~~cAAc,~~WAAd~~,~~YAAAA,~~cAAc,CAAEE,~~gBAAhB~~,~~CAAkC~~;AACpC;AACA,8BAA8BC,IAAI,CAACC,~~SAAL~~,~~CAAeH~~,gBAAgB,CAACI,~~IAAhC~~,~~CAAsC~~;AACpE,~~GAHE~~;~~AAID~~,~~CALM~~;~~AAOP~~,OAAO,MAAMC,SAAS,GAAIN,~~cAAD~~,~~IAA6B~~;EACpDA,cAAc,~~SAAd~~,~~IAAAA,~~cAAc,~~WAAd~~,~~YAAAA,~~cAAc,CAAEE,~~gBAAhB~~,~~CAAkC~~;AACpC;AACA;AACA,~~GAHE~~;~~AAID~~,~~CALM~~;~~AAOP~~,OAAO,MAAMK,oBAAoB,~~GAAG~~,CAACP,~~cAAD~~,~~EAAiCQ~~,~~YAAjC~~,~~KAA0D~~;EAC5F,MAAMC,iBAAiB,GAAGD,YAAY,GAAGZ,~~gCAAzC~~;~~EACAI~~,cAAc,KAAIA,~~cAAJ~~,~~aAAIA~~,~~cAAJ~~,~~uBAAIA~~,cAAc,CAAEE,~~gBAAhB~~,~~CAAkC~~;AACtD,kEAAkEO,iBAAkB;AACpF,~~GAFoB~~,~~CAAJ,CAAd~~;~~EAIA~~,OAAOA,~~iBAAP~~;~~AACD~~,~~CAPM~~"}
1	+ {"version":3,"names":["LISTENERS","BOTTOM_SHEET_MAX_PERCENTAGE_SIZE","getBottomSheetScript","requestRefresh","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","JSON","stringify","data","resetHtml","handleHtmlFullHeight","windowHeight","bottomSheetHeight"],"sources":["UNBottomSheetComponent.utils.ts"],"sourcesContent":["import { LISTENERS } from './../../scripts/html/bodyScript';\nimport type WebView from 'react-native-webview';\nimport { BOTTOM_SHEET_MAX_PERCENTAGE_SIZE } from './UNBottomSheetComponent.constants';\nimport type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';\n\nexport const getBottomSheetScript = () => {\n return LISTENERS.requestRefresh;\n};\n\nexport const renderingBottomSheetRequest = (currentWebView: WebView, renderingRequest: RequestRenderingEvent) => {\n currentWebView?.injectJavaScript(`\n document.activeElement && document.activeElement.blur();\n dispatchRenderingEvent('${JSON.stringify(renderingRequest.data)}');\n `);\n};\n\nexport const resetHtml = (currentWebView: WebView) => {\n currentWebView?.injectJavaScript(`\n document.activeElement && document.activeElement.blur();\n document.getElementById('webViewContainer').style.height = null;\n `);\n};\n\nexport const handleHtmlFullHeight = (currentWebView: WebView \| null, windowHeight: number) => {\n const bottomSheetHeight = windowHeight * BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;\n currentWebView && currentWebView?.injectJavaScript(`\n document.getElementById('webViewContainer').style.height = '${bottomSheetHeight}px';\n `);\n\n return bottomSheetHeight;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,iCAAiC;AAE3D,SAASC,gCAAgC,QAAQ,oCAAoC;AAGrF,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,OAAOF,SAAS,CAACG,cAAc;AACjC,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGA,CAACC,cAAuB,EAAEC,gBAAuC,KAAK;EAC/GD,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,gBAAgB,CAAE;AACpC;AACA,8BAA8BC,IAAI,CAACC,SAAS,CAACH,gBAAgB,CAACI,IAAI,CAAE;AACpE,GAAG,CAAC;AACJ,CAAC;AAED,OAAO,MAAMC,SAAS,GAAIN,cAAuB,IAAK;EACpDA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,gBAAgB,CAAE;AACpC;AACA;AACA,GAAG,CAAC;AACJ,CAAC;AAED,OAAO,MAAMK,oBAAoB,GAAGA,CAACP,cAA8B,EAAEQ,YAAoB,KAAK;EAC5F,MAAMC,iBAAiB,GAAGD,YAAY,GAAGZ,gCAAgC;EACzEI,cAAc,KAAIA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,gBAAgB,CAAE;AACtD,kEAAkEO,iBAAkB;AACpF,GAAG,CAAC;EAEF,OAAOA,iBAAiB;AAC1B,CAAC"}

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

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { CardAddToWalletStatus, CardNativeMessage } from '../../../messages/nativeMessages/cardMessage';
+import { CardNativeMessage } from '../../../messages/nativeMessages/cardMessage';
 import EventBus from '../../../helpers/EventBus';
 import { PresentationMode } from '../../../scripts/html/bodyHtml';
 import { WebComponent, WebComponentType } from '../../../webComponent/WebComponent';
@@ -8,6 +8,7 @@ import { getStylesObject } from './UNAddToWalletBottomSheetItem.styles';
 import { ActivityIndicator } from 'react-native';
 import { useListenerToBus } from '../../../hooks/listenerToBus';
 import UnitAddToWalletButtonView from '../../../nativeComponent/UnitAddToWalletButton';
+import { UNCardAddToWalletStatus } from '../../../sharedTypes/wallet.types';
 export const UNAddToWalletBottomSheetItem = props => {
   const styles = getStylesObject();
   const webRef = useRef(null);
@@ -15,7 +16,7 @@ export const UNAddToWalletBottomSheetItem = props => {
     renderingRequest,
     cardId
   } = props;
-  const [addToWalletStatus, setAddToWalletStatus] = useState(CardAddToWalletStatus.pending);
+  const [addToWalletStatus, setAddToWalletStatus] = useState(UNCardAddToWalletStatus.pending);
   useEffect(() => {
     if (!cardId) return;
     const event = {
@@ -25,26 +26,22 @@ export const UNAddToWalletBottomSheetItem = props => {
   }, [cardId]);
   useEffect(() => {
     if (!webRef.current) return;
-    if (addToWalletStatus === CardAddToWalletStatus.pending) return;
-    const isCardInWallet = addToWalletStatus === CardAddToWalletStatus.addedToWallet;
+    if (addToWalletStatus === UNCardAddToWalletStatus.pending) return;
+    const isCardInWallet = addToWalletStatus === UNCardAddToWalletStatus.addedToWallet;
     webRef.current.injectJavaScript(`window.UnitMobileSDKConfig["isCardInWallet"] = ${isCardInWallet}`);
     if (renderingRequest) {
       renderingBottomSheetRequest(webRef.current, renderingRequest);
     }
   }, [webRef.current, renderingRequest, addToWalletStatus]);
   const gotCardWalletStatus = data => {
     if (data != null) {
       setAddToWalletStatus(data.status);
     }
   };
-  useListenerToBus([{
+  useListenerToBus({
     busEventKey: CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS,
     action: gotCardWalletStatus
-  }]);
+  });
   const handleAddToWalletClicked = () => {
     if (!cardId) return;
     const startPushProvisioningEvent = {
@@ -52,15 +49,14 @@ export const UNAddToWalletBottomSheetItem = props => {
     };
     EventBus.Instance.event(CardNativeMessage.CARD_START_PUSH_PROVISIONING, startPushProvisioningEvent);
   };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WebComponent, {
     ref: webRef,
     type: WebComponentType.slot,
     presentationMode: PresentationMode.CoverInjectedHeight,
     isScrollable: false
-  }), addToWalletStatus === CardAddToWalletStatus.pending && /*#__PURE__*/React.createElement(ActivityIndicator, {
+  }), addToWalletStatus === UNCardAddToWalletStatus.pending && /*#__PURE__*/React.createElement(ActivityIndicator, {
     style: styles.loader
-  }), addToWalletStatus === CardAddToWalletStatus.readyToProvisioning && /*#__PURE__*/React.createElement(UnitAddToWalletButtonView, {
+  }), addToWalletStatus === UNCardAddToWalletStatus.readyToProvisioning && /*#__PURE__*/React.createElement(UnitAddToWalletButtonView, {
     style: styles.addToWalletButton,
     onAddToWalletClicked: handleAddToWalletClicked
   }));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useEffect","useRef","useState","~~CardAddToWalletStatus","~~CardNativeMessage","EventBus","PresentationMode","WebComponent","WebComponentType","renderingBottomSheetRequest","getStylesObject","ActivityIndicator","useListenerToBus","UnitAddToWalletButtonView","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","slot","CoverInjectedHeight","loader","readyToProvisioning","addToWalletButton"],"sources":["UNAddToWalletBottomSheetItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { ~~CardAddToWalletStatus~~, ~~CardAddToWalletStatusEvent,~~ 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';\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<~~CardAddToWalletStatus~~>(~~CardAddToWalletStatus~~.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 === ~~CardAddToWalletStatus~~.pending) return;\n\n const isCardInWallet = addToWalletStatus === ~~CardAddToWalletStatus~~.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?: ~~CardAddToWalletStatusEvent~~) => {\n if (data != null) {\n setAddToWalletStatus(data.status);\n }\n };\n\n useListenerToBus(~~[\n~~ { busEventKey: CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, action: gotCardWalletStatus }~~,\n ]~~);\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 === ~~CardAddToWalletStatus~~.pending && <ActivityIndicator style={styles.loader} />}\n {addToWalletStatus === ~~CardAddToWalletStatus~~.readyToProvisioning && <UnitAddToWalletButtonView style={styles.addToWalletButton} onAddToWalletClicked={handleAddToWalletClicked} />}\n </>\n );\n};\n"],"mappings":"AAAA,OAAOA,~~KAAP~~,~~IAAgBC~~,~~SAAhB~~,~~EAA2BC~~,~~MAA3B~~,~~EAAmCC~~,~~QAAnC~~,~~QAAmD~~,~~OAAnD~~;~~AAEA~~,~~SAASC~~,~~qBAAT~~,~~EAA2FC~~,~~iBAA3F,QAAoJ,8CAApJ~~;~~AACA~~,OAAOC,~~QAAP~~,~~MAAqB~~,~~2BAArB~~;~~AACA~~,SAASC,~~gBAAT~~,~~QAAiC~~,~~gCAAjC~~;~~AACA~~,SAASC,~~YAAT~~,~~EAAuBC~~,~~gBAAvB~~,~~QAA+C~~,~~oCAA/C~~;~~AACA~~,SAASC,~~2BAAT~~,~~QAA4C~~,~~iCAA5C~~;~~AACA~~,SAASC,~~eAAT~~,~~QAAgC~~,~~uCAAhC~~;~~AACA~~,SAASC,~~iBAAT~~,~~QAAkC~~,~~cAAlC~~;~~AACA~~,SAASC,~~gBAAT~~,~~QAAiC~~,~~8BAAjC~~;~~AAEA~~,OAAOC,~~yBAAP~~,~~MAAsC~~,~~gDAAtC~~;~~AAOA~~,OAAO,MAAMC,4BAA4B,GAAIC,~~KAAD~~,~~IAA8C~~;EACxF,MAAMC,MAAM,~~GAAGN~~,eAAe,~~EAA9B~~;~~EAEA~~,~~MAAMO~~,MAAM,GAAGhB,MAAM,CAAU,~~IAAV~~,~~CAArB~~;~~EAEA~~,MAAM;IAAEiB,~~gBAAF~~;~~IAAoBC~~;~~EAApB~~,~~IAA+BJ~~,~~KAArC~~;~~EAEA~~,MAAM,CAACK,~~iBAAD~~,~~EAAoBC~~,~~oBAApB~~,~~IAA4CnB~~,QAAQ,~~CAAwBC~~,~~qBAAqB~~,~~CAACmB~~,~~OAA9C~~,~~CAA1D~~;~~EAEAtB~~,SAAS,CAAC,MAAM;IACd,IAAI,CAACmB,~~MAAL~~,~~EAAa~~;IACb,MAAMI,KAAoC,GAAG;MAAEJ;~~IAAF~~,~~CAA7C~~;~~IACAd~~,QAAQ,~~CAACmB~~,~~QAAT~~,~~CAAkBD~~,~~KAAlB~~,~~CAAwBnB~~,iBAAiB,~~CAACqB~~,~~6BAA1C~~,~~EAAyEF~~,~~KAAzE~~;~~EACD~~,~~CAJQ~~,~~EAIN~~,CAACJ,~~MAAD~~,~~CAJM~~,~~CAAT~~;~~EAMAnB~~,SAAS,CAAC,MAAM;IACd,IAAI,CAACiB,MAAM,CAACS,~~OAAZ~~,~~EAAqB~~;IACrB,IAAIN,iBAAiB,~~KAAKjB~~,~~qBAAqB~~,~~CAACmB~~,~~OAAhD~~,~~EAAyD~~;~~IAEzD~~,MAAMK,cAAc,GAAGP,iBAAiB,~~KAAKjB~~,~~qBAAqB~~,~~CAACyB~~,~~aAAnE~~;~~IACAX~~,MAAM,CAACS,~~OAAP~~,~~CAAeG~~,~~gBAAf~~,~~CAAiC~~,kDAAiDF,cAAe,~~EAAjG;;IAEA~~,IAAIT,~~gBAAJ~~,~~EAAsB~~;~~MACpBT~~,2BAA2B,~~CAACQ~~,MAAM,CAACS,~~OAAR~~,~~EAAiBR~~,~~gBAAjB~~,~~CAA3B~~;~~IACD~~;EACF,~~CAVQ~~,~~EAUN~~,CAACD,MAAM,CAACS,~~OAAR~~,~~EAAiBR~~,~~gBAAjB~~,~~EAAmCE~~,~~iBAAnC~~,~~CAVM~~,~~CAAT;;EAYA~~,MAAMU,mBAAmB,GAAIC,~~IAAD~~,~~IAAuC~~;~~IACjE~~,IAAIA,IAAI,IAAI,~~IAAZ~~,~~EAAkB~~;MAChBV,oBAAoB,CAACU,IAAI,CAACC,~~MAAN~~,~~CAApB~~;~~IACD~~;EACF,~~CAJD;;EAMApB~~,gBAAgB,CAAC~~,CACf~~;~~IAAEqB~~,WAAW,~~EAAE7B~~,iBAAiB,~~CAAC8B~~,~~gCAAjC~~;~~IAAmEC~~,MAAM,EAAEL;~~EAA3E~~,~~CADe~~,~~CAAD~~,~~CAAhB;;EAIA,~~MAAMM,wBAAwB,~~GAAG~~,~~MAAM~~;IACrC,IAAI,CAACjB,~~MAAL~~,~~EAAa~~;IACb,MAAMkB,0BAA0D,GAAG;MAAElB;~~IAAF~~,~~CAAnE~~;~~IACAd~~,QAAQ,~~CAACmB~~,~~QAAT~~,~~CAAkBD~~,~~KAAlB~~,~~CAAwBnB~~,iBAAiB,~~CAACkC~~,~~4BAA1C~~,~~EAAwED~~,~~0BAAxE~~;~~EACD~~,~~CAJD;;EAMA~~,~~oBACE~~,~~uDACE~~,~~oBAAC~~,~~YAAD~~;~~IACE~~,GAAG,~~EAAEpB~~,~~MADP~~;~~IAEE~~,IAAI,~~EAAET~~,gBAAgB,~~CAAC+B~~,~~IAFzB~~;~~IAGE~~,gBAAgB,~~EAAEjC~~,gBAAgB,~~CAACkC~~,~~mBAHrC~~;~~IAIE~~,YAAY,EAAE;~~EAJhB~~,~~EADF~~,~~EAOGpB~~,iBAAiB,~~KAAKjB~~,~~qBAAqB~~,~~CAACmB~~,~~OAA5C~~,~~iBAAuD~~,~~oBAAC~~,~~iBAAD~~;~~IAAmB~~,KAAK,~~EAAEN~~,MAAM,~~CAACyB~~;~~EAAjC~~,~~EAP1D~~,~~EAQGrB~~,iBAAiB,~~KAAKjB~~,~~qBAAqB~~,~~CAACuC~~,~~mBAA5C~~,~~iBAAmE~~,~~oBAAC~~,~~yBAAD~~;~~IAA2B~~,KAAK,~~EAAE1B~~,MAAM,~~CAAC2B~~,~~iBAAzC~~;~~IAA4D~~,oBAAoB,~~EAAEP~~;~~EAAlF~~,~~EARtE~~,~~CADF~~;~~AAYD~~,~~CAvDM~~"}
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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"}

package/lib/module/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,~~UAAT~~,~~EAAqBC~~,~~QAArB~~,~~QAAqC~~,~~cAArC~~;~~AAEA~~,OAAO,MAAMC,eAAe,~~GAAG~~,~~MAAM~~;EACnC,OAAOF,UAAU,CAACG,~~MAAX~~,~~CAAkB~~;IACvBC,iBAAiB,EAAE;MACjBC,QAAQ,EAAE,~~UADO~~;~~MAEjBC~~,MAAM,EAAEL,QAAQ,CAACM,~~EAAT~~,~~KAAgB~~,~~KAAhB~~,~~GAAwB~~,~~EAAxB~~,~~GAA6B~~,~~EAFpB~~;~~MAGjBC~~,MAAM,EAAE,~~EAHS~~;~~MAIjBC~~,IAAI,EAAE,~~CAJW~~;~~MAKjBC~~,KAAK,EAAE,~~CALU~~;~~MAMjBC~~,gBAAgB,EAAE;~~IAND~~,~~CADI~~;~~IASvBC~~,MAAM,EAAE;MACNP,QAAQ,EAAE,~~UADJ~~;~~MAENQ~~,GAAG,EAAE,~~CAFC~~;~~MAGNL~~,MAAM,EAAE,~~CAHF~~;~~MAINC~~,IAAI,EAAE,~~CAJA~~;~~MAKNC~~,KAAK,EAAE;~~IALD~~;~~EATe~~,~~CAAlB~~,~~CAAP~~;~~AAiBD~~,~~CAlBM~~"}
1	+ {"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/UNCardComponent/UNCardComponent.js CHANGED Viewed

@@ -14,45 +14,44 @@ export const UNCardComponent = props => {
   const [height, setHeight] = useState(0);
   const windowWidth = Dimensions.get('window').width;
   const walletRef = useRef(null);
-  const webRef = 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);
   const cardStatusChanged = card => {
     if (props.onStatusChanged) {
       props.onStatusChanged(card);
     }
   };
   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();
   };
-  useListenerToBus([{
-    busEventKey: CardMessage.CARD_STATUS_CHANGED,
-    action: cardStatusChanged
-  }, {
+  useListenerToBus({
     busEventKey: UnitMessage.UNIT_REQUEST_REFRESH,
     action: requestRefresh
-  }, {
+  });
+  useListenerToBus({
+    busEventKey: CardMessage.CARD_STATUS_CHANGED,
+    action: cardStatusChanged
+  });
+  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:
         {
@@ -64,17 +63,14 @@ export const UNCardComponent = props => {
           EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);
           break;
         }
       case PageMessage.PAGE_HEIGHT:
         setHeight(message.details.height);
         break;
       case UnitMessage.UNIT_ON_LOAD:
         props.onLoad && props.onLoad(message.details);
         break;
     }
   };
   const getWallets = async () => {
     try {
       const walletResponse = await launchGetWallets(props.customerToken, props.cardId, props.pushProvisioningModule);
@@ -88,7 +84,6 @@ export const UNCardComponent = props => {
       console.error(error);
     }
   };
   const onAddToWalletClicked = async () => {
     try {
       await launchStartCardProvisioning(props.pushProvisioningModule, walletRef.current);
@@ -97,11 +92,9 @@ export const UNCardComponent = props => {
         const parsedError = JSON.parse(error.message);
         if (parsedError.code === CardAddToWalletErrors.closedNativeWalletScreen) return;
       }
       console.log(error);
     }
   };
   return /*#__PURE__*/React.createElement(View, {
     style: {
       height

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useRef","useState","Dimensions","View","PageMessage","UnitMessage","EventBus","WebComponent","WebComponentType","useListenerToBus","getCardParams","getCardScript","injectRefreshEventIfNeeded","launchStartCardProvisioning","PresentationMode","CardMessage","launchGetWallets","CardAddToWalletErrors","CardNativeMessage","UNCardComponent","props","height","setHeight","windowWidth","get","width","walletRef","webRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","current","cardId","startPushProvisioning","onAddToWalletClicked","getAddToWalletStatus","getWallets","busEventKey","CARD_STATUS_CHANGED","action","UNIT_REQUEST_REFRESH","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","onLoad","walletResponse","customerToken","pushProvisioningModule","walletStatus","status","CARD_UPDATE_ADD_TO_WALLET_STATUS","error","console","Error","parsedError","JSON","parse","code","closedNativeWalletScreen","log","Default","theme"],"sources":["UNCardComponent.tsx"],"sourcesContent":["import React, { 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 } from './UNCardComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { ResponseUnitOnLoadEvent, UNCardData } 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, CardAddToWalletStatusEvent, CardGetAddToWalletStatusEvent, CardNativeMessage, CardStartPushProvisioningEvent } from '../../messages/nativeMessages/cardMessage';\nimport type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';\nexport interface UNCardComponentProps {\n cardId: string;\n customerToken: string;\n theme?: string;\n onStatusChanged?: (card: UNCardData) => void;\n pushProvisioningModule?: typeof NativeModules;\n onLoad?: (response: ResponseUnitOnLoadEvent) => void\n}\n\nexport const UNCardComponent = (props: UNCardComponentProps) => {\n const [height, setHeight] = useState(0);\n const windowWidth = Dimensions.get('window').width;\n const walletRef = useRef<UNWallet \| null>(null);\n\n const webRef = useRef<WebView>(null);\n\n const cardStatusChanged = (card: UNCardData) => {\n if (props.onStatusChanged) {\n props.onStatusChanged(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 useListenerToBus([\n { busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged },\n { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },\n { busEventKey: CardNativeMessage.CARD_START_PUSH_PROVISIONING, action: startPushProvisioning },\n { busEventKey: CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, action: getAddToWalletStatus }\n ]);\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 props.onLoad && props.onLoad(message.details as ResponseUnitOnLoadEvent);\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: CardAddToWalletStatusEvent = { 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 script={getCardScript()}\n onMessage={message => handleMessage(message)}\n width={windowWidth}\n isScrollable={false}\n />\n </View>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,QAAxB,QAAwC,OAAxC;AACA,SAASC,UAAT,EAAmCC,IAAnC,QAA+C,cAA/C;AAEA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAAqDC,WAArD,QAAwE,yCAAxE;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAEA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,0BAAvC,EAAmEC,2BAAnE,QAAsG,yBAAtG;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AAEA,SAASC,WAAT,QAA4B,wCAA5B;AACA,SAASC,gBAAT,QAAiC,yBAAjC;AAGA,SAASC,qBAAT,EAA2FC,iBAA3F,QAAoJ,2CAApJ;AAWA,OAAO,MAAMC,eAAe,GAAIC,KAAD,IAAiC;EAC9D,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBrB,QAAQ,CAAC,CAAD,CAApC;EACA,MAAMsB,WAAW,GAAGrB,UAAU,CAACsB,GAAX,CAAe,QAAf,EAAyBC,KAA7C;EACA,MAAMC,SAAS,GAAG1B,MAAM,CAAkB,IAAlB,CAAxB;EAEA,MAAM2B,MAAM,GAAG3B,MAAM,CAAU,IAAV,CAArB;;EAEA,MAAM4B,iBAAiB,GAAIC,IAAD,IAAsB;IAC9C,IAAIT,KAAK,CAACU,eAAV,EAA2B;MACzBV,KAAK,CAACU,eAAN,CAAsBD,IAAtB;IACD;EACF,CAJD;;EAMA,MAAME,cAAc,GAAIC,IAAD,IAA+B;IACpDpB,0BAA0B,CAACe,MAAM,CAACM,OAAR,EAAiBD,IAAjB,EAAuBZ,KAAK,CAACc,MAA7B,CAA1B;EACD,CAFD;;EAIA,MAAMC,qBAAqB,GAAG,MAAOH,IAAP,IAAgD;IAC5E,IAAIA,IAAI,CAACE,MAAL,KAAgBd,KAAK,CAACc,MAA1B,EAAkC;IAClCE,oBAAoB;EACrB,CAHD;;EAKA,MAAMC,oBAAoB,GAAIL,IAAD,IAAyC;IACpE,IAAIA,IAAI,CAACE,MAAL,KAAgBd,KAAK,CAACc,MAA1B,EAAkC;IAClCI,UAAU;EACX,CAHD;;EAKA7B,gBAAgB,CAAC,CACf;IAAE8B,WAAW,EAAExB,WAAW,CAACyB,mBAA3B;IAAgDC,MAAM,EAAEb;EAAxD,CADe,EAEf;IAAEW,WAAW,EAAElC,WAAW,CAACqC,oBAA3B;IAAiDD,MAAM,EAAEV;EAAzD,CAFe,EAGf;IAAEQ,WAAW,EAAErB,iBAAiB,CAACyB,4BAAjC;IAA+DF,MAAM,EAAEN;EAAvE,CAHe,EAIf;IAAEI,WAAW,EAAErB,iBAAiB,CAAC0B,6BAAjC;IAAgEH,MAAM,EAAEJ;EAAxE,CAJe,CAAD,CAAhB;;EAOA,MAAMQ,aAAa,GAAIC,OAAD,IAA6B;IACjD,IAAI,CAACA,OAAD,IAAY,CAACA,OAAO,CAACC,OAAzB,EAAkC;;IAElC,QAAQD,OAAO,CAACE,IAAhB;MACE,KAAK3C,WAAW,CAAC4C,sBAAjB;QAAyC;UACvC,MAAMC,KAA0B,GAAG;YACjCC,aAAa,EAAE3C,gBAAgB,CAACqB,IADC;YAEjCuB,mBAAmB,EAAEhC,KAAK,CAACc,MAFM;YAGjCmB,qBAAqB,EAAEP,OAAO,CAACC;UAHE,CAAnC;UAKAzC,QAAQ,CAACgD,QAAT,CAAkBJ,KAAlB,CAAwB7C,WAAW,CAAC4C,sBAApC,EAA4DC,KAA5D;UACA;QACD;;MACD,KAAK9C,WAAW,CAACmD,WAAjB;QACEjC,SAAS,CAAEwB,OAAO,CAACC,OAAT,CAAiC1B,MAAlC,CAAT;QACA;;MACF,KAAKhB,WAAW,CAACmD,YAAjB;QACEpC,KAAK,CAACqC,MAAN,IAAgBrC,KAAK,CAACqC,MAAN,CAAaX,OAAO,CAACC,OAArB,CAAhB;QACA;IAfJ;EAiBD,CApBD;;EAsBA,MAAMT,UAAU,GAAG,YAAY;IAE7B,IAAI;MAEF,MAAMoB,cAAc,GAAG,MAAM1C,gBAAgB,CAACI,KAAK,CAACuC,aAAP,EAAsBvC,KAAK,CAACc,MAA5B,EAAoCd,KAAK,CAACwC,sBAA1C,CAA7C;MAEA,IAAI,CAACF,cAAL,EAAqB;MAErBhC,SAAS,CAACO,OAAV,GAAoByB,cAApB;MAEA,MAAMG,YAAwC,GAAG;QAAEC,MAAM,EAAEJ,cAAc,CAACI;MAAzB,CAAjD;MACAxD,QAAQ,CAACgD,QAAT,CAAkBJ,KAAlB,CAAwBhC,iBAAiB,CAAC6C,gCAA1C,EAA4EF,YAA5E;IACD,CAVD,CAUE,OAAOG,KAAP,EAAc;MACdC,OAAO,CAACD,KAAR,CAAcA,KAAd;IACD;EACF,CAfD;;EAiBA,MAAM5B,oBAAoB,GAAG,YAAY;IACvC,IAAI;MACF,MAAMvB,2BAA2B,CAACO,KAAK,CAACwC,sBAAP,EAA+ClC,SAAS,CAACO,OAAzD,CAAjC;IACD,CAFD,CAEE,OAAO+B,KAAP,EAAc;MACd,IAAIA,KAAK,YAAYE,KAArB,EAA4B;QAC1B,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWL,KAAK,CAAClB,OAAjB,CAApB;QACA,IAAIqB,WAAW,CAACG,IAAZ,KAAqBrD,qBAAqB,CAACsD,wBAA/C,EAAyE;MAC1E;;MACDN,OAAO,CAACO,GAAR,CAAYR,KAAZ;IACD;EACF,CAVD;;EAYA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAE3C;IAAF;EAAb,gBACE,oBAAC,YAAD;IACE,GAAG,EAAEM,MADP;IAEE,IAAI,EAAEnB,gBAAgB,CAACqB,IAFzB;IAGE,gBAAgB,EAAEf,gBAAgB,CAAC2D,OAHrC;IAIE,MAAM,EAAE/D,aAAa,CAACU,KAAD,CAJvB;IAKE,KAAK,EAAEA,KAAK,CAACsD,KALf;IAME,MAAM,EAAE/D,aAAa,EANvB;IAOE,SAAS,EAAEmC,OAAO,IAAID,aAAa,CAACC,OAAD,CAPrC;IAQE,KAAK,EAAEvB,WART;IASE,YAAY,EAAE;EAThB,EADF,CADF;AAeD,CApGM"}
1	+ {"version":3,"names":["React","useRef","useState","Dimensions","View","PageMessage","UnitMessage","EventBus","WebComponent","WebComponentType","useListenerToBus","getCardParams","getCardScript","injectRefreshEventIfNeeded","launchStartCardProvisioning","PresentationMode","CardMessage","launchGetWallets","CardAddToWalletErrors","CardNativeMessage","UNCardComponent","props","height","setHeight","windowWidth","get","width","walletRef","webRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","current","cardId","startPushProvisioning","onAddToWalletClicked","getAddToWalletStatus","getWallets","busEventKey","UNIT_REQUEST_REFRESH","action","CARD_STATUS_CHANGED","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","onLoad","walletResponse","customerToken","pushProvisioningModule","walletStatus","status","CARD_UPDATE_ADD_TO_WALLET_STATUS","error","console","Error","parsedError","JSON","parse","code","closedNativeWalletScreen","log","createElement","style","ref","presentationMode","Default","params","theme","script","onMessage","isScrollable"],"sources":["UNCardComponent.tsx"],"sourcesContent":["import React, { 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 } from './UNCardComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { UNResponseUnitOnLoadEvent, UNCardData } 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';\nexport interface UNCardComponentProps {\n // inputs\n cardId: string;\n customerToken: string;\n theme?: string;\n hideActionsMenuButton?: boolean;\n hideCardTitle?: boolean;\n hideSensitiveDataButton?: boolean;\n\n // events\n onLoad?: (response: UNResponseUnitOnLoadEvent) => void\n onStatusChanged?: (card: UNCardData) => void;\n pushProvisioningModule?: typeof NativeModules;\n}\n\nexport const UNCardComponent = (props: UNCardComponentProps) => {\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 const cardStatusChanged = (card: UNCardData) => {\n if (props.onStatusChanged) {\n props.onStatusChanged(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 useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });\n useListenerToBus({ busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged });\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 props.onLoad && props.onLoad(message.details as UNResponseUnitOnLoadEvent);\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 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 CHANGED Viewed

@@ -8,6 +8,9 @@ export const getCardParams = props => {
     card-id="${props.cardId}"
     customer-token="${props.customerToken}"
     enable-mobile-wallet="${!!props.pushProvisioningModule}"
+    hide-actions-menu-button="${props.hideActionsMenuButton || false}"
+    hide-card-title="${props.hideCardTitle || false}"
+    hide-sensitive-data-button="${props.hideSensitiveDataButton || false}"
   `;
 };
 export const getCardScript = () => {
@@ -30,7 +33,6 @@ export const launchGetWallets = async (customerToken, cardId, pushProvisioningMo
     const parsedWalletsResponse = JSON.parse(walletsResponse);
     const wallets = parsedWalletsResponse.wallets;
     if (!wallets) return null;
     if (wallets[0].code === UNWalletCode.Apple) {
       return {
         name: UNWalletName.Apple,