react-native-unit-components 0.1.0 → 1.0.1

package/lib/commonjs/unitSdkManager/UnitSdk.api.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.globalUnitScript = exports.fetchUnitScript = void 0;
+
+var _EventBus = _interopRequireDefault(require("../helpers/EventBus"));
+
+var _nativeMessages = require("../messages/nativeMessages");
+
+var _UnitSdkManager = require("./UnitSdkManager");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let isLoadingScript = false;
+/** globalUnitScript is exported ONLY to our project components **/
+
+let globalUnitScript = '';
+exports.globalUnitScript = globalUnitScript;
+
+const fetchUnitScript = async () => {
+  const env = _UnitSdkManager.UnitSDK.getEnv();
+
+  if (isLoadingScript || globalUnitScript || !env) {
+    // init function is called and success OR in progress
+    return null;
+  }
+
+  isLoadingScript = true;
+
+  try {
+    const unitScriptRes = await fetch(_UnitSdkManager.UNIT_SCRIPT_URL[env]);
+    const unitScript = await unitScriptRes.text();
+
+    if (unitScript) {
+      _EventBus.default.Instance.event(_nativeMessages.NativeMessage.IS_SCRIPT_FETCHED, {
+        unitScript
+      });
+
+      exports.globalUnitScript = globalUnitScript = unitScript;
+    }
+
+    return null;
+  } catch (e) {
+    console.log(e);
+    return null;
+  } finally {
+    isLoadingScript = false;
+  }
+};
+
+exports.fetchUnitScript = fetchUnitScript;
+//# sourceMappingURL=UnitSdk.api.js.map

