react-native-unit-components 1.0.2 → 1.0.3

package/lib/module/webComponent/WebComponent.js

@@ -7,8 +7,9 @@ import { UnitMessage } from '../messages/webMessages/unitMessages';
 import { useListenerToBus } from '../hooks/listenerToBus';
 import { getHtmlBody } from '../scripts/html/bodyHtml';
 import { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';
-import { NativeMessage } from '../messages/nativeMessages';
 import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
+import { SDKMessage } from '../messages/nativeMessages/sdkMessage';
+import { handleRequestDownload } from './WebComponent.utils';
 export let WebComponentType;
 
 (function (WebComponentType) {
@@ -16,6 +17,7 @@ export let WebComponentType;
   WebComponentType["bookPayment"] = "unit-elements-book-payment";
   WebComponentType["activity"] = "unit-elements-activity";
   WebComponentType["slot"] = "unit-elements-sdk-slot";
+  WebComponentType["account"] = "unit-elements-account";
 })(WebComponentType || (WebComponentType = {}));
 
 export const WebComponent = /*#__PURE__*/React.forwardRef(function WebComponent(props, webRef) {
@@ -33,10 +35,10 @@ export const WebComponent = /*#__PURE__*/React.forwardRef(function WebComponent(
   };
 
   useListenerToBus([{
-    busEventKey: NativeMessage.IS_SCRIPT_FETCHED,
+    busEventKey: SDKMessage.IS_SCRIPT_FETCHED,
     action: updateUnitScript
   }, {
-    busEventKey: NativeMessage.IS_SDK_INITIALIZED,
+    busEventKey: SDKMessage.IS_SDK_INITIALIZED,
     action: updateInitializedParams
   }]);
   useEffect(() => {
@@ -54,10 +56,19 @@ export const WebComponent = /*#__PURE__*/React.forwardRef(function WebComponent(
   const onMessage = e => {
     const message = JSON.parse(e.nativeEvent.data);
 
-    if (message.type == UnitMessage.UNIT_REQUEST_REFRESH && message.details) {
-      EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details);
-    } else {
-      props.onMessage && props.onMessage(message);
+    switch (message.type) {
+      case UnitMessage.UNIT_REQUEST_REFRESH:
+        message.details && EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details);
+        break;
+
+      case UnitMessage.UNIT_REQUEST_DOWNLOAD:
+        message.details && handleRequestDownload(message.details, () => {
+          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW);
+        });
+        break;
+
+      default:
+        props.onMessage && props.onMessage(message);
     }
   };
 

package/lib/module/webComponent/WebComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","WebView","EventBus","html","HTML_PLACEHOLDER","UnitMessage","useListenerToBus","getHtmlBody","fetchUnitScript","globalUnitScript","NativeMessage","UnitSDK","WebComponentType","WebComponent","forwardRef","props","webRef","unitScript","setUnitScript","sourceHtml","setSourceHtml","componentCurrentTheme","setComponentCurrentTheme","theme","getTheme","width","updateUnitScript","data","updateInitializedParams","busEventKey","IS_SCRIPT_FETCHED","action","IS_SDK_INITIALIZED","componentParams","params","newHtml","replace","BODY","type","valueOf","presentationMode","SCRIPT_FROM_NATIVE","script","onMessage","e","message","JSON","parse","nativeEvent","UNIT_REQUEST_REFRESH","details","Instance","event","_onScroll","handleScroll","isScrollable","nestedScrollEnabled","flex"],"sources":["WebComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { WebView, WebViewMessageEvent } from 'react-native-webview';\nimport EventBus from '../helpers/EventBus';\nimport html, { HTML_PLACEHOLDER } from './html';\nimport { RequestRefreshEvent, UnitMessage } from '../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../hooks/listenerToBus';\nimport { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { NativeMessage } from '../messages/nativeMessages';\nimport { UnitSDK } from '../unitSdkManager/UnitSdkManager';\nimport type { WebViewMessage } from '../messages/webMessages';\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  theme?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  isScrollable?: boolean,\n  nestedScrollEnabled?: boolean,\n  handleScroll?: (event: any) => void,\n  width?: number;\n}\n\nexport enum WebComponentType {\n  card = 'unit-elements-card',\n  bookPayment = 'unit-elements-book-payment',\n  activity = 'unit-elements-activity',\n  slot = 'unit-elements-sdk-slot'\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {\n  const [unitScript, setUnitScript] = useState<string | undefined>(globalUnitScript);\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null);\n  const [componentCurrentTheme, setComponentCurrentTheme] = useState<string | undefined>(props.theme ?? UnitSDK.getTheme());\n  const width = props.width ?? '100%';\n\n  const updateUnitScript = (data: { unitScript?: string }) => {\n    setUnitScript(data.unitScript);\n  };\n\n  const updateInitializedParams = () => {\n    setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());\n  };\n\n  useListenerToBus([\n    { busEventKey: NativeMessage.IS_SCRIPT_FETCHED, action: updateUnitScript },\n    { busEventKey: NativeMessage.IS_SDK_INITIALIZED, action: updateInitializedParams },\n  ]);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    const componentParams = (props.params || '') + (componentCurrentTheme ? ` theme=\"${componentCurrentTheme}\"` : '');\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    setSourceHtml(newHtml);\n  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme]);\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;\n    if (message.type == UnitMessage.UNIT_REQUEST_REFRESH && message.details) {\n      EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details as RequestRefreshEvent);\n    } else {\n      props.onMessage && props.onMessage(message);\n    }\n  };\n\n  if (!sourceHtml) return null;\n\n  const _onScroll = (event: any) => {\n    if (props.handleScroll) {\n      props.handleScroll(event);\n    }\n\n    return null;\n  };\n\n  return (\n    <WebView\n      ref={webRef}\n      cacheEnabled={false}\n      scrollEnabled={props.isScrollable}\n      nestedScrollEnabled={props.nestedScrollEnabled}\n      onScroll={_onScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: width, flex: 1 }}\n      source={{ html: sourceHtml }}\n      onMessage={onMessage} />\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","WebView","EventBus","html","HTML_PLACEHOLDER","UnitMessage","useListenerToBus","getHtmlBody","fetchUnitScript","globalUnitScript","UnitSDK","SDKMessage","handleRequestDownload","WebComponentType","WebComponent","forwardRef","props","webRef","unitScript","setUnitScript","sourceHtml","setSourceHtml","componentCurrentTheme","setComponentCurrentTheme","theme","getTheme","width","updateUnitScript","data","updateInitializedParams","busEventKey","IS_SCRIPT_FETCHED","action","IS_SDK_INITIALIZED","componentParams","params","newHtml","replace","BODY","type","valueOf","presentationMode","SCRIPT_FROM_NATIVE","script","onMessage","e","message","JSON","parse","nativeEvent","UNIT_REQUEST_REFRESH","details","Instance","event","UNIT_REQUEST_DOWNLOAD","UNIT_REQUEST_CLOSE_FLOW","_onScroll","handleScroll","isScrollable","nestedScrollEnabled","flex"],"sources":["WebComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { WebView, WebViewMessageEvent } from 'react-native-webview';\nimport EventBus from '../helpers/EventBus';\nimport html, { HTML_PLACEHOLDER } from './html';\nimport { RequestRefreshEvent, UnitMessage, RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../hooks/listenerToBus';\nimport { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { UnitSDK } from '../unitSdkManager/UnitSdkManager';\nimport type { WebViewMessage } from '../messages/webMessages';\nimport { SDKMessage, SdkScriptFetched } from '../messages/nativeMessages/sdkMessage';\nimport { handleRequestDownload } from './WebComponent.utils';\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  theme?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  isScrollable?: boolean,\n  nestedScrollEnabled?: boolean,\n  handleScroll?: (event: any) => void,\n  width?: number;\n}\n\nexport enum WebComponentType {\n  card = 'unit-elements-card',\n  bookPayment = 'unit-elements-book-payment',\n  activity = 'unit-elements-activity',\n  slot = 'unit-elements-sdk-slot',\n  account = 'unit-elements-account',\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {\n  const [unitScript, setUnitScript] = useState<string | undefined>(globalUnitScript);\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null);\n  const [componentCurrentTheme, setComponentCurrentTheme] = useState<string | undefined>(props.theme ?? UnitSDK.getTheme());\n  const width = props.width ?? '100%';\n\n  const updateUnitScript = (data: SdkScriptFetched) => {\n    setUnitScript(data.unitScript);\n  };\n\n  const updateInitializedParams = () => {\n    setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());\n  };\n\n  useListenerToBus([\n    { busEventKey: SDKMessage.IS_SCRIPT_FETCHED, action: updateUnitScript },\n    { busEventKey: SDKMessage.IS_SDK_INITIALIZED, action: updateInitializedParams },\n  ]);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    const componentParams = (props.params || '') + (componentCurrentTheme ? ` theme=\"${componentCurrentTheme}\"` : '');\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    setSourceHtml(newHtml);\n  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme]);\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_REFRESH:\n        message.details &&\n          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details as RequestRefreshEvent);\n        break;\n      case UnitMessage.UNIT_REQUEST_DOWNLOAD:\n        message.details &&\n          handleRequestDownload(message.details as RequestDownloadEvent, () => {\n            EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW);\n          });\n        break;\n      default:\n        props.onMessage && props.onMessage(message);\n    }\n  };\n\n  if (!sourceHtml) return null;\n\n  const _onScroll = (event: any) => {\n    if (props.handleScroll) {\n      props.handleScroll(event);\n    }\n\n    return null;\n  };\n\n  return (\n    <WebView\n      ref={webRef}\n      cacheEnabled={false}\n      scrollEnabled={props.isScrollable}\n      nestedScrollEnabled={props.nestedScrollEnabled}\n      onScroll={_onScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: width, flex: 1 }}\n      source={{ html: sourceHtml }}\n      onMessage={onMessage} />\n  );\n});\n"],"mappings":"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"}

package/lib/module/webComponent/WebComponent.utils.js

@@ -0,0 +1,27 @@
+import axios from 'axios';
+import { Share, NativeModules, Platform } from 'react-native';
+const {
+  RNShareFile
+} = NativeModules;
+export const handleRequestDownload = async (details, onReadyToShare) => {
+  if (details.fileType === 'application/pdf') {
+    const res = await axios.get(details.url, {
+      headers: {
+        'Authorization': `Bearer ${details.accessToken}`
+      },
+      responseEncoding: 'base64',
+      responseType: 'arraybuffer'
+    });
+    const base64Data = res.request._response;
+    onReadyToShare();
+
+    if (Platform.OS === 'ios') {
+      Share.share({
+        url: `data:application/pdf;base64,${base64Data}`
+      });
+    } else {
+      RNShareFile.share(base64Data, details.fileName);
+    }
+  }
+};
+//# sourceMappingURL=WebComponent.utils.js.map

package/lib/module/webComponent/WebComponent.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["axios","Share","NativeModules","Platform","RNShareFile","handleRequestDownload","details","onReadyToShare","fileType","res","get","url","headers","accessToken","responseEncoding","responseType","base64Data","request","_response","OS","share","fileName"],"sources":["WebComponent.utils.ts"],"sourcesContent":["import axios from 'axios';\nimport { Share, NativeModules, Platform } from 'react-native';\nimport type { RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nconst { RNShareFile } = NativeModules;\n\nexport const handleRequestDownload = async (details: RequestDownloadEvent, onReadyToShare: () => void) => {\n  if (details.fileType === 'application/pdf') {\n    const res = await axios.get(details.url, {\n      headers: {\n        'Authorization': `Bearer ${details.accessToken}`\n      },\n      responseEncoding: 'base64',\n      responseType: 'arraybuffer'\n    });\n\n    const base64Data = res.request._response;\n\n    onReadyToShare();\n\n    if (Platform.OS === 'ios') {\n      Share.share({ url: `data:application/pdf;base64,${base64Data}` });\n    } else {\n      RNShareFile.share(base64Data, details.fileName);\n    }\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,aAAhB,EAA+BC,QAA/B,QAA+C,cAA/C;AAEA,MAAM;EAAEC;AAAF,IAAkBF,aAAxB;AAEA,OAAO,MAAMG,qBAAqB,GAAG,OAAOC,OAAP,EAAsCC,cAAtC,KAAqE;EACxG,IAAID,OAAO,CAACE,QAAR,KAAqB,iBAAzB,EAA4C;IAC1C,MAAMC,GAAG,GAAG,MAAMT,KAAK,CAACU,GAAN,CAAUJ,OAAO,CAACK,GAAlB,EAAuB;MACvCC,OAAO,EAAE;QACP,iBAAkB,UAASN,OAAO,CAACO,WAAY;MADxC,CAD8B;MAIvCC,gBAAgB,EAAE,QAJqB;MAKvCC,YAAY,EAAE;IALyB,CAAvB,CAAlB;IAQA,MAAMC,UAAU,GAAGP,GAAG,CAACQ,OAAJ,CAAYC,SAA/B;IAEAX,cAAc;;IAEd,IAAIJ,QAAQ,CAACgB,EAAT,KAAgB,KAApB,EAA2B;MACzBlB,KAAK,CAACmB,KAAN,CAAY;QAAET,GAAG,EAAG,+BAA8BK,UAAW;MAAjD,CAAZ;IACD,CAFD,MAEO;MACLZ,WAAW,CAACgB,KAAZ,CAAkBJ,UAAlB,EAA8BV,OAAO,CAACe,QAAtC;IACD;EACF;AACF,CApBM"}

package/lib/module/webComponent/html.js

@@ -1,4 +1,5 @@
-import { DISPTACH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } from '../scripts/html/bodyScript';
+import { Platform } from 'react-native';
+import { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } from '../scripts/html/bodyScript';
 export const HTML_PLACEHOLDER = {
   SCRIPT_UNIT: '<SCRIPT_UNIT>',
   BODY: '<BODY_HTML_CODE>',
@@ -12,6 +13,10 @@ const htmlText = `
     <title>Unit Web SDK Demo</title>
     <script>
       window.UnitMobileSDK = true
+      window.UnitMobileSDKConfig = {
+        os: "${Platform.OS}",
+        walletName: "${Platform.OS === 'ios' ? 'Apple' : 'Google'}"
+      }
     </script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
   </html>
@@ -28,6 +33,8 @@ const htmlText = `
 
       ${LISTENERS.onLoad}
 
+      ${LISTENERS.unitRequestDownload}
+
       ${LISTENERS.requestRendering}
 
       ${LISTENERS.requestOpenLink}
@@ -36,7 +43,7 @@ const htmlText = `
 
       ${LISTENERS.cardStatusChange}
 
-      ${DISPTACH_RENDERING_EVENT}
+      ${DISPATCH_RENDERING_EVENT}
 
       ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}
     </script>

package/lib/module/webComponent/html.js.map

@@ -1 +1 @@
-{"version":3,"names":["DISPTACH_RENDERING_EVENT","LISTENERS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","htmlText","isPageLoaded","onLoad","requestRendering","requestOpenLink","requestCloseFlow","cardStatusChange"],"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,SAASA,wBAAT,EAAmCC,SAAnC,EAA8CC,mBAA9C,EAAmEC,gBAAnE,QAA2F,4BAA3F;AAEA,OAAO,MAAMC,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,QAAQJ,mBAAoB;AAC5B;AACA,QAAQC,gBAAiB;AACzB;AACA,QAAQF,SAAS,CAACQ,YAAa;AAC/B;AACA,QAAQR,SAAS,CAACS,MAAO;AACzB;AACA,QAAQT,SAAS,CAACU,gBAAiB;AACnC;AACA,QAAQV,SAAS,CAACW,eAAgB;AAClC;AACA,QAAQX,SAAS,CAACY,gBAAiB;AACnC;AACA,QAAQZ,SAAS,CAACa,gBAAiB;AACnC;AACA,QAAQd,wBAAyB;AACjC;AACA,QAAQI,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA,CArCA;AAuCA,eAAeC,QAAf"}
+{"version":3,"names":["Platform","DISPATCH_RENDERING_EVENT","LISTENERS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","htmlText","OS","isPageLoaded","onLoad","unitRequestDownload","requestRendering","requestOpenLink","requestCloseFlow","cardStatusChange"],"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,SAASA,QAAT,QAAyB,cAAzB;AACA,SAASC,wBAAT,EAAmCC,SAAnC,EAA8CC,mBAA9C,EAAmEC,gBAAnE,QAA2F,4BAA3F;AAEA,OAAO,MAAMC,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,eAAeT,QAAQ,CAACU,EAAG;AAC3B,uBAAuBV,QAAQ,CAACU,EAAT,KAAgB,KAAhB,GAAwB,OAAxB,GAAkC,QAAS;AAClE;AACA;AACA;AACA;AACA;AACA;AACA,MAAML,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,QAAQJ,mBAAoB;AAC5B;AACA,QAAQC,gBAAiB;AACzB;AACA,QAAQF,SAAS,CAACS,YAAa;AAC/B;AACA,QAAQT,SAAS,CAACU,MAAO;AACzB;AACA,QAAQV,SAAS,CAACW,mBAAoB;AACtC;AACA,QAAQX,SAAS,CAACY,gBAAiB;AACnC;AACA,QAAQZ,SAAS,CAACa,eAAgB;AAClC;AACA,QAAQb,SAAS,CAACc,gBAAiB;AACnC;AACA,QAAQd,SAAS,CAACe,gBAAiB;AACnC;AACA,QAAQhB,wBAAyB;AACjC;AACA,QAAQI,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA,CA3CA;AA6CA,eAAeC,QAAf"}

package/lib/typescript/components/UNAccountComponent/UNAccountComponent.d.ts

@@ -0,0 +1,12 @@
+import type { ResponseUnitOnLoadEvent } from '../../sharedTypes';
+export interface UNAccountComponentProps {
+    accountId?: string;
+    customerToken: string;
+    theme?: string;
+    onLoad?: (response: ResponseUnitOnLoadEvent) => void;
+}
+export declare enum AccountAction {
+    List = "account-list",
+    Menu = "account-menu"
+}
+export declare const UNAccountComponent: (props: UNAccountComponentProps) => JSX.Element;

package/lib/typescript/components/UNAccountComponent/UNAccountComponent.utils.d.ts

@@ -0,0 +1,7 @@
+import { AccountAction, UNAccountComponentProps } from './UNAccountComponent';
+import { RequestRefreshEvent, RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
+import type WebView from 'react-native-webview';
+export declare const getAccountParams: (props: UNAccountComponentProps) => string;
+export declare const getAccountScript: () => string;
+export declare const injectRefreshEventIfNeeded: (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => void;
+export declare const getAccountActionType: (requestRendering: RequestRenderingEvent) => AccountAction;

package/lib/typescript/components/UNActivityComponent/UNActivityComponent.d.ts

@@ -1,6 +1,8 @@
+import type { ResponseUnitOnLoadEvent } from '../../sharedTypes';
 export interface UNActivityComponentProps {
     accountId: string;
     customerToken: string;
     theme?: string;
+    onLoad?: (response: ResponseUnitOnLoadEvent) => void;
 }
 export declare const UNActivityComponent: (props: UNActivityComponentProps) => JSX.Element;

package/lib/typescript/components/UNActivityComponent/UNActivityComponent.utils.d.ts

@@ -1,2 +1,6 @@
+import type { RequestRefreshEvent } from './../../messages/webMessages/unitMessages';
+import type { WebView } from 'react-native-webview';
 import type { UNActivityComponentProps } from './UNActivityComponent';
 export declare const getActivityParams: (props: UNActivityComponentProps) => string;
+export declare const getActivityScript: () => string;
+export declare const injectRefreshEventIfNeeded: (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => void;

package/lib/typescript/components/UNBookPaymentComponent/UNBookPaymentComponent.d.ts

@@ -1,4 +1,4 @@
-import type { UNBookPaymentData } from '../../sharedTypes';
+import type { ResponseUnitOnLoadEvent, UNBookPaymentData } from '../../sharedTypes';
 export interface UNBookPaymentComponentProps {
     accountId: string;
     customerToken: string;
@@ -7,5 +7,6 @@ export interface UNBookPaymentComponentProps {
     counterPartyName: string;
     theme?: string;
     onPaymentCreated?: (data: UNBookPaymentData) => void;
+    onLoad?: (response: ResponseUnitOnLoadEvent) => void;
 }
 export declare const UNBookPaymentComponent: (props: UNBookPaymentComponentProps) => JSX.Element;

package/lib/typescript/components/UNBottomSheetComponent/UNBottomSheetComponent.constants.d.ts

@@ -1 +1 @@
-export declare const BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = 0.9;
+export declare const BOTTOM_SHEET_MAX_PERCENTAGE_SIZE = 0.9;

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

@@ -1,7 +1,14 @@
+import { WebComponentType } from '../../webComponent/WebComponent';
+import { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
 export declare enum ScrollState {
     onTop = "onTop",
+    unScrollable = "unScrollable",
     onlyWebView = "webViewScroll",
-    onlyBottomSheet = "onlyBottomSheet",
-    unScrollable = "unScrollable"
+    onlyBottomSheet = "onlyBottomSheet"
 }
+export declare type BottomSheetSlotData = {
+    componentName?: WebComponentType;
+    componentResourceId?: string;
+    requestRenderingEvent: RequestRenderingEvent;
+};
 export declare const UNBottomSheetComponent: () => JSX.Element;

package/lib/typescript/components/UNBottomSheetComponent/UNBottomSheetComponent.utils.d.ts

@@ -1,5 +1,6 @@
 import type WebView from 'react-native-webview';
+import type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
 export declare const getBottomSheetScript: () => string;
-export declare const renderingBottomSheetRequest: (currentWebView: WebView, renderingRequest: string) => void;
+export declare const renderingBottomSheetRequest: (currentWebView: WebView, renderingRequest: RequestRenderingEvent) => void;
 export declare const resetHtml: (currentWebView: WebView) => void;
 export declare const handleHtmlFullHeight: (currentWebView: WebView | null, windowHeight: number) => number;

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

@@ -0,0 +1,6 @@
+import type { RequestRenderingEvent } from '../../../messages/webMessages/unitMessages';
+export interface UNAddToWalletBottomSheetItemProps {
+    renderingRequest?: RequestRenderingEvent;
+    cardId?: string;
+}
+export declare const UNAddToWalletBottomSheetItem: (props: UNAddToWalletBottomSheetItemProps) => JSX.Element;

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

@@ -0,0 +1,17 @@
+export declare const getStylesObject: () => {
+    addToWalletButton: {
+        position: "absolute";
+        height: number;
+        bottom: number;
+        left: number;
+        right: number;
+        marginHorizontal: number;
+    };
+    loader: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+};

package/lib/typescript/components/UNCardComponent/UNCardComponent.d.ts

@@ -1,8 +1,11 @@
-import type { UNCardData } from '../../sharedTypes';
+import type { ResponseUnitOnLoadEvent, UNCardData } from '../../sharedTypes';
+import type { NativeModules } from 'react-native';
 export interface UNCardComponentProps {
     cardId: string;
     customerToken: string;
     theme?: string;
     onStatusChanged?: (card: UNCardData) => void;
+    pushProvisioningModule?: typeof NativeModules;
+    onLoad?: (response: ResponseUnitOnLoadEvent) => void;
 }
 export declare const UNCardComponent: (props: UNCardComponentProps) => JSX.Element;

package/lib/typescript/components/UNCardComponent/UNCardComponent.utils.d.ts

@@ -1,6 +1,14 @@
 import type WebView from 'react-native-webview';
 import type { UNCardComponentProps } from './UNCardComponent';
-import { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';
+import type { NativeModules } from 'react-native';
+import { UNWallet, UNWalletCode, UNWalletName } from '../../../src/sharedTypes/wallet.types';
+import type { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';
 export declare const getCardParams: (props: UNCardComponentProps) => string;
 export declare const getCardScript: () => string;
 export declare const injectRefreshEventIfNeeded: (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => void;
+export declare const launchGetWallets: (customerToken: string, cardId: string, pushProvisioningModule: typeof NativeModules) => Promise<{
+    name: UNWalletName;
+    code: UNWalletCode;
+    status: any;
+} | null | undefined>;
+export declare const launchStartCardProvisioning: (pushProvisioningModule: typeof NativeModules, wallet: UNWallet | null) => Promise<any>;

package/lib/typescript/components/UNCardComponent/networking/common/UNNetworkConstants.d.ts

@@ -0,0 +1,8 @@
+export declare const APIHeaders: {
+    AUTHORIZATION: string;
+    CONTENT_TYPE: string;
+};
+export declare const UNIT_SECURE_URL: {
+    sandbox: string;
+    production: string;
+};

package/lib/typescript/components/UNCardComponent/networking/requests/UNWalletPayloadRequest.d.ts

@@ -0,0 +1 @@
+export declare const getMobileWalletPayload: (customerToken: string, cardId: string) => Promise<any>;

package/lib/typescript/components/index.d.ts

@@ -2,3 +2,4 @@ export * from './UNCardComponent/UNCardComponent';
 export * from './UNBottomSheetComponent/UNBottomSheetComponent';
 export * from './UNBookPaymentComponent/UNBookPaymentComponent';
 export * from './UNActivityComponent/UNActivityComponent';
+export * from './UNAccountComponent/UNAccountComponent';

package/lib/typescript/helpers/EventBus.d.ts

@@ -1,12 +1,12 @@
-import type { NativeMessage } from '../messages/nativeMessages';
+import type { NativeMessageType } from '../messages/nativeMessages';
 import type { WebViewMessageType } from '../messages/webMessages';
-export declare type BusEventKey = NativeMessage | WebViewMessageType;
+export declare type BusEventKey = NativeMessageType | WebViewMessageType;
 export default class EventBus {
     private static _instance;
     private eventListeners;
     private constructor();
     static get Instance(): EventBus;
-    event(event: BusEventKey, data: any): void;
+    event(event: BusEventKey, data?: any): void;
     addListener(event: BusEventKey, listener: (data: any) => void): void;
     removeListener(listener: (data: any) => void): void;
     private _remove;

package/lib/typescript/messages/nativeMessages/cardMessage.d.ts

@@ -0,0 +1,28 @@
+export declare enum CardNativeMessage {
+    CARD_GET_ADD_TO_WALLET_STATUS = "cardGetAddToWalletStatus",
+    CARD_UPDATE_ADD_TO_WALLET_STATUS = "cardUpdateAddToWalletStatus",
+    CARD_START_PUSH_PROVISIONING = "cardStartPushProvisioning"
+}
+export declare enum CardAddToWalletStatus {
+    pending = 0,
+    readyToProvisioning = "ReadyToProvision",
+    addedToWallet = "AlreadyProvisioned",
+    iosProvisionedInCurrentDevice = "ProvisionedInCurrentDevice",
+    iosProvisionedInPairedDevice = "ProvisionedInPairedDevice",
+    androidNotInstalled = "NotInstalled",
+    androidWalletSetupNotCompleted = "WalletSetupNotCompleted",
+    androidWalletAppUpdateAvailable = "WalletAppUpdateAvailable"
+}
+export declare enum CardAddToWalletErrors {
+    closedNativeWalletScreen = "VP_ERROR_302"
+}
+export interface CardAddToWalletStatusEvent {
+    status: CardAddToWalletStatus;
+}
+export interface CardGetAddToWalletStatusEvent {
+    cardId: string;
+}
+export interface CardStartPushProvisioningEvent {
+    cardId: string;
+}
+export declare type CardNativeEvent = CardAddToWalletStatusEvent | CardGetAddToWalletStatusEvent | CardStartPushProvisioningEvent;

package/lib/typescript/messages/nativeMessages/index.d.ts

@@ -1,4 +1,8 @@
-export declare enum NativeMessage {
-    IS_SCRIPT_FETCHED = "isScriptFetched",
-    IS_SDK_INITIALIZED = "isSdkInitialized"
+import type { CardNativeEvent, CardNativeMessage } from './cardMessage';
+import type { SDKEvent, SDKMessage } from './sdkMessage';
+export declare type NativeMessageType = SDKMessage | CardNativeMessage;
+export declare type NativeEvent = CardNativeEvent | SDKEvent;
+export interface NativeMessage {
+    type: NativeMessageType;
+    details?: NativeEvent;
 }

package/lib/typescript/messages/nativeMessages/sdkMessage.d.ts

@@ -0,0 +1,8 @@
+export declare enum SDKMessage {
+    IS_SCRIPT_FETCHED = "isScriptFetched",
+    IS_SDK_INITIALIZED = "isSdkInitialized"
+}
+export interface SdkScriptFetched {
+    unitScript: string;
+}
+export declare type SDKEvent = SdkScriptFetched;

package/lib/typescript/messages/webMessages/unitMessages.d.ts

@@ -1,17 +1,20 @@
+import type { ResponseUnitOnLoadEvent } from '../../sharedTypes';
 export declare enum UnitMessage {
     UNIT_REQUEST_RENDERING = "unitRequestRendering",
     UNIT_REQUEST_REFRESH = "unitRequestRefresh",
     UNIT_REQUEST_CLOSE_FLOW = "unitRequestCloseFlow",
     UNIT_REQUEST_OPEN_LINK = "unitRequestOpenLink",
-    UNIT_ON_LOAD = "unitOnLoad"
+    UNIT_ON_LOAD = "unitOnLoad",
+    UNIT_REQUEST_DOWNLOAD = "unitRequestDownload"
 }
-export interface RequestRenderingData {
+export interface RequestRenderingEvent {
+    data: RequestRenderingEventData;
+}
+export interface RequestRenderingEventData {
+    actionType?: string;
     nativePlace: string;
     nativeComponent: string;
 }
-export interface RequestRenderingEvent {
-    data: string;
-}
 export interface RequestRefreshEvent {
     refEvent: string;
     dependencies: string[];
@@ -21,4 +24,11 @@ export interface RequestOpenLinkEvent {
     href: string;
     target: string;
 }
-export declare type UnitEvent = RequestRenderingEvent | RequestRefreshEvent | RequestOpenLinkEvent;
+export interface RequestDownloadEvent {
+    url: string;
+    accessToken: string;
+    fileType: string;
+    responseType: string;
+    fileName: string;
+}
+export declare type UnitEvent = RequestRenderingEvent | RequestRefreshEvent | RequestOpenLinkEvent | ResponseUnitOnLoadEvent | RequestDownloadEvent;

package/lib/typescript/scripts/html/bodyScript.d.ts

@@ -3,9 +3,12 @@ export declare const POST_PAGE_HEIGHT: string;
 export declare const LISTENERS: {
     isPageLoaded: string;
     requestRendering: string;
+    requestRefresh: string;
     onLoad: string;
     requestCloseFlow: string;
     requestOpenLink: string;
+    unitRequestDownload: string;
     cardStatusChange: string;
 };
-export declare const DISPTACH_RENDERING_EVENT: string;
+export declare const DISPATCH_RENDERING_EVENT: string;
+export declare const DISPATCH_REQUEST_REFRESH: string;

package/lib/typescript/sharedTypes/bookPayment.types.d.ts

@@ -1,7 +1,7 @@
-import type { Tags, Relationship } from "./types";
-declare type BookPaymentStatus = "Sent" | "Rejected";
+import type { Tags, Relationship } from './types';
+declare type BookPaymentStatus = 'Sent' | 'Rejected';
 export declare type UNBookPaymentData = {
-    type: "bookPayment";
+    type: 'bookPayment';
     id: string;
     attributes: {
         createdAt: string | Date;

package/lib/typescript/sharedTypes/card.types.d.ts

@@ -1,9 +1,9 @@
-import type { Address, FullName, Limits, Relationship, Tags } from "./types";
+import type { Address, FullName, Limits, Relationship, Tags } from './types';
 export declare type UNCardData = IndividualDebitCard | BusinessDebitCard;
-declare type CardStatus = "Active" | "Inactive" | "Stolen" | "Lost" | "Frozen" | "ClosedByCustomer" | "SuspectedFraud";
-declare type IndividualDebitCard = {
+declare type CardStatus = 'Active' | 'Inactive' | 'Stolen' | 'Lost' | 'Frozen' | 'ClosedByCustomer' | 'SuspectedFraud';
+export declare type IndividualDebitCard = {
     id: string;
-    type: "individualDebitCard" | "individualVirtualDebitCard";
+    type: 'individualDebitCard' | 'individualVirtualDebitCard';
     attributes: {
         createdAt: string;
         last4Digits: string;
@@ -23,9 +23,9 @@ declare type IndividualDebitCard = {
         customer: Relationship;
     };
 };
-declare type BusinessDebitCard = {
+export declare type BusinessDebitCard = {
     id: string;
-    type: "businessDebitCard" | "businessVirtualDebitCard";
+    type: 'businessDebitCard' | 'businessVirtualDebitCard';
     attributes: {
         fullName: FullName;
         dateOfBirth: string;

package/lib/typescript/sharedTypes/index.d.ts

@@ -1,2 +1,3 @@
 export * from './bookPayment.types';
 export * from './card.types';
+export * from './onLoadResponse.types';

package/lib/typescript/sharedTypes/onLoadResponse.types.d.ts

@@ -0,0 +1,18 @@
+import type { UNCardData } from '../sharedTypes';
+export declare type SuccessResponseUnitOnLoad = {
+    data: UNCardData | Object;
+    included: [Object];
+    errors: null;
+};
+export declare type ErrorResponseUnitOnLoad = {
+    errors: [
+        {
+            status: string;
+            title: string;
+            detail?: string;
+            details?: string;
+            meta?: Record<string, string>;
+        }
+    ];
+};
+export declare type ResponseUnitOnLoadEvent = SuccessResponseUnitOnLoad | ErrorResponseUnitOnLoad;

package/lib/typescript/sharedTypes/wallet.types.d.ts

@@ -0,0 +1,14 @@
+import type { CardAddToWalletStatus } from 'src/messages/nativeMessages/cardMessage';
+export declare enum UNWalletCode {
+    Apple = "ApplePayPushProvision",
+    Google = "GooglePayPushProvision"
+}
+export declare enum UNWalletName {
+    Apple = "APPLE",
+    Google = "GOOGLE"
+}
+export interface UNWallet {
+    name: string;
+    code: string;
+    status: CardAddToWalletStatus;
+}

package/lib/typescript/unitSdkManager/UnitSdkManager.d.ts

@@ -9,7 +9,10 @@ export declare const UNIT_SCRIPT_URL: {
 export declare class UnitSDK {
     protected static env?: UNEnvironment;
     protected static theme?: string;
+    protected static signedNonce?: string;
     static init: (env: UNEnvironment, theme?: string) => Promise<void>;
+    static setSignedNonce: (signedNonce: string) => void;
     static getEnv: () => UNEnvironment | undefined;
     static getTheme: () => string | undefined;
+    static getSignedNonce: () => string | undefined;
 }

package/lib/typescript/webComponent/WebComponent.d.ts

@@ -18,6 +18,7 @@ export declare enum WebComponentType {
     card = "unit-elements-card",
     bookPayment = "unit-elements-book-payment",
     activity = "unit-elements-activity",
-    slot = "unit-elements-sdk-slot"
+    slot = "unit-elements-sdk-slot",
+    account = "unit-elements-account"
 }
 export declare const WebComponent: React.ForwardRefExoticComponent<WebComponentProps & React.RefAttributes<WebView<{}>>>;

package/lib/typescript/webComponent/WebComponent.utils.d.ts

@@ -0,0 +1,2 @@
+import type { RequestDownloadEvent } from '../messages/webMessages/unitMessages';
+export declare const handleRequestDownload: (details: RequestDownloadEvent, onReadyToShare: () => void) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unit-components",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Unit React Native components",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -77,6 +77,7 @@
     "react-native-webview": "*"
   },
   "dependencies": {
+    "axios": "^1.3.3",
     "react-native-webview": "11.23.1"
   },
   "jest": {