react-native-unit-components 1.0.1 → 1.0.3

package/lib/commonjs/unitSdkManager/UnitSdkManager.js

@@ -5,8 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UnitSDK = exports.UNIT_SCRIPT_URL = exports.UNEnvironment = void 0;
 
+var _EventBus = _interopRequireDefault(require("../helpers/EventBus"));
+
+var _sdkMessage = require("../messages/nativeMessages/sdkMessage");
+
 var _UnitSdk = require("./UnitSdk.api");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 let UNEnvironment;
@@ -31,16 +37,24 @@ _defineProperty(UnitSDK, "env", void 0);
 
 _defineProperty(UnitSDK, "theme", void 0);
 
+_defineProperty(UnitSDK, "signedNonce", void 0);
+
 _defineProperty(UnitSDK, "init", async (env, theme) => {
   try {
     UnitSDK.env = env;
     UnitSDK.theme = theme;
     await (0, _UnitSdk.fetchUnitScript)();
+
+    _EventBus.default.Instance.event(_sdkMessage.SDKMessage.IS_SDK_INITIALIZED, {});
   } catch (e) {
     console.log(e);
   }
 });
 
+_defineProperty(UnitSDK, "setSignedNonce", signedNonce => {
+  UnitSDK.signedNonce = signedNonce;
+});
+
 _defineProperty(UnitSDK, "getEnv", () => {
   return UnitSDK.env;
 });
