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

react-native-unit-components 1.0.2 → 1.0.4

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 (213) hide show

package/lib/commonjs/webComponent/html.js CHANGED Viewed

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.HTML_PLACEHOLDER = void 0;
+var _reactNative = require("react-native");
 var _bodyScript = require("../scripts/html/bodyScript");
 const HTML_PLACEHOLDER = {
@@ -21,6 +23,10 @@ const htmlText = `
     <title>Unit Web SDK Demo</title>
     <script>
       window.UnitMobileSDK = true
+      window.UnitMobileSDKConfig = {
+        os: "${_reactNative.Platform.OS}",
+        walletName: "${_reactNative.Platform.OS === 'ios' ? 'Apple' : 'Google'}"
+      }
     </script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
   </html>
@@ -37,6 +43,8 @@ const htmlText = `
       ${_bodyScript.LISTENERS.onLoad}
+      ${_bodyScript.LISTENERS.unitRequestDownload}
       ${_bodyScript.LISTENERS.requestRendering}
       ${_bodyScript.LISTENERS.requestOpenLink}
@@ -45,7 +53,7 @@ const htmlText = `
       ${_bodyScript.LISTENERS.cardStatusChange}
-      ${_bodyScript.DISPTACH_RENDERING_EVENT}
+      ${_bodyScript.DISPATCH_RENDERING_EVENT}
       ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}
     </script>

package/lib/commonjs/webComponent/html.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","htmlText","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","LISTENERS","isPageLoaded","onLoad","requestRendering","requestOpenLink","requestCloseFlow","cardStatusChange","~~DISPTACH_RENDERING_EVENT~~"],"sources":["html.ts"],"sourcesContent":["import { ~~DISPTACH_RENDERING_EVENT~~, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } from '../scripts/html/bodyScript';\n\nexport const HTML_PLACEHOLDER = {\n SCRIPT_UNIT: '<SCRIPT_UNIT>',\n BODY: '<BODY_HTML_CODE>',\n SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>'\n};\n\nconst htmlText = `\n <!DOCTYPE html>\n <html lang=\"en\">\n\n <head lang=\"en\">\n <title>Unit Web SDK Demo</title>\n <script>\n window.UnitMobileSDK = true\n </script>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n </html>\n\n <body style=\"margin: 0;\">\n ${HTML_PLACEHOLDER.BODY}\n\n <script>\n ${POST_MESSAGE_TO_SDK}\n\n ${POST_PAGE_HEIGHT}\n\n ${LISTENERS.isPageLoaded}\n\n ${LISTENERS.onLoad}\n\n ${LISTENERS.requestRendering}\n\n ${LISTENERS.requestOpenLink}\n\n ${LISTENERS.requestCloseFlow}\n\n ${LISTENERS.cardStatusChange}\n\n ${~~DISPTACH_RENDERING_EVENT~~}\n\n ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}\n </script>\n </body>\n`;\n\nexport default htmlText;\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,gBAAgB,GAAG;EAC9BC,WAAW,EAAE,eADiB;EAE9BC,IAAI,EAAE,kBAFwB;EAG9BC,kBAAkB,EAAE;AAHU,CAAzB;;AAMP,MAAMC,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,~~MAAMJ~~,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,~~QAAQG~~,+BAAoB;AAC5B;AACA,QAAQC,4BAAiB;AACzB;AACA,QAAQC,qBAAA,CAAUC,YAAa;AAC/B;AACA,QAAQD,qBAAA,CAAUE,MAAO;AACzB;AACA,QAAQF,qBAAA,CAAUG,~~gBAAiB~~;~~AACnC~~;AACA,QAAQH,qBAAA,CAAUI,~~eAAgB~~;~~AAClC~~;AACA,QAAQJ,qBAAA,CAAUK,~~gBAAiB~~;~~AACnC~~;AACA,QAAQL,qBAAA,CAAUM,gBAAiB;AACnC;AACA,QAAQC,oCAAyB;AACjC;AACA,~~QAAQd~~,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA,~~CArCA~~;~~eAuCeC~~,Q"}
1	+ {"version":3,"names":["HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","htmlText","Platform","OS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","LISTENERS","isPageLoaded","onLoad","unitRequestDownload","requestRendering","requestOpenLink","requestCloseFlow","cardStatusChange","DISPATCH_RENDERING_EVENT"],"sources":["html.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } from '../scripts/html/bodyScript';\n\nexport const HTML_PLACEHOLDER = {\n SCRIPT_UNIT: '<SCRIPT_UNIT>',\n BODY: '<BODY_HTML_CODE>',\n SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>'\n};\n\nconst htmlText = `\n <!DOCTYPE html>\n <html lang=\"en\">\n\n <head lang=\"en\">\n <title>Unit Web SDK Demo</title>\n <script>\n window.UnitMobileSDK = true\n window.UnitMobileSDKConfig = {\n os: \"${Platform.OS}\",\n walletName: \"${Platform.OS === 'ios' ? 'Apple' : 'Google'}\"\n }\n </script>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n </html>\n\n <body style=\"margin: 0;\">\n ${HTML_PLACEHOLDER.BODY}\n\n <script>\n ${POST_MESSAGE_TO_SDK}\n\n ${POST_PAGE_HEIGHT}\n\n ${LISTENERS.isPageLoaded}\n\n ${LISTENERS.onLoad}\n\n ${LISTENERS.unitRequestDownload}\n\n ${LISTENERS.requestRendering}\n\n ${LISTENERS.requestOpenLink}\n\n ${LISTENERS.requestCloseFlow}\n\n ${LISTENERS.cardStatusChange}\n\n ${DISPATCH_RENDERING_EVENT}\n\n ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}\n </script>\n </body>\n`;\n\nexport default htmlText;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,MAAMA,gBAAgB,GAAG;EAC9BC,WAAW,EAAE,eADiB;EAE9BC,IAAI,EAAE,kBAFwB;EAG9BC,kBAAkB,EAAE;AAHU,CAAzB;;AAMP,MAAMC,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeC,qBAAA,CAASC,EAAG;AAC3B,uBAAuBD,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwB,OAAxB,GAAkC,QAAS;AAClE;AACA;AACA;AACA;AACA;AACA;AACA,MAAMN,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,QAAQK,+BAAoB;AAC5B;AACA,QAAQC,4BAAiB;AACzB;AACA,QAAQC,qBAAA,CAAUC,YAAa;AAC/B;AACA,QAAQD,qBAAA,CAAUE,MAAO;AACzB;AACA,QAAQF,qBAAA,CAAUG,mBAAoB;AACtC;AACA,QAAQH,qBAAA,CAAUI,gBAAiB;AACnC;AACA,QAAQJ,qBAAA,CAAUK,eAAgB;AAClC;AACA,QAAQL,qBAAA,CAAUM,gBAAiB;AACnC;AACA,QAAQN,qBAAA,CAAUO,gBAAiB;AACnC;AACA,QAAQC,oCAAyB;AACjC;AACA,QAAQjB,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA,CA3CA;eA6CeC,Q"}

package/lib/module/components/UNAccountComponent/UNAccountComponent.js ADDED Viewed

@@ -0,0 +1,74 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Dimensions, View } from 'react-native';
+import { PageMessage } from '../..//messages/webMessages/pageMessage';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
+import EventBus from '../../helpers/EventBus';
+import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+import { useListenerToBus } from '../../hooks/listenerToBus';
+import { getAccountParams, getAccountScript, injectRefreshEventIfNeeded } from './UNAccountComponent.utils';
+import { PresentationMode } from '../../scripts/html/bodyHtml';
+export let AccountAction;
+(function (AccountAction) {
+  AccountAction["List"] = "account-list";
+  AccountAction["Menu"] = "account-menu";
+})(AccountAction || (AccountAction = {}));
+export const UNAccountComponent = props => {
+  const [height, setHeight] = useState(0);
+  const windowWidth = Dimensions.get('window').width;
+  const [requestRefreshEvent, setRequestRefreshEvent] = useState(null);
+  const webRef = useRef(null);
+  const requestRefresh = data => {
+    setRequestRefreshEvent(data);
+  };
+  useListenerToBus([{
+    busEventKey: UnitMessage.UNIT_REQUEST_REFRESH,
+    action: requestRefresh
+  }]);
+  useEffect(() => {
+    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent);
+  }, [requestRefreshEvent]);
+  const handleMessage = message => {
+    switch (message.type) {
+      case UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details);
+        break;
+      case UnitMessage.UNIT_REQUEST_RENDERING:
+        {
+          const event = {
+            componentName: WebComponentType.account,
+            componentResourceId: props.accountId,
+            requestRenderingEvent: message.details
+          };
+          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);
+          break;
+        }
+      case PageMessage.PAGE_HEIGHT:
+        setHeight(message.details.height);
+        break;
+    }
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      height
+    }
+  }, /*#__PURE__*/React.createElement(WebComponent, {
+    ref: webRef,
+    type: WebComponentType.account,
+    presentationMode: PresentationMode.Default,
+    params: getAccountParams(props),
+    script: getAccountScript(),
+    theme: props.theme,
+    onMessage: message => handleMessage(message),
+    width: windowWidth,
+    isScrollable: false
+  }));
+};
+//# sourceMappingURL=UNAccountComponent.js.map

package/lib/module/components/UNAccountComponent/UNAccountComponent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","useEffect","useRef","useState","Dimensions","View","PageMessage","UnitMessage","EventBus","WebComponent","WebComponentType","useListenerToBus","getAccountParams","getAccountScript","injectRefreshEventIfNeeded","PresentationMode","AccountAction","UNAccountComponent","props","height","setHeight","windowWidth","get","width","requestRefreshEvent","setRequestRefreshEvent","webRef","requestRefresh","data","busEventKey","UNIT_REQUEST_REFRESH","action","current","handleMessage","message","type","UNIT_ON_LOAD","onLoad","details","UNIT_REQUEST_RENDERING","event","componentName","account","componentResourceId","accountId","requestRenderingEvent","Instance","PAGE_HEIGHT","Default","theme"],"sources":["UNAccountComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type WebView from 'react-native-webview';\nimport { HeightEvent, PageMessage } from '../..//messages/webMessages/pageMessage';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport EventBus from '../../helpers/EventBus';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getAccountParams, getAccountScript, injectRefreshEventIfNeeded } from './UNAccountComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';\nimport type { ResponseUnitOnLoadEvent } from '../../sharedTypes';\n\nexport interface UNAccountComponentProps {\n accountId?: string;\n customerToken: string;\n theme?: string;\n onLoad?: (response: ResponseUnitOnLoadEvent) => void;\n}\n\nexport enum AccountAction {\n List = 'account-list',\n Menu = 'account-menu'\n}\n\nexport const UNAccountComponent = (props: UNAccountComponentProps) => {\n const [height, setHeight] = useState(0);\n const windowWidth = Dimensions.get('window').width;\n\n const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n\n const webRef = useRef<WebView>(null);\n\n const requestRefresh = (data: RequestRefreshEvent) => {\n setRequestRefreshEvent(data);\n };\n\n useListenerToBus([\n { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },\n ]);\n\n useEffect(() => {\n injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent);\n }, [requestRefreshEvent]);\n\n const handleMessage = (message: WebViewMessage) => {\n switch (message.type) {\n case UnitMessage.UNIT_ON_LOAD:\n props.onLoad && props.onLoad(message.details as ResponseUnitOnLoadEvent);\n break;\n case UnitMessage.UNIT_REQUEST_RENDERING: {\n const event: BottomSheetSlotData = {\n componentName: WebComponentType.account,\n componentResourceId: props.accountId,\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 }\n };\n\n return (\n <View style={{ height }}>\n <WebComponent\n ref={webRef}\n type={WebComponentType.account}\n presentationMode={PresentationMode.Default}\n params={getAccountParams(props)}\n script={getAccountScript()}\n theme={props.theme}\n onMessage={message => handleMessage(message)}\n width={windowWidth}\n isScrollable={false}\n />\n </View>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,SAAsBC,WAAtB,QAAyC,yCAAzC;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,gBAAT,EAA2BC,gBAA3B,EAA6CC,0BAA7C,QAA+E,4BAA/E;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AAWA,WAAYC,aAAZ;;WAAYA,a;EAAAA,a;EAAAA,a;GAAAA,a,KAAAA,a;;AAKZ,OAAO,MAAMC,kBAAkB,GAAIC,KAAD,IAAoC;EACpE,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBjB,QAAQ,CAAC,CAAD,CAApC;EACA,MAAMkB,WAAW,GAAGjB,UAAU,CAACkB,GAAX,CAAe,QAAf,EAAyBC,KAA7C;EAEA,MAAM,CAACC,mBAAD,EAAsBC,sBAAtB,IAAgDtB,QAAQ,CAA6B,IAA7B,CAA9D;EAEA,MAAMuB,MAAM,GAAGxB,MAAM,CAAU,IAAV,CAArB;;EAEA,MAAMyB,cAAc,GAAIC,IAAD,IAA+B;IACpDH,sBAAsB,CAACG,IAAD,CAAtB;EACD,CAFD;;EAIAjB,gBAAgB,CAAC,CACf;IAAEkB,WAAW,EAAEtB,WAAW,CAACuB,oBAA3B;IAAiDC,MAAM,EAAEJ;EAAzD,CADe,CAAD,CAAhB;EAIA1B,SAAS,CAAC,MAAM;IACda,0BAA0B,CAACY,MAAM,CAACM,OAAR,EAAiBR,mBAAjB,CAA1B;EACD,CAFQ,EAEN,CAACA,mBAAD,CAFM,CAAT;;EAIA,MAAMS,aAAa,GAAIC,OAAD,IAA6B;IACjD,QAAQA,OAAO,CAACC,IAAhB;MACE,KAAK5B,WAAW,CAAC6B,YAAjB;QACElB,KAAK,CAACmB,MAAN,IAAgBnB,KAAK,CAACmB,MAAN,CAAaH,OAAO,CAACI,OAArB,CAAhB;QACA;;MACF,KAAK/B,WAAW,CAACgC,sBAAjB;QAAyC;UACvC,MAAMC,KAA0B,GAAG;YACjCC,aAAa,EAAE/B,gBAAgB,CAACgC,OADC;YAEjCC,mBAAmB,EAAEzB,KAAK,CAAC0B,SAFM;YAGjCC,qBAAqB,EAAEX,OAAO,CAACI;UAHE,CAAnC;UAKA9B,QAAQ,CAACsC,QAAT,CAAkBN,KAAlB,CAAwBjC,WAAW,CAACgC,sBAApC,EAA4DC,KAA5D;UACA;QACD;;MACD,KAAKlC,WAAW,CAACyC,WAAjB;QACE3B,SAAS,CAAEc,OAAO,CAACI,OAAT,CAAiCnB,MAAlC,CAAT;QACA;IAfJ;EAiBD,CAlBD;;EAoBA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,gBACE,oBAAC,YAAD;IACE,GAAG,EAAEO,MADP;IAEE,IAAI,EAAEhB,gBAAgB,CAACgC,OAFzB;IAGE,gBAAgB,EAAE3B,gBAAgB,CAACiC,OAHrC;IAIE,MAAM,EAAEpC,gBAAgB,CAACM,KAAD,CAJ1B;IAKE,MAAM,EAAEL,gBAAgB,EAL1B;IAME,KAAK,EAAEK,KAAK,CAAC+B,KANf;IAOE,SAAS,EAAEf,OAAO,IAAID,aAAa,CAACC,OAAD,CAPrC;IAQE,KAAK,EAAEb,WART;IASE,YAAY,EAAE;EAThB,EADF,CADF;AAeD,CAvDM"}

package/lib/module/components/UNAccountComponent/UNAccountComponent.utils.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { AccountAction } from './UNAccountComponent';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
+import { WebComponentType } from '../../webComponent/WebComponent';
+export const getAccountParams = props => {
+  return `
+    account-id="${props.accountId}"
+    customer-token="${props.customerToken}"
+  `;
+};
+export const getAccountScript = () => {
+  return `
+    const dispatchRefreshEvent = (details) => {
+    const event = new CustomEvent("${UnitMessage.UNIT_REQUEST_REFRESH}",{ detail: JSON.parse(details) })
+    window.dispatchEvent(event)
+    }
+  `;
+};
+export const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent) => {
+  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.account.valueOf())) {
+    currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
+  }
+};
+export const getAccountActionType = requestRendering => {
+  return requestRendering.data.nativeComponent.includes(AccountAction.List) ? AccountAction.List : AccountAction.Menu;
+};
+//# sourceMappingURL=UNAccountComponent.utils.js.map

package/lib/module/components/UNAccountComponent/UNAccountComponent.utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["AccountAction","UnitMessage","WebComponentType","getAccountParams","props","accountId","customerToken","getAccountScript","UNIT_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","account","valueOf","injectJavaScript","JSON","stringify","getAccountActionType","requestRendering","data","nativeComponent","List","Menu"],"sources":["UNAccountComponent.utils.ts"],"sourcesContent":["import { AccountAction, UNAccountComponentProps } from './UNAccountComponent';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport type WebView from 'react-native-webview';\nimport { WebComponentType } from '../../webComponent/WebComponent';\n\nexport const getAccountParams = (props: UNAccountComponentProps) => {\n return `\n account-id=\"${props.accountId}\"\n customer-token=\"${props.customerToken}\"\n `;\n};\n\nexport const getAccountScript = () => {\n return `\n const dispatchRefreshEvent = (details) => {\n const event = new CustomEvent(\"${UnitMessage.UNIT_REQUEST_REFRESH}\",{ detail: JSON.parse(details) })\n window.dispatchEvent(event)\n }\n `;\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => {\n if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.account.valueOf())) {\n currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n }\n};\n\nexport const getAccountActionType = (requestRendering: RequestRenderingEvent) => {\n return requestRendering.data.nativeComponent.includes(AccountAction.List) ? AccountAction.List : AccountAction.Menu;\n};\n"],"mappings":"AAAA,SAASA,aAAT,QAAuD,sBAAvD;AACA,SAAqDC,WAArD,QAAwE,yCAAxE;AAEA,SAASC,gBAAT,QAAiC,iCAAjC;AAEA,OAAO,MAAMC,gBAAgB,GAAIC,KAAD,IAAoC;EAClE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,GAHE;AAID,CALM;AAOP,OAAO,MAAMC,gBAAgB,GAAG,MAAM;EACpC,OAAQ;AACV;AACA,qCAAqCN,WAAW,CAACO,oBAAqB;AACtE;AACA;AACA,GALE;AAMD,CAPM;AASP,OAAO,MAAMC,0BAA0B,GAAG,CAACC,UAAD,EAA6BC,mBAA7B,KAAiF;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAApB,CAAiCC,QAAjC,CAA0CX,gBAAgB,CAACY,OAAjB,CAAyBC,OAAzB,EAA1C,CAA3B,EAA0G;IACxGL,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEM,gBAAZ,CAA8B,yBAAwBC,IAAI,CAACC,SAAL,CAAeP,mBAAf,CAAoC,IAA1F;EACD;AACF,CAJM;AAMP,OAAO,MAAMQ,oBAAoB,GAAIC,gBAAD,IAA6C;EAC/E,OAAOA,gBAAgB,CAACC,IAAjB,CAAsBC,eAAtB,CAAsCT,QAAtC,CAA+Cb,aAAa,CAACuB,IAA7D,IAAqEvB,aAAa,CAACuB,IAAnF,GAA0FvB,aAAa,CAACwB,IAA/G;AACD,CAFM"}

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

@@ -1,28 +1,50 @@
-import React, { useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { Dimensions, View } from 'react-native';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
+import { useListenerToBus } from '../../hooks/listenerToBus';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { PresentationMode } from '../../scripts/html/bodyHtml';
 import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
-import { getActivityParams } from './UNActivityComponent.utils';
+import { getActivityParams, getActivityScript, injectRefreshEventIfNeeded } from './UNActivityComponent.utils';
 const DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;
 export const UNActivityComponent = props => {
+  const webRef = useRef(null);
   const [defaultHeight, setDefaultHeight] = useState();
+  const requestRefresh = data => {
+    injectRefreshEventIfNeeded(webRef.current, data);
+  };
+  useListenerToBus([{
+    busEventKey: UnitMessage.UNIT_REQUEST_REFRESH,
+    action: requestRefresh
+  }]);
   const handleWebViewMessage = message => {
-    if (message.type === PageMessage.PAGE_HEIGHT) {
-      const currentHeight = message.details.height;
-      currentHeight === 0 && setDefaultHeight(DEFAULT_HEIGHT);
+    switch (message.type) {
+      case UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details);
+        break;
+      case PageMessage.PAGE_HEIGHT:
+        {
+          const currentHeight = message.details.height;
+          currentHeight === 0 && setDefaultHeight(DEFAULT_HEIGHT);
+          break;
+        }
     }
   };
   const renderActivityWebView = () => {
     return /*#__PURE__*/React.createElement(WebComponent, {
+      ref: webRef,
       type: WebComponentType.activity,
       presentationMode: PresentationMode.Inherit,
       params: getActivityParams(props),
       onMessage: message => handleWebViewMessage(message),
       nestedScrollEnabled: true,
-      theme: props.theme
+      theme: props.theme,
+      script: getActivityScript()
     });
   };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","Dimensions","View","PageMessage","PresentationMode","WebComponent","WebComponentType","getActivityParams","DEFAULT_HEIGHT","get","height","UNActivityComponent","props","defaultHeight","setDefaultHeight","handleWebViewMessage","message","type","~~PAGE_HEIGHT~~","~~currentHeight~~","details","renderActivityWebView","activity","Inherit","theme"],"sources":["UNActivityComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { getActivityParams } from './UNActivityComponent.utils';\n\nconst DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;\nexport interface UNActivityComponentProps {\n accountId: string;\n customerToken: string;\n theme?: string;\n}\n\nexport const UNActivityComponent = (props: UNActivityComponentProps) => {\n const [defaultHeight, setDefaultHeight] = useState<number>();\n const handleWebViewMessage = (message: WebViewMessage) => {\n if (message.type ~~===~~ PageMessage.PAGE_HEIGHT) {\n const currentHeight = (message.details as HeightEvent).height;\n currentHeight === 0 && setDefaultHeight(DEFAULT_HEIGHT);\n }\n };\n\n const renderActivityWebView = () => {\n return (\n <WebComponent\n type={WebComponentType.activity}\n presentationMode={PresentationMode.Inherit}\n params={getActivityParams(props)}\n onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n nestedScrollEnabled={true}\n theme={props.theme}\n />\n );\n };\n\n if (!defaultHeight) {\n return renderActivityWebView();\n }\n\n return (\n <View style={{ height: defaultHeight }}>\n {renderActivityWebView()}\n </View>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,~~QAAhB~~,~~QAAgC~~,~~OAAhC~~;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAASC,gBAAT,QAAiC,6BAAjC;~~AACA~~,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,iBAAT,~~QAAkC~~,~~6BAAlC~~;~~AAEA~~,MAAMC,cAAc,~~GAAGP~~,UAAU,~~CAACQ~~,GAAX,CAAe,QAAf,EAAyBC,MAAzB,GAAkC,GAAzD;~~AAOA~~,OAAO,MAAMC,mBAAmB,GAAIC,KAAD,IAAqC;EACtE,MAAM,~~CAACC~~,aAAD,EAAgBC,gBAAhB,~~IAAoCd~~,QAAQ,EAAlD;;~~EACA~~,~~MAAMe~~,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,~~IAAIA~~,OAAO,CAACC,~~IAAR~~,~~KAAiBd~~,WAAW,~~CAACe~~,~~WAAjC~~,~~EAA8C~~;~~MAC5C~~,MAAMC,aAAa,~~GAAIH~~,OAAO,CAACI,OAAT,~~CAAiCV~~,MAAvD;~~MACAS~~,aAAa,KAAK,CAAlB,~~IAAuBL~~,gBAAgB,~~CAACN~~,cAAD,CAAvC;~~IACD~~;~~EACF~~,~~CALD~~;;~~EAOA~~,~~MAAMa~~,qBAAqB,GAAG,MAAM;IAClC,oBACE,oBAAC,YAAD;MACE,IAAI,~~EAAEf~~,gBAAgB,~~CAACgB~~,~~QADzB~~;~~MAEE~~,gBAAgB,~~EAAElB~~,gBAAgB,~~CAACmB~~,~~OAFrC~~;~~MAGE~~,MAAM,~~EAAEhB~~,iBAAiB,~~CAACK~~,KAAD,~~CAH3B~~;~~MAIE~~,SAAS,~~EAAGI~~,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,~~CAJ9D~~;~~MAKE~~,mBAAmB,EAAE,~~IALvB~~;~~MAME~~,KAAK,~~EAAEJ~~,KAAK,~~CAACY~~;~~IANf~~,EADF;~~EAUD~~,~~CAXD~~;;~~EAaA~~,IAAI,~~CAACX~~,aAAL,EAAoB;IAClB,~~OAAOQ~~,qBAAqB,EAA5B;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;~~MAAEX~~,MAAM,~~EAAEG~~;IAAV;EAAb,~~GACGQ~~,qBAAqB,EADxB,CADF;AAKD,~~CA/BM~~"}
1	+ {"version":3,"names":["React","useRef","useState","Dimensions","View","UnitMessage","useListenerToBus","PageMessage","PresentationMode","WebComponent","WebComponentType","getActivityParams","getActivityScript","injectRefreshEventIfNeeded","DEFAULT_HEIGHT","get","height","UNActivityComponent","props","webRef","defaultHeight","setDefaultHeight","requestRefresh","data","current","busEventKey","UNIT_REQUEST_REFRESH","action","handleWebViewMessage","message","type","UNIT_ON_LOAD","onLoad","details","PAGE_HEIGHT","currentHeight","renderActivityWebView","activity","Inherit","theme"],"sources":["UNActivityComponent.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport { RequestRefreshEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { ResponseUnitOnLoadEvent } from '../../sharedTypes';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { getActivityParams, getActivityScript, injectRefreshEventIfNeeded } from './UNActivityComponent.utils';\nimport type WebView from 'react-native-webview';\n\nconst DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;\nexport interface UNActivityComponentProps {\n accountId: string;\n customerToken: string;\n theme?: string;\n onLoad?: (response: ResponseUnitOnLoadEvent) => void\n}\n\nexport const UNActivityComponent = (props: UNActivityComponentProps) => {\n const webRef = useRef<WebView>(null);\n const [defaultHeight, setDefaultHeight] = useState<number>();\n\n const requestRefresh = (data: RequestRefreshEvent) => {\n injectRefreshEventIfNeeded(webRef.current, data);\n };\n\n useListenerToBus([\n { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },\n ]);\n\n const handleWebViewMessage = (message: WebViewMessage) => {\n switch (message.type) {\n case UnitMessage.UNIT_ON_LOAD:\n props.onLoad && props.onLoad(message.details as ResponseUnitOnLoadEvent);\n break;\n case PageMessage.PAGE_HEIGHT: {\n const currentHeight = (message.details as HeightEvent).height;\n currentHeight === 0 && setDefaultHeight(DEFAULT_HEIGHT);\n break;\n }\n }\n };\n\n const renderActivityWebView = () => {\n return (\n <WebComponent\n ref={webRef}\n type={WebComponentType.activity}\n presentationMode={PresentationMode.Inherit}\n params={getActivityParams(props)}\n onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n nestedScrollEnabled={true}\n theme={props.theme}\n script={getActivityScript()}\n />\n );\n };\n\n if (!defaultHeight) {\n return renderActivityWebView();\n }\n\n return (\n <View style={{ height: defaultHeight }}>\n {renderActivityWebView()}\n </View>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,QAAxB,QAAwC,OAAxC;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AACA,SAA8BC,WAA9B,QAAiD,yCAAjD;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAEA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AAEA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,iBAAT,EAA4BC,iBAA5B,EAA+CC,0BAA/C,QAAiF,6BAAjF;AAGA,MAAMC,cAAc,GAAGX,UAAU,CAACY,GAAX,CAAe,QAAf,EAAyBC,MAAzB,GAAkC,GAAzD;AAQA,OAAO,MAAMC,mBAAmB,GAAIC,KAAD,IAAqC;EACtE,MAAMC,MAAM,GAAGlB,MAAM,CAAU,IAAV,CAArB;EACA,MAAM,CAACmB,aAAD,EAAgBC,gBAAhB,IAAoCnB,QAAQ,EAAlD;;EAEA,MAAMoB,cAAc,GAAIC,IAAD,IAA+B;IACpDV,0BAA0B,CAACM,MAAM,CAACK,OAAR,EAAiBD,IAAjB,CAA1B;EACD,CAFD;;EAIAjB,gBAAgB,CAAC,CACf;IAAEmB,WAAW,EAAEpB,WAAW,CAACqB,oBAA3B;IAAiDC,MAAM,EAAEL;EAAzD,CADe,CAAD,CAAhB;;EAIA,MAAMM,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,QAAQA,OAAO,CAACC,IAAhB;MACE,KAAKzB,WAAW,CAAC0B,YAAjB;QACEb,KAAK,CAACc,MAAN,IAAgBd,KAAK,CAACc,MAAN,CAAaH,OAAO,CAACI,OAArB,CAAhB;QACA;;MACF,KAAK1B,WAAW,CAAC2B,WAAjB;QAA8B;UAC5B,MAAMC,aAAa,GAAIN,OAAO,CAACI,OAAT,CAAiCjB,MAAvD;UACAmB,aAAa,KAAK,CAAlB,IAAuBd,gBAAgB,CAACP,cAAD,CAAvC;UACA;QACD;IARH;EAUD,CAXD;;EAaA,MAAMsB,qBAAqB,GAAG,MAAM;IAClC,oBACE,oBAAC,YAAD;MACE,GAAG,EAAEjB,MADP;MAEE,IAAI,EAAET,gBAAgB,CAAC2B,QAFzB;MAGE,gBAAgB,EAAE7B,gBAAgB,CAAC8B,OAHrC;MAIE,MAAM,EAAE3B,iBAAiB,CAACO,KAAD,CAJ3B;MAKE,SAAS,EAAGW,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;MAME,mBAAmB,EAAE,IANvB;MAOE,KAAK,EAAEX,KAAK,CAACqB,KAPf;MAQE,MAAM,EAAE3B,iBAAiB;IAR3B,EADF;EAYD,CAbD;;EAeA,IAAI,CAACQ,aAAL,EAAoB;IAClB,OAAOgB,qBAAqB,EAA5B;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEpB,MAAM,EAAEI;IAAV;EAAb,GACGgB,qBAAqB,EADxB,CADF;AAKD,CAjDM"}

package/lib/module/components/UNActivityComponent/UNActivityComponent.utils.js CHANGED Viewed

@@ -1,3 +1,5 @@
+import { WebComponentType } from './../../webComponent/WebComponent';
+import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';
 export const getActivityParams = props => {
   return `
     account-id="${props.accountId}"
@@ -5,4 +7,12 @@ export const getActivityParams = props => {
     style="height: 100%"
   `;
 };
+export const getActivityScript = () => {
+  return DISPATCH_REQUEST_REFRESH;
+};
+export const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent) => {
+  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.activity.valueOf())) {
+    currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
+  }
+};
 //# sourceMappingURL=UNActivityComponent.utils.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["getActivityParams","props","accountId","customerToken"],"sources":["UNActivityComponent.utils.ts"],"sourcesContent":["import type { UNActivityComponentProps } from './UNActivityComponent';\n\nexport const getActivityParams = (props: UNActivityComponentProps) => {\n return `\n account-id=\"${props.accountId}\"\n customer-token=\"${props.customerToken}\"\n style=\"height: 100%\"\n `;\n};\n"],"mappings":"~~AAEA~~,OAAO,~~MAAMA~~,iBAAiB,GAAIC,KAAD,IAAqC;EACpE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C;AACA,GAJE;AAKD,CANM"}
1	+ {"version":3,"names":["WebComponentType","DISPATCH_REQUEST_REFRESH","getActivityParams","props","accountId","customerToken","getActivityScript","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","activity","valueOf","injectJavaScript","JSON","stringify"],"sources":["UNActivityComponent.utils.ts"],"sourcesContent":["import { WebComponentType } from './../../webComponent/WebComponent';\nimport type { RequestRefreshEvent } from './../../messages/webMessages/unitMessages';\nimport type { WebView } from 'react-native-webview';\nimport { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';\nimport type { UNActivityComponentProps } from './UNActivityComponent';\n\nexport const getActivityParams = (props: UNActivityComponentProps) => {\n return `\n account-id=\"${props.accountId}\"\n customer-token=\"${props.customerToken}\"\n style=\"height: 100%\"\n `;\n};\n\nexport const getActivityScript = () => {\n return DISPATCH_REQUEST_REFRESH;\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView \| null, requestRefreshEvent: RequestRefreshEvent \| null) => {\n if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.activity.valueOf())) {\n currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n }\n};\n"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,mCAAjC;AAGA,SAASC,wBAAT,QAAyC,iCAAzC;AAGA,OAAO,MAAMC,iBAAiB,GAAIC,KAAD,IAAqC;EACpE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C;AACA,GAJE;AAKD,CANM;AAQP,OAAO,MAAMC,iBAAiB,GAAG,MAAM;EACrC,OAAOL,wBAAP;AACD,CAFM;AAIP,OAAO,MAAMM,0BAA0B,GAAG,CAACC,UAAD,EAA6BC,mBAA7B,KAAiF;EACzH,IAAIA,mBAAmB,IAAIA,mBAAmB,CAACC,YAApB,CAAiCC,QAAjC,CAA0CX,gBAAgB,CAACY,QAAjB,CAA0BC,OAA1B,EAA1C,CAA3B,EAA2G;IACzGL,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEM,gBAAZ,CAA8B,yBAAwBC,IAAI,CAACC,SAAL,CAAeP,mBAAf,CAAoC,IAA1F;EACD;AACF,CAJM"}

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

@@ -5,23 +5,34 @@ import { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentCompo
 import { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { View } from 'react-native';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
 export const UNBookPaymentComponent = props => {
   const [height, setHeight] = useState(0);
   const [presentationMode, setPresentationMode] = useState(PresentationMode.Inherit);
   const handleWebViewMessage = message => {
-    if (message.type === BookPaymentMessage.PAYMENT_CREATED && props.onPaymentCreated) {
-      const response = message.details;
-      props.onPaymentCreated(response.data);
-    }
+    if (!message || !message.details) return;
+    switch (message.type) {
+      case BookPaymentMessage.PAYMENT_CREATED:
+        props.onPaymentCreated && props.onPaymentCreated(message.details.data);
+        break;
+      case UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details);
+        break;
+      case PageMessage.PAGE_HEIGHT:
+        {
+          const currentHeight = message.details.height;
+          setHeight(currentHeight);
-    if (message.type === PageMessage.PAGE_HEIGHT) {
-      const currentHeight = message.details.height;
-      setHeight(currentHeight);
+          if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {
+            setPresentationMode(PresentationMode.Default);
+          }
-      if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {
-        setPresentationMode(PresentationMode.Default);
-      }
+          break;
+        }
     }
   };

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useState","WebComponent","WebComponentType","PresentationMode","getBookPaymentParams","getBookPaymentScript","BookPaymentMessage","PageMessage","View","UNBookPaymentComponent","props","height","setHeight","presentationMode","setPresentationMode","Inherit","handleWebViewMessage","message","type","PAYMENT_CREATED","onPaymentCreated","~~response~~","~~details~~","~~data~~","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","bookPayment","theme"],"sources":["UNBookPaymentComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { BookPaymentEvent, BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport type { UNBookPaymentData } from '../../sharedTypes';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { View } from 'react-native';\n\nexport interface UNBookPaymentComponentProps {\n accountId: string;\n customerToken: string;\n isSameCustomer: boolean;\n counterPartyAccountId: string;\n counterPartyName: string;\n theme?: string;\n onPaymentCreated?: (data: UNBookPaymentData) => void;\n}\n\nexport const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {\n const [height, setHeight] = useState<number>(0);\n const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n const handleWebViewMessage = (message: WebViewMessage) => {\n if (message~~.type~~ ~~===~~ ~~BookPaymentMessage~~.~~PAYMENT_CREATED~~ && ~~props~~.~~onPaymentCreated~~) {\n ~~const~~ ~~response~~ = message.details as BookPaymentEvent~~;\n props~~.~~onPaymentCreated(response.~~data);\n }\n\n if (message.~~type~~ ~~===~~ PageMessage.PAGE_HEIGHT) {\n const currentHeight = (message.details as HeightEvent).height;\n setHeight(currentHeight);\n if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n setPresentationMode(PresentationMode.Default);\n }\n }\n };\n\n const renderBookPaymentWebView = () => {\n return (\n <WebComponent\n type={WebComponentType.bookPayment}\n presentationMode={presentationMode}\n params={getBookPaymentParams(props)}\n script={getBookPaymentScript()}\n onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n isScrollable={false}\n theme={props.theme}\n />\n );\n };\n\n if (presentationMode === PresentationMode.Inherit) {\n return renderBookPaymentWebView();\n }\n\n return (\n <View style={{ height: height }}>\n {renderBookPaymentWebView()}\n </View>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,oBAAT,EAA+BC,oBAA/B,QAA2D,gCAA3D;AAEA,SAA2BC,kBAA3B,QAAqD,+CAArD;AAEA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAASC,IAAT,QAAqB,cAArB;~~AAYA~~,OAAO,MAAMC,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAM,CAACC,MAAD,EAASC,SAAT,~~IAAsBZ~~,QAAQ,CAAS,CAAT,CAApC;EACA,MAAM,~~CAACa~~,gBAAD,EAAmBC,mBAAnB,~~IAA0Cd~~,QAAQ,CAAmBG,gBAAgB,~~CAACY~~,OAApC,CAAxD;;EAEA,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,~~IAAIA~~,OAAO,CAACC,~~IAAR~~,~~KAAiBZ~~,~~kBAAkB~~,~~CAACa~~,~~eAApC~~,~~IAAuDT~~,~~KAAK~~,~~CAACU~~,~~gBAAjE~~,~~EAAmF~~;~~MACjF~~,~~MAAMC~~,~~QAAQ~~,~~GAAGJ~~,OAAO,~~CAACK~~,~~OAAzB~~;~~MACAZ~~,KAAK,~~CAACU~~,~~gBAAN~~,~~CAAuBC~~,~~QAAQ~~,~~CAACE~~,~~IAAhC;IACD;;IAED~~,~~IAAIN~~,OAAO,CAACC,~~IAAR~~,~~KAAiBX~~,WAAW,~~CAACiB~~,~~WAAjC,EAA8C~~;~~MAC5C~~,MAAMC,aAAa,~~GAAIR~~,OAAO,~~CAACK~~,OAAT,~~CAAiCX~~,MAAvD;~~MACAC~~,SAAS,~~CAACa~~,aAAD,CAAT;;~~MACA~~,~~IAAIZ~~,gBAAgB,~~KAAKV~~,gBAAgB,~~CAACY~~,OAAtC,~~IAAiDU~~,aAAa,KAAK,CAAvE,EAA0E;~~QACxEX~~,mBAAmB,~~CAACX~~,gBAAgB,~~CAACuB~~,OAAlB,CAAnB;~~MACD~~;~~IACF~~;~~EACF~~,~~CAbD~~;;~~EAeA~~,MAAMC,wBAAwB,GAAG,MAAM;IACrC,oBACE,oBAAC,YAAD;MACE,IAAI,~~EAAEzB~~,gBAAgB,~~CAAC0B~~,WADzB;MAEE,gBAAgB,~~EAAEf~~,gBAFpB;MAGE,MAAM,~~EAAET~~,oBAAoB,~~CAACM~~,KAAD,CAH9B;MAIE,MAAM,~~EAAEL~~,oBAAoB,EAJ9B;MAKE,SAAS,~~EAAGY~~,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;MAME,YAAY,EAAE,KANhB;MAOE,KAAK,EAAEP,KAAK,~~CAACmB~~;IAPf,EADF;EAWD,CAZD;;EAcA,~~IAAIhB~~,gBAAgB,~~KAAKV~~,gBAAgB,~~CAACY~~,OAA1C,EAAmD;IACjD,~~OAAOY~~,wBAAwB,EAA/B;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;~~MAAEhB~~,MAAM,EAAEA;IAAV;EAAb,~~GACGgB~~,wBAAwB,EAD3B,CADF;AAKD,~~CA1CM~~"}
1	+ {"version":3,"names":["React","useState","WebComponent","WebComponentType","PresentationMode","getBookPaymentParams","getBookPaymentScript","BookPaymentMessage","PageMessage","View","UnitMessage","UNBookPaymentComponent","props","height","setHeight","presentationMode","setPresentationMode","Inherit","handleWebViewMessage","message","details","type","PAYMENT_CREATED","onPaymentCreated","data","UNIT_ON_LOAD","onLoad","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","bookPayment","theme"],"sources":["UNBookPaymentComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { BookPaymentEvent, BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport type { ResponseUnitOnLoadEvent, UNBookPaymentData } from '../../sharedTypes';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { View } from 'react-native';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\n\nexport interface UNBookPaymentComponentProps {\n accountId: string;\n customerToken: string;\n isSameCustomer: boolean;\n counterPartyAccountId: string;\n counterPartyName: string;\n theme?: string;\n onPaymentCreated?: (data: UNBookPaymentData) => void;\n onLoad?: (response: ResponseUnitOnLoadEvent) => void;\n}\n\nexport const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {\n const [height, setHeight] = useState<number>(0);\n const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n const handleWebViewMessage = (message: WebViewMessage) => {\n if (!message \|\| !message.details) return;\n\n switch (message.type) {\n case BookPaymentMessage.PAYMENT_CREATED:\n props.onPaymentCreated && props.onPaymentCreated((message.details as BookPaymentEvent).data);\n break;\n case UnitMessage.UNIT_ON_LOAD:\n props.onLoad && props.onLoad(message.details as ResponseUnitOnLoadEvent);\n break;\n case PageMessage.PAGE_HEIGHT: {\n const currentHeight = (message.details as HeightEvent).height;\n setHeight(currentHeight);\n if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n setPresentationMode(PresentationMode.Default);\n }\n break;\n }\n }\n };\n\n const renderBookPaymentWebView = () => {\n return (\n <WebComponent\n type={WebComponentType.bookPayment}\n presentationMode={presentationMode}\n params={getBookPaymentParams(props)}\n script={getBookPaymentScript()}\n onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n isScrollable={false}\n theme={props.theme}\n />\n );\n };\n\n if (presentationMode === PresentationMode.Inherit) {\n return renderBookPaymentWebView();\n }\n\n return (\n <View style={{ height: height }}>\n {renderBookPaymentWebView()}\n </View>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,oBAAT,EAA+BC,oBAA/B,QAA2D,gCAA3D;AAEA,SAA2BC,kBAA3B,QAAqD,+CAArD;AAEA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,WAAT,QAA4B,yCAA5B;AAaA,OAAO,MAAMC,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBb,QAAQ,CAAS,CAAT,CAApC;EACA,MAAM,CAACc,gBAAD,EAAmBC,mBAAnB,IAA0Cf,QAAQ,CAAmBG,gBAAgB,CAACa,OAApC,CAAxD;;EAEA,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAI,CAACA,OAAD,IAAY,CAACA,OAAO,CAACC,OAAzB,EAAkC;;IAElC,QAAQD,OAAO,CAACE,IAAhB;MACE,KAAKd,kBAAkB,CAACe,eAAxB;QACEV,KAAK,CAACW,gBAAN,IAA0BX,KAAK,CAACW,gBAAN,CAAwBJ,OAAO,CAACC,OAAT,CAAsCI,IAA7D,CAA1B;QACA;;MACF,KAAKd,WAAW,CAACe,YAAjB;QACEb,KAAK,CAACc,MAAN,IAAgBd,KAAK,CAACc,MAAN,CAAaP,OAAO,CAACC,OAArB,CAAhB;QACA;;MACF,KAAKZ,WAAW,CAACmB,WAAjB;QAA8B;UAC5B,MAAMC,aAAa,GAAIT,OAAO,CAACC,OAAT,CAAiCP,MAAvD;UACAC,SAAS,CAACc,aAAD,CAAT;;UACA,IAAIb,gBAAgB,KAAKX,gBAAgB,CAACa,OAAtC,IAAiDW,aAAa,KAAK,CAAvE,EAA0E;YACxEZ,mBAAmB,CAACZ,gBAAgB,CAACyB,OAAlB,CAAnB;UACD;;UACD;QACD;IAdH;EAgBD,CAnBD;;EAqBA,MAAMC,wBAAwB,GAAG,MAAM;IACrC,oBACE,oBAAC,YAAD;MACE,IAAI,EAAE3B,gBAAgB,CAAC4B,WADzB;MAEE,gBAAgB,EAAEhB,gBAFpB;MAGE,MAAM,EAAEV,oBAAoB,CAACO,KAAD,CAH9B;MAIE,MAAM,EAAEN,oBAAoB,EAJ9B;MAKE,SAAS,EAAGa,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;MAME,YAAY,EAAE,KANhB;MAOE,KAAK,EAAEP,KAAK,CAACoB;IAPf,EADF;EAWD,CAZD;;EAcA,IAAIjB,gBAAgB,KAAKX,gBAAgB,CAACa,OAA1C,EAAmD;IACjD,OAAOa,wBAAwB,EAA/B;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEjB,MAAM,EAAEA;IAAV;EAAb,GACGiB,wBAAwB,EAD3B,CADF;AAKD,CAhDM"}

package/lib/module/components/UNBookPaymentComponent/UNBookPaymentComponent.utils.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { LISTENERS } from './../../scripts/html/bodyScript';
 import { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';
 export const getBookPaymentParams = props => {
   return `
@@ -19,6 +20,8 @@ export const getBookPaymentScript = () => {
           console.log(e)
         })
     });
+    ${LISTENERS.requestRefresh}
   `;
 };
 //# sourceMappingURL=UNBookPaymentComponent.utils.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["BookPaymentMessage","getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","getBookPaymentScript","PAYMENT_CREATED"],"sources":["UNBookPaymentComponent.utils.ts"],"sourcesContent":["import type { UNBookPaymentComponentProps } from './UNBookPaymentComponent';\n\nimport { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\n\nexport const getBookPaymentParams = (props: UNBookPaymentComponentProps) => {\n return `\n account-id=\"${props.accountId}\"\n customer-token=\"${props.customerToken}\"\n is-same-customer=\"${props.isSameCustomer}\"\n counterparty-account-id=\"${props.counterPartyAccountId}\"\n counterparty-name=\"${props.counterPartyName}\"\n style=\"height: 100%\"\n `;\n};\n\nexport const getBookPaymentScript = () => {\n return `\n window.addEventListener(\"${BookPaymentMessage.PAYMENT_CREATED}\", (e) => {\n const response = e.detail\n response.then((data) => {\n postMessageToSDK({ type: \"${BookPaymentMessage.PAYMENT_CREATED}\", details: { data: JSON.stringify(data.data) }})\n }).catch((e) => {\n console.log(e)\n })\n });\n `;\n};\n"],"mappings":"~~AAEA~~,SAASA,kBAAT,QAAmC,+CAAnC;AAEA,OAAO,MAAMC,oBAAoB,GAAIC,KAAD,IAAwC;EAC1E,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,wBAAwBF,KAAK,CAACG,cAAe;AAC7C,+BAA+BH,KAAK,CAACI,qBAAsB;AAC3D,yBAAyBJ,KAAK,CAACK,gBAAiB;AAChD;AACA,GAPE;AAQD,CATM;AAWP,OAAO,MAAMC,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BR,kBAAkB,CAACS,eAAgB;AAClE;AACA;AACA,sCAAsCT,kBAAkB,CAACS,eAAgB;AACzE;AACA;AACA;AACA;AACA,~~GATE~~;~~AAUD~~,~~CAXM~~"}
1	+ {"version":3,"names":["LISTENERS","BookPaymentMessage","getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","getBookPaymentScript","PAYMENT_CREATED","requestRefresh"],"sources":["UNBookPaymentComponent.utils.ts"],"sourcesContent":["import { LISTENERS } from './../../scripts/html/bodyScript';\nimport type { UNBookPaymentComponentProps } from './UNBookPaymentComponent';\n\nimport { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\n\nexport const getBookPaymentParams = (props: UNBookPaymentComponentProps) => {\n return `\n account-id=\"${props.accountId}\"\n customer-token=\"${props.customerToken}\"\n is-same-customer=\"${props.isSameCustomer}\"\n counterparty-account-id=\"${props.counterPartyAccountId}\"\n counterparty-name=\"${props.counterPartyName}\"\n style=\"height: 100%\"\n `;\n};\n\nexport const getBookPaymentScript = () => {\n return `\n window.addEventListener(\"${BookPaymentMessage.PAYMENT_CREATED}\", (e) => {\n const response = e.detail\n response.then((data) => {\n postMessageToSDK({ type: \"${BookPaymentMessage.PAYMENT_CREATED}\", details: { data: JSON.stringify(data.data) }})\n }).catch((e) => {\n console.log(e)\n })\n });\n\n ${LISTENERS.requestRefresh}\n `;\n};\n"],"mappings":"AAAA,SAASA,SAAT,QAA0B,iCAA1B;AAGA,SAASC,kBAAT,QAAmC,+CAAnC;AAEA,OAAO,MAAMC,oBAAoB,GAAIC,KAAD,IAAwC;EAC1E,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,wBAAwBF,KAAK,CAACG,cAAe;AAC7C,+BAA+BH,KAAK,CAACI,qBAAsB;AAC3D,yBAAyBJ,KAAK,CAACK,gBAAiB;AAChD;AACA,GAPE;AAQD,CATM;AAWP,OAAO,MAAMC,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BR,kBAAkB,CAACS,eAAgB;AAClE;AACA;AACA,sCAAsCT,kBAAkB,CAACS,eAAgB;AACzE;AACA;AACA;AACA;AACA;AACA,MAAMV,SAAS,CAACW,cAAe;AAC/B,GAXE;AAYD,CAbM"}

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

@@ -1,2 +1,2 @@
-export const BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = 0.9;
+export const BOTTOM_SHEET_MAX_PERCENTAGE_SIZE = 0.9;
 //# sourceMappingURL=UNBottomSheetComponent.constants.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~BOTTOM_SHEET_MAX_PRECANTAGE_SIZE~~"],"sources":["UNBottomSheetComponent.constants.ts"],"sourcesContent":["export const ~~BOTTOM_SHEET_MAX_PRECANTAGE_SIZE~~ = 0.9;\n"],"mappings":"AAAA,OAAO,MAAMA,gCAAgC,GAAG,GAAzC"}
1	+ {"version":3,"names":["BOTTOM_SHEET_MAX_PERCENTAGE_SIZE"],"sources":["UNBottomSheetComponent.constants.ts"],"sourcesContent":["export const BOTTOM_SHEET_MAX_PERCENTAGE_SIZE = 0.9;\n"],"mappings":"AAAA,OAAO,MAAMA,gCAAgC,GAAG,GAAzC"}

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

@@ -12,49 +12,64 @@ import { getBottomSheetScript, handleHtmlFullHeight, renderingBottomSheetRequest
 import { getStylesObject } from './UNBottomSheetComponent.styles';
 import { PresentationMode } from '../../scripts/html/bodyHtml';
 import { useAppStateListener } from '../../hooks/useAppStateListener';
+import { UNAddToWalletBottomSheetItem } from './components/UNAddToWalletBottomSheetItem';
+import { getAccountActionType } from '../UNAccountComponent/UNAccountComponent.utils';
+import { AccountAction } from '../UNAccountComponent/UNAccountComponent';
 export let ScrollState;
 (function (ScrollState) {
   ScrollState["onTop"] = "onTop";
+  ScrollState["unScrollable"] = "unScrollable";
   ScrollState["onlyWebView"] = "webViewScroll";
   ScrollState["onlyBottomSheet"] = "onlyBottomSheet";
-  ScrollState["unScrollable"] = "unScrollable";
 })(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);
-  const [renderingRequest, setRenderingRequest] = useState(null);
+  const [bottomSheetSlotData, setBottomSheetSlotData] = useState();
+  const [requestRenderingEvent, setRequestRenderingEvent] = useState();
   const [scrollState, setScrollState] = useState(ScrollState.onTop);
   const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false);
   const [newHeightMessage, setNewHeightMessage] = useState(null);
+  const [customDialog, setCustomDialog] = useState(null);
   const isAppActive = useAppStateListener();
   const styles = getStylesObject();
   const webRef = useRef(null);
-  const listenerAction = data => {
-    setRenderingRequest(data);
+  const handleRequestRendering = data => {
+    setBottomSheetSlotData(data);
     setIsBottomSheetActive(true);
+    setRequestRenderingEvent(data.requestRenderingEvent);
+  };
+  const handleCloseFlow = () => {
+    setIsBottomSheetActive(false);
   };
   useEffect(() => {
-    if (!isAppActive) {
-      setIsBottomSheetActive(false);
-    }
-  }, [isAppActive]);
+    setRequestRenderingEvent(bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.requestRenderingEvent);
+  }, [bottomSheetSlotData]);
   useEffect(() => {
     if (!webRef.current) return;
-    if (renderingRequest) {
-      renderingBottomSheetRequest(webRef.current, renderingRequest);
+    if (requestRenderingEvent) {
+      renderingBottomSheetRequest(webRef.current, requestRenderingEvent);
     }
-  }, [webRef.current, renderingRequest]);
+  }, [webRef.current, requestRenderingEvent]);
   useEffect(() => {
     if (!isBottomSheetActive) {
       webRef.current && resetHtml(webRef.current);
       setHeight(0);
-      setRenderingRequest(null);
+      setRequestRenderingEvent(undefined);
       setScrollState(ScrollState.onTop);
+      setCustomDialog(null);
     }
   }, [isBottomSheetActive]);
   useEffect(() => {
@@ -65,51 +80,88 @@ export const UNBottomSheetComponent = () => {
   }, [waitForLoadingNewComponent, newHeightMessage]);
   useListenerToBus([{
     busEventKey: UnitMessage.UNIT_REQUEST_RENDERING,
-    action: listenerAction
+    action: handleRequestRendering
+  }, {
+    busEventKey: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
+    action: handleCloseFlow
   }]);
   const setNewHeight = message => {
-    if (renderingRequest) {
-      const nativePlace = JSON.parse(renderingRequest).nativePlace;
-      if (nativePlace == 'overFullScreen') {
-        const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);
-        setHeight(bottomSheetNewHeight);
-        setScrollState(ScrollState.onTop);
-      } else {
-        setHeight(message.details.height);
-        setScrollState(ScrollState.unScrollable);
-      }
+    if (!requestRenderingEvent) return;
+    switch (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentName) {
+      case WebComponentType.account:
+        {
+          const accountActionType = getAccountActionType(requestRenderingEvent);
+          setScrollState(accountActionType === AccountAction.List ? ScrollState.onTop : ScrollState.unScrollable);
+          break;
+        }
+      case WebComponentType.card:
+        {
+          if (customDialog === CustomDialog.addToWallet) {
+            setScrollState(ScrollState.unScrollable);
+          } 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 {
+            setScrollState(ScrollState.unScrollable);
+          }
+        }
+    }
+    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);
+    } else {
+      setHeight(message.details.height);
     }
   };
   const onWebMessage = message => {
     switch (message.type) {
       case PageMessage.PAGE_HEIGHT:
-        renderingRequest && setNewHeightMessage(message);
+        requestRenderingEvent && setNewHeightMessage(message);
         break;
       case UnitMessage.UNIT_REQUEST_RENDERING:
-        // eslint-disable-next-line no-case-declarations
-        const {
-          data
-        } = message.details;
+        {
+          var _requestRenderingEven;
-        if (data != renderingRequest) {
-          setHeight(0);
-          setRenderingRequest(data);
-          setWaitForLoadingNewComponent(true);
-          setTimeout(() => setWaitForLoadingNewComponent(false), 400);
-        }
+          const requestRendering = message.details;
-        break;
+          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 UnitMessage.UNIT_REQUEST_CLOSE_FLOW:
-        setIsBottomSheetActive(false);
+        handleCloseFlow();
         break;
       case UnitMessage.UNIT_REQUEST_OPEN_LINK:
@@ -140,6 +192,27 @@ export const UNBottomSheetComponent = () => {
     setScrollState(ScrollState.onlyWebView);
   };
+  const renderBottomSheetItem = () => {
+    switch (customDialog) {
+      case CustomDialog.addToWallet:
+        return /*#__PURE__*/React.createElement(UNAddToWalletBottomSheetItem, {
+          renderingRequest: requestRenderingEvent,
+          cardId: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentResourceId
+        });
+      default:
+        return /*#__PURE__*/React.createElement(WebComponent, {
+          ref: webRef,
+          type: WebComponentType.slot,
+          presentationMode: PresentationMode.CoverInjectedHeight,
+          script: getBottomSheetScript(),
+          onMessage: onWebMessage,
+          isScrollable: scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop,
+          handleScroll: onScrollWebView
+        });
+    }
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     pointerEvents: isBottomSheetActive ? undefined : 'none',
     style: styles.container
@@ -150,14 +223,6 @@ export const UNBottomSheetComponent = () => {
     onOpen: () => setIsBottomSheetActive(true),
     handleWebViewScroll: () => handleWebViewScroll(),
     shouldEnableBottomSheetScroll: scrollState !== ScrollState.onlyWebView
-  }, isAppActive && /*#__PURE__*/React.createElement(WebComponent, {
-    ref: webRef,
-    type: WebComponentType.slot,
-    presentationMode: PresentationMode.CoverInjectedHeight,
-    script: getBottomSheetScript(),
-    onMessage: onWebMessage,
-    isScrollable: scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop,
-    handleScroll: onScrollWebView
-  }))));
+  }, isAppActive && renderBottomSheetItem())));
 };
 //# sourceMappingURL=UNBottomSheetComponent.js.map