react-native-unit-components 1.0.0 → 1.0.2

package/lib/commonjs/scripts/html/bodyHtml.js.map

@@ -1 +1 @@
-{"version":3,"names":["webViewId","PresentationMode","getHtmlBody","unitComponent","unitComponentProps","presentationMode","currentComponent","CoverInjectedHeight","getCoverInjectedHeightBodyScript","Inherit","getInheritParentSizeScript","currentUnitScript"],"sources":["bodyHtml.ts"],"sourcesContent":["export const webViewId = 'webViewContainer';\n\nexport enum PresentationMode {\n  /*\n    CoverInjectedHeight - give id (<webViewId> param) to enable style injection to the root. Then cover the injected height.\n\n    Inherit -  inherit the parent size by style of 100 view height\n\n    Default - return the unit component script\n  */\n\n  CoverInjectedHeight = 'coverInjectedHeight',\n  Inherit = 'inherit',\n  Default = 'deafult'\n}\n\nexport const getHtmlBody = (unitComponent: string, unitComponentProps?: string, presentationMode?: PresentationMode) => {\n  const currentComponent = `<${unitComponent} ${unitComponentProps || ''}> </${unitComponent}>`;\n\n  switch (presentationMode) {\n    case PresentationMode.CoverInjectedHeight:\n      return getCoverInjectedHeightBodyScript(currentComponent);\n    case PresentationMode.Inherit:\n      return getInheritParentSizeScript(currentComponent);\n    default:\n      return currentComponent;\n  }\n};\n\nconst getCoverInjectedHeightBodyScript = (currentUnitScript: string) => {\n  return `\n    <div id=${webViewId}>\n      <div style=\"height: 100%; display: block; padding: 1px;\">\n        ${currentUnitScript}\n      </div>\n    </div>\n  `;\n};\n\nconst getInheritParentSizeScript = (currentUnitScript: string) => {\n  return `\n    <div style=\"height: 100vh\">\n      ${currentUnitScript}\n    </div>\n  `;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,SAAS,GAAG,kBAAlB;;IAEKC,gB;;;WAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,gCAAAA,gB;;AAcL,MAAMC,WAAW,GAAG,CAACC,aAAD,EAAwBC,kBAAxB,EAAqDC,gBAArD,KAA6F;EACtH,MAAMC,gBAAgB,GAAI,IAAGH,aAAc,IAAGC,kBAAkB,IAAI,EAAG,OAAMD,aAAc,GAA3F;;EAEA,QAAQE,gBAAR;IACE,KAAKJ,gBAAgB,CAACM,mBAAtB;MACE,OAAOC,gCAAgC,CAACF,gBAAD,CAAvC;;IACF,KAAKL,gBAAgB,CAACQ,OAAtB;MACE,OAAOC,0BAA0B,CAACJ,gBAAD,CAAjC;;IACF;MACE,OAAOA,gBAAP;EANJ;AAQD,CAXM;;;;AAaP,MAAME,gCAAgC,GAAIG,iBAAD,IAA+B;EACtE,OAAQ;AACV,cAAcX,SAAU;AACxB;AACA,UAAUW,iBAAkB;AAC5B;AACA;AACA,GANE;AAOD,CARD;;AAUA,MAAMD,0BAA0B,GAAIC,iBAAD,IAA+B;EAChE,OAAQ;AACV;AACA,QAAQA,iBAAkB;AAC1B;AACA,GAJE;AAKD,CAND"}
+{"version":3,"names":["webViewId","PresentationMode","getHtmlBody","unitComponent","unitComponentProps","presentationMode","currentComponent","CoverInjectedHeight","getCoverInjectedHeightBodyScript","Inherit","getInheritParentSizeScript","currentUnitScript"],"sources":["bodyHtml.ts"],"sourcesContent":["export const webViewId = 'webViewContainer';\n\nexport enum PresentationMode {\n  /*\n    CoverInjectedHeight - give id (<webViewId> param) to enable style injection to the root. Then cover the injected height.\n\n    Inherit -  inherit the parent size by style of 100 view height\n\n    Default - return the unit component script\n  */\n\n  CoverInjectedHeight = 'coverInjectedHeight',\n  Inherit = 'inherit',\n  Default = 'deafult'\n}\n\nexport const getHtmlBody = (unitComponent: string, unitComponentProps?: string, presentationMode?: PresentationMode) => {\n  const currentComponent = `<${unitComponent} ${unitComponentProps || ''} }> </${unitComponent}>`;\n\n  switch (presentationMode) {\n    case PresentationMode.CoverInjectedHeight:\n      return getCoverInjectedHeightBodyScript(currentComponent);\n    case PresentationMode.Inherit:\n      return getInheritParentSizeScript(currentComponent);\n    default:\n      return currentComponent;\n  }\n};\n\nconst getCoverInjectedHeightBodyScript = (currentUnitScript: string) => {\n  return `\n    <div id=${webViewId}>\n      <div style=\"height: 100%; display: block; padding: 1px;\">\n        ${currentUnitScript}\n      </div>\n    </div>\n  `;\n};\n\nconst getInheritParentSizeScript = (currentUnitScript: string) => {\n  return `\n    <div style=\"height: 100vh\">\n      ${currentUnitScript}\n    </div>\n  `;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,SAAS,GAAG,kBAAlB;;IAEKC,gB;;;WAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,gCAAAA,gB;;AAcL,MAAMC,WAAW,GAAG,CAACC,aAAD,EAAwBC,kBAAxB,EAAqDC,gBAArD,KAA6F;EACtH,MAAMC,gBAAgB,GAAI,IAAGH,aAAc,IAAGC,kBAAkB,IAAI,EAAG,SAAQD,aAAc,GAA7F;;EAEA,QAAQE,gBAAR;IACE,KAAKJ,gBAAgB,CAACM,mBAAtB;MACE,OAAOC,gCAAgC,CAACF,gBAAD,CAAvC;;IACF,KAAKL,gBAAgB,CAACQ,OAAtB;MACE,OAAOC,0BAA0B,CAACJ,gBAAD,CAAjC;;IACF;MACE,OAAOA,gBAAP;EANJ;AAQD,CAXM;;;;AAaP,MAAME,gCAAgC,GAAIG,iBAAD,IAA+B;EACtE,OAAQ;AACV,cAAcX,SAAU;AACxB;AACA,UAAUW,iBAAkB;AAC5B;AACA;AACA,GANE;AAOD,CARD;;AAUA,MAAMD,0BAA0B,GAAIC,iBAAD,IAA+B;EAChE,OAAQ;AACV;AACA,QAAQA,iBAAkB;AAC1B;AACA,GAJE;AAKD,CAND"}

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 _nativeMessages = require("../messages/nativeMessages");
+
 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;
@@ -36,6 +42,8 @@ _defineProperty(UnitSDK, "init", async (env, theme) => {
     UnitSDK.env = env;
     UnitSDK.theme = theme;
     await (0, _UnitSdk.fetchUnitScript)();
+
+    _EventBus.default.Instance.event(_nativeMessages.NativeMessage.IS_SDK_INITIALIZED, {});
   } catch (e) {
     console.log(e);
   }

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,KAA6C;EAChE,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","NativeMessage","IS_SDK_INITIALIZED","e","console","log"],"sources":["UnitSdkManager.ts"],"sourcesContent":["import EventBus from '../helpers/EventBus';\nimport { NativeMessage } from '../messages/nativeMessages';\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\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(NativeMessage.IS_SDK_INITIALIZED, {  });\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;;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,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;;IACAC,iBAAA,CAASC,QAAT,CAAkBC,KAAlB,CAAwBC,6BAAA,CAAcC,kBAAtC,EAA0D,EAA1D;EACD,CALD,CAKE,OAAOC,CAAP,EAAU;IACVC,OAAO,CAACC,GAAR,CAAYF,CAAZ;EACD;AACF,C;;gBAbUT,O,YAeY,MAAM;EAC3B,OAhBSA,OAgBF,CAAKC,GAAZ;AACD,C;;gBAjBUD,O,cAmBc,MAAM;EAC7B,OApBSA,OAoBF,CAAKE,KAAZ;AACD,C"}

package/lib/commonjs/webComponent/WebComponent.js

@@ -23,12 +23,15 @@ var _UnitSdk = require("../unitSdkManager/UnitSdk.api");
 
 var _nativeMessages = require("../messages/nativeMessages");
 
+var _UnitSdkManager = require("../unitSdkManager/UnitSdkManager");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
 let WebComponentType;
 exports.WebComponentType = WebComponentType;
 
@@ -42,14 +45,23 @@ 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
+    action: updateUnitScript
+  }, {
+    busEventKey: _nativeMessages.NativeMessage.IS_SDK_INITIALIZED,
+    action: updateInitializedParams
   }]);
   (0, _react.useEffect)(() => {
     if (!unitScript) {
@@ -57,11 +69,13 @@ 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);
@@ -74,14 +88,25 @@ const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponen
   };
 
   if (!sourceHtml) return null;
+
+  const _onScroll = event => {
+    if (props.handleScroll) {
+      props.handleScroll(event);
+    }
+
+    return null;
+  };
+
   return /*#__PURE__*/_react.default.createElement(_reactNativeWebview.WebView, {
     ref: webRef,
     cacheEnabled: false,
-    scrollEnabled: props.shouldEnableWebViewScroll,
+    scrollEnabled: props.isScrollable,
+    nestedScrollEnabled: props.nestedScrollEnabled,
+    onScroll: _onScroll,
     overScrollMode: "never",
     injectedJavaScript: unitScript,
     style: {
-      width: props.width ?? '100%',
+      width: width,
       flex: 1
     },
     source: {

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

@@ -1 +1 @@
-{"version":3,"names":["WebComponentType","WebComponent","React","forwardRef","props","webRef","unitScript","setUnitScript","useState","globalUnitScript","sourceHtml","setSourceHtml","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","shouldEnableWebViewScroll","width","flex"],"sources":["WebComponent.tsx"],"sourcesContent":["import 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 type { WebViewMessage } from '../messages/webMessages';\nimport { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { NativeMessage } from '../messages/nativeMessages';\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  width?: number;\n  shouldEnableWebViewScroll?: boolean;\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\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  return (\n    <WebView\n      ref={webRef}\n      cacheEnabled={false}\n      scrollEnabled={props.shouldEnableWebViewScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: props.width ?? '100%', flex: 1 }}\n      source={{ html: sourceHtml }}\n      onMessage={onMessage} />\n  );\n});\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;IAYYA,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;;EAEA,MAAMI,cAAc,GAAIC,IAAD,IAAmC;IACxDN,aAAa,CAACM,IAAI,CAACP,UAAN,CAAb;EACD,CAFD;;EAIA,IAAAQ,+BAAA,EAAiB,CAAC;IAAEC,WAAW,EAAEC,6BAAA,CAAcC,iBAA7B;IAAgDC,MAAM,EAAEN;EAAxD,CAAD,CAAjB;EAEA,IAAAO,gBAAA,EAAU,MAAM;IACd,IAAI,CAACb,UAAL,EAAiB;MACf,IAAAc,wBAAA;MACA;IACD;;IAED,IAAIC,OAAO,GAAGC,aAAA,CAAKC,OAAL,CAAaC,sBAAA,CAAiBC,IAA9B,EAAoC,IAAAC,qBAAA,EAAYtB,KAAK,CAACuB,IAAN,CAAWC,OAAX,EAAZ,EAAkCxB,KAAK,CAACyB,MAAxC,EAAgDzB,KAAK,CAAC0B,gBAAtD,CAApC,CAAd;;IACAT,OAAO,GAAGA,OAAO,CAACE,OAAR,CAAgBC,sBAAA,CAAiBO,kBAAjC,EAAqD3B,KAAK,CAAC4B,MAAN,IAAgB,EAArE,CAAV;IACArB,aAAa,CAACU,OAAD,CAAb;EAED,CAVD,EAUG,CAACjB,KAAK,CAACyB,MAAP,EAAevB,UAAf,CAVH;;EAYA,MAAM2B,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;MACLrC,KAAK,CAAC6B,SAAN,IAAmB7B,KAAK,CAAC6B,SAAN,CAAgBE,OAAhB,CAAnB;IACD;EACF,CAPD;;EASA,IAAI,CAACzB,UAAL,EAAiB,OAAO,IAAP;EAEjB,oBACE,6BAAC,2BAAD;IACE,GAAG,EAAEL,MADP;IAEE,YAAY,EAAE,KAFhB;IAGE,aAAa,EAAED,KAAK,CAACyC,yBAHvB;IAIE,cAAc,EAAC,OAJjB;IAKE,kBAAkB,EAAEvC,UALtB;IAME,KAAK,EAAE;MAAEwC,KAAK,EAAE1C,KAAK,CAAC0C,KAAN,IAAe,MAAxB;MAAgCC,IAAI,EAAE;IAAtC,CANT;IAOE,MAAM,EAAE;MAAEzB,IAAI,EAAEZ;IAAR,CAPV;IAQE,SAAS,EAAEuB;EARb,EADF;AAWD,CA5C2B,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","NativeMessage","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","_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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"}

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

@@ -1,13 +1,39 @@
-import React from 'react';
+import React, { useState } from 'react';
+import { Dimensions, View } from 'react-native';
+import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { PresentationMode } from '../../scripts/html/bodyHtml';
 import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
 import { getActivityParams } 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),
-    shouldEnableWebViewScroll: false
-  });
+  const [defaultHeight, setDefaultHeight] = useState();
+
+  const handleWebViewMessage = message => {
+    if (message.type === PageMessage.PAGE_HEIGHT) {
+      const currentHeight = message.details.height;
+      currentHeight === 0 && setDefaultHeight(DEFAULT_HEIGHT);
+    }
+  };
+
+  const renderActivityWebView = () => {
+    return /*#__PURE__*/React.createElement(WebComponent, {
+      type: WebComponentType.activity,
+      presentationMode: PresentationMode.Inherit,
+      params: getActivityParams(props),
+      onMessage: message => handleWebViewMessage(message),
+      nestedScrollEnabled: true,
+      theme: props.theme
+    });
+  };
+
+  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      shouldEnableWebViewScroll={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,yBAAyB,EAAE;EAJ7B,EADF;AAQD,CATM"}
+{"version":3,"names":["React","useState","Dimensions","View","PageMessage","PresentationMode","WebComponent","WebComponentType","getActivityParams","DEFAULT_HEIGHT","get","height","UNActivityComponent","props","defaultHeight","setDefaultHeight","handleWebViewMessage","message","type","PAGE_HEIGHT","currentHeight","details","renderActivityWebView","activity","Inherit","theme"],"sources":["UNActivityComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { getActivityParams } from './UNActivityComponent.utils';\n\nconst DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;\nexport interface UNActivityComponentProps {\n  accountId: string;\n  customerToken: string;\n  theme?: string;\n}\n\nexport const UNActivityComponent = (props: UNActivityComponentProps) => {\n  const [defaultHeight, setDefaultHeight] = useState<number>();\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (message.type === PageMessage.PAGE_HEIGHT) {\n      const currentHeight = (message.details as HeightEvent).height;\n      currentHeight === 0 && setDefaultHeight(DEFAULT_HEIGHT);\n    }\n  };\n\n  const renderActivityWebView = () => {\n    return (\n      <WebComponent\n        type={WebComponentType.activity}\n        presentationMode={PresentationMode.Inherit}\n        params={getActivityParams(props)}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        nestedScrollEnabled={true}\n        theme={props.theme}\n      />\n    );\n  };\n\n  if (!defaultHeight) {\n    return renderActivityWebView();\n  }\n\n  return (\n    <View style={{ height: defaultHeight }}>\n      {renderActivityWebView()}\n    </View>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AAEA,MAAMC,cAAc,GAAGP,UAAU,CAACQ,GAAX,CAAe,QAAf,EAAyBC,MAAzB,GAAkC,GAAzD;AAOA,OAAO,MAAMC,mBAAmB,GAAIC,KAAD,IAAqC;EACtE,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCd,QAAQ,EAAlD;;EACA,MAAMe,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAIA,OAAO,CAACC,IAAR,KAAiBd,WAAW,CAACe,WAAjC,EAA8C;MAC5C,MAAMC,aAAa,GAAIH,OAAO,CAACI,OAAT,CAAiCV,MAAvD;MACAS,aAAa,KAAK,CAAlB,IAAuBL,gBAAgB,CAACN,cAAD,CAAvC;IACD;EACF,CALD;;EAOA,MAAMa,qBAAqB,GAAG,MAAM;IAClC,oBACE,oBAAC,YAAD;MACE,IAAI,EAAEf,gBAAgB,CAACgB,QADzB;MAEE,gBAAgB,EAAElB,gBAAgB,CAACmB,OAFrC;MAGE,MAAM,EAAEhB,iBAAiB,CAACK,KAAD,CAH3B;MAIE,SAAS,EAAGI,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAJ9D;MAKE,mBAAmB,EAAE,IALvB;MAME,KAAK,EAAEJ,KAAK,CAACY;IANf,EADF;EAUD,CAXD;;EAaA,IAAI,CAACX,aAAL,EAAoB;IAClB,OAAOQ,qBAAqB,EAA5B;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEX,MAAM,EAAEG;IAAV;EAAb,GACGQ,qBAAqB,EADxB,CADF;AAKD,CA/BM"}

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

@@ -1,9 +1,7 @@
-import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
 export const getActivityParams = props => {
   return `
     account-id="${props.accountId}"
     customer-token="${props.customerToken}"
-    theme="${props.theme ?? UnitSDK.getTheme()}"
     style="height: 100%"
   `;
 };

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":["getActivityParams","props","accountId","customerToken"],"sources":["UNActivityComponent.utils.ts"],"sourcesContent":["import type { UNActivityComponentProps } from './UNActivityComponent';\n\nexport const getActivityParams = (props: UNActivityComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    style=\"height: 100%\"\n  `;\n};\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAiB,GAAIC,KAAD,IAAqC;EACpE,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C;AACA,GAJE;AAKD,CANM"}

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

@@ -1,23 +1,50 @@
-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';
 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.type === PageMessage.PAGE_HEIGHT) {
+      const currentHeight = message.details.height;
+      setHeight(currentHeight);
+
+      if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {
+        setPresentationMode(PresentationMode.Default);
+      }
+    }
   };
 
-  return /*#__PURE__*/React.createElement(WebComponent, {
-    type: WebComponentType.bookPayment,
-    presentationMode: PresentationMode.Inherit,
-    params: getBookPaymentParams(props),
-    script: getBookPaymentScript(),
-    onMessage: message => handleWebViewMessage(message),
-    shouldEnableWebViewScroll: 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

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

@@ -1 +1 @@
-{"version":3,"names":["React","WebComponent","WebComponentType","PresentationMode","getBookPaymentParams","getBookPaymentScript","BookPaymentMessage","UNBookPaymentComponent","props","handleWebViewMessage","message","type","PAYMENT_CREATED","onPaymentCreated","response","details","data","bookPayment","Inherit"],"sources":["UNBookPaymentComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { BookPaymentEvent, BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport type { UNBookPaymentData } from '../../sharedTypes';\n\nexport interface UNBookPaymentComponentProps {\n  accountId: string;\n  customerToken: string;\n  isSameCustomer: boolean;\n  counterPartyAccountId: string;\n  counterPartyName: string;\n  theme?: string;\n  onPaymentCreated?: (data: UNBookPaymentData) => void;\n}\n\nexport const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (message.type === BookPaymentMessage.PAYMENT_CREATED && props.onPaymentCreated) {\n      const response = message.details as BookPaymentEvent;\n      props.onPaymentCreated(response.data);\n    }\n  };\n\n  return (\n    <WebComponent\n      type={WebComponentType.bookPayment}\n      presentationMode={PresentationMode.Inherit}\n      params={getBookPaymentParams(props)}\n      script={getBookPaymentScript()}\n      onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n      shouldEnableWebViewScroll={false}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,oBAAT,EAA+BC,oBAA/B,QAA2D,gCAA3D;AAEA,SAA2BC,kBAA3B,QAAqD,+CAArD;AAaA,OAAO,MAAMC,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAIA,OAAO,CAACC,IAAR,KAAiBL,kBAAkB,CAACM,eAApC,IAAuDJ,KAAK,CAACK,gBAAjE,EAAmF;MACjF,MAAMC,QAAQ,GAAGJ,OAAO,CAACK,OAAzB;MACAP,KAAK,CAACK,gBAAN,CAAuBC,QAAQ,CAACE,IAAhC;IACD;EACF,CALD;;EAOA,oBACE,oBAAC,YAAD;IACE,IAAI,EAAEd,gBAAgB,CAACe,WADzB;IAEE,gBAAgB,EAAEd,gBAAgB,CAACe,OAFrC;IAGE,MAAM,EAAEd,oBAAoB,CAACI,KAAD,CAH9B;IAIE,MAAM,EAAEH,oBAAoB,EAJ9B;IAKE,SAAS,EAAGK,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;IAME,yBAAyB,EAAE;EAN7B,EADF;AAUD,CAlBM"}
+{"version":3,"names":["React","useState","WebComponent","WebComponentType","PresentationMode","getBookPaymentParams","getBookPaymentScript","BookPaymentMessage","PageMessage","View","UNBookPaymentComponent","props","height","setHeight","presentationMode","setPresentationMode","Inherit","handleWebViewMessage","message","type","PAYMENT_CREATED","onPaymentCreated","response","details","data","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","bookPayment","theme"],"sources":["UNBookPaymentComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { BookPaymentEvent, BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport type { UNBookPaymentData } from '../../sharedTypes';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { View } from 'react-native';\n\nexport interface UNBookPaymentComponentProps {\n  accountId: string;\n  customerToken: string;\n  isSameCustomer: boolean;\n  counterPartyAccountId: string;\n  counterPartyName: string;\n  theme?: string;\n  onPaymentCreated?: (data: UNBookPaymentData) => void;\n}\n\nexport const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (message.type === BookPaymentMessage.PAYMENT_CREATED && props.onPaymentCreated) {\n      const response = message.details as BookPaymentEvent;\n      props.onPaymentCreated(response.data);\n    }\n\n    if (message.type === PageMessage.PAGE_HEIGHT) {\n      const currentHeight = (message.details as HeightEvent).height;\n      setHeight(currentHeight);\n      if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n        setPresentationMode(PresentationMode.Default);\n      }\n    }\n  };\n\n  const renderBookPaymentWebView = () => {\n    return (\n      <WebComponent\n        type={WebComponentType.bookPayment}\n        presentationMode={presentationMode}\n        params={getBookPaymentParams(props)}\n        script={getBookPaymentScript()}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        isScrollable={false}\n        theme={props.theme}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderBookPaymentWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderBookPaymentWebView()}\n    </View>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,oBAAT,EAA+BC,oBAA/B,QAA2D,gCAA3D;AAEA,SAA2BC,kBAA3B,QAAqD,+CAArD;AAEA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAASC,IAAT,QAAqB,cAArB;AAYA,OAAO,MAAMC,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBZ,QAAQ,CAAS,CAAT,CAApC;EACA,MAAM,CAACa,gBAAD,EAAmBC,mBAAnB,IAA0Cd,QAAQ,CAAmBG,gBAAgB,CAACY,OAApC,CAAxD;;EAEA,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAIA,OAAO,CAACC,IAAR,KAAiBZ,kBAAkB,CAACa,eAApC,IAAuDT,KAAK,CAACU,gBAAjE,EAAmF;MACjF,MAAMC,QAAQ,GAAGJ,OAAO,CAACK,OAAzB;MACAZ,KAAK,CAACU,gBAAN,CAAuBC,QAAQ,CAACE,IAAhC;IACD;;IAED,IAAIN,OAAO,CAACC,IAAR,KAAiBX,WAAW,CAACiB,WAAjC,EAA8C;MAC5C,MAAMC,aAAa,GAAIR,OAAO,CAACK,OAAT,CAAiCX,MAAvD;MACAC,SAAS,CAACa,aAAD,CAAT;;MACA,IAAIZ,gBAAgB,KAAKV,gBAAgB,CAACY,OAAtC,IAAiDU,aAAa,KAAK,CAAvE,EAA0E;QACxEX,mBAAmB,CAACX,gBAAgB,CAACuB,OAAlB,CAAnB;MACD;IACF;EACF,CAbD;;EAeA,MAAMC,wBAAwB,GAAG,MAAM;IACrC,oBACE,oBAAC,YAAD;MACE,IAAI,EAAEzB,gBAAgB,CAAC0B,WADzB;MAEE,gBAAgB,EAAEf,gBAFpB;MAGE,MAAM,EAAET,oBAAoB,CAACM,KAAD,CAH9B;MAIE,MAAM,EAAEL,oBAAoB,EAJ9B;MAKE,SAAS,EAAGY,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;MAME,YAAY,EAAE,KANhB;MAOE,KAAK,EAAEP,KAAK,CAACmB;IAPf,EADF;EAWD,CAZD;;EAcA,IAAIhB,gBAAgB,KAAKV,gBAAgB,CAACY,OAA1C,EAAmD;IACjD,OAAOY,wBAAwB,EAA/B;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEhB,MAAM,EAAEA;IAAV;EAAb,GACGgB,wBAAwB,EAD3B,CADF;AAKD,CA1CM"}

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

@@ -1,5 +1,4 @@
 import { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';
-import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
 export const getBookPaymentParams = props => {
   return `
     account-id="${props.accountId}"
@@ -7,7 +6,6 @@ export const getBookPaymentParams = props => {
     is-same-customer="${props.isSameCustomer}"
     counterparty-account-id="${props.counterPartyAccountId}"
     counterparty-name="${props.counterPartyName}"
-    theme="${props.theme ?? UnitSDK.getTheme()}"
     style="height: 100%"
   `;
 };

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

@@ -1 +1 @@
-{"version":3,"names":["BookPaymentMessage","UnitSDK","getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","theme","getTheme","getBookPaymentScript","PAYMENT_CREATED"],"sources":["UNBookPaymentComponent.utils.ts"],"sourcesContent":["import type { UNBookPaymentComponentProps } from './UNBookPaymentComponent';\n\nimport { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport { UnitSDK } from '../../unitSdkManager/UnitSdkManager';\n\nexport const getBookPaymentParams = (props: UNBookPaymentComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-same-customer=\"${props.isSameCustomer}\"\n    counterparty-account-id=\"${props.counterPartyAccountId}\"\n    counterparty-name=\"${props.counterPartyName}\"\n    theme=\"${props.theme ?? UnitSDK.getTheme()}\"\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getBookPaymentScript = () => {\n  return `\n    window.addEventListener(\"${BookPaymentMessage.PAYMENT_CREATED}\", (e) => {\n      const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"${BookPaymentMessage.PAYMENT_CREATED}\", details:  { data: JSON.stringify(data.data) }})\n        }).catch((e) => {\n          console.log(e)\n        })\n    });\n  `;\n};\n"],"mappings":"AAEA,SAASA,kBAAT,QAAmC,+CAAnC;AACA,SAASC,OAAT,QAAwB,qCAAxB;AAEA,OAAO,MAAMC,oBAAoB,GAAIC,KAAD,IAAwC;EAC1E,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,wBAAwBF,KAAK,CAACG,cAAe;AAC7C,+BAA+BH,KAAK,CAACI,qBAAsB;AAC3D,yBAAyBJ,KAAK,CAACK,gBAAiB;AAChD,aAAaL,KAAK,CAACM,KAAN,IAAeR,OAAO,CAACS,QAAR,EAAmB;AAC/C;AACA,GARE;AASD,CAVM;AAYP,OAAO,MAAMC,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BX,kBAAkB,CAACY,eAAgB;AAClE;AACA;AACA,sCAAsCZ,kBAAkB,CAACY,eAAgB;AACzE;AACA;AACA;AACA;AACA,GATE;AAUD,CAXM"}
+{"version":3,"names":["BookPaymentMessage","getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","getBookPaymentScript","PAYMENT_CREATED"],"sources":["UNBookPaymentComponent.utils.ts"],"sourcesContent":["import type { UNBookPaymentComponentProps } from './UNBookPaymentComponent';\n\nimport { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\n\nexport const getBookPaymentParams = (props: UNBookPaymentComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-same-customer=\"${props.isSameCustomer}\"\n    counterparty-account-id=\"${props.counterPartyAccountId}\"\n    counterparty-name=\"${props.counterPartyName}\"\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getBookPaymentScript = () => {\n  return `\n    window.addEventListener(\"${BookPaymentMessage.PAYMENT_CREATED}\", (e) => {\n      const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"${BookPaymentMessage.PAYMENT_CREATED}\", details:  { data: JSON.stringify(data.data) }})\n        }).catch((e) => {\n          console.log(e)\n        })\n    });\n  `;\n};\n"],"mappings":"AAEA,SAASA,kBAAT,QAAmC,+CAAnC;AAEA,OAAO,MAAMC,oBAAoB,GAAIC,KAAD,IAAwC;EAC1E,OAAQ;AACV,kBAAkBA,KAAK,CAACC,SAAU;AAClC,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,wBAAwBF,KAAK,CAACG,cAAe;AAC7C,+BAA+BH,KAAK,CAACI,qBAAsB;AAC3D,yBAAyBJ,KAAK,CAACK,gBAAiB;AAChD;AACA,GAPE;AAQD,CATM;AAWP,OAAO,MAAMC,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BR,kBAAkB,CAACS,eAAgB;AAClE;AACA;AACA,sCAAsCT,kBAAkB,CAACS,eAAgB;AACzE;AACA;AACA;AACA;AACA,GATE;AAUD,CAXM"}

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

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { useEffect, useRef, useState } from 'react';
 import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
 import { Dimensions, Linking, View } from 'react-native';
@@ -11,11 +12,20 @@ import { getBottomSheetScript, handleHtmlFullHeight, renderingBottomSheetRequest
 import { getStylesObject } from './UNBottomSheetComponent.styles';
 import { PresentationMode } from '../../scripts/html/bodyHtml';
 import { useAppStateListener } from '../../hooks/useAppStateListener';
+export let ScrollState;
+
+(function (ScrollState) {
+  ScrollState["onTop"] = "onTop";
+  ScrollState["onlyWebView"] = "webViewScroll";
+  ScrollState["onlyBottomSheet"] = "onlyBottomSheet";
+  ScrollState["unScrollable"] = "unScrollable";
+})(ScrollState || (ScrollState = {}));
+
 export const UNBottomSheetComponent = () => {
   const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);
   const [height, setHeight] = useState(0);
   const [renderingRequest, setRenderingRequest] = useState(null);
-  const [shouldEnableWebViewScroll, setShouldEnableWebViewScroll] = useState(false);
+  const [scrollState, setScrollState] = useState(ScrollState.onTop);
   const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false);
   const [newHeightMessage, setNewHeightMessage] = useState(null);
   const isAppActive = useAppStateListener();
@@ -44,6 +54,7 @@ export const UNBottomSheetComponent = () => {
       webRef.current && resetHtml(webRef.current);
       setHeight(0);
       setRenderingRequest(null);
+      setScrollState(ScrollState.onTop);
     }
   }, [isBottomSheetActive]);
   useEffect(() => {
@@ -64,10 +75,10 @@ export const UNBottomSheetComponent = () => {
       if (nativePlace == 'overFullScreen') {
         const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);
         setHeight(bottomSheetNewHeight);
-        setShouldEnableWebViewScroll(true);
+        setScrollState(ScrollState.onTop);
       } else {
         setHeight(message.details.height);
-        setShouldEnableWebViewScroll(false);
+        setScrollState(ScrollState.unScrollable);
       }
     }
   };
@@ -111,6 +122,24 @@ export const UNBottomSheetComponent = () => {
     }
   };
 
+  const onScrollWebView = event => {
+    if (scrollState === ScrollState.unScrollable) return;
+    const currY = event.nativeEvent.contentOffset.y;
+
+    if (ScrollState.onTop && currY < 5) {
+      setScrollState(ScrollState.onlyBottomSheet);
+    }
+
+    if (scrollState !== ScrollState.onlyWebView && scrollState === ScrollState.onTop && currY > 5) {
+      setScrollState(ScrollState.onlyWebView);
+    }
+  };
+
+  const handleWebViewScroll = () => {
+    if (scrollState === ScrollState.unScrollable) return;
+    setScrollState(ScrollState.onlyWebView);
+  };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     pointerEvents: isBottomSheetActive ? undefined : 'none',
     style: styles.container
@@ -118,14 +147,17 @@ export const UNBottomSheetComponent = () => {
     isOpen: isBottomSheetActive,
     height: height,
     onClose: () => setIsBottomSheetActive(false),
-    onOpen: () => setIsBottomSheetActive(true)
+    onOpen: () => setIsBottomSheetActive(true),
+    handleWebViewScroll: () => handleWebViewScroll(),
+    shouldEnableBottomSheetScroll: scrollState !== ScrollState.onlyWebView
   }, isAppActive && /*#__PURE__*/React.createElement(WebComponent, {
     ref: webRef,
     type: WebComponentType.slot,
     presentationMode: PresentationMode.CoverInjectedHeight,
     script: getBottomSheetScript(),
     onMessage: onWebMessage,
-    shouldEnableWebViewScroll: shouldEnableWebViewScroll
+    isScrollable: scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop,
+    handleScroll: onScrollWebView
   }))));
 };
 //# sourceMappingURL=UNBottomSheetComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","WebComponent","WebComponentType","Dimensions","Linking","View","BottomSheet","EventBus","PageMessage","UnitMessage","CardMessage","useListenerToBus","getBottomSheetScript","handleHtmlFullHeight","renderingBottomSheetRequest","resetHtml","getStylesObject","PresentationMode","useAppStateListener","UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","height","setHeight","renderingRequest","setRenderingRequest","shouldEnableWebViewScroll","setShouldEnableWebViewScroll","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","isAppActive","styles","webRef","listenerAction","data","current","setNewHeight","busEventKey","UNIT_REQUEST_RENDERING","action","message","nativePlace","JSON","parse","bottomSheetNewHeight","get","details","onWebMessage","type","PAGE_HEIGHT","setTimeout","CARD_STATUS_CHANGED","Instance","event","card","UNIT_REQUEST_CLOSE_FLOW","UNIT_REQUEST_OPEN_LINK","href","openURL","undefined","container","slot","CoverInjectedHeight"],"sources":["UNBottomSheetComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { Dimensions, Linking, View } from 'react-native';\nimport BottomSheet from '../../helpers/BottomSheet/BottomSheet';\nimport EventBus from '../../helpers/EventBus';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestOpenLinkEvent, RequestRenderingData, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { CardMessage, CardStatusChangedEvent } from '../../messages/webMessages/cardMessage';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getBottomSheetScript, handleHtmlFullHeight, renderingBottomSheetRequest, resetHtml } from './UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNBottomSheetComponent.styles';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { useAppStateListener } from '../../hooks/useAppStateListener';\n\nexport const UNBottomSheetComponent = () => {\n  const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);\n  const [height, setHeight] = useState(0);\n\n  const [renderingRequest, setRenderingRequest] = useState<string | null>(null);\n  const [shouldEnableWebViewScroll, setShouldEnableWebViewScroll] = useState(false);\n\n  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false);\n  const [newHeightMessage, setNewHeightMessage] = useState<WebViewMessage | null>(null);\n\n  const isAppActive = useAppStateListener();\n\n  const styles = getStylesObject();\n\n  const webRef = useRef<WebView>(null);\n\n  const listenerAction = (data: string) => {\n    setRenderingRequest(data);\n    setIsBottomSheetActive(true);\n  };\n\n  useEffect(() => {\n    if (!isAppActive) {\n      setIsBottomSheetActive(false);\n    }\n  }, [isAppActive]);\n\n  useEffect(() => {\n    if (!webRef.current) return;\n    if (renderingRequest) {\n      renderingBottomSheetRequest(webRef.current, renderingRequest);\n    }\n  }, [webRef.current, renderingRequest]);\n\n  useEffect(() => {\n    if (!isBottomSheetActive) {\n      webRef.current && resetHtml(webRef.current);\n      setHeight(0);\n      setRenderingRequest(null);\n    }\n  }, [isBottomSheetActive]);\n\n  useEffect(() => {\n    if (!waitForLoadingNewComponent && newHeightMessage) {\n      setWaitForLoadingNewComponent(false);\n      setNewHeight(newHeightMessage);\n    }\n  }, [waitForLoadingNewComponent, newHeightMessage]);\n\n  useListenerToBus([{ busEventKey: UnitMessage.UNIT_REQUEST_RENDERING, action: listenerAction }]);\n\n  const setNewHeight = (message: WebViewMessage) => {\n    if (renderingRequest) {\n      const nativePlace = (JSON.parse(renderingRequest) as RequestRenderingData).nativePlace;\n      if (nativePlace == 'overFullScreen') {\n        const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);\n        setHeight(bottomSheetNewHeight);\n        setShouldEnableWebViewScroll(true);\n      } else {\n        setHeight((message.details as HeightEvent).height);\n        setShouldEnableWebViewScroll(false);\n      }\n    }\n  };\n\n  const onWebMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case PageMessage.PAGE_HEIGHT:\n        renderingRequest && setNewHeightMessage(message);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING:\n        // eslint-disable-next-line no-case-declarations\n        const { data } = (message.details as RequestRenderingEvent);\n        if (data != renderingRequest) {\n          setHeight(0);\n          setRenderingRequest(data);\n          setWaitForLoadingNewComponent(true);\n          setTimeout(() => setWaitForLoadingNewComponent(false), 400);\n        }\n        break;\n      case CardMessage.CARD_STATUS_CHANGED:\n        EventBus.Instance.event(CardMessage.CARD_STATUS_CHANGED, (message.details as CardStatusChangedEvent).card);\n        break;\n      case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:\n        setIsBottomSheetActive(false);\n        break;\n      case UnitMessage.UNIT_REQUEST_OPEN_LINK:\n        // eslint-disable-next-line no-case-declarations\n        const { href } = (message.details as RequestOpenLinkEvent);\n        Linking.openURL(href);\n        break;\n    }\n  };\n\n  return (\n    <>\n      <View\n        pointerEvents={isBottomSheetActive ? undefined : 'none'}\n        style={styles.container}\n      >\n        <BottomSheet\n          isOpen={isBottomSheetActive}\n          height={height}\n          onClose={() => setIsBottomSheetActive(false)}\n          onOpen={() => setIsBottomSheetActive(true)}\n        >\n          { isAppActive && (\n            <WebComponent\n              ref={webRef}\n              type={WebComponentType.slot}\n              presentationMode={PresentationMode.CoverInjectedHeight}\n              script={getBottomSheetScript()}\n              onMessage={onWebMessage}\n              shouldEnableWebViewScroll={shouldEnableWebViewScroll}\n            />)}\n        </BottomSheet>\n      </View>\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AAEA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,UAAT,EAAqBC,OAArB,EAA8BC,IAA9B,QAA0C,cAA1C;AACA,OAAOC,WAAP,MAAwB,uCAAxB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAA4EC,WAA5E,QAA+F,yCAA/F;AACA,SAASC,WAAT,QAAoD,wCAApD;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAEA,SAASC,oBAAT,EAA+BC,oBAA/B,EAAqDC,2BAArD,EAAkFC,SAAlF,QAAmG,gCAAnG;AACA,SAASC,eAAT,QAAgC,iCAAhC;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,mBAAT,QAAoC,iCAApC;AAEA,OAAO,MAAMC,sBAAsB,GAAG,MAAM;EAC1C,MAAM,CAACC,mBAAD,EAAsBC,sBAAtB,IAAgDrB,QAAQ,CAAC,KAAD,CAA9D;EACA,MAAM,CAACsB,MAAD,EAASC,SAAT,IAAsBvB,QAAQ,CAAC,CAAD,CAApC;EAEA,MAAM,CAACwB,gBAAD,EAAmBC,mBAAnB,IAA0CzB,QAAQ,CAAgB,IAAhB,CAAxD;EACA,MAAM,CAAC0B,yBAAD,EAA4BC,4BAA5B,IAA4D3B,QAAQ,CAAC,KAAD,CAA1E;EAEA,MAAM,CAAC4B,0BAAD,EAA6BC,6BAA7B,IAA8D7B,QAAQ,CAAC,KAAD,CAA5E;EACA,MAAM,CAAC8B,gBAAD,EAAmBC,mBAAnB,IAA0C/B,QAAQ,CAAwB,IAAxB,CAAxD;EAEA,MAAMgC,WAAW,GAAGd,mBAAmB,EAAvC;EAEA,MAAMe,MAAM,GAAGjB,eAAe,EAA9B;EAEA,MAAMkB,MAAM,GAAGnC,MAAM,CAAU,IAAV,CAArB;;EAEA,MAAMoC,cAAc,GAAIC,IAAD,IAAkB;IACvCX,mBAAmB,CAACW,IAAD,CAAnB;IACAf,sBAAsB,CAAC,IAAD,CAAtB;EACD,CAHD;;EAKAvB,SAAS,CAAC,MAAM;IACd,IAAI,CAACkC,WAAL,EAAkB;MAChBX,sBAAsB,CAAC,KAAD,CAAtB;IACD;EACF,CAJQ,EAIN,CAACW,WAAD,CAJM,CAAT;EAMAlC,SAAS,CAAC,MAAM;IACd,IAAI,CAACoC,MAAM,CAACG,OAAZ,EAAqB;;IACrB,IAAIb,gBAAJ,EAAsB;MACpBV,2BAA2B,CAACoB,MAAM,CAACG,OAAR,EAAiBb,gBAAjB,CAA3B;IACD;EACF,CALQ,EAKN,CAACU,MAAM,CAACG,OAAR,EAAiBb,gBAAjB,CALM,CAAT;EAOA1B,SAAS,CAAC,MAAM;IACd,IAAI,CAACsB,mBAAL,EAA0B;MACxBc,MAAM,CAACG,OAAP,IAAkBtB,SAAS,CAACmB,MAAM,CAACG,OAAR,CAA3B;MACAd,SAAS,CAAC,CAAD,CAAT;MACAE,mBAAmB,CAAC,IAAD,CAAnB;IACD;EACF,CANQ,EAMN,CAACL,mBAAD,CANM,CAAT;EAQAtB,SAAS,CAAC,MAAM;IACd,IAAI,CAAC8B,0BAAD,IAA+BE,gBAAnC,EAAqD;MACnDD,6BAA6B,CAAC,KAAD,CAA7B;MACAS,YAAY,CAACR,gBAAD,CAAZ;IACD;EACF,CALQ,EAKN,CAACF,0BAAD,EAA6BE,gBAA7B,CALM,CAAT;EAOAnB,gBAAgB,CAAC,CAAC;IAAE4B,WAAW,EAAE9B,WAAW,CAAC+B,sBAA3B;IAAmDC,MAAM,EAAEN;EAA3D,CAAD,CAAD,CAAhB;;EAEA,MAAMG,YAAY,GAAII,OAAD,IAA6B;IAChD,IAAIlB,gBAAJ,EAAsB;MACpB,MAAMmB,WAAW,GAAIC,IAAI,CAACC,KAAL,CAAWrB,gBAAX,CAAD,CAAuDmB,WAA3E;;MACA,IAAIA,WAAW,IAAI,gBAAnB,EAAqC;QACnC,MAAMG,oBAAoB,GAAGjC,oBAAoB,CAACqB,MAAM,CAACG,OAAR,EAAiBlC,UAAU,CAAC4C,GAAX,CAAe,QAAf,EAAyBzB,MAA1C,CAAjD;QACAC,SAAS,CAACuB,oBAAD,CAAT;QACAnB,4BAA4B,CAAC,IAAD,CAA5B;MACD,CAJD,MAIO;QACLJ,SAAS,CAAEmB,OAAO,CAACM,OAAT,CAAiC1B,MAAlC,CAAT;QACAK,4BAA4B,CAAC,KAAD,CAA5B;MACD;IACF;EACF,CAZD;;EAcA,MAAMsB,YAAY,GAAIP,OAAD,IAA6B;IAChD,QAAQA,OAAO,CAACQ,IAAhB;MACE,KAAK1C,WAAW,CAAC2C,WAAjB;QACE3B,gBAAgB,IAAIO,mBAAmB,CAACW,OAAD,CAAvC;QACA;;MACF,KAAKjC,WAAW,CAAC+B,sBAAjB;QACE;QACA,MAAM;UAAEJ;QAAF,IAAYM,OAAO,CAACM,OAA1B;;QACA,IAAIZ,IAAI,IAAIZ,gBAAZ,EAA8B;UAC5BD,SAAS,CAAC,CAAD,CAAT;UACAE,mBAAmB,CAACW,IAAD,CAAnB;UACAP,6BAA6B,CAAC,IAAD,CAA7B;UACAuB,UAAU,CAAC,MAAMvB,6BAA6B,CAAC,KAAD,CAApC,EAA6C,GAA7C,CAAV;QACD;;QACD;;MACF,KAAKnB,WAAW,CAAC2C,mBAAjB;QACE9C,QAAQ,CAAC+C,QAAT,CAAkBC,KAAlB,CAAwB7C,WAAW,CAAC2C,mBAApC,EAA0DX,OAAO,CAACM,OAAT,CAA4CQ,IAArG;QACA;;MACF,KAAK/C,WAAW,CAACgD,uBAAjB;QACEpC,sBAAsB,CAAC,KAAD,CAAtB;QACA;;MACF,KAAKZ,WAAW,CAACiD,sBAAjB;QACE;QACA,MAAM;UAAEC;QAAF,IAAYjB,OAAO,CAACM,OAA1B;QACA5C,OAAO,CAACwD,OAAR,CAAgBD,IAAhB;QACA;IAxBJ;EA0BD,CA3BD;;EA6BA,oBACE,uDACE,oBAAC,IAAD;IACE,aAAa,EAAEvC,mBAAmB,GAAGyC,SAAH,GAAe,MADnD;IAEE,KAAK,EAAE5B,MAAM,CAAC6B;EAFhB,gBAIE,oBAAC,WAAD;IACE,MAAM,EAAE1C,mBADV;IAEE,MAAM,EAAEE,MAFV;IAGE,OAAO,EAAE,MAAMD,sBAAsB,CAAC,KAAD,CAHvC;IAIE,MAAM,EAAE,MAAMA,sBAAsB,CAAC,IAAD;EAJtC,GAMIW,WAAW,iBACX,oBAAC,YAAD;IACE,GAAG,EAAEE,MADP;IAEE,IAAI,EAAEhC,gBAAgB,CAAC6D,IAFzB;IAGE,gBAAgB,EAAE9C,gBAAgB,CAAC+C,mBAHrC;IAIE,MAAM,EAAEpD,oBAAoB,EAJ9B;IAKE,SAAS,EAAEqC,YALb;IAME,yBAAyB,EAAEvB;EAN7B,EAPJ,CAJF,CADF,CADF;AAyBD,CAvHM"}