package/lib/commonjs/unitSdkManager/UnitSdk.api.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isLoadingScript","globalUnitScript","fetchUnitScript","env","UnitSDK","getEnv","unitScriptRes","fetch","UNIT_SCRIPT_URL","unitScript","text","EventBus","Instance","event","NativeMessage","IS_SCRIPT_FETCHED","e","console","log"],"sources":["UnitSdk.api.ts"],"sourcesContent":["import EventBus from '../helpers/EventBus';\nimport { NativeMessage } from '../messages/nativeMessages';\nimport { UnitSDK, UNIT_SCRIPT_URL } from './UnitSdkManager';\n\nlet isLoadingScript = false;\n\n/** globalUnitScript is exported ONLY to our project components **/\nexport let globalUnitScript = '';\n\nexport const fetchUnitScript = async () => {\n  const env = UnitSDK.getEnv();\n  if (isLoadingScript || globalUnitScript || !env) {\n    // init function is called and success OR in progress\n    return null;\n  }\n  isLoadingScript = true;\n  try {\n    const unitScriptRes = await fetch(UNIT_SCRIPT_URL[env]);\n    const unitScript = await unitScriptRes.text();\n    if (unitScript) {\n      EventBus.Instance.event(NativeMessage.IS_SCRIPT_FETCHED, { unitScript });\n      globalUnitScript = unitScript;\n    }\n    return null;\n  } catch (e) {\n    console.log(e);\n    return null;\n  } finally {\n    isLoadingScript = false;\n  }\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAIA,eAAe,GAAG,KAAtB;AAEA;;AACO,IAAIC,gBAAgB,GAAG,EAAvB;;;AAEA,MAAMC,eAAe,GAAG,YAAY;EACzC,MAAMC,GAAG,GAAGC,uBAAA,CAAQC,MAAR,EAAZ;;EACA,IAAIL,eAAe,IAAIC,gBAAnB,IAAuC,CAACE,GAA5C,EAAiD;IAC/C;IACA,OAAO,IAAP;EACD;;EACDH,eAAe,GAAG,IAAlB;;EACA,IAAI;IACF,MAAMM,aAAa,GAAG,MAAMC,KAAK,CAACC,+BAAA,CAAgBL,GAAhB,CAAD,CAAjC;IACA,MAAMM,UAAU,GAAG,MAAMH,aAAa,CAACI,IAAd,EAAzB;;IACA,IAAID,UAAJ,EAAgB;MACdE,iBAAA,CAASC,QAAT,CAAkBC,KAAlB,CAAwBC,6BAAA,CAAcC,iBAAtC,EAAyD;QAAEN;MAAF,CAAzD;;MACA,2BAAAR,gBAAgB,GAAGQ,UAAnB;IACD;;IACD,OAAO,IAAP;EACD,CARD,CAQE,OAAOO,CAAP,EAAU;IACVC,OAAO,CAACC,GAAR,CAAYF,CAAZ;IACA,OAAO,IAAP;EACD,CAXD,SAWU;IACRhB,eAAe,GAAG,KAAlB;EACD;AACF,CArBM"}

package/lib/commonjs/unitSdkManager/UnitSdkManager.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnitSDK = exports.UNIT_SCRIPT_URL = exports.UNEnvironment = void 0;
+
+var _UnitSdk = require("./UnitSdk.api");
+
+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;
+exports.UNEnvironment = UNEnvironment;
+
+(function (UNEnvironment) {
+  UNEnvironment["sandbox"] = "sandbox";
+  UNEnvironment["production"] = "production";
+})(UNEnvironment || (exports.UNEnvironment = UNEnvironment = {}));
+
+const UNIT_SCRIPT_URL = {
+  [UNEnvironment.sandbox]: 'https://ui.s.unit.sh/components.js',
+  [UNEnvironment.production]: 'https://ui.unit.co/components.js'
+};
+exports.UNIT_SCRIPT_URL = UNIT_SCRIPT_URL;
+
+class UnitSDK {}
+
+exports.UnitSDK = UnitSDK;
+
+_defineProperty(UnitSDK, "env", void 0);
+
+_defineProperty(UnitSDK, "theme", void 0);
+
+_defineProperty(UnitSDK, "init", async (env, theme) => {
+  try {
+    UnitSDK.env = env;
+    UnitSDK.theme = theme;
+    await (0, _UnitSdk.fetchUnitScript)();
+  } catch (e) {
+    console.log(e);
+  }
+});
+
+_defineProperty(UnitSDK, "getEnv", () => {
+  return UnitSDK.env;
+});
+
+_defineProperty(UnitSDK, "getTheme", () => {
+  return UnitSDK.theme;
+});
+//# sourceMappingURL=UnitSdkManager.js.map

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

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

package/lib/commonjs/webComponent/WebComponent.js

@@ -7,15 +7,21 @@ exports.WebComponentType = exports.WebComponent = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactNative = require("react-native");
-
 var _reactNativeWebview = require("react-native-webview");
 
-var _EventBus = _interopRequireWildcard(require("../helpers/EventBus"));
+var _EventBus = _interopRequireDefault(require("../helpers/EventBus"));
+
+var _html = _interopRequireWildcard(require("./html"));
+
+var _unitMessages = require("../messages/webMessages/unitMessages");
 
-var _html = _interopRequireDefault(require("./html"));
+var _listenerToBus = require("../hooks/listenerToBus");
 
-var _unitMessages = require("./webMessages/unitMessages");
+var _bodyHtml = require("../scripts/html/bodyHtml");
+
+var _UnitSdk = require("../unitSdkManager/UnitSdk.api");
+
+var _nativeMessages = require("../messages/nativeMessages");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,46 +29,72 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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;
 
 (function (WebComponentType) {
   WebComponentType["card"] = "unit-elements-card";
+  WebComponentType["bookPayment"] = "unit-elements-book-payment";
+  WebComponentType["activity"] = "unit-elements-activity";
   WebComponentType["slot"] = "unit-elements-sdk-slot";
 })(WebComponentType || (exports.WebComponentType = WebComponentType = {}));
 
-const WebComponent = /*#__PURE__*/_react.default.forwardRef((props, webRef) => {
+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 width = props.width ?? '100%';
 
-  const windowWidth = _reactNative.Dimensions.get('window').width;
+  const listenerAction = data => {
+    setUnitScript(data.unitScript);
+  };
 
+  (0, _listenerToBus.useListenerToBus)([{
+    busEventKey: _nativeMessages.NativeMessage.IS_SCRIPT_FETCHED,
+    action: listenerAction
+  }]);
   (0, _react.useEffect)(() => {
-    const component = props.type.valueOf();
+    if (!unitScript) {
+      (0, _UnitSdk.fetchUnitScript)();
+      return;
+    }
 
-    let newHtml = _html.default.replace('<COMPONENT>', `<${component} ${props.params || ''}> </${component}>`);
+    let newHtml = _html.default.replace(_html.HTML_PLACEHOLDER.BODY, (0, _bodyHtml.getHtmlBody)(props.type.valueOf(), props.params, props.presentationMode));
 
-    newHtml = newHtml.replace('<SCRIPT_FROM_NATIVE>', props.script || '');
+    newHtml = newHtml.replace(_html.HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');
     setSourceHtml(newHtml);
-  }, [props.params]);
+  }, [props.params, unitScript]);
 
   const onMessage = e => {
     const message = JSON.parse(e.nativeEvent.data);
 
     if (message.type == _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH && message.details) {
-      _EventBus.default.Instance.event(_EventBus.BusEvent.REQUEST_REFRESH, message.details);
+      _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_REFRESH, message.details);
     } else {
-      props.onMessage(message);
+      props.onMessage && props.onMessage(message);
     }
   };
 
   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: false,
+    scrollEnabled: props.isScrollable,
+    onScroll: _onScroll,
     overScrollMode: "never",
+    injectedJavaScript: unitScript,
     style: {
-      width: windowWidth
+      width: width,
+      flex: 1
     },
     source: {
       html: sourceHtml

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

@@ -1 +1 @@
-{"version":3,"names":["WebComponentType","WebComponent","React","forwardRef","props","webRef","sourceHtml","setSourceHtml","useState","windowWidth","Dimensions","get","width","useEffect","component","type","valueOf","newHtml","html","replace","params","script","onMessage","e","message","JSON","parse","nativeEvent","data","UnitMessage","UNIT_REQUEST_REFRESH","details","EventBus","Instance","event","BusEvent","REQUEST_REFRESH"],"sources":["WebComponent.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Dimensions } from 'react-native';\nimport {\n  WebView,\n  WebViewMessageEvent\n} from 'react-native-webview'\nimport EventBus, { BusEvent } from '../helpers/EventBus';\n\nimport html from './html';\nimport type { CardEvent, CardMessage } from './webMessages/cardMessage';\nimport type { PageEvent, PageMessage } from './webMessages/pageMessage';\nimport { RequestRefreshEvent, UnitEvent, UnitMessage } from './webMessages/unitMessages';\n\nexport type WebViewMessageType =\n  | PageMessage\n  | CardMessage\n  | UnitMessage\n\ntype WebViewEvent =\n  | PageEvent\n  | UnitEvent\n  | CardEvent\n\nexport interface WebViewMessage {\n  type: WebViewMessageType,\n  details?: WebViewEvent\n}\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  params?: string;\n  onMessage: (message: WebViewMessage) => void;\n  script?: string;\n}\n\nexport enum WebComponentType {\n  card = 'unit-elements-card',\n  slot = 'unit-elements-sdk-slot'\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>((props, webRef) => {\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null)\n\n  const windowWidth = Dimensions.get('window').width;\n\n  useEffect(() => {\n    const component: string = props.type.valueOf()\n    let newHtml = html.replace('<COMPONENT>', `<${component} ${props.params || ''}> </${component}>`)\n    newHtml = newHtml.replace('<SCRIPT_FROM_NATIVE>', props.script || '')\n    setSourceHtml(newHtml)\n  }, [props.params])\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage\n\n    if (message.type == UnitMessage.UNIT_REQUEST_REFRESH && message.details) {\n      EventBus.Instance.event(BusEvent.REQUEST_REFRESH, message.details as RequestRefreshEvent)\n    } else {\n      props.onMessage(message)\n    }\n  }\n\n  if (!sourceHtml) return null\n\n  return (\n    <WebView\n      ref={webRef}\n      cacheEnabled={false}\n      scrollEnabled={false}\n      overScrollMode=\"never\"\n      style={{ width: windowWidth }}\n      source={{ html: sourceHtml }}\n      onMessage={onMessage} />\n  )\n})\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAIA;;AAEA;;AAGA;;;;;;;;IAwBYA,gB;;;WAAAA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,gCAAAA,gB;;AAKL,MAAMC,YAAY,gBAAGC,cAAA,CAAMC,UAAN,CAA6C,CAACC,KAAD,EAAQC,MAAR,KAAmB;EAC1F,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAwB,IAAxB,CAApC;;EAEA,MAAMC,WAAW,GAAGC,uBAAA,CAAWC,GAAX,CAAe,QAAf,EAAyBC,KAA7C;;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,MAAMC,SAAiB,GAAGV,KAAK,CAACW,IAAN,CAAWC,OAAX,EAA1B;;IACA,IAAIC,OAAO,GAAGC,aAAA,CAAKC,OAAL,CAAa,aAAb,EAA6B,IAAGL,SAAU,IAAGV,KAAK,CAACgB,MAAN,IAAgB,EAAG,OAAMN,SAAU,GAAhF,CAAd;;IACAG,OAAO,GAAGA,OAAO,CAACE,OAAR,CAAgB,sBAAhB,EAAwCf,KAAK,CAACiB,MAAN,IAAgB,EAAxD,CAAV;IACAd,aAAa,CAACU,OAAD,CAAb;EACD,CALD,EAKG,CAACb,KAAK,CAACgB,MAAP,CALH;;EAOA,MAAME,SAAS,GAAIC,CAAD,IAA4B;IAC5C,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAWH,CAAC,CAACI,WAAF,CAAcC,IAAzB,CAAhB;;IAEA,IAAIJ,OAAO,CAACT,IAAR,IAAgBc,yBAAA,CAAYC,oBAA5B,IAAoDN,OAAO,CAACO,OAAhE,EAAyE;MACvEC,iBAAA,CAASC,QAAT,CAAkBC,KAAlB,CAAwBC,kBAAA,CAASC,eAAjC,EAAkDZ,OAAO,CAACO,OAA1D;IACD,CAFD,MAEO;MACL3B,KAAK,CAACkB,SAAN,CAAgBE,OAAhB;IACD;EACF,CARD;;EAUA,IAAI,CAAClB,UAAL,EAAiB,OAAO,IAAP;EAEjB,oBACE,6BAAC,2BAAD;IACE,GAAG,EAAED,MADP;IAEE,YAAY,EAAE,KAFhB;IAGE,aAAa,EAAE,KAHjB;IAIE,cAAc,EAAC,OAJjB;IAKE,KAAK,EAAE;MAAEO,KAAK,EAAEH;IAAT,CALT;IAME,MAAM,EAAE;MAAES,IAAI,EAAEZ;IAAR,CANV;IAOE,SAAS,EAAEgB;EAPb,EADF;AAUD,CAlC2B,CAArB"}
+{"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"}

package/lib/commonjs/webComponent/html.js

@@ -3,7 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.HTML_PLACEHOLDER = void 0;
+
+var _bodyScript = require("../scripts/html/bodyScript");
+
+const HTML_PLACEHOLDER = {
+  SCRIPT_UNIT: '<SCRIPT_UNIT>',
+  BODY: '<BODY_HTML_CODE>',
+  SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>'
+};
+exports.HTML_PLACEHOLDER = HTML_PLACEHOLDER;
 const htmlText = `
   <!DOCTYPE html>
   <html lang="en">
@@ -13,64 +22,32 @@ const htmlText = `
     <script>
       window.UnitMobileSDK = true
     </script>
-    <script src="https://unit-white-labeled-banking.netlify.app/client-events.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
   </html>
 
-  <body style="margin: 0">
-    <COMPONENT>
+  <body style="margin: 0;">
+    ${HTML_PLACEHOLDER.BODY}
 
     <script>
-      const postMessageToSDK = (message) => {
-        if ('ReactNativeWebView' in window) {
-          const messageString = JSON.stringify(message)
-          window['ReactNativeWebView'].postMessage(messageString)
-        }
-      }
+      ${_bodyScript.POST_MESSAGE_TO_SDK}
 
-      const postHeight = () => {
-        setTimeout(() => {
-          const height = window.document.documentElement.getBoundingClientRect().height + 36
-          postMessageToSDK({ type: "pageHeight", details: { height } })
-        })
-      }
+      ${_bodyScript.POST_PAGE_HEIGHT}
 
-      window.addEventListener('DOMContentLoaded', e => {
-        postMessageToSDK({ type: "pageLoaded" })
-      });
+      ${_bodyScript.LISTENERS.isPageLoaded}
 
-      window.addEventListener("unitRequestRendering", (e) => {
-        postMessageToSDK({ type: "unitRequestRendering", details: { data: JSON.stringify(e.detail) }})
-      });
+      ${_bodyScript.LISTENERS.onLoad}
 
-      window.addEventListener("unitOnLoad", (e) => {
-        postHeight()
-        postMessageToSDK({ type: "unitOnLoad" })
-      });
+      ${_bodyScript.LISTENERS.requestRendering}
 
-      window.addEventListener("unitRequestCloseFlow", (e) => {
-        postMessageToSDK({ type: "unitRequestCloseFlow" })
-      });
+      ${_bodyScript.LISTENERS.requestOpenLink}
 
-      window.addEventListener("unitRequestOpenLink", (e) => {
-        postMessageToSDK({ type: "unitRequestOpenLink", details: e.detail })
-      });
+      ${_bodyScript.LISTENERS.requestCloseFlow}
 
-      window.addEventListener("unitCardStatusChanged", (e) => {
-        const response = e.detail
-        response.then((data) => {
-          postMessageToSDK({ type: "cardStatusChanged", details:  { card: JSON.stringify(data.data) }})
-        }).catch((e) => {
-          console.log(e)
-        })
-      });
+      ${_bodyScript.LISTENERS.cardStatusChange}
 
-      const dispatchRenderingEvent = (details) => {
-        const event = new CustomEvent("unitRequestRendering",{ detail: JSON.parse(details) })
-        window.dispatchEvent(event)
-      }
+      ${_bodyScript.DISPTACH_RENDERING_EVENT}
 
-      <SCRIPT_FROM_NATIVE>
+      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}
     </script>
   </body>
 `;

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

@@ -1 +1 @@
-{"version":3,"names":["htmlText"],"sources":["html.ts"],"sourcesContent":["const 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    <script src=\"https://unit-white-labeled-banking.netlify.app/client-events.js\"></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    <COMPONENT>\n\n    <script>\n      const postMessageToSDK = (message) => {\n        if ('ReactNativeWebView' in window) {\n          const messageString = JSON.stringify(message)\n          window['ReactNativeWebView'].postMessage(messageString)\n        }\n      }\n\n      const postHeight = () => {\n        setTimeout(() => {\n          const height = window.document.documentElement.getBoundingClientRect().height + 36\n          postMessageToSDK({ type: \"pageHeight\", details: { height } })\n        })\n      }\n\n      window.addEventListener('DOMContentLoaded', e => {\n        postMessageToSDK({ type: \"pageLoaded\" })\n      });\n\n      window.addEventListener(\"unitRequestRendering\", (e) => {\n        postMessageToSDK({ type: \"unitRequestRendering\", details: { data: JSON.stringify(e.detail) }})\n      });\n\n      window.addEventListener(\"unitOnLoad\", (e) => {\n        postHeight()\n        postMessageToSDK({ type: \"unitOnLoad\" })\n      });\n\n      window.addEventListener(\"unitRequestCloseFlow\", (e) => {\n        postMessageToSDK({ type: \"unitRequestCloseFlow\" })\n      });\n\n      window.addEventListener(\"unitRequestOpenLink\", (e) => {\n        postMessageToSDK({ type: \"unitRequestOpenLink\", details: e.detail })\n      });\n\n      window.addEventListener(\"unitCardStatusChanged\", (e) => {\n        const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"cardStatusChanged\", details:  { card: JSON.stringify(data.data) }})\n        }).catch((e) => {\n          console.log(e)\n        })\n      });\n\n      const dispatchRenderingEvent = (details) => {\n        const event = new CustomEvent(\"unitRequestRendering\",{ detail: JSON.parse(details) })\n        window.dispatchEvent(event)\n      }\n\n      <SCRIPT_FROM_NATIVE>\n    </script>\n  </body>\n`\n\nexport default htmlText\n"],"mappings":";;;;;;AAAA,MAAMA,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CArEA;eAuEeA,Q"}
+{"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"}

package/lib/module/assets/images/index.js

@@ -0,0 +1,2 @@
+export { default as CloseIcon } from './close.png';
+//# sourceMappingURL=index.js.map

package/lib/module/assets/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","CloseIcon"],"sources":["index.ts"],"sourcesContent":["export { default as CloseIcon } from './close.png';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAApB,QAAqC,aAArC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PresentationMode } from '../../scripts/html/bodyHtml';
+import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+import { getActivityParams } from './UNActivityComponent.utils';
+export const UNActivityComponent = props => {
+  return /*#__PURE__*/React.createElement(WebComponent, {
+    type: WebComponentType.activity,
+    presentationMode: PresentationMode.Inherit,
+    params: getActivityParams(props),
+    isScrollable: false
+  });
+};
+//# sourceMappingURL=UNActivityComponent.js.map

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

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

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

@@ -0,0 +1,10 @@
+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%"
+  `;
+};
+//# sourceMappingURL=UNActivityComponent.utils.js.map

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

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

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

@@ -0,0 +1,23 @@
+import React 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';
+export const UNBookPaymentComponent = props => {
+  const handleWebViewMessage = message => {
+    if (message.type === BookPaymentMessage.PAYMENT_CREATED && props.onPaymentCreated) {
+      const response = message.details;
+      props.onPaymentCreated(response.data);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(WebComponent, {
+    type: WebComponentType.bookPayment,
+    presentationMode: PresentationMode.Inherit,
+    params: getBookPaymentParams(props),
+    script: getBookPaymentScript(),
+    onMessage: message => handleWebViewMessage(message),
+    isScrollable: false
+  });
+};
+//# sourceMappingURL=UNBookPaymentComponent.js.map

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

@@ -0,0 +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      isScrollable={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,YAAY,EAAE;EANhB,EADF;AAUD,CAlBM"}

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

@@ -0,0 +1,26 @@
+import { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';
+import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
+export const getBookPaymentParams = props => {
+  return `
+    account-id="${props.accountId}"
+    customer-token="${props.customerToken}"
+    is-same-customer="${props.isSameCustomer}"
+    counterparty-account-id="${props.counterPartyAccountId}"
+    counterparty-name="${props.counterPartyName}"
+    theme="${props.theme ?? UnitSDK.getTheme()}"
+    style="height: 100%"
+  `;
+};
+export const getBookPaymentScript = () => {
+  return `
+    window.addEventListener("${BookPaymentMessage.PAYMENT_CREATED}", (e) => {
+      const response = e.detail
+        response.then((data) => {
+          postMessageToSDK({ type: "${BookPaymentMessage.PAYMENT_CREATED}", details:  { data: JSON.stringify(data.data) }})
+        }).catch((e) => {
+          console.log(e)
+        })
+    });
+  `;
+};
+//# sourceMappingURL=UNBookPaymentComponent.utils.js.map

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

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

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

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

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

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