@@ -48,4 +62,8 @@ _defineProperty(UnitSDK, "getEnv", () => {
 _defineProperty(UnitSDK, "getTheme", () => {
   return UnitSDK.theme;
 });
+
+_defineProperty(UnitSDK, "getSignedNonce", () => {
+  return UnitSDK.signedNonce;
+});
 //# sourceMappingURL=UnitSdkManager.js.map

package/lib/commonjs/unitSdkManager/UnitSdkManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["UNEnvironment","UNIT_SCRIPT_URL","sandbox","production","UnitSDK","env","theme","fetchUnitScript","e","console","log"],"sources":["UnitSdkManager.ts"],"sourcesContent":["import { fetchUnitScript } from './UnitSdk.api';\n\nexport enum UNEnvironment {\n  sandbox = 'sandbox',\n  production = 'production'\n}\n\nexport const UNIT_SCRIPT_URL = {\n  [UNEnvironment.sandbox]: 'https://ui.s.unit.sh/components.js',\n  [UNEnvironment.production]: 'https://ui.unit.co/components.js'\n};\nexport class UnitSDK {\n  protected static env?: UNEnvironment;\n  protected static theme?: string;\n\n  public static init = async (env: UNEnvironment, theme?: string) => {\n    try {\n      this.env = env;\n      this.theme = theme;\n      await fetchUnitScript();\n    } catch (e) {\n      console.log(e);\n    }\n  };\n\n  public static getEnv = () => {\n    return this.env;\n  };\n\n  public static getTheme = () => {\n    return this.theme;\n  };\n}\n"],"mappings":";;;;;;;AAAA;;;;IAEYA,a;;;WAAAA,a;EAAAA,a;EAAAA,a;GAAAA,a,6BAAAA,a;;AAKL,MAAMC,eAAe,GAAG;EAC7B,CAACD,aAAa,CAACE,OAAf,GAAyB,oCADI;EAE7B,CAACF,aAAa,CAACG,UAAf,GAA4B;AAFC,CAAxB;;;AAIA,MAAMC,OAAN,CAAc;;;;gBAARA,O;;gBAAAA,O;;gBAAAA,O,UAIU,OAAOC,GAAP,EAA2BC,KAA3B,KAA8C;EACjE,IAAI;IALKF,OAMP,CAAKC,GAAL,GAAWA,GAAX;IANOD,OAOP,CAAKE,KAAL,GAAaA,KAAb;IACA,MAAM,IAAAC,wBAAA,GAAN;EACD,CAJD,CAIE,OAAOC,CAAP,EAAU;IACVC,OAAO,CAACC,GAAR,CAAYF,CAAZ;EACD;AACF,C;;gBAZUJ,O,YAcY,MAAM;EAC3B,OAfSA,OAeF,CAAKC,GAAZ;AACD,C;;gBAhBUD,O,cAkBc,MAAM;EAC7B,OAnBSA,OAmBF,CAAKE,KAAZ;AACD,C"}
+{"version":3,"names":["UNEnvironment","UNIT_SCRIPT_URL","sandbox","production","UnitSDK","env","theme","fetchUnitScript","EventBus","Instance","event","SDKMessage","IS_SDK_INITIALIZED","e","console","log","signedNonce"],"sources":["UnitSdkManager.ts"],"sourcesContent":["import EventBus from '../helpers/EventBus';\nimport { SDKMessage } from '../messages/nativeMessages/sdkMessage';\nimport { fetchUnitScript } from './UnitSdk.api';\n\nexport enum UNEnvironment {\n  sandbox = 'sandbox',\n  production = 'production'\n}\n\nexport const UNIT_SCRIPT_URL = {\n  [UNEnvironment.sandbox]: 'https://ui.s.unit.sh/components.js',\n  [UNEnvironment.production]: 'https://ui.unit.co/components.js'\n};\nexport class UnitSDK {\n  protected static env?: UNEnvironment;\n  protected static theme?: string;\n  protected static signedNonce?: string;\n\n  public static init = async (env: UNEnvironment, theme?: string) => {\n    try {\n      this.env = env;\n      this.theme = theme;\n      await fetchUnitScript();\n      EventBus.Instance.event(SDKMessage.IS_SDK_INITIALIZED, {});\n    } catch (e) {\n      console.log(e);\n    }\n  };\n\n  public static setSignedNonce = (signedNonce: string) => {\n    this.signedNonce = signedNonce;\n  };\n\n  public static getEnv = () => {\n    return this.env;\n  };\n\n  public static getTheme = () => {\n    return this.theme;\n  };\n\n  public static getSignedNonce = () => {\n    return this.signedNonce;\n  };\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;IAEYA,a;;;WAAAA,a;EAAAA,a;EAAAA,a;GAAAA,a,6BAAAA,a;;AAKL,MAAMC,eAAe,GAAG;EAC7B,CAACD,aAAa,CAACE,OAAf,GAAyB,oCADI;EAE7B,CAACF,aAAa,CAACG,UAAf,GAA4B;AAFC,CAAxB;;;AAIA,MAAMC,OAAN,CAAc;;;;gBAARA,O;;gBAAAA,O;;gBAAAA,O;;gBAAAA,O,UAKU,OAAOC,GAAP,EAA2BC,KAA3B,KAA8C;EACjE,IAAI;IANKF,OAOP,CAAKC,GAAL,GAAWA,GAAX;IAPOD,OAQP,CAAKE,KAAL,GAAaA,KAAb;IACA,MAAM,IAAAC,wBAAA,GAAN;;IACAC,iBAAA,CAASC,QAAT,CAAkBC,KAAlB,CAAwBC,sBAAA,CAAWC,kBAAnC,EAAuD,EAAvD;EACD,CALD,CAKE,OAAOC,CAAP,EAAU;IACVC,OAAO,CAACC,GAAR,CAAYF,CAAZ;EACD;AACF,C;;gBAdUT,O,oBAgBqBY,WAAD,IAAyB;EAhB7CZ,OAiBT,CAAKY,WAAL,GAAmBA,WAAnB;AACD,C;;gBAlBUZ,O,YAoBY,MAAM;EAC3B,OArBSA,OAqBF,CAAKC,GAAZ;AACD,C;;gBAtBUD,O,cAwBc,MAAM;EAC7B,OAzBSA,OAyBF,CAAKE,KAAZ;AACD,C;;gBA1BUF,O,oBA4BoB,MAAM;EACnC,OA7BSA,OA6BF,CAAKY,WAAZ;AACD,C"}

package/lib/commonjs/webComponent/WebComponent.js

@@ -21,7 +21,11 @@ var _bodyHtml = require("../scripts/html/bodyHtml");
 
 var _UnitSdk = require("../unitSdkManager/UnitSdk.api");
 
-var _nativeMessages = require("../messages/nativeMessages");
+var _UnitSdkManager = require("../unitSdkManager/UnitSdkManager");
+
+var _sdkMessage = require("../messages/nativeMessages/sdkMessage");
+
+var _WebComponent = require("./WebComponent.utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -38,20 +42,29 @@ exports.WebComponentType = WebComponentType;
   WebComponentType["bookPayment"] = "unit-elements-book-payment";
   WebComponentType["activity"] = "unit-elements-activity";
   WebComponentType["slot"] = "unit-elements-sdk-slot";
+  WebComponentType["account"] = "unit-elements-account";
 })(WebComponentType || (exports.WebComponentType = WebComponentType = {}));
 
 const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponent(props, webRef) {
   const [unitScript, setUnitScript] = (0, _react.useState)(_UnitSdk.globalUnitScript);
   const [sourceHtml, setSourceHtml] = (0, _react.useState)(null);
+  const [componentCurrentTheme, setComponentCurrentTheme] = (0, _react.useState)(props.theme ?? _UnitSdkManager.UnitSDK.getTheme());
   const width = props.width ?? '100%';
 
-  const listenerAction = data => {
+  const updateUnitScript = data => {
     setUnitScript(data.unitScript);
   };
 
+  const updateInitializedParams = () => {
+    setComponentCurrentTheme(props.theme ?? _UnitSdkManager.UnitSDK.getTheme());
+  };
+
   (0, _listenerToBus.useListenerToBus)([{
-    busEventKey: _nativeMessages.NativeMessage.IS_SCRIPT_FETCHED,
-    action: listenerAction
+    busEventKey: _sdkMessage.SDKMessage.IS_SCRIPT_FETCHED,
+    action: updateUnitScript
+  }, {
+    busEventKey: _sdkMessage.SDKMessage.IS_SDK_INITIALIZED,
+    action: updateInitializedParams
   }]);
   (0, _react.useEffect)(() => {
     if (!unitScript) {
@@ -59,19 +72,30 @@ const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponen
       return;
     }
 
-    let newHtml = _html.default.replace(_html.HTML_PLACEHOLDER.BODY, (0, _bodyHtml.getHtmlBody)(props.type.valueOf(), props.params, props.presentationMode));
+    const componentParams = (props.params || '') + (componentCurrentTheme ? ` theme="${componentCurrentTheme}"` : '');
+
+    let newHtml = _html.default.replace(_html.HTML_PLACEHOLDER.BODY, (0, _bodyHtml.getHtmlBody)(props.type.valueOf(), componentParams, props.presentationMode));
 
     newHtml = newHtml.replace(_html.HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');
     setSourceHtml(newHtml);
-  }, [props.params, unitScript]);
+  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme]);
 
   const onMessage = e => {
     const message = JSON.parse(e.nativeEvent.data);
 
-    if (message.type == _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH && message.details) {
-      _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_REFRESH, message.details);
-    } else {
-      props.onMessage && props.onMessage(message);
+    switch (message.type) {
+      case _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH:
+        message.details && _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_REFRESH, message.details);
+        break;
+
+      case _unitMessages.UnitMessage.UNIT_REQUEST_DOWNLOAD:
+        message.details && (0, _WebComponent.handleRequestDownload)(message.details, () => {
+          _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_CLOSE_FLOW);
+        });
+        break;
+
+      default:
+        props.onMessage && props.onMessage(message);
     }
   };
 
@@ -89,6 +113,7 @@ const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponen
     ref: webRef,
     cacheEnabled: false,
     scrollEnabled: props.isScrollable,
+    nestedScrollEnabled: props.nestedScrollEnabled,
     onScroll: _onScroll,
     overScrollMode: "never",
     injectedJavaScript: unitScript,

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

@@ -1 +1 @@
-{"version":3,"names":["WebComponentType","WebComponent","React","forwardRef","props","webRef","unitScript","setUnitScript","useState","globalUnitScript","sourceHtml","setSourceHtml","width","listenerAction","data","useListenerToBus","busEventKey","NativeMessage","IS_SCRIPT_FETCHED","action","useEffect","fetchUnitScript","newHtml","html","replace","HTML_PLACEHOLDER","BODY","getHtmlBody","type","valueOf","params","presentationMode","SCRIPT_FROM_NATIVE","script","onMessage","e","message","JSON","parse","nativeEvent","UnitMessage","UNIT_REQUEST_REFRESH","details","EventBus","Instance","event","_onScroll","handleScroll","isScrollable","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 type { WebViewMessage } from '../messages/webMessages';\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  isScrollable?: 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 width = props.width ?? '100%';\n\n  const listenerAction = (data: { unitScript?: string }) => {\n    setUnitScript(data.unitScript);\n  };\n\n  useListenerToBus([{ busEventKey: NativeMessage.IS_SCRIPT_FETCHED, action: listenerAction }]);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), props.params, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    setSourceHtml(newHtml);\n\n  }, [props.params, unitScript]);\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      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":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AATA;IAuBYA,gB;;;WAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,gCAAAA,gB;;AAOL,MAAMC,YAAY,gBAAGC,cAAA,CAAMC,UAAN,CAA6C,SAASF,YAAT,CAAsBG,KAAtB,EAA6BC,MAA7B,EAAqC;EAC5G,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAA6BC,yBAA7B,CAApC;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAH,eAAA,EAAwB,IAAxB,CAApC;EACA,MAAMI,KAAK,GAAGR,KAAK,CAACQ,KAAN,IAAe,MAA7B;;EAEA,MAAMC,cAAc,GAAIC,IAAD,IAAmC;IACxDP,aAAa,CAACO,IAAI,CAACR,UAAN,CAAb;EACD,CAFD;;EAIA,IAAAS,+BAAA,EAAiB,CAAC;IAAEC,WAAW,EAAEC,6BAAA,CAAcC,iBAA7B;IAAgDC,MAAM,EAAEN;EAAxD,CAAD,CAAjB;EAEA,IAAAO,gBAAA,EAAU,MAAM;IACd,IAAI,CAACd,UAAL,EAAiB;MACf,IAAAe,wBAAA;MACA;IACD;;IAED,IAAIC,OAAO,GAAGC,aAAA,CAAKC,OAAL,CAAaC,sBAAA,CAAiBC,IAA9B,EAAoC,IAAAC,qBAAA,EAAYvB,KAAK,CAACwB,IAAN,CAAWC,OAAX,EAAZ,EAAkCzB,KAAK,CAAC0B,MAAxC,EAAgD1B,KAAK,CAAC2B,gBAAtD,CAApC,CAAd;;IACAT,OAAO,GAAGA,OAAO,CAACE,OAAR,CAAgBC,sBAAA,CAAiBO,kBAAjC,EAAqD5B,KAAK,CAAC6B,MAAN,IAAgB,EAArE,CAAV;IACAtB,aAAa,CAACW,OAAD,CAAb;EAED,CAVD,EAUG,CAAClB,KAAK,CAAC0B,MAAP,EAAexB,UAAf,CAVH;;EAYA,MAAM4B,SAAS,GAAIC,CAAD,IAA4B;IAC5C,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAWH,CAAC,CAACI,WAAF,CAAczB,IAAzB,CAAhB;;IACA,IAAIsB,OAAO,CAACR,IAAR,IAAgBY,yBAAA,CAAYC,oBAA5B,IAAoDL,OAAO,CAACM,OAAhE,EAAyE;MACvEC,iBAAA,CAASC,QAAT,CAAkBC,KAAlB,CAAwBL,yBAAA,CAAYC,oBAApC,EAA0DL,OAAO,CAACM,OAAlE;IACD,CAFD,MAEO;MACLtC,KAAK,CAAC8B,SAAN,IAAmB9B,KAAK,CAAC8B,SAAN,CAAgBE,OAAhB,CAAnB;IACD;EACF,CAPD;;EASA,IAAI,CAAC1B,UAAL,EAAiB,OAAO,IAAP;;EAEjB,MAAMoC,SAAS,GAAID,KAAD,IAAgB;IAChC,IAAIzC,KAAK,CAAC2C,YAAV,EAAwB;MACtB3C,KAAK,CAAC2C,YAAN,CAAmBF,KAAnB;IACD;;IAED,OAAO,IAAP;EACD,CAND;;EAQA,oBACE,6BAAC,2BAAD;IACE,GAAG,EAAExC,MADP;IAEE,YAAY,EAAE,KAFhB;IAGE,aAAa,EAAED,KAAK,CAAC4C,YAHvB;IAIE,QAAQ,EAAEF,SAJZ;IAKE,cAAc,EAAC,OALjB;IAME,kBAAkB,EAAExC,UANtB;IAOE,KAAK,EAAE;MAAEM,KAAK,EAAEA,KAAT;MAAgBqC,IAAI,EAAE;IAAtB,CAPT;IAQE,MAAM,EAAE;MAAE1B,IAAI,EAAEb;IAAR,CARV;IASE,SAAS,EAAEwB;EATb,EADF;AAYD,CAtD2B,CAArB"}
+{"version":3,"names":["WebComponentType","WebComponent","React","forwardRef","props","webRef","unitScript","setUnitScript","useState","globalUnitScript","sourceHtml","setSourceHtml","componentCurrentTheme","setComponentCurrentTheme","theme","UnitSDK","getTheme","width","updateUnitScript","data","updateInitializedParams","useListenerToBus","busEventKey","SDKMessage","IS_SCRIPT_FETCHED","action","IS_SDK_INITIALIZED","useEffect","fetchUnitScript","componentParams","params","newHtml","html","replace","HTML_PLACEHOLDER","BODY","getHtmlBody","type","valueOf","presentationMode","SCRIPT_FROM_NATIVE","script","onMessage","e","message","JSON","parse","nativeEvent","UnitMessage","UNIT_REQUEST_REFRESH","details","EventBus","Instance","event","UNIT_REQUEST_DOWNLOAD","handleRequestDownload","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/commonjs/webComponent/WebComponent.utils.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleRequestDownload = void 0;
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const {
+  RNShareFile
+} = _reactNative.NativeModules;
+
+const handleRequestDownload = async (details, onReadyToShare) => {
+  if (details.fileType === 'application/pdf') {
+    const res = await _axios.default.get(details.url, {
+      headers: {
+        'Authorization': `Bearer ${details.accessToken}`
+      },
+      responseEncoding: 'base64',
+      responseType: 'arraybuffer'
+    });
+    const base64Data = res.request._response;
+    onReadyToShare();
+
+    if (_reactNative.Platform.OS === 'ios') {
+      _reactNative.Share.share({
+        url: `data:application/pdf;base64,${base64Data}`
+      });
+    } else {
+      RNShareFile.share(base64Data, details.fileName);
+    }
+  }
+};
+
+exports.handleRequestDownload = handleRequestDownload;
+//# sourceMappingURL=WebComponent.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RNShareFile","NativeModules","handleRequestDownload","details","onReadyToShare","fileType","res","axios","get","url","headers","accessToken","responseEncoding","responseType","base64Data","request","_response","Platform","OS","Share","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;;AACA;;;;AAEA,MAAM;EAAEA;AAAF,IAAkBC,0BAAxB;;AAEO,MAAMC,qBAAqB,GAAG,OAAOC,OAAP,EAAsCC,cAAtC,KAAqE;EACxG,IAAID,OAAO,CAACE,QAAR,KAAqB,iBAAzB,EAA4C;IAC1C,MAAMC,GAAG,GAAG,MAAMC,cAAA,CAAMC,GAAN,CAAUL,OAAO,CAACM,GAAlB,EAAuB;MACvCC,OAAO,EAAE;QACP,iBAAkB,UAASP,OAAO,CAACQ,WAAY;MADxC,CAD8B;MAIvCC,gBAAgB,EAAE,QAJqB;MAKvCC,YAAY,EAAE;IALyB,CAAvB,CAAlB;IAQA,MAAMC,UAAU,GAAGR,GAAG,CAACS,OAAJ,CAAYC,SAA/B;IAEAZ,cAAc;;IAEd,IAAIa,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;MACzBC,kBAAA,CAAMC,KAAN,CAAY;QAAEX,GAAG,EAAG,+BAA8BK,UAAW;MAAjD,CAAZ;IACD,CAFD,MAEO;MACLd,WAAW,CAACoB,KAAZ,CAAkBN,UAAlB,EAA8BX,OAAO,CAACkB,QAAtC;IACD;EACF;AACF,CApBM"}

package/lib/commonjs/webComponent/html.js

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -1,13 +1,61 @@
-import React 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 => {
-  return /*#__PURE__*/React.createElement(WebComponent, {
-    type: WebComponentType.activity,
-    presentationMode: PresentationMode.Inherit,
-    params: getActivityParams(props),
-    isScrollable: false
-  });
+  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 => {
+    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,
+      script: getActivityScript()
+    });
+  };
+
+  if (!defaultHeight) {
+    return renderActivityWebView();
+  }
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      height: defaultHeight
+    }
+  }, renderActivityWebView());
 };
 //# sourceMappingURL=UNActivityComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","PresentationMode","WebComponent","WebComponentType","getActivityParams","UNActivityComponent","props","activity","Inherit"],"sources":["UNActivityComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { getActivityParams } from './UNActivityComponent.utils';\n\nexport interface UNActivityComponentProps {\n  accountId: string;\n  customerToken: string;\n  theme?: string;\n}\n\nexport const UNActivityComponent = (props: UNActivityComponentProps) => {\n  return (\n    <WebComponent\n      type={WebComponentType.activity}\n      presentationMode={PresentationMode.Inherit}\n      params={getActivityParams(props)}\n      isScrollable={false}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AAQA,OAAO,MAAMC,mBAAmB,GAAIC,KAAD,IAAqC;EACtE,oBACE,oBAAC,YAAD;IACE,IAAI,EAAEH,gBAAgB,CAACI,QADzB;IAEE,gBAAgB,EAAEN,gBAAgB,CAACO,OAFrC;IAGE,MAAM,EAAEJ,iBAAiB,CAACE,KAAD,CAH3B;IAIE,YAAY,EAAE;EAJhB,EADF;AAQD,CATM"}
+{"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

@@ -1,10 +1,18 @@
-import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
+import { WebComponentType } from './../../webComponent/WebComponent';
+import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';
 export const getActivityParams = props => {
   return `
     account-id="${props.accountId}"
     customer-token="${props.customerToken}"
-    theme="${props.theme ?? UnitSDK.getTheme()}"
     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

@@ -1 +1 @@
-{"version":3,"names":["UnitSDK","getActivityParams","props","accountId","customerToken","theme","getTheme"],"sources":["UNActivityComponent.utils.ts"],"sourcesContent":["import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';\nimport type { UNActivityComponentProps } from './UNActivityComponent';\n\nexport const getActivityParams = (props: UNActivityComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    theme=\"${props.theme ?? UnitSDK.getTheme()}\"\n    style=\"height: 100%\"\n  `;\n};\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,qCAAxB;AAGA,OAAO,MAAMC,iBAAiB,GAAIC,KAAD,IAAqC;EACpE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,aAAaF,KAAK,CAACG,KAAN,IAAeL,OAAO,CAACM,QAAR,EAAmB;AAC/C;AACA,GALE;AAMD,CAPM"}
+{"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

@@ -1,23 +1,61 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
 import { PresentationMode } from '../../scripts/html/bodyHtml';
 import { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';
 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 (presentationMode === PresentationMode.Inherit && currentHeight === 0) {
+            setPresentationMode(PresentationMode.Default);
+          }
+
+          break;
+        }
     }
   };
 
-  return /*#__PURE__*/React.createElement(WebComponent, {
-    type: WebComponentType.bookPayment,
-    presentationMode: PresentationMode.Inherit,
-    params: getBookPaymentParams(props),
-    script: getBookPaymentScript(),
-    onMessage: message => handleWebViewMessage(message),
-    isScrollable: false
-  });
+  const renderBookPaymentWebView = () => {
+    return /*#__PURE__*/React.createElement(WebComponent, {
+      type: WebComponentType.bookPayment,
+      presentationMode: presentationMode,
+      params: getBookPaymentParams(props),
+      script: getBookPaymentScript(),
+      onMessage: message => handleWebViewMessage(message),
+      isScrollable: false,
+      theme: props.theme
+    });
+  };
+
+  if (presentationMode === PresentationMode.Inherit) {
+    return renderBookPaymentWebView();
+  }
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      height: height
+    }
+  }, renderBookPaymentWebView());
 };
 //# sourceMappingURL=UNBookPaymentComponent.js.map