+{"version":3,"names":["React","useEffect","useRef","useState","WebComponent","WebComponentType","Dimensions","Linking","View","BottomSheet","EventBus","PageMessage","UnitMessage","CardMessage","useListenerToBus","getBottomSheetScript","handleHtmlFullHeight","renderingBottomSheetRequest","resetHtml","getStylesObject","PresentationMode","useAppStateListener","ScrollState","UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","height","setHeight","renderingRequest","setRenderingRequest","scrollState","setScrollState","onTop","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","isAppActive","styles","webRef","listenerAction","data","current","setNewHeight","busEventKey","UNIT_REQUEST_RENDERING","action","message","nativePlace","JSON","parse","bottomSheetNewHeight","get","details","unScrollable","onWebMessage","type","PAGE_HEIGHT","setTimeout","CARD_STATUS_CHANGED","Instance","event","card","UNIT_REQUEST_CLOSE_FLOW","UNIT_REQUEST_OPEN_LINK","href","openURL","onScrollWebView","currY","nativeEvent","contentOffset","y","onlyBottomSheet","onlyWebView","handleWebViewScroll","undefined","container","slot","CoverInjectedHeight"],"sources":["UNBottomSheetComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { Dimensions, Linking, View } from 'react-native';\nimport BottomSheet from '../../helpers/BottomSheet/BottomSheet';\nimport EventBus from '../../helpers/EventBus';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestOpenLinkEvent, RequestRenderingData, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { CardMessage, CardStatusChangedEvent } from '../../messages/webMessages/cardMessage';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getBottomSheetScript, handleHtmlFullHeight, renderingBottomSheetRequest, resetHtml } from './UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNBottomSheetComponent.styles';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { useAppStateListener } from '../../hooks/useAppStateListener';\n\nexport enum ScrollState {\n  onTop = 'onTop',\n  onlyWebView = 'webViewScroll',\n  onlyBottomSheet = 'onlyBottomSheet',\n  unScrollable = 'unScrollable'\n}\n\nexport const UNBottomSheetComponent = () => {\n  const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);\n  const [height, setHeight] = useState(0);\n\n  const [renderingRequest, setRenderingRequest] = useState<string | null>(null);\n  const [scrollState, setScrollState] = useState<ScrollState>(ScrollState.onTop);\n\n  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false);\n  const [newHeightMessage, setNewHeightMessage] = useState<WebViewMessage | null>(null);\n\n  const isAppActive = useAppStateListener();\n\n  const styles = getStylesObject();\n\n  const webRef = useRef<WebView>(null);\n\n  const listenerAction = (data: string) => {\n    setRenderingRequest(data);\n    setIsBottomSheetActive(true);\n  };\n\n  useEffect(() => {\n    if (!isAppActive) {\n      setIsBottomSheetActive(false);\n    }\n  }, [isAppActive]);\n\n  useEffect(() => {\n    if (!webRef.current) return;\n    if (renderingRequest) {\n      renderingBottomSheetRequest(webRef.current, renderingRequest);\n    }\n  }, [webRef.current, renderingRequest]);\n\n  useEffect(() => {\n    if (!isBottomSheetActive) {\n      webRef.current && resetHtml(webRef.current);\n      setHeight(0);\n      setRenderingRequest(null);\n      setScrollState(ScrollState.onTop);\n    }\n  }, [isBottomSheetActive]);\n\n  useEffect(() => {\n    if (!waitForLoadingNewComponent && newHeightMessage) {\n      setWaitForLoadingNewComponent(false);\n      setNewHeight(newHeightMessage);\n    }\n  }, [waitForLoadingNewComponent, newHeightMessage]);\n\n  useListenerToBus([{ busEventKey: UnitMessage.UNIT_REQUEST_RENDERING, action: listenerAction }]);\n\n  const setNewHeight = (message: WebViewMessage) => {\n    if (renderingRequest) {\n      const nativePlace = (JSON.parse(renderingRequest) as RequestRenderingData).nativePlace;\n      if (nativePlace == 'overFullScreen') {\n        const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);\n        setHeight(bottomSheetNewHeight);\n        setScrollState(ScrollState.onTop);\n      } else {\n        setHeight((message.details as HeightEvent).height);\n        setScrollState(ScrollState.unScrollable);\n      }\n    }\n  };\n\n  const onWebMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case PageMessage.PAGE_HEIGHT:\n        renderingRequest && setNewHeightMessage(message);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING:\n        // eslint-disable-next-line no-case-declarations\n        const { data } = (message.details as RequestRenderingEvent);\n        if (data != renderingRequest) {\n          setHeight(0);\n          setRenderingRequest(data);\n          setWaitForLoadingNewComponent(true);\n          setTimeout(() => setWaitForLoadingNewComponent(false), 400);\n        }\n        break;\n      case CardMessage.CARD_STATUS_CHANGED:\n        EventBus.Instance.event(CardMessage.CARD_STATUS_CHANGED, (message.details as CardStatusChangedEvent).card);\n        break;\n      case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:\n        setIsBottomSheetActive(false);\n        break;\n      case UnitMessage.UNIT_REQUEST_OPEN_LINK:\n        // eslint-disable-next-line no-case-declarations\n        const { href } = (message.details as RequestOpenLinkEvent);\n        Linking.openURL(href);\n        break;\n    }\n  };\n\n  const onScrollWebView = (event: any) => {\n    if (scrollState === ScrollState.unScrollable) return;\n\n    const currY = event.nativeEvent.contentOffset.y;\n\n    if (ScrollState.onTop && currY < 5) {\n      setScrollState(ScrollState.onlyBottomSheet);\n    }\n\n    if ( scrollState !== ScrollState.onlyWebView && scrollState === ScrollState.onTop && currY > 5) {\n      setScrollState(ScrollState.onlyWebView);\n    }\n  };\n\n  const handleWebViewScroll = () => {\n    if (scrollState === ScrollState.unScrollable) return;\n    setScrollState(ScrollState.onlyWebView);\n  };\n\n  return (\n    <>\n      <View\n        pointerEvents={isBottomSheetActive ? undefined : 'none'}\n        style={styles.container}\n      >\n        <BottomSheet\n          isOpen={isBottomSheetActive}\n          height={height}\n          onClose={() => setIsBottomSheetActive(false)}\n          onOpen={() => setIsBottomSheetActive(true)}\n          handleWebViewScroll={() =>  handleWebViewScroll()}\n          shouldEnableBottomSheetScroll={scrollState !== ScrollState.onlyWebView}\n        >\n          { isAppActive && (\n            <WebComponent\n              ref={webRef}\n              type={WebComponentType.slot}\n              presentationMode={PresentationMode.CoverInjectedHeight}\n              script={getBottomSheetScript()}\n              onMessage={onWebMessage}\n              isScrollable={scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop}\n              handleScroll={onScrollWebView}\n            />)}\n        </BottomSheet>\n      </View>\n    </>\n  );\n};\n"],"mappings":"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"}

package/lib/module/components/UNCardComponent/UNCardComponent.js

@@ -56,10 +56,11 @@ export const UNCardComponent = props => {
     type: WebComponentType.card,
     presentationMode: PresentationMode.Default,
     params: getCardParams(props),
+    theme: props.theme,
     script: getCardScript(),
     onMessage: message => handleMessage(message),
     width: windowWidth,
-    shouldEnableWebViewScroll: false
+    isScrollable: false
   }));
 };
 //# sourceMappingURL=UNCardComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Dimensions","View","PageMessage","UnitMessage","EventBus","WebComponent","WebComponentType","useListenerToBus","getCardParams","getCardScript","injectRefreshEventIfNeeded","PresentationMode","CardMessage","UNCardComponent","props","height","setHeight","requestRefreshEvent","setRequestRefreshEvent","windowWidth","get","width","webRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","busEventKey","CARD_STATUS_CHANGED","action","UNIT_REQUEST_REFRESH","current","cardId","handleMessage","message","type","UNIT_REQUEST_RENDERING","Instance","event","details","PAGE_HEIGHT","Default"],"sources":["UNCardComponent.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 { getCardParams, getCardScript, injectRefreshEventIfNeeded } from './UNCardComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { UNCardData } from '../../sharedTypes';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\n\nexport interface UNCardComponentProps {\n  cardId: string;\n  customerToken: string;\n  theme?: string;\n  onStatusChanged?: (card: UNCardData) => void;\n}\n\nexport const UNCardComponent = (props: UNCardComponentProps) => {\n  const [height, setHeight] = useState(0);\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n  const windowWidth = Dimensions.get('window').width;\n\n  const webRef = useRef<WebView>(null);\n\n  const cardStatusChanged = (card: UNCardData) => {\n    if (props.onStatusChanged) {\n      props.onStatusChanged(card);\n    }\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data);\n  };\n\n  useListenerToBus([\n    { busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged },\n    { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },\n  ]);\n\n  useEffect(() => {\n    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent, props.cardId);\n  }, [requestRefreshEvent]);\n\n  const handleMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_RENDERING:\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, (message.details as RequestRenderingEvent).data);\n        break;\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.card}\n        presentationMode={PresentationMode.Default}\n        params={getCardParams(props)}\n        script={getCardScript()}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        shouldEnableWebViewScroll={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,wCAAzC;AACA,SAAqDC,WAArD,QAAwE,yCAAxE;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAEA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,0BAAvC,QAAyE,yBAAzE;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AAEA,SAASC,WAAT,QAA4B,wCAA5B;AASA,OAAO,MAAMC,eAAe,GAAIC,KAAD,IAAiC;EAC9D,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBjB,QAAQ,CAAC,CAAD,CAApC;EACA,MAAM,CAACkB,mBAAD,EAAsBC,sBAAtB,IAAgDnB,QAAQ,CAA6B,IAA7B,CAA9D;EACA,MAAMoB,WAAW,GAAGnB,UAAU,CAACoB,GAAX,CAAe,QAAf,EAAyBC,KAA7C;EAEA,MAAMC,MAAM,GAAGxB,MAAM,CAAU,IAAV,CAArB;;EAEA,MAAMyB,iBAAiB,GAAIC,IAAD,IAAsB;IAC9C,IAAIV,KAAK,CAACW,eAAV,EAA2B;MACzBX,KAAK,CAACW,eAAN,CAAsBD,IAAtB;IACD;EACF,CAJD;;EAMA,MAAME,cAAc,GAAIC,IAAD,IAA+B;IACpDT,sBAAsB,CAACS,IAAD,CAAtB;EACD,CAFD;;EAIApB,gBAAgB,CAAC,CACf;IAAEqB,WAAW,EAAEhB,WAAW,CAACiB,mBAA3B;IAAgDC,MAAM,EAAEP;EAAxD,CADe,EAEf;IAAEK,WAAW,EAAEzB,WAAW,CAAC4B,oBAA3B;IAAiDD,MAAM,EAAEJ;EAAzD,CAFe,CAAD,CAAhB;EAKA7B,SAAS,CAAC,MAAM;IACda,0BAA0B,CAACY,MAAM,CAACU,OAAR,EAAiBf,mBAAjB,EAAsCH,KAAK,CAACmB,MAA5C,CAA1B;EACD,CAFQ,EAEN,CAAChB,mBAAD,CAFM,CAAT;;EAIA,MAAMiB,aAAa,GAAIC,OAAD,IAA6B;IACjD,QAAQA,OAAO,CAACC,IAAhB;MACE,KAAKjC,WAAW,CAACkC,sBAAjB;QACEjC,QAAQ,CAACkC,QAAT,CAAkBC,KAAlB,CAAwBpC,WAAW,CAACkC,sBAApC,EAA6DF,OAAO,CAACK,OAAT,CAA2Cb,IAAvG;QACA;;MACF,KAAKzB,WAAW,CAACuC,WAAjB;QACEzB,SAAS,CAAEmB,OAAO,CAACK,OAAT,CAAiCzB,MAAlC,CAAT;QACA;IANJ;EAQD,CATD;;EAWA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,gBACE,oBAAC,YAAD;IACE,GAAG,EAAEO,MADP;IAEE,IAAI,EAAEhB,gBAAgB,CAACkB,IAFzB;IAGE,gBAAgB,EAAEb,gBAAgB,CAAC+B,OAHrC;IAIE,MAAM,EAAElC,aAAa,CAACM,KAAD,CAJvB;IAKE,MAAM,EAAEL,aAAa,EALvB;IAME,SAAS,EAAE0B,OAAO,IAAID,aAAa,CAACC,OAAD,CANrC;IAOE,KAAK,EAAEhB,WAPT;IAQE,yBAAyB,EAAE;EAR7B,EADF,CADF;AAcD,CAnDM"}
+{"version":3,"names":["React","useEffect","useRef","useState","Dimensions","View","PageMessage","UnitMessage","EventBus","WebComponent","WebComponentType","useListenerToBus","getCardParams","getCardScript","injectRefreshEventIfNeeded","PresentationMode","CardMessage","UNCardComponent","props","height","setHeight","requestRefreshEvent","setRequestRefreshEvent","windowWidth","get","width","webRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","busEventKey","CARD_STATUS_CHANGED","action","UNIT_REQUEST_REFRESH","current","cardId","handleMessage","message","type","UNIT_REQUEST_RENDERING","Instance","event","details","PAGE_HEIGHT","Default","theme"],"sources":["UNCardComponent.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 { getCardParams, getCardScript, injectRefreshEventIfNeeded } from './UNCardComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { UNCardData } from '../../sharedTypes';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\n\nexport interface UNCardComponentProps {\n  cardId: string;\n  customerToken: string;\n  theme?: string;\n  onStatusChanged?: (card: UNCardData) => void;\n}\n\nexport const UNCardComponent = (props: UNCardComponentProps) => {\n  const [height, setHeight] = useState(0);\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n  const windowWidth = Dimensions.get('window').width;\n\n  const webRef = useRef<WebView>(null);\n\n  const cardStatusChanged = (card: UNCardData) => {\n    if (props.onStatusChanged) {\n      props.onStatusChanged(card);\n    }\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data);\n  };\n\n  useListenerToBus([\n    { busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged },\n    { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },\n  ]);\n\n  useEffect(() => {\n    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent, props.cardId);\n  }, [requestRefreshEvent]);\n\n  const handleMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_RENDERING:\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, (message.details as RequestRenderingEvent).data);\n        break;\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.card}\n        presentationMode={PresentationMode.Default}\n        params={getCardParams(props)}\n        theme={props.theme}\n        script={getCardScript()}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAAqDC,WAArD,QAAwE,yCAAxE;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAEA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,0BAAvC,QAAyE,yBAAzE;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AAEA,SAASC,WAAT,QAA4B,wCAA5B;AASA,OAAO,MAAMC,eAAe,GAAIC,KAAD,IAAiC;EAC9D,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBjB,QAAQ,CAAC,CAAD,CAApC;EACA,MAAM,CAACkB,mBAAD,EAAsBC,sBAAtB,IAAgDnB,QAAQ,CAA6B,IAA7B,CAA9D;EACA,MAAMoB,WAAW,GAAGnB,UAAU,CAACoB,GAAX,CAAe,QAAf,EAAyBC,KAA7C;EAEA,MAAMC,MAAM,GAAGxB,MAAM,CAAU,IAAV,CAArB;;EAEA,MAAMyB,iBAAiB,GAAIC,IAAD,IAAsB;IAC9C,IAAIV,KAAK,CAACW,eAAV,EAA2B;MACzBX,KAAK,CAACW,eAAN,CAAsBD,IAAtB;IACD;EACF,CAJD;;EAMA,MAAME,cAAc,GAAIC,IAAD,IAA+B;IACpDT,sBAAsB,CAACS,IAAD,CAAtB;EACD,CAFD;;EAIApB,gBAAgB,CAAC,CACf;IAAEqB,WAAW,EAAEhB,WAAW,CAACiB,mBAA3B;IAAgDC,MAAM,EAAEP;EAAxD,CADe,EAEf;IAAEK,WAAW,EAAEzB,WAAW,CAAC4B,oBAA3B;IAAiDD,MAAM,EAAEJ;EAAzD,CAFe,CAAD,CAAhB;EAKA7B,SAAS,CAAC,MAAM;IACda,0BAA0B,CAACY,MAAM,CAACU,OAAR,EAAiBf,mBAAjB,EAAsCH,KAAK,CAACmB,MAA5C,CAA1B;EACD,CAFQ,EAEN,CAAChB,mBAAD,CAFM,CAAT;;EAIA,MAAMiB,aAAa,GAAIC,OAAD,IAA6B;IACjD,QAAQA,OAAO,CAACC,IAAhB;MACE,KAAKjC,WAAW,CAACkC,sBAAjB;QACEjC,QAAQ,CAACkC,QAAT,CAAkBC,KAAlB,CAAwBpC,WAAW,CAACkC,sBAApC,EAA6DF,OAAO,CAACK,OAAT,CAA2Cb,IAAvG;QACA;;MACF,KAAKzB,WAAW,CAACuC,WAAjB;QACEzB,SAAS,CAAEmB,OAAO,CAACK,OAAT,CAAiCzB,MAAlC,CAAT;QACA;IANJ;EAQD,CATD;;EAWA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,gBACE,oBAAC,YAAD;IACE,GAAG,EAAEO,MADP;IAEE,IAAI,EAAEhB,gBAAgB,CAACkB,IAFzB;IAGE,gBAAgB,EAAEb,gBAAgB,CAAC+B,OAHrC;IAIE,MAAM,EAAElC,aAAa,CAACM,KAAD,CAJvB;IAKE,KAAK,EAAEA,KAAK,CAAC6B,KALf;IAME,MAAM,EAAElC,aAAa,EANvB;IAOE,SAAS,EAAE0B,OAAO,IAAID,aAAa,CAACC,OAAD,CAPrC;IAQE,KAAK,EAAEhB,WART;IASE,YAAY,EAAE;EAThB,EADF,CADF;AAeD,CApDM"}

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

@@ -1,11 +1,9 @@
 import { WebComponentType } from '../../webComponent/WebComponent';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
-import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
 export const getCardParams = props => {
   return `
     card-id="${props.cardId}"
     customer-token="${props.customerToken}"
-    theme="${props.theme ?? UnitSDK.getTheme()}"
   `;
 };
 export const getCardScript = () => {

package/lib/module/components/UNCardComponent/UNCardComponent.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["WebComponentType","UnitMessage","UnitSDK","getCardParams","props","cardId","customerToken","theme","getTheme","getCardScript","UNIT_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","card","valueOf","resourceId","injectJavaScript","JSON","stringify"],"sources":["UNCardComponent.utils.ts"],"sourcesContent":["import type WebView from 'react-native-webview';\nimport type { UNCardComponentProps } from './UNCardComponent';\nimport { WebComponentType } from '../../webComponent/WebComponent';\nimport { RequestRefreshEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { UnitSDK } from '../../unitSdkManager/UnitSdkManager';\n\nexport const getCardParams = (props: UNCardComponentProps) => {\n  return `\n    card-id=\"${props.cardId}\"\n    customer-token=\"${props.customerToken}\"\n    theme=\"${props.theme ?? UnitSDK.getTheme()}\"\n  `;\n};\n\nexport const getCardScript = () => {\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, cardId: string) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n"],"mappings":"AAEA,SAASA,gBAAT,QAAiC,iCAAjC;AACA,SAA8BC,WAA9B,QAAiD,yCAAjD;AACA,SAASC,OAAT,QAAwB,qCAAxB;AAEA,OAAO,MAAMC,aAAa,GAAIC,KAAD,IAAiC;EAC5D,OAAQ;AACV,eAAeA,KAAK,CAACC,MAAO;AAC5B,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,aAAaF,KAAK,CAACG,KAAN,IAAeL,OAAO,CAACM,QAAR,EAAmB;AAC/C,GAJE;AAKD,CANM;AAQP,OAAO,MAAMC,aAAa,GAAG,MAAM;EACjC,OAAQ;AACV;AACA,qCAAqCR,WAAW,CAACS,oBAAqB;AACtE;AACA;AACA,GALE;AAMD,CAPM;AASP,OAAO,MAAMC,0BAA0B,GAAG,CAACC,UAAD,EAA6BC,mBAA7B,EAA8ER,MAA9E,KAAiG;EACzI,IAAIQ,mBAAmB,IAAIA,mBAAmB,CAACC,YAApB,CAAiCC,QAAjC,CAA0Cf,gBAAgB,CAACgB,IAAjB,CAAsBC,OAAtB,EAA1C,CAAvB,IAAqGJ,mBAAmB,CAACK,UAApB,IAAkCb,MAA3I,EAAmJ;IACjJO,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEO,gBAAZ,CAA8B,yBAAwBC,IAAI,CAACC,SAAL,CAAeR,mBAAf,CAAoC,IAA1F;EACD;AACF,CAJM"}
+{"version":3,"names":["WebComponentType","UnitMessage","getCardParams","props","cardId","customerToken","getCardScript","UNIT_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","card","valueOf","resourceId","injectJavaScript","JSON","stringify"],"sources":["UNCardComponent.utils.ts"],"sourcesContent":["import type WebView from 'react-native-webview';\nimport type { UNCardComponentProps } from './UNCardComponent';\nimport { WebComponentType } from '../../webComponent/WebComponent';\nimport { RequestRefreshEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\n\nexport const getCardParams = (props: UNCardComponentProps) => {\n  return `\n    card-id=\"${props.cardId}\"\n    customer-token=\"${props.customerToken}\"\n  `;\n};\n\nexport const getCardScript = () => {\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, cardId: string) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n"],"mappings":"AAEA,SAASA,gBAAT,QAAiC,iCAAjC;AACA,SAA8BC,WAA9B,QAAiD,yCAAjD;AAEA,OAAO,MAAMC,aAAa,GAAIC,KAAD,IAAiC;EAC5D,OAAQ;AACV,eAAeA,KAAK,CAACC,MAAO;AAC5B,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,GAHE;AAID,CALM;AAOP,OAAO,MAAMC,aAAa,GAAG,MAAM;EACjC,OAAQ;AACV;AACA,qCAAqCL,WAAW,CAACM,oBAAqB;AACtE;AACA;AACA,GALE;AAMD,CAPM;AASP,OAAO,MAAMC,0BAA0B,GAAG,CAACC,UAAD,EAA6BC,mBAA7B,EAA8EN,MAA9E,KAAiG;EACzI,IAAIM,mBAAmB,IAAIA,mBAAmB,CAACC,YAApB,CAAiCC,QAAjC,CAA0CZ,gBAAgB,CAACa,IAAjB,CAAsBC,OAAtB,EAA1C,CAAvB,IAAqGJ,mBAAmB,CAACK,UAApB,IAAkCX,MAA3I,EAAmJ;IACjJK,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEO,gBAAZ,CAA8B,yBAAwBC,IAAI,CAACC,SAAL,CAAeR,mBAAf,CAAoC,IAA1F;EACD;AACF,CAJM"}