react-native-unit-components 1.0.4 → 1.1.0

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

@@ -1 +1 @@
-{"version":3,"names":["ScrollState","CustomDialog","UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","useState","height","setHeight","bottomSheetSlotData","setBottomSheetSlotData","requestRenderingEvent","setRequestRenderingEvent","scrollState","setScrollState","onTop","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","customDialog","setCustomDialog","isAppActive","useAppStateListener","styles","getStylesObject","webRef","useRef","handleRequestRendering","data","handleCloseFlow","useEffect","current","renderingBottomSheetRequest","resetHtml","undefined","setNewHeight","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_RENDERING","action","UNIT_REQUEST_CLOSE_FLOW","message","componentName","WebComponentType","account","accountActionType","getAccountActionType","AccountAction","List","unScrollable","card","addToWallet","nativePlace","bottomSheetNewHeight","handleHtmlFullHeight","Dimensions","get","details","onWebMessage","type","PageMessage","PAGE_HEIGHT","requestRendering","nativeComponent","includes","setTimeout","CardMessage","CARD_STATUS_CHANGED","EventBus","Instance","event","UNIT_REQUEST_OPEN_LINK","href","Linking","openURL","onScrollWebView","currY","nativeEvent","contentOffset","y","onlyBottomSheet","onlyWebView","handleWebViewScroll","renderBottomSheetItem","componentResourceId","slot","PresentationMode","CoverInjectedHeight","getBottomSheetScript","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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WebComponent","_reactNative","_BottomSheet","_interopRequireDefault","_EventBus","_pageMessage","_unitMessages","_cardMessage","_listenerToBus","_UNBottomSheetComponent","_UNBottomSheetComponent2","_bodyHtml","_useAppStateListener","_UNAddToWalletBottomSheetItem","_UNAccountComponent","_UNAccountComponent2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ScrollState","exports","CustomDialog","UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","useState","height","setHeight","bottomSheetSlotData","setBottomSheetSlotData","requestRenderingEvent","setRequestRenderingEvent","scrollState","setScrollState","onTop","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","customDialog","setCustomDialog","isAppActive","useAppStateListener","styles","getStylesObject","webRef","useRef","handleRequestRendering","data","handleCloseFlow","useEffect","current","renderingBottomSheetRequest","resetHtml","undefined","setNewHeight","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_RENDERING","action","UNIT_REQUEST_CLOSE_FLOW","message","componentName","WebComponentType","account","accountActionType","getAccountActionType","AccountAction","List","unScrollable","card","addToWallet","nativePlace","bottomSheetNewHeight","handleHtmlFullHeight","Dimensions","details","onWebMessage","type","PageMessage","PAGE_HEIGHT","_requestRenderingEven","requestRendering","nativeComponent","includes","setTimeout","CardMessage","CARD_STATUS_CHANGED","EventBus","Instance","event","UNIT_REQUEST_OPEN_LINK","href","Linking","openURL","onScrollWebView","currY","nativeEvent","contentOffset","y","onlyBottomSheet","onlyWebView","handleWebViewScroll","renderBottomSheetItem","createElement","UNAddToWalletBottomSheetItem","renderingRequest","cardId","componentResourceId","WebComponent","ref","slot","presentationMode","PresentationMode","CoverInjectedHeight","script","getBottomSheetScript","onMessage","isScrollable","handleScroll","Fragment","View","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 { 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({ 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 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/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.styles.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getStylesObject = void 0;
-
 var _reactNative = require("react-native");
-
 const getStylesObject = () => {
   return _reactNative.StyleSheet.create({
     container: {
@@ -18,6 +16,5 @@ const getStylesObject = () => {
     }
   });
 };
-
 exports.getStylesObject = getStylesObject;
 //# sourceMappingURL=UNBottomSheetComponent.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getStylesObject","StyleSheet","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;;AAEO,MAAMA,eAAe,GAAG,MAAM;EACnC,OAAOC,uBAAA,CAAWC,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"}
+{"version":3,"names":["_reactNative","require","getStylesObject","StyleSheet","create","container","position","top","bottom","left","right","exports"],"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,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,OAAOC,uBAAU,CAACC,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;AAACC,OAAA,CAAAT,eAAA,GAAAA,eAAA"}

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.utils.js

@@ -4,35 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.resetHtml = exports.renderingBottomSheetRequest = exports.handleHtmlFullHeight = exports.getBottomSheetScript = void 0;
-
 var _bodyScript = require("./../../scripts/html/bodyScript");
-
 var _UNBottomSheetComponent = require("./UNBottomSheetComponent.constants");
-
 const getBottomSheetScript = () => {
   return _bodyScript.LISTENERS.requestRefresh;
 };
-
 exports.getBottomSheetScript = getBottomSheetScript;
-
 const renderingBottomSheetRequest = (currentWebView, renderingRequest) => {
   currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
     document.activeElement && document.activeElement.blur();
     dispatchRenderingEvent('${JSON.stringify(renderingRequest.data)}');
   `);
 };
-
 exports.renderingBottomSheetRequest = renderingBottomSheetRequest;
-
 const resetHtml = currentWebView => {
   currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
     document.activeElement && document.activeElement.blur();
     document.getElementById('webViewContainer').style.height = null;
   `);
 };
-
 exports.resetHtml = resetHtml;
-
 const handleHtmlFullHeight = (currentWebView, windowHeight) => {
   const bottomSheetHeight = windowHeight * _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;
   currentWebView && (currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
@@ -40,6 +31,5 @@ const handleHtmlFullHeight = (currentWebView, windowHeight) => {
   `));
   return bottomSheetHeight;
 };
-
 exports.handleHtmlFullHeight = handleHtmlFullHeight;
 //# sourceMappingURL=UNBottomSheetComponent.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getBottomSheetScript","LISTENERS","requestRefresh","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","JSON","stringify","data","resetHtml","handleHtmlFullHeight","windowHeight","bottomSheetHeight","BOTTOM_SHEET_MAX_PERCENTAGE_SIZE"],"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;;AAEA;;AAGO,MAAMA,oBAAoB,GAAG,MAAM;EACxC,OAAOC,qBAAA,CAAUC,cAAjB;AACD,CAFM;;;;AAIA,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;;;;AAOA,MAAMC,SAAS,GAAIN,cAAD,IAA6B;EACpDA,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEE,gBAAhB,CAAkC;AACpC;AACA;AACA,GAHE;AAID,CALM;;;;AAOA,MAAMK,oBAAoB,GAAG,CAACP,cAAD,EAAiCQ,YAAjC,KAA0D;EAC5F,MAAMC,iBAAiB,GAAGD,YAAY,GAAGE,wDAAzC;EACAV,cAAc,KAAIA,cAAJ,aAAIA,cAAJ,uBAAIA,cAAc,CAAEE,gBAAhB,CAAkC;AACtD,kEAAkEO,iBAAkB;AACpF,GAFoB,CAAJ,CAAd;EAIA,OAAOA,iBAAP;AACD,CAPM"}
+{"version":3,"names":["_bodyScript","require","_UNBottomSheetComponent","getBottomSheetScript","LISTENERS","requestRefresh","exports","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","JSON","stringify","data","resetHtml","handleHtmlFullHeight","windowHeight","bottomSheetHeight","BOTTOM_SHEET_MAX_PERCENTAGE_SIZE"],"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,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,uBAAA,GAAAD,OAAA;AAGO,MAAME,oBAAoB,GAAGA,CAAA,KAAM;EACxC,OAAOC,qBAAS,CAACC,cAAc;AACjC,CAAC;AAACC,OAAA,CAAAH,oBAAA,GAAAA,oBAAA;AAEK,MAAMI,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;AAACP,OAAA,CAAAC,2BAAA,GAAAA,2BAAA;AAEK,MAAMO,SAAS,GAAIN,cAAuB,IAAK;EACpDA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,gBAAgB,CAAE;AACpC;AACA;AACA,GAAG,CAAC;AACJ,CAAC;AAACJ,OAAA,CAAAQ,SAAA,GAAAA,SAAA;AAEK,MAAMC,oBAAoB,GAAGA,CAACP,cAA8B,EAAEQ,YAAoB,KAAK;EAC5F,MAAMC,iBAAiB,GAAGD,YAAY,GAAGE,wDAAgC;EACzEV,cAAc,KAAIA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,gBAAgB,CAAE;AACtD,kEAAkEO,iBAAkB;AACpF,GAAG,CAAC;EAEF,OAAOA,iBAAiB;AAC1B,CAAC;AAACX,OAAA,CAAAS,oBAAA,GAAAA,oBAAA"}

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

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UNAddToWalletBottomSheetItem = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _cardMessage = require("../../../messages/nativeMessages/cardMessage");
-
 var _EventBus = _interopRequireDefault(require("../../../helpers/EventBus"));
-
 var _bodyHtml = require("../../../scripts/html/bodyHtml");
-
 var _WebComponent = require("../../../webComponent/WebComponent");
-
 var _UNBottomSheetComponent = require("../UNBottomSheetComponent.utils");
-
 var _UNAddToWalletBottomSheetItem = require("./UNAddToWalletBottomSheetItem.styles");
-
 var _reactNative = require("react-native");
-
 var _listenerToBus = require("../../../hooks/listenerToBus");
-
 var _UnitAddToWalletButton = _interopRequireDefault(require("../../../nativeComponent/UnitAddToWalletButton"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const UNAddToWalletBottomSheetItem = props => {
   const styles = (0, _UNAddToWalletBottomSheetItem.getStylesObject)();
   const webRef = (0, _react.useRef)(null);
@@ -44,7 +30,6 @@ const UNAddToWalletBottomSheetItem = props => {
     const event = {
       cardId
     };
-
     _EventBus.default.Instance.event(_cardMessage.CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, event);
   }, [cardId]);
   (0, _react.useEffect)(() => {
@@ -52,32 +37,26 @@ const UNAddToWalletBottomSheetItem = props => {
     if (addToWalletStatus === _cardMessage.CardAddToWalletStatus.pending) return;
     const isCardInWallet = addToWalletStatus === _cardMessage.CardAddToWalletStatus.addedToWallet;
     webRef.current.injectJavaScript(`window.UnitMobileSDKConfig["isCardInWallet"] = ${isCardInWallet}`);
-
     if (renderingRequest) {
       (0, _UNBottomSheetComponent.renderingBottomSheetRequest)(webRef.current, renderingRequest);
     }
   }, [webRef.current, renderingRequest, addToWalletStatus]);
-
   const gotCardWalletStatus = data => {
     if (data != null) {
       setAddToWalletStatus(data.status);
     }
   };
-
-  (0, _listenerToBus.useListenerToBus)([{
+  (0, _listenerToBus.useListenerToBus)({
     busEventKey: _cardMessage.CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS,
     action: gotCardWalletStatus
-  }]);
-
+  });
   const handleAddToWalletClicked = () => {
     if (!cardId) return;
     const startPushProvisioningEvent = {
       cardId
     };
-
     _EventBus.default.Instance.event(_cardMessage.CardNativeMessage.CARD_START_PUSH_PROVISIONING, startPushProvisioningEvent);
   };
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
     ref: webRef,
     type: _WebComponent.WebComponentType.slot,
@@ -90,6 +69,5 @@ const UNAddToWalletBottomSheetItem = props => {
     onAddToWalletClicked: handleAddToWalletClicked
   }));
 };
-
 exports.UNAddToWalletBottomSheetItem = UNAddToWalletBottomSheetItem;
 //# sourceMappingURL=UNAddToWalletBottomSheetItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["UNAddToWalletBottomSheetItem","props","styles","getStylesObject","webRef","useRef","renderingRequest","cardId","addToWalletStatus","setAddToWalletStatus","useState","CardAddToWalletStatus","pending","useEffect","event","EventBus","Instance","CardNativeMessage","CARD_GET_ADD_TO_WALLET_STATUS","current","isCardInWallet","addedToWallet","injectJavaScript","renderingBottomSheetRequest","gotCardWalletStatus","data","status","useListenerToBus","busEventKey","CARD_UPDATE_ADD_TO_WALLET_STATUS","action","handleAddToWalletClicked","startPushProvisioningEvent","CARD_START_PUSH_PROVISIONING","WebComponentType","slot","PresentationMode","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;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAOO,MAAMA,4BAA4B,GAAIC,KAAD,IAA8C;EACxF,MAAMC,MAAM,GAAG,IAAAC,6CAAA,GAAf;EAEA,MAAMC,MAAM,GAAG,IAAAC,aAAA,EAAgB,IAAhB,CAAf;EAEA,MAAM;IAAEC,gBAAF;IAAoBC;EAApB,IAA+BN,KAArC;EAEA,MAAM,CAACO,iBAAD,EAAoBC,oBAApB,IAA4C,IAAAC,eAAA,EAAgCC,kCAAA,CAAsBC,OAAtD,CAAlD;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAI,CAACN,MAAL,EAAa;IACb,MAAMO,KAAoC,GAAG;MAAEP;IAAF,CAA7C;;IACAQ,iBAAA,CAASC,QAAT,CAAkBF,KAAlB,CAAwBG,8BAAA,CAAkBC,6BAA1C,EAAyEJ,KAAzE;EACD,CAJD,EAIG,CAACP,MAAD,CAJH;EAMA,IAAAM,gBAAA,EAAU,MAAM;IACd,IAAI,CAACT,MAAM,CAACe,OAAZ,EAAqB;IACrB,IAAIX,iBAAiB,KAAKG,kCAAA,CAAsBC,OAAhD,EAAyD;IAEzD,MAAMQ,cAAc,GAAGZ,iBAAiB,KAAKG,kCAAA,CAAsBU,aAAnE;IACAjB,MAAM,CAACe,OAAP,CAAeG,gBAAf,CAAiC,kDAAiDF,cAAe,EAAjG;;IAEA,IAAId,gBAAJ,EAAsB;MACpB,IAAAiB,mDAAA,EAA4BnB,MAAM,CAACe,OAAnC,EAA4Cb,gBAA5C;IACD;EACF,CAVD,EAUG,CAACF,MAAM,CAACe,OAAR,EAAiBb,gBAAjB,EAAmCE,iBAAnC,CAVH;;EAYA,MAAMgB,mBAAmB,GAAIC,IAAD,IAAuC;IACjE,IAAIA,IAAI,IAAI,IAAZ,EAAkB;MAChBhB,oBAAoB,CAACgB,IAAI,CAACC,MAAN,CAApB;IACD;EACF,CAJD;;EAMA,IAAAC,+BAAA,EAAiB,CACf;IAAEC,WAAW,EAAEX,8BAAA,CAAkBY,gCAAjC;IAAmEC,MAAM,EAAEN;EAA3E,CADe,CAAjB;;EAIA,MAAMO,wBAAwB,GAAG,MAAM;IACrC,IAAI,CAACxB,MAAL,EAAa;IACb,MAAMyB,0BAA0D,GAAG;MAAEzB;IAAF,CAAnE;;IACAQ,iBAAA,CAASC,QAAT,CAAkBF,KAAlB,CAAwBG,8BAAA,CAAkBgB,4BAA1C,EAAwED,0BAAxE;EACD,CAJD;;EAMA,oBACE,yEACE,6BAAC,0BAAD;IACE,GAAG,EAAE5B,MADP;IAEE,IAAI,EAAE8B,8BAAA,CAAiBC,IAFzB;IAGE,gBAAgB,EAAEC,0BAAA,CAAiBC,mBAHrC;IAIE,YAAY,EAAE;EAJhB,EADF,EAOG7B,iBAAiB,KAAKG,kCAAA,CAAsBC,OAA5C,iBAAuD,6BAAC,8BAAD;IAAmB,KAAK,EAAEV,MAAM,CAACoC;EAAjC,EAP1D,EAQG9B,iBAAiB,KAAKG,kCAAA,CAAsB4B,mBAA5C,iBAAmE,6BAAC,8BAAD;IAA2B,KAAK,EAAErC,MAAM,CAACsC,iBAAzC;IAA4D,oBAAoB,EAAET;EAAlF,EARtE,CADF;AAYD,CAvDM"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_cardMessage","_EventBus","_interopRequireDefault","_bodyHtml","_WebComponent","_UNBottomSheetComponent","_UNAddToWalletBottomSheetItem","_reactNative","_listenerToBus","_UnitAddToWalletButton","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","renderingRequest","cardId","addToWalletStatus","setAddToWalletStatus","useState","CardAddToWalletStatus","pending","useEffect","event","EventBus","Instance","CardNativeMessage","CARD_GET_ADD_TO_WALLET_STATUS","current","isCardInWallet","addedToWallet","injectJavaScript","renderingBottomSheetRequest","gotCardWalletStatus","data","status","useListenerToBus","busEventKey","CARD_UPDATE_ADD_TO_WALLET_STATUS","action","handleAddToWalletClicked","startPushProvisioningEvent","CARD_START_PUSH_PROVISIONING","createElement","Fragment","WebComponent","ref","type","WebComponentType","slot","presentationMode","PresentationMode","CoverInjectedHeight","isScrollable","ActivityIndicator","style","loader","readyToProvisioning","addToWalletButton","onAddToWalletClicked","exports"],"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({ 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 === CardAddToWalletStatus.pending && <ActivityIndicator style={styles.loader} />}\n      {addToWalletStatus === CardAddToWalletStatus.readyToProvisioning && <UnitAddToWalletButtonView style={styles.addToWalletButton} onAddToWalletClicked={handleAddToWalletClicked} />}\n    </>\n  );\n};\n"],"mappings":"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"}

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

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getStylesObject = void 0;
-
 var _reactNative = require("react-native");
-
 const getStylesObject = () => {
   return _reactNative.StyleSheet.create({
     addToWalletButton: {
@@ -26,6 +24,5 @@ const getStylesObject = () => {
     }
   });
 };
-
 exports.getStylesObject = getStylesObject;
 //# sourceMappingURL=UNAddToWalletBottomSheetItem.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getStylesObject","StyleSheet","create","addToWalletButton","position","height","Platform","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;;AAEO,MAAMA,eAAe,GAAG,MAAM;EACnC,OAAOC,uBAAA,CAAWC,MAAX,CAAkB;IACvBC,iBAAiB,EAAE;MACjBC,QAAQ,EAAE,UADO;MAEjBC,MAAM,EAAEC,qBAAA,CAASC,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;MACNR,QAAQ,EAAE,UADJ;MAENS,GAAG,EAAE,CAFC;MAGNL,MAAM,EAAE,CAHF;MAINC,IAAI,EAAE,CAJA;MAKNC,KAAK,EAAE;IALD;EATe,CAAlB,CAAP;AAiBD,CAlBM"}
+{"version":3,"names":["_reactNative","require","getStylesObject","StyleSheet","create","addToWalletButton","position","height","Platform","OS","bottom","left","right","marginHorizontal","loader","top","exports"],"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,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,OAAOC,uBAAU,CAACC,MAAM,CAAC;IACvBC,iBAAiB,EAAE;MACjBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAEC,qBAAQ,CAACC,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;MACNR,QAAQ,EAAE,UAAU;MACpBS,GAAG,EAAE,CAAC;MACNL,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE;IACT;EACF,CAAC,CAAC;AACJ,CAAC;AAACI,OAAA,CAAAd,eAAA,GAAAA,eAAA"}

package/lib/commonjs/components/UNCardComponent/UNCardComponent.js

@@ -4,80 +4,62 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UNCardComponent = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _pageMessage = require("../../messages/webMessages/pageMessage");
-
 var _unitMessages = require("../../messages/webMessages/unitMessages");
-
 var _EventBus = _interopRequireDefault(require("../../helpers/EventBus"));
-
 var _WebComponent = require("../../webComponent/WebComponent");
-
 var _listenerToBus = require("../../hooks/listenerToBus");
-
 var _UNCardComponent = require("./UNCardComponent.utils");
-
 var _bodyHtml = require("../../scripts/html/bodyHtml");
-
 var _cardMessage = require("../../messages/webMessages/cardMessage");
-
 var _cardMessage2 = require("../../messages/nativeMessages/cardMessage");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const UNCardComponent = props => {
   const [height, setHeight] = (0, _react.useState)(0);
-
   const windowWidth = _reactNative.Dimensions.get('window').width;
-
   const walletRef = (0, _react.useRef)(null);
-  const webRef = (0, _react.useRef)(null);
+  // walletRef can be changed to a state. (After the change of the listener hook)
+  // TODO: walletState and checks it works. =)
 
+  const webRef = (0, _react.useRef)(null);
   const cardStatusChanged = card => {
     if (props.onStatusChanged) {
       props.onStatusChanged(card);
     }
   };
-
   const requestRefresh = data => {
     (0, _UNCardComponent.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();
   };
-
-  (0, _listenerToBus.useListenerToBus)([{
-    busEventKey: _cardMessage.CardMessage.CARD_STATUS_CHANGED,
-    action: cardStatusChanged
-  }, {
+  (0, _listenerToBus.useListenerToBus)({
     busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH,
     action: requestRefresh
-  }, {
+  });
+  (0, _listenerToBus.useListenerToBus)({
+    busEventKey: _cardMessage.CardMessage.CARD_STATUS_CHANGED,
+    action: cardStatusChanged
+  });
+  (0, _listenerToBus.useListenerToBus)({
     busEventKey: _cardMessage2.CardNativeMessage.CARD_START_PUSH_PROVISIONING,
     action: startPushProvisioning
-  }, {
+  });
+  (0, _listenerToBus.useListenerToBus)({
     busEventKey: _cardMessage2.CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS,
     action: getAddToWalletStatus
-  }]);
-
+  });
   const handleMessage = message => {
     if (!message || !message.details) return;
-
     switch (message.type) {
       case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
         {
@@ -86,22 +68,17 @@ const UNCardComponent = props => {
             componentResourceId: props.cardId,
             requestRenderingEvent: message.details
           };
-
           _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_RENDERING, event);
-
           break;
         }
-
       case _pageMessage.PageMessage.PAGE_HEIGHT:
         setHeight(message.details.height);
         break;
-
       case _unitMessages.UnitMessage.UNIT_ON_LOAD:
         props.onLoad && props.onLoad(message.details);
         break;
     }
   };
-
   const getWallets = async () => {
     try {
       const walletResponse = await (0, _UNCardComponent.launchGetWallets)(props.customerToken, props.cardId, props.pushProvisioningModule);
@@ -110,13 +87,11 @@ const UNCardComponent = props => {
       const walletStatus = {
         status: walletResponse.status
       };
-
       _EventBus.default.Instance.event(_cardMessage2.CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, walletStatus);
     } catch (error) {
       console.error(error);
     }
   };
-
   const onAddToWalletClicked = async () => {
     try {
       await (0, _UNCardComponent.launchStartCardProvisioning)(props.pushProvisioningModule, walletRef.current);
@@ -125,11 +100,9 @@ const UNCardComponent = props => {
         const parsedError = JSON.parse(error.message);
         if (parsedError.code === _cardMessage2.CardAddToWalletErrors.closedNativeWalletScreen) return;
       }
-
       console.log(error);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       height
@@ -146,6 +119,5 @@ const UNCardComponent = props => {
     isScrollable: false
   }));
 };
-
 exports.UNCardComponent = UNCardComponent;
 //# sourceMappingURL=UNCardComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["UNCardComponent","props","height","setHeight","useState","windowWidth","Dimensions","get","width","walletRef","useRef","webRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","injectRefreshEventIfNeeded","current","cardId","startPushProvisioning","onAddToWalletClicked","getAddToWalletStatus","getWallets","useListenerToBus","busEventKey","CardMessage","CARD_STATUS_CHANGED","action","UnitMessage","UNIT_REQUEST_REFRESH","CardNativeMessage","CARD_START_PUSH_PROVISIONING","CARD_GET_ADD_TO_WALLET_STATUS","handleMessage","message","details","type","UNIT_REQUEST_RENDERING","event","componentName","WebComponentType","componentResourceId","requestRenderingEvent","EventBus","Instance","PageMessage","PAGE_HEIGHT","UNIT_ON_LOAD","onLoad","walletResponse","launchGetWallets","customerToken","pushProvisioningModule","walletStatus","status","CARD_UPDATE_ADD_TO_WALLET_STATUS","error","console","launchStartCardProvisioning","Error","parsedError","JSON","parse","code","CardAddToWalletErrors","closedNativeWalletScreen","log","PresentationMode","Default","getCardParams","theme","getCardScript"],"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":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_pageMessage","_unitMessages","_EventBus","_interopRequireDefault","_WebComponent","_listenerToBus","_UNCardComponent","_bodyHtml","_cardMessage","_cardMessage2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UNCardComponent","props","height","setHeight","useState","windowWidth","Dimensions","width","walletRef","useRef","webRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","injectRefreshEventIfNeeded","current","cardId","startPushProvisioning","onAddToWalletClicked","getAddToWalletStatus","getWallets","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_REFRESH","action","CardMessage","CARD_STATUS_CHANGED","CardNativeMessage","CARD_START_PUSH_PROVISIONING","CARD_GET_ADD_TO_WALLET_STATUS","handleMessage","message","details","type","UNIT_REQUEST_RENDERING","event","componentName","WebComponentType","componentResourceId","requestRenderingEvent","EventBus","Instance","PageMessage","PAGE_HEIGHT","UNIT_ON_LOAD","onLoad","walletResponse","launchGetWallets","customerToken","pushProvisioningModule","walletStatus","status","CARD_UPDATE_ADD_TO_WALLET_STATUS","error","console","launchStartCardProvisioning","Error","parsedError","JSON","parse","code","CardAddToWalletErrors","closedNativeWalletScreen","log","createElement","View","style","WebComponent","ref","presentationMode","PresentationMode","Default","params","getCardParams","theme","script","getCardScript","onMessage","isScrollable","exports"],"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  // 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: ResponseUnitOnLoadEvent) => 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 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":"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"}

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

@@ -4,45 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.launchStartCardProvisioning = exports.launchGetWallets = exports.injectRefreshEventIfNeeded = exports.getCardScript = exports.getCardParams = void 0;
-
 var _bodyScript = require("./../../scripts/html/bodyScript");
-
 var _WebComponent = require("../../webComponent/WebComponent");
-
 var _UNWalletPayloadRequest = require("./networking/requests/UNWalletPayloadRequest");
-
 var _wallet = require("../../../src/sharedTypes/wallet.types");
-
 var _UnitSdkManager = require("../../unitSdkManager/UnitSdkManager");
-
 const getCardParams = props => {
   return `
     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}"
   `;
 };
-
 exports.getCardParams = getCardParams;
-
 const getCardScript = () => {
   return _bodyScript.DISPATCH_REQUEST_REFRESH;
 };
-
 exports.getCardScript = getCardScript;
-
 const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent, cardId) => {
   if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(_WebComponent.WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {
     currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
   }
 };
-
 exports.injectRefreshEventIfNeeded = injectRefreshEventIfNeeded;
-
 const launchGetWallets = async (customerToken, cardId, pushProvisioningModule) => {
   try {
     const env = _UnitSdkManager.UnitSDK.getEnv();
-
     if (!env) return null;
     const encryptedPayload = await (0, _UNWalletPayloadRequest.getMobileWalletPayload)(customerToken, cardId, env);
     if (!encryptedPayload) return null;
@@ -52,7 +42,6 @@ const launchGetWallets = async (customerToken, cardId, pushProvisioningModule) =
     const parsedWalletsResponse = JSON.parse(walletsResponse);
     const wallets = parsedWalletsResponse.wallets;
     if (!wallets) return null;
-
     if (wallets[0].code === _wallet.UNWalletCode.Apple) {
       return {
         name: _wallet.UNWalletName.Apple,
@@ -74,9 +63,7 @@ const launchGetWallets = async (customerToken, cardId, pushProvisioningModule) =
     return Promise.reject(error);
   }
 };
-
 exports.launchGetWallets = launchGetWallets;
-
 const launchStartCardProvisioning = async (pushProvisioningModule, wallet) => {
   try {
     const response = await pushProvisioningModule.launchStartCardProvisioning(JSON.stringify({
@@ -88,6 +75,5 @@ const launchStartCardProvisioning = async (pushProvisioningModule, wallet) => {
     return Promise.reject(error);
   }
 };
-
 exports.launchStartCardProvisioning = launchStartCardProvisioning;
 //# sourceMappingURL=UNCardComponent.utils.js.map