react-native-unit-components 1.0.2 → 1.0.4

package/lib/commonjs/components/UNBookPaymentComponent/UNBookPaymentComponent.js

@@ -19,6 +19,8 @@ var _pageMessage = require("../../messages/webMessages/pageMessage");
 
 var _reactNative = require("react-native");
 
+var _unitMessages = require("../../messages/webMessages/unitMessages");
+
 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; }
@@ -28,18 +30,28 @@ const UNBookPaymentComponent = props => {
   const [presentationMode, setPresentationMode] = (0, _react.useState)(_bodyHtml.PresentationMode.Inherit);
 
   const handleWebViewMessage = message => {
-    if (message.type === _bookPaymentMessage.BookPaymentMessage.PAYMENT_CREATED && props.onPaymentCreated) {
-      const response = message.details;
-      props.onPaymentCreated(response.data);
-    }
+    if (!message || !message.details) return;
+
+    switch (message.type) {
+      case _bookPaymentMessage.BookPaymentMessage.PAYMENT_CREATED:
+        props.onPaymentCreated && props.onPaymentCreated(message.details.data);
+        break;
+
+      case _unitMessages.UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details);
+        break;
+
+      case _pageMessage.PageMessage.PAGE_HEIGHT:
+        {
+          const currentHeight = message.details.height;
+          setHeight(currentHeight);
 
-    if (message.type === _pageMessage.PageMessage.PAGE_HEIGHT) {
-      const currentHeight = message.details.height;
-      setHeight(currentHeight);
+          if (presentationMode === _bodyHtml.PresentationMode.Inherit && currentHeight === 0) {
+            setPresentationMode(_bodyHtml.PresentationMode.Default);
+          }
 
-      if (presentationMode === _bodyHtml.PresentationMode.Inherit && currentHeight === 0) {
-        setPresentationMode(_bodyHtml.PresentationMode.Default);
-      }
+          break;
+        }
     }
   };
 

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

@@ -1 +1 @@
-{"version":3,"names":["UNBookPaymentComponent","props","height","setHeight","useState","presentationMode","setPresentationMode","PresentationMode","Inherit","handleWebViewMessage","message","type","BookPaymentMessage","PAYMENT_CREATED","onPaymentCreated","response","details","data","PageMessage","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","WebComponentType","bookPayment","getBookPaymentParams","getBookPaymentScript","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;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;;;;;AAYO,MAAMA,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAiB,CAAjB,CAA5B;EACA,MAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IAA0C,IAAAF,eAAA,EAA2BG,0BAAA,CAAiBC,OAA5C,CAAhD;;EAEA,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAIA,OAAO,CAACC,IAAR,KAAiBC,sCAAA,CAAmBC,eAApC,IAAuDZ,KAAK,CAACa,gBAAjE,EAAmF;MACjF,MAAMC,QAAQ,GAAGL,OAAO,CAACM,OAAzB;MACAf,KAAK,CAACa,gBAAN,CAAuBC,QAAQ,CAACE,IAAhC;IACD;;IAED,IAAIP,OAAO,CAACC,IAAR,KAAiBO,wBAAA,CAAYC,WAAjC,EAA8C;MAC5C,MAAMC,aAAa,GAAIV,OAAO,CAACM,OAAT,CAAiCd,MAAvD;MACAC,SAAS,CAACiB,aAAD,CAAT;;MACA,IAAIf,gBAAgB,KAAKE,0BAAA,CAAiBC,OAAtC,IAAiDY,aAAa,KAAK,CAAvE,EAA0E;QACxEd,mBAAmB,CAACC,0BAAA,CAAiBc,OAAlB,CAAnB;MACD;IACF;EACF,CAbD;;EAeA,MAAMC,wBAAwB,GAAG,MAAM;IACrC,oBACE,6BAAC,0BAAD;MACE,IAAI,EAAEC,8BAAA,CAAiBC,WADzB;MAEE,gBAAgB,EAAEnB,gBAFpB;MAGE,MAAM,EAAE,IAAAoB,4CAAA,EAAqBxB,KAArB,CAHV;MAIE,MAAM,EAAE,IAAAyB,4CAAA,GAJV;MAKE,SAAS,EAAGhB,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;MAME,YAAY,EAAE,KANhB;MAOE,KAAK,EAAET,KAAK,CAAC0B;IAPf,EADF;EAWD,CAZD;;EAcA,IAAItB,gBAAgB,KAAKE,0BAAA,CAAiBC,OAA1C,EAAmD;IACjD,OAAOc,wBAAwB,EAA/B;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEpB,MAAM,EAAEA;IAAV;EAAb,GACGoB,wBAAwB,EAD3B,CADF;AAKD,CA1CM"}
+{"version":3,"names":["UNBookPaymentComponent","props","height","setHeight","useState","presentationMode","setPresentationMode","PresentationMode","Inherit","handleWebViewMessage","message","details","type","BookPaymentMessage","PAYMENT_CREATED","onPaymentCreated","data","UnitMessage","UNIT_ON_LOAD","onLoad","PageMessage","PAGE_HEIGHT","currentHeight","Default","renderBookPaymentWebView","WebComponentType","bookPayment","getBookPaymentParams","getBookPaymentScript","theme"],"sources":["UNBookPaymentComponent.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { BookPaymentEvent, BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport type { ResponseUnitOnLoadEvent, UNBookPaymentData } from '../../sharedTypes';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { View } from 'react-native';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\n\nexport interface UNBookPaymentComponentProps {\n  accountId: string;\n  customerToken: string;\n  isSameCustomer: boolean;\n  counterPartyAccountId: string;\n  counterPartyName: string;\n  theme?: string;\n  onPaymentCreated?: (data: UNBookPaymentData) => void;\n  onLoad?: (response: ResponseUnitOnLoadEvent) => void;\n}\n\nexport const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {\n  const [height, setHeight] = useState<number>(0);\n  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);\n\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (!message || !message.details) return;\n\n    switch (message.type) {\n      case BookPaymentMessage.PAYMENT_CREATED:\n        props.onPaymentCreated && props.onPaymentCreated((message.details as BookPaymentEvent).data);\n        break;\n      case UnitMessage.UNIT_ON_LOAD:\n        props.onLoad && props.onLoad(message.details as ResponseUnitOnLoadEvent);\n        break;\n      case PageMessage.PAGE_HEIGHT: {\n        const currentHeight = (message.details as HeightEvent).height;\n        setHeight(currentHeight);\n        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {\n          setPresentationMode(PresentationMode.Default);\n        }\n        break;\n      }\n    }\n  };\n\n  const renderBookPaymentWebView = () => {\n    return (\n      <WebComponent\n        type={WebComponentType.bookPayment}\n        presentationMode={presentationMode}\n        params={getBookPaymentParams(props)}\n        script={getBookPaymentScript()}\n        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n        isScrollable={false}\n        theme={props.theme}\n      />\n    );\n  };\n\n  if (presentationMode === PresentationMode.Inherit) {\n    return renderBookPaymentWebView();\n  }\n\n  return (\n    <View style={{ height: height }}>\n      {renderBookPaymentWebView()}\n    </View>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;AAaO,MAAMA,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAiB,CAAjB,CAA5B;EACA,MAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IAA0C,IAAAF,eAAA,EAA2BG,0BAAA,CAAiBC,OAA5C,CAAhD;;EAEA,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAI,CAACA,OAAD,IAAY,CAACA,OAAO,CAACC,OAAzB,EAAkC;;IAElC,QAAQD,OAAO,CAACE,IAAhB;MACE,KAAKC,sCAAA,CAAmBC,eAAxB;QACEb,KAAK,CAACc,gBAAN,IAA0Bd,KAAK,CAACc,gBAAN,CAAwBL,OAAO,CAACC,OAAT,CAAsCK,IAA7D,CAA1B;QACA;;MACF,KAAKC,yBAAA,CAAYC,YAAjB;QACEjB,KAAK,CAACkB,MAAN,IAAgBlB,KAAK,CAACkB,MAAN,CAAaT,OAAO,CAACC,OAArB,CAAhB;QACA;;MACF,KAAKS,wBAAA,CAAYC,WAAjB;QAA8B;UAC5B,MAAMC,aAAa,GAAIZ,OAAO,CAACC,OAAT,CAAiCT,MAAvD;UACAC,SAAS,CAACmB,aAAD,CAAT;;UACA,IAAIjB,gBAAgB,KAAKE,0BAAA,CAAiBC,OAAtC,IAAiDc,aAAa,KAAK,CAAvE,EAA0E;YACxEhB,mBAAmB,CAACC,0BAAA,CAAiBgB,OAAlB,CAAnB;UACD;;UACD;QACD;IAdH;EAgBD,CAnBD;;EAqBA,MAAMC,wBAAwB,GAAG,MAAM;IACrC,oBACE,6BAAC,0BAAD;MACE,IAAI,EAAEC,8BAAA,CAAiBC,WADzB;MAEE,gBAAgB,EAAErB,gBAFpB;MAGE,MAAM,EAAE,IAAAsB,4CAAA,EAAqB1B,KAArB,CAHV;MAIE,MAAM,EAAE,IAAA2B,4CAAA,GAJV;MAKE,SAAS,EAAGlB,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;MAME,YAAY,EAAE,KANhB;MAOE,KAAK,EAAET,KAAK,CAAC4B;IAPf,EADF;EAWD,CAZD;;EAcA,IAAIxB,gBAAgB,KAAKE,0BAAA,CAAiBC,OAA1C,EAAmD;IACjD,OAAOgB,wBAAwB,EAA/B;EACD;;EAED,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEtB,MAAM,EAAEA;IAAV;EAAb,GACGsB,wBAAwB,EAD3B,CADF;AAKD,CAhDM"}

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBookPaymentScript = exports.getBookPaymentParams = void 0;
 
+var _bodyScript = require("./../../scripts/html/bodyScript");
+
 var _bookPaymentMessage = require("../../messages/webMessages/bookPaymentMessage");
 
 const getBookPaymentParams = props => {
@@ -30,6 +32,8 @@ const getBookPaymentScript = () => {
           console.log(e)
         })
     });
+
+    ${_bodyScript.LISTENERS.requestRefresh}
   `;
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","getBookPaymentScript","BookPaymentMessage","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;;AAEO,MAAMA,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;;;;AAWA,MAAMC,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BC,sCAAA,CAAmBC,eAAgB;AAClE;AACA;AACA,sCAAsCD,sCAAA,CAAmBC,eAAgB;AACzE;AACA;AACA;AACA;AACA,GATE;AAUD,CAXM"}
+{"version":3,"names":["getBookPaymentParams","props","accountId","customerToken","isSameCustomer","counterPartyAccountId","counterPartyName","getBookPaymentScript","BookPaymentMessage","PAYMENT_CREATED","LISTENERS","requestRefresh"],"sources":["UNBookPaymentComponent.utils.ts"],"sourcesContent":["import { LISTENERS } from './../../scripts/html/bodyScript';\nimport type { UNBookPaymentComponentProps } from './UNBookPaymentComponent';\n\nimport { BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\n\nexport const getBookPaymentParams = (props: UNBookPaymentComponentProps) => {\n  return `\n    account-id=\"${props.accountId}\"\n    customer-token=\"${props.customerToken}\"\n    is-same-customer=\"${props.isSameCustomer}\"\n    counterparty-account-id=\"${props.counterPartyAccountId}\"\n    counterparty-name=\"${props.counterPartyName}\"\n    style=\"height: 100%\"\n  `;\n};\n\nexport const getBookPaymentScript = () => {\n  return `\n    window.addEventListener(\"${BookPaymentMessage.PAYMENT_CREATED}\", (e) => {\n      const response = e.detail\n        response.then((data) => {\n          postMessageToSDK({ type: \"${BookPaymentMessage.PAYMENT_CREATED}\", details:  { data: JSON.stringify(data.data) }})\n        }).catch((e) => {\n          console.log(e)\n        })\n    });\n\n    ${LISTENERS.requestRefresh}\n  `;\n};\n"],"mappings":";;;;;;;AAAA;;AAGA;;AAEO,MAAMA,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;;;;AAWA,MAAMC,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BC,sCAAA,CAAmBC,eAAgB;AAClE;AACA;AACA,sCAAsCD,sCAAA,CAAmBC,eAAgB;AACzE;AACA;AACA;AACA;AACA;AACA,MAAMC,qBAAA,CAAUC,cAAe;AAC/B,GAXE;AAYD,CAbM"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = void 0;
-const BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = 0.9;
-exports.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE = BOTTOM_SHEET_MAX_PRECANTAGE_SIZE;
+exports.BOTTOM_SHEET_MAX_PERCENTAGE_SIZE = void 0;
+const BOTTOM_SHEET_MAX_PERCENTAGE_SIZE = 0.9;
+exports.BOTTOM_SHEET_MAX_PERCENTAGE_SIZE = BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;
 //# sourceMappingURL=UNBottomSheetComponent.constants.js.map

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

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

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.js

@@ -31,6 +31,12 @@ var _bodyHtml = require("../../scripts/html/bodyHtml");
 
 var _useAppStateListener = require("../../hooks/useAppStateListener");
 
+var _UNAddToWalletBottomSheetItem = require("./components/UNAddToWalletBottomSheetItem");
+
+var _UNAccountComponent = require("../UNAccountComponent/UNAccountComponent.utils");
+
+var _UNAccountComponent2 = require("../UNAccountComponent/UNAccountComponent");
+
 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); }
@@ -43,45 +49,57 @@ exports.ScrollState = ScrollState;
 
 (function (ScrollState) {
   ScrollState["onTop"] = "onTop";
+  ScrollState["unScrollable"] = "unScrollable";
   ScrollState["onlyWebView"] = "webViewScroll";
   ScrollState["onlyBottomSheet"] = "onlyBottomSheet";
-  ScrollState["unScrollable"] = "unScrollable";
 })(ScrollState || (exports.ScrollState = ScrollState = {}));
 
+var CustomDialog;
+
+(function (CustomDialog) {
+  CustomDialog[CustomDialog["addToWallet"] = 0] = "addToWallet";
+})(CustomDialog || (CustomDialog = {}));
+
 const UNBottomSheetComponent = () => {
   const [isBottomSheetActive, setIsBottomSheetActive] = (0, _react.useState)(false);
   const [height, setHeight] = (0, _react.useState)(0);
-  const [renderingRequest, setRenderingRequest] = (0, _react.useState)(null);
+  const [bottomSheetSlotData, setBottomSheetSlotData] = (0, _react.useState)();
+  const [requestRenderingEvent, setRequestRenderingEvent] = (0, _react.useState)();
   const [scrollState, setScrollState] = (0, _react.useState)(ScrollState.onTop);
   const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = (0, _react.useState)(false);
   const [newHeightMessage, setNewHeightMessage] = (0, _react.useState)(null);
+  const [customDialog, setCustomDialog] = (0, _react.useState)(null);
   const isAppActive = (0, _useAppStateListener.useAppStateListener)();
   const styles = (0, _UNBottomSheetComponent2.getStylesObject)();
   const webRef = (0, _react.useRef)(null);
 
-  const listenerAction = data => {
-    setRenderingRequest(data);
+  const handleRequestRendering = data => {
+    setBottomSheetSlotData(data);
     setIsBottomSheetActive(true);
+    setRequestRenderingEvent(data.requestRenderingEvent);
+  };
+
+  const handleCloseFlow = () => {
+    setIsBottomSheetActive(false);
   };
 
   (0, _react.useEffect)(() => {
-    if (!isAppActive) {
-      setIsBottomSheetActive(false);
-    }
-  }, [isAppActive]);
+    setRequestRenderingEvent(bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.requestRenderingEvent);
+  }, [bottomSheetSlotData]);
   (0, _react.useEffect)(() => {
     if (!webRef.current) return;
 
-    if (renderingRequest) {
-      (0, _UNBottomSheetComponent.renderingBottomSheetRequest)(webRef.current, renderingRequest);
+    if (requestRenderingEvent) {
+      (0, _UNBottomSheetComponent.renderingBottomSheetRequest)(webRef.current, requestRenderingEvent);
     }
-  }, [webRef.current, renderingRequest]);
+  }, [webRef.current, requestRenderingEvent]);
   (0, _react.useEffect)(() => {
     if (!isBottomSheetActive) {
       webRef.current && (0, _UNBottomSheetComponent.resetHtml)(webRef.current);
       setHeight(0);
-      setRenderingRequest(null);
+      setRequestRenderingEvent(undefined);
       setScrollState(ScrollState.onTop);
+      setCustomDialog(null);
     }
   }, [isBottomSheetActive]);
   (0, _react.useEffect)(() => {
@@ -92,44 +110,81 @@ const UNBottomSheetComponent = () => {
   }, [waitForLoadingNewComponent, newHeightMessage]);
   (0, _listenerToBus.useListenerToBus)([{
     busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING,
-    action: listenerAction
+    action: handleRequestRendering
+  }, {
+    busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
+    action: handleCloseFlow
   }]);
 
   const setNewHeight = message => {
-    if (renderingRequest) {
-      const nativePlace = JSON.parse(renderingRequest).nativePlace;
-
-      if (nativePlace == 'overFullScreen') {
-        const bottomSheetNewHeight = (0, _UNBottomSheetComponent.handleHtmlFullHeight)(webRef.current, _reactNative.Dimensions.get('window').height);
-        setHeight(bottomSheetNewHeight);
-        setScrollState(ScrollState.onTop);
-      } else {
-        setHeight(message.details.height);
-        setScrollState(ScrollState.unScrollable);
-      }
+    if (!requestRenderingEvent) return;
+
+    switch (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentName) {
+      case _WebComponent.WebComponentType.account:
+        {
+          const accountActionType = (0, _UNAccountComponent.getAccountActionType)(requestRenderingEvent);
+          setScrollState(accountActionType === _UNAccountComponent2.AccountAction.List ? ScrollState.onTop : ScrollState.unScrollable);
+          break;
+        }
+
+      case _WebComponent.WebComponentType.card:
+        {
+          if (customDialog === CustomDialog.addToWallet) {
+            setScrollState(ScrollState.unScrollable);
+          } else {
+            setScrollState(ScrollState.onTop);
+          }
+
+          break;
+        }
+
+      default:
+        {
+          const nativePlace = requestRenderingEvent === null || requestRenderingEvent === void 0 ? void 0 : requestRenderingEvent.data.nativePlace;
+
+          if (nativePlace == 'overFullScreen') {
+            setScrollState(ScrollState.onTop);
+          } else {
+            setScrollState(ScrollState.unScrollable);
+          }
+        }
+    }
+
+    const nativePlace = requestRenderingEvent === null || requestRenderingEvent === void 0 ? void 0 : requestRenderingEvent.data.nativePlace;
+
+    if (nativePlace == 'overFullScreen') {
+      const bottomSheetNewHeight = (0, _UNBottomSheetComponent.handleHtmlFullHeight)(webRef.current, _reactNative.Dimensions.get('window').height);
+      setHeight(bottomSheetNewHeight);
+    } else {
+      setHeight(message.details.height);
     }
   };
 
   const onWebMessage = message => {
     switch (message.type) {
       case _pageMessage.PageMessage.PAGE_HEIGHT:
-        renderingRequest && setNewHeightMessage(message);
+        requestRenderingEvent && setNewHeightMessage(message);
         break;
 
       case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
-        // eslint-disable-next-line no-case-declarations
-        const {
-          data
-        } = message.details;
+        {
+          var _requestRenderingEven;
 
-        if (data != renderingRequest) {
-          setHeight(0);
-          setRenderingRequest(data);
-          setWaitForLoadingNewComponent(true);
-          setTimeout(() => setWaitForLoadingNewComponent(false), 400);
-        }
+          const requestRendering = message.details;
 
-        break;
+          if (requestRendering.data.nativeComponent != (requestRenderingEvent === null || requestRenderingEvent === void 0 ? void 0 : (_requestRenderingEven = requestRenderingEvent.data) === null || _requestRenderingEven === void 0 ? void 0 : _requestRenderingEven.nativeComponent)) {
+            if (requestRendering.data.nativeComponent.includes('action=AddToWallet')) {
+              setCustomDialog(CustomDialog.addToWallet);
+            }
+
+            setHeight(0);
+            setRequestRenderingEvent(requestRendering);
+            setWaitForLoadingNewComponent(true);
+            setTimeout(() => setWaitForLoadingNewComponent(false), 400);
+          }
+
+          break;
+        }
 
       case _cardMessage.CardMessage.CARD_STATUS_CHANGED:
         _EventBus.default.Instance.event(_cardMessage.CardMessage.CARD_STATUS_CHANGED, message.details.card);
@@ -137,7 +192,7 @@ const UNBottomSheetComponent = () => {
         break;
 
       case _unitMessages.UnitMessage.UNIT_REQUEST_CLOSE_FLOW:
-        setIsBottomSheetActive(false);
+        handleCloseFlow();
         break;
 
       case _unitMessages.UnitMessage.UNIT_REQUEST_OPEN_LINK:
@@ -170,6 +225,27 @@ const UNBottomSheetComponent = () => {
     setScrollState(ScrollState.onlyWebView);
   };
 
+  const renderBottomSheetItem = () => {
+    switch (customDialog) {
+      case CustomDialog.addToWallet:
+        return /*#__PURE__*/_react.default.createElement(_UNAddToWalletBottomSheetItem.UNAddToWalletBottomSheetItem, {
+          renderingRequest: requestRenderingEvent,
+          cardId: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentResourceId
+        });
+
+      default:
+        return /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
+          ref: webRef,
+          type: _WebComponent.WebComponentType.slot,
+          presentationMode: _bodyHtml.PresentationMode.CoverInjectedHeight,
+          script: (0, _UNBottomSheetComponent.getBottomSheetScript)(),
+          onMessage: onWebMessage,
+          isScrollable: scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop,
+          handleScroll: onScrollWebView
+        });
+    }
+  };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     pointerEvents: isBottomSheetActive ? undefined : 'none',
     style: styles.container
@@ -180,15 +256,7 @@ const UNBottomSheetComponent = () => {
     onOpen: () => setIsBottomSheetActive(true),
     handleWebViewScroll: () => handleWebViewScroll(),
     shouldEnableBottomSheetScroll: scrollState !== ScrollState.onlyWebView
-  }, isAppActive && /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
-    ref: webRef,
-    type: _WebComponent.WebComponentType.slot,
-    presentationMode: _bodyHtml.PresentationMode.CoverInjectedHeight,
-    script: (0, _UNBottomSheetComponent.getBottomSheetScript)(),
-    onMessage: onWebMessage,
-    isScrollable: scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop,
-    handleScroll: onScrollWebView
-  }))));
+  }, isAppActive && renderBottomSheetItem())));
 };
 
 exports.UNBottomSheetComponent = UNBottomSheetComponent;

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

@@ -1 +1 @@
-{"version":3,"names":["ScrollState","UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","useState","height","setHeight","renderingRequest","setRenderingRequest","scrollState","setScrollState","onTop","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","isAppActive","useAppStateListener","styles","getStylesObject","webRef","useRef","listenerAction","data","useEffect","current","renderingBottomSheetRequest","resetHtml","setNewHeight","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_RENDERING","action","message","nativePlace","JSON","parse","bottomSheetNewHeight","handleHtmlFullHeight","Dimensions","get","details","unScrollable","onWebMessage","type","PageMessage","PAGE_HEIGHT","setTimeout","CardMessage","CARD_STATUS_CHANGED","EventBus","Instance","event","card","UNIT_REQUEST_CLOSE_FLOW","UNIT_REQUEST_OPEN_LINK","href","Linking","openURL","onScrollWebView","currY","nativeEvent","contentOffset","y","onlyBottomSheet","onlyWebView","handleWebViewScroll","undefined","container","WebComponentType","slot","PresentationMode","CoverInjectedHeight","getBottomSheetScript"],"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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"}
+{"version":3,"names":["ScrollState","CustomDialog","UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","useState","height","setHeight","bottomSheetSlotData","setBottomSheetSlotData","requestRenderingEvent","setRequestRenderingEvent","scrollState","setScrollState","onTop","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","customDialog","setCustomDialog","isAppActive","useAppStateListener","styles","getStylesObject","webRef","useRef","handleRequestRendering","data","handleCloseFlow","useEffect","current","renderingBottomSheetRequest","resetHtml","undefined","setNewHeight","useListenerToBus","busEventKey","UnitMessage","UNIT_REQUEST_RENDERING","action","UNIT_REQUEST_CLOSE_FLOW","message","componentName","WebComponentType","account","accountActionType","getAccountActionType","AccountAction","List","unScrollable","card","addToWallet","nativePlace","bottomSheetNewHeight","handleHtmlFullHeight","Dimensions","get","details","onWebMessage","type","PageMessage","PAGE_HEIGHT","requestRendering","nativeComponent","includes","setTimeout","CardMessage","CARD_STATUS_CHANGED","EventBus","Instance","event","UNIT_REQUEST_OPEN_LINK","href","Linking","openURL","onScrollWebView","currY","nativeEvent","contentOffset","y","onlyBottomSheet","onlyWebView","handleWebViewScroll","renderBottomSheetItem","componentResourceId","slot","PresentationMode","CoverInjectedHeight","getBottomSheetScript","container"],"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, 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';\nimport { UNAddToWalletBottomSheetItem } from './components/UNAddToWalletBottomSheetItem';\nimport { getAccountActionType } from '../UNAccountComponent/UNAccountComponent.utils';\nimport { AccountAction } from '../UNAccountComponent/UNAccountComponent';\n\nexport enum ScrollState {\n  /*\n    Web View ScrollState -\n      - Initialization:\n      'onTop': for a scrollable webView.\n        (onTop means that the webview is onTop of the BottomSheet and we need to recognize the scroll direction).\n        Then, it recognize the scroll direction and update the scroll state as needed.\n\n      -'unScrollable': for an unscrollable webView\n  */\n  onTop = 'onTop',\n  unScrollable = 'unScrollable',\n\n  /*\n    These are only for maintain the bottom sheet scrollState (not an initialize scroll state).\n    It relates to the current scroll state.\n    onlyWebView means that now the scroll is on webview (only).\n    onlyBottomSheet means that now the scroll is on bottomSheet (only).\n   */\n  onlyWebView = 'webViewScroll',\n  onlyBottomSheet = 'onlyBottomSheet',\n}\n\nexport type BottomSheetSlotData = {\n  // The data that rendered by the web view\n  componentName?: WebComponentType,\n  componentResourceId?: string,\n  requestRenderingEvent: RequestRenderingEvent\n}\n\nenum CustomDialog {\n  addToWallet\n}\n\nexport const UNBottomSheetComponent = () => {\n  const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);\n  const [height, setHeight] = useState(0);\n\n  const [bottomSheetSlotData, setBottomSheetSlotData] = useState<BottomSheetSlotData>();\n  const [requestRenderingEvent, setRequestRenderingEvent] = useState<RequestRenderingEvent>();\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 [customDialog, setCustomDialog] = useState<CustomDialog | null>(null);\n\n  const isAppActive = useAppStateListener();\n\n  const styles = getStylesObject();\n\n  const webRef = useRef<WebView>(null);\n\n  const handleRequestRendering = (data: BottomSheetSlotData) => {\n    setBottomSheetSlotData(data);\n    setIsBottomSheetActive(true);\n    setRequestRenderingEvent(data.requestRenderingEvent);\n  };\n\n  const handleCloseFlow = () => {\n    setIsBottomSheetActive(false);\n  };\n\n  useEffect(() => {\n    setRequestRenderingEvent(bottomSheetSlotData?.requestRenderingEvent);\n  }, [bottomSheetSlotData]);\n\n  useEffect(() => {\n    if (!webRef.current) return;\n    if (requestRenderingEvent) {\n      renderingBottomSheetRequest(webRef.current, requestRenderingEvent);\n    }\n  }, [webRef.current, requestRenderingEvent]);\n\n  useEffect(() => {\n    if (!isBottomSheetActive) {\n      webRef.current && resetHtml(webRef.current);\n      setHeight(0);\n      setRequestRenderingEvent(undefined);\n      setScrollState(ScrollState.onTop);\n      setCustomDialog(null);\n    }\n  }, [isBottomSheetActive]);\n\n  useEffect(() => {\n    if (!waitForLoadingNewComponent && newHeightMessage) {\n      setWaitForLoadingNewComponent(false);\n      setNewHeight(newHeightMessage);\n    }\n  }, [waitForLoadingNewComponent, newHeightMessage]);\n\n  useListenerToBus([\n    { busEventKey: UnitMessage.UNIT_REQUEST_RENDERING, action: handleRequestRendering },\n    { busEventKey: UnitMessage.UNIT_REQUEST_CLOSE_FLOW, action: handleCloseFlow }\n  ]);\n\n  const setNewHeight = (message: WebViewMessage) => {\n    if (!requestRenderingEvent) return;\n    switch (bottomSheetSlotData?.componentName) {\n      case WebComponentType.account: {\n        const accountActionType = getAccountActionType(requestRenderingEvent);\n        setScrollState(\n          accountActionType === AccountAction.List ? ScrollState.onTop : ScrollState.unScrollable\n        );\n        break;\n      }\n      case WebComponentType.card: {\n        if (customDialog === CustomDialog.addToWallet) {\n          setScrollState(ScrollState.unScrollable);\n        } else {\n          setScrollState(ScrollState.onTop);\n        }\n        break;\n      }\n      default: {\n        const nativePlace = requestRenderingEvent?.data.nativePlace;\n        if (nativePlace == 'overFullScreen') {\n          setScrollState(ScrollState.onTop);\n        } else {\n          setScrollState(ScrollState.unScrollable);\n        }\n      }\n    }\n    const nativePlace = requestRenderingEvent?.data.nativePlace;\n    if (nativePlace == 'overFullScreen') {\n      const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);\n      setHeight(bottomSheetNewHeight);\n    } else {\n      setHeight((message.details as HeightEvent).height);\n    }\n  };\n\n  const onWebMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case PageMessage.PAGE_HEIGHT:\n        requestRenderingEvent && setNewHeightMessage(message);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        const requestRendering = (message.details as RequestRenderingEvent);\n        if (requestRendering.data.nativeComponent != requestRenderingEvent?.data?.nativeComponent) {\n          if (requestRendering.data.nativeComponent.includes('action=AddToWallet')) {\n            setCustomDialog(CustomDialog.addToWallet);\n          }\n\n          setHeight(0);\n          setRequestRenderingEvent(requestRendering);\n          setWaitForLoadingNewComponent(true);\n          setTimeout(() => setWaitForLoadingNewComponent(false), 400);\n        }\n        break;\n      }\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        handleCloseFlow();\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  const renderBottomSheetItem = () => {\n    switch (customDialog) {\n      case CustomDialog.addToWallet:\n        return <UNAddToWalletBottomSheetItem renderingRequest={requestRenderingEvent} cardId={bottomSheetSlotData?.componentResourceId} />;\n      default:\n        return (\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        );\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          handleWebViewScroll={() => handleWebViewScroll()}\n          shouldEnableBottomSheetScroll={scrollState !== ScrollState.onlyWebView}\n        >\n          {isAppActive && renderBottomSheetItem()}\n        </BottomSheet >\n      </View >\n    </>\n  );\n};\n"],"mappings":"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"}

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.utils.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.resetHtml = exports.renderingBottomSheetRequest = exports.handleHtmlFullHeight = exports.getBottomSheetScript = void 0;
 
-var _unitMessages = require("../../messages/webMessages/unitMessages");
+var _bodyScript = require("./../../scripts/html/bodyScript");
 
 var _UNBottomSheetComponent = require("./UNBottomSheetComponent.constants");
 
 const getBottomSheetScript = () => {
-  return `
-    window.addEventListener("${_unitMessages.UnitMessage.UNIT_REQUEST_REFRESH}", (e) => {
-      postMessageToSDK({ type: "${_unitMessages.UnitMessage.UNIT_REQUEST_REFRESH}", details:  e.detail  })
-    });
-  `;
+  return _bodyScript.LISTENERS.requestRefresh;
 };
 
 exports.getBottomSheetScript = getBottomSheetScript;
@@ -22,7 +18,7 @@ exports.getBottomSheetScript = getBottomSheetScript;
 const renderingBottomSheetRequest = (currentWebView, renderingRequest) => {
   currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
     document.activeElement && document.activeElement.blur();
-    dispatchRenderingEvent('${renderingRequest}');
+    dispatchRenderingEvent('${JSON.stringify(renderingRequest.data)}');
   `);
 };
 
@@ -38,7 +34,7 @@ const resetHtml = currentWebView => {
 exports.resetHtml = resetHtml;
 
 const handleHtmlFullHeight = (currentWebView, windowHeight) => {
-  const bottomSheetHeight = windowHeight * _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE;
+  const bottomSheetHeight = windowHeight * _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;
   currentWebView && (currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
     document.getElementById('webViewContainer').style.height = '${bottomSheetHeight}px';
   `));

package/lib/commonjs/components/UNBottomSheetComponent/UNBottomSheetComponent.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["getBottomSheetScript","UnitMessage","UNIT_REQUEST_REFRESH","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","resetHtml","handleHtmlFullHeight","windowHeight","bottomSheetHeight","BOTTOM_SHEET_MAX_PRECANTAGE_SIZE"],"sources":["UNBottomSheetComponent.utils.ts"],"sourcesContent":["import type WebView from 'react-native-webview';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { BOTTOM_SHEET_MAX_PRECANTAGE_SIZE } from './UNBottomSheetComponent.constants';\n\nexport const getBottomSheetScript = () => {\n  return `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_REFRESH}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_REFRESH}\", details:  e.detail  })\n    });\n  `;\n};\n\nexport const renderingBottomSheetRequest = (currentWebView: WebView, renderingRequest: string) => {\n  currentWebView?.injectJavaScript(`\n    document.activeElement && document.activeElement.blur();\n    dispatchRenderingEvent('${renderingRequest}');\n  `);\n};\n\nexport const resetHtml = (currentWebView: WebView) => {\n  currentWebView?.injectJavaScript(`\n    document.activeElement && document.activeElement.blur();\n    document.getElementById('webViewContainer').style.height = null;\n  `);\n};\n\nexport const handleHtmlFullHeight = (currentWebView: WebView | null, windowHeight: number) => {\n  const bottomSheetHeight = windowHeight * BOTTOM_SHEET_MAX_PRECANTAGE_SIZE;\n  currentWebView && currentWebView?.injectJavaScript(`\n    document.getElementById('webViewContainer').style.height = '${bottomSheetHeight}px';\n  `);\n\n  return bottomSheetHeight;\n};\n"],"mappings":";;;;;;;AACA;;AACA;;AAEO,MAAMA,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BC,yBAAA,CAAYC,oBAAqB;AAChE,kCAAkCD,yBAAA,CAAYC,oBAAqB;AACnE;AACA,GAJE;AAKD,CANM;;;;AAQA,MAAMC,2BAA2B,GAAG,CAACC,cAAD,EAA0BC,gBAA1B,KAAuD;EAChGD,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEE,gBAAhB,CAAkC;AACpC;AACA,8BAA8BD,gBAAiB;AAC/C,GAHE;AAID,CALM;;;;AAOA,MAAME,SAAS,GAAIH,cAAD,IAA6B;EACpDA,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEE,gBAAhB,CAAkC;AACpC;AACA;AACA,GAHE;AAID,CALM;;;;AAOA,MAAME,oBAAoB,GAAG,CAACJ,cAAD,EAAiCK,YAAjC,KAA0D;EAC5F,MAAMC,iBAAiB,GAAGD,YAAY,GAAGE,wDAAzC;EACAP,cAAc,KAAIA,cAAJ,aAAIA,cAAJ,uBAAIA,cAAc,CAAEE,gBAAhB,CAAkC;AACtD,kEAAkEI,iBAAkB;AACpF,GAFoB,CAAJ,CAAd;EAIA,OAAOA,iBAAP;AACD,CAPM"}
+{"version":3,"names":["getBottomSheetScript","LISTENERS","requestRefresh","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","JSON","stringify","data","resetHtml","handleHtmlFullHeight","windowHeight","bottomSheetHeight","BOTTOM_SHEET_MAX_PERCENTAGE_SIZE"],"sources":["UNBottomSheetComponent.utils.ts"],"sourcesContent":["import { LISTENERS } from './../../scripts/html/bodyScript';\nimport type WebView from 'react-native-webview';\nimport { BOTTOM_SHEET_MAX_PERCENTAGE_SIZE } from './UNBottomSheetComponent.constants';\nimport type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';\n\nexport const getBottomSheetScript = () => {\n  return LISTENERS.requestRefresh;\n};\n\nexport const renderingBottomSheetRequest = (currentWebView: WebView, renderingRequest: RequestRenderingEvent) => {\n  currentWebView?.injectJavaScript(`\n    document.activeElement && document.activeElement.blur();\n    dispatchRenderingEvent('${JSON.stringify(renderingRequest.data)}');\n  `);\n};\n\nexport const resetHtml = (currentWebView: WebView) => {\n  currentWebView?.injectJavaScript(`\n    document.activeElement && document.activeElement.blur();\n    document.getElementById('webViewContainer').style.height = null;\n  `);\n};\n\nexport const handleHtmlFullHeight = (currentWebView: WebView | null, windowHeight: number) => {\n  const bottomSheetHeight = windowHeight * BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;\n  currentWebView && currentWebView?.injectJavaScript(`\n    document.getElementById('webViewContainer').style.height = '${bottomSheetHeight}px';\n  `);\n\n  return bottomSheetHeight;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAGO,MAAMA,oBAAoB,GAAG,MAAM;EACxC,OAAOC,qBAAA,CAAUC,cAAjB;AACD,CAFM;;;;AAIA,MAAMC,2BAA2B,GAAG,CAACC,cAAD,EAA0BC,gBAA1B,KAAsE;EAC/GD,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEE,gBAAhB,CAAkC;AACpC;AACA,8BAA8BC,IAAI,CAACC,SAAL,CAAeH,gBAAgB,CAACI,IAAhC,CAAsC;AACpE,GAHE;AAID,CALM;;;;AAOA,MAAMC,SAAS,GAAIN,cAAD,IAA6B;EACpDA,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEE,gBAAhB,CAAkC;AACpC;AACA;AACA,GAHE;AAID,CALM;;;;AAOA,MAAMK,oBAAoB,GAAG,CAACP,cAAD,EAAiCQ,YAAjC,KAA0D;EAC5F,MAAMC,iBAAiB,GAAGD,YAAY,GAAGE,wDAAzC;EACAV,cAAc,KAAIA,cAAJ,aAAIA,cAAJ,uBAAIA,cAAc,CAAEE,gBAAhB,CAAkC;AACtD,kEAAkEO,iBAAkB;AACpF,GAFoB,CAAJ,CAAd;EAIA,OAAOA,iBAAP;AACD,CAPM"}

package/lib/commonjs/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNAddToWalletBottomSheetItem = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _cardMessage = require("../../../messages/nativeMessages/cardMessage");
+
+var _EventBus = _interopRequireDefault(require("../../../helpers/EventBus"));
+
+var _bodyHtml = require("../../../scripts/html/bodyHtml");
+
+var _WebComponent = require("../../../webComponent/WebComponent");
+
+var _UNBottomSheetComponent = require("../UNBottomSheetComponent.utils");
+
+var _UNAddToWalletBottomSheetItem = require("./UNAddToWalletBottomSheetItem.styles");
+
+var _reactNative = require("react-native");
+
+var _listenerToBus = require("../../../hooks/listenerToBus");
+
+var _UnitAddToWalletButton = _interopRequireDefault(require("../../../nativeComponent/UnitAddToWalletButton"));
+
+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; }
+
+const UNAddToWalletBottomSheetItem = props => {
+  const styles = (0, _UNAddToWalletBottomSheetItem.getStylesObject)();
+  const webRef = (0, _react.useRef)(null);
+  const {
+    renderingRequest,
+    cardId
+  } = props;
+  const [addToWalletStatus, setAddToWalletStatus] = (0, _react.useState)(_cardMessage.CardAddToWalletStatus.pending);
+  (0, _react.useEffect)(() => {
+    if (!cardId) return;
+    const event = {
+      cardId
+    };
+
+    _EventBus.default.Instance.event(_cardMessage.CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, event);
+  }, [cardId]);
+  (0, _react.useEffect)(() => {
+    if (!webRef.current) return;
+    if (addToWalletStatus === _cardMessage.CardAddToWalletStatus.pending) return;
+    const isCardInWallet = addToWalletStatus === _cardMessage.CardAddToWalletStatus.addedToWallet;
+    webRef.current.injectJavaScript(`window.UnitMobileSDKConfig["isCardInWallet"] = ${isCardInWallet}`);
+
+    if (renderingRequest) {
+      (0, _UNBottomSheetComponent.renderingBottomSheetRequest)(webRef.current, renderingRequest);
+    }
+  }, [webRef.current, renderingRequest, addToWalletStatus]);
+
+  const gotCardWalletStatus = data => {
+    if (data != null) {
+      setAddToWalletStatus(data.status);
+    }
+  };
+
+  (0, _listenerToBus.useListenerToBus)([{
+    busEventKey: _cardMessage.CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS,
+    action: gotCardWalletStatus
+  }]);
+
+  const handleAddToWalletClicked = () => {
+    if (!cardId) return;
+    const startPushProvisioningEvent = {
+      cardId
+    };
+
+    _EventBus.default.Instance.event(_cardMessage.CardNativeMessage.CARD_START_PUSH_PROVISIONING, startPushProvisioningEvent);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
+    ref: webRef,
+    type: _WebComponent.WebComponentType.slot,
+    presentationMode: _bodyHtml.PresentationMode.CoverInjectedHeight,
+    isScrollable: false
+  }), addToWalletStatus === _cardMessage.CardAddToWalletStatus.pending && /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    style: styles.loader
+  }), addToWalletStatus === _cardMessage.CardAddToWalletStatus.readyToProvisioning && /*#__PURE__*/_react.default.createElement(_UnitAddToWalletButton.default, {
+    style: styles.addToWalletButton,
+    onAddToWalletClicked: handleAddToWalletClicked
+  }));
+};
+
+exports.UNAddToWalletBottomSheetItem = UNAddToWalletBottomSheetItem;
+//# sourceMappingURL=UNAddToWalletBottomSheetItem.js.map

package/lib/commonjs/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UNAddToWalletBottomSheetItem","props","styles","getStylesObject","webRef","useRef","renderingRequest","cardId","addToWalletStatus","setAddToWalletStatus","useState","CardAddToWalletStatus","pending","useEffect","event","EventBus","Instance","CardNativeMessage","CARD_GET_ADD_TO_WALLET_STATUS","current","isCardInWallet","addedToWallet","injectJavaScript","renderingBottomSheetRequest","gotCardWalletStatus","data","status","useListenerToBus","busEventKey","CARD_UPDATE_ADD_TO_WALLET_STATUS","action","handleAddToWalletClicked","startPushProvisioningEvent","CARD_START_PUSH_PROVISIONING","WebComponentType","slot","PresentationMode","CoverInjectedHeight","loader","readyToProvisioning","addToWalletButton"],"sources":["UNAddToWalletBottomSheetItem.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { CardAddToWalletStatus, CardAddToWalletStatusEvent, CardGetAddToWalletStatusEvent, CardNativeMessage, CardStartPushProvisioningEvent } from '../../../messages/nativeMessages/cardMessage';\nimport EventBus from '../../../helpers/EventBus';\nimport { PresentationMode } from '../../../scripts/html/bodyHtml';\nimport { WebComponent, WebComponentType } from '../../../webComponent/WebComponent';\nimport { renderingBottomSheetRequest } from '../UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNAddToWalletBottomSheetItem.styles';\nimport { ActivityIndicator } from 'react-native';\nimport { useListenerToBus } from '../../../hooks/listenerToBus';\nimport type { RequestRenderingEvent } from '../../../messages/webMessages/unitMessages';\nimport UnitAddToWalletButtonView from '../../../nativeComponent/UnitAddToWalletButton';\n\nexport interface UNAddToWalletBottomSheetItemProps {\n  renderingRequest?: RequestRenderingEvent\n  cardId?: string\n}\n\nexport const UNAddToWalletBottomSheetItem = (props: UNAddToWalletBottomSheetItemProps) => {\n  const styles = getStylesObject();\n\n  const webRef = useRef<WebView>(null);\n\n  const { renderingRequest, cardId } = props;\n\n  const [addToWalletStatus, setAddToWalletStatus] = useState<CardAddToWalletStatus>(CardAddToWalletStatus.pending);\n\n  useEffect(() => {\n    if (!cardId) return;\n    const event: CardGetAddToWalletStatusEvent = { cardId };\n    EventBus.Instance.event(CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, event);\n  }, [cardId]);\n\n  useEffect(() => {\n    if (!webRef.current) return;\n    if (addToWalletStatus === CardAddToWalletStatus.pending) return;\n\n    const isCardInWallet = addToWalletStatus === CardAddToWalletStatus.addedToWallet;\n    webRef.current.injectJavaScript(`window.UnitMobileSDKConfig[\"isCardInWallet\"] = ${isCardInWallet}`);\n\n    if (renderingRequest) {\n      renderingBottomSheetRequest(webRef.current, renderingRequest);\n    }\n  }, [webRef.current, renderingRequest, addToWalletStatus]);\n\n  const gotCardWalletStatus = (data?: CardAddToWalletStatusEvent) => {\n    if (data != null) {\n      setAddToWalletStatus(data.status);\n    }\n  };\n\n  useListenerToBus([\n    { busEventKey: CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, action: gotCardWalletStatus },\n  ]);\n\n  const handleAddToWalletClicked = () => {\n    if (!cardId) return;\n    const startPushProvisioningEvent: CardStartPushProvisioningEvent = { cardId };\n    EventBus.Instance.event(CardNativeMessage.CARD_START_PUSH_PROVISIONING, startPushProvisioningEvent);\n  };\n\n  return (\n    <>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.slot}\n        presentationMode={PresentationMode.CoverInjectedHeight}\n        isScrollable={false}\n      />\n      {addToWalletStatus === CardAddToWalletStatus.pending && <ActivityIndicator style={styles.loader} />}\n      {addToWalletStatus === CardAddToWalletStatus.readyToProvisioning && <UnitAddToWalletButtonView style={styles.addToWalletButton} onAddToWalletClicked={handleAddToWalletClicked} />}\n    </>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;AAOO,MAAMA,4BAA4B,GAAIC,KAAD,IAA8C;EACxF,MAAMC,MAAM,GAAG,IAAAC,6CAAA,GAAf;EAEA,MAAMC,MAAM,GAAG,IAAAC,aAAA,EAAgB,IAAhB,CAAf;EAEA,MAAM;IAAEC,gBAAF;IAAoBC;EAApB,IAA+BN,KAArC;EAEA,MAAM,CAACO,iBAAD,EAAoBC,oBAApB,IAA4C,IAAAC,eAAA,EAAgCC,kCAAA,CAAsBC,OAAtD,CAAlD;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACd,IAAI,CAACN,MAAL,EAAa;IACb,MAAMO,KAAoC,GAAG;MAAEP;IAAF,CAA7C;;IACAQ,iBAAA,CAASC,QAAT,CAAkBF,KAAlB,CAAwBG,8BAAA,CAAkBC,6BAA1C,EAAyEJ,KAAzE;EACD,CAJD,EAIG,CAACP,MAAD,CAJH;EAMA,IAAAM,gBAAA,EAAU,MAAM;IACd,IAAI,CAACT,MAAM,CAACe,OAAZ,EAAqB;IACrB,IAAIX,iBAAiB,KAAKG,kCAAA,CAAsBC,OAAhD,EAAyD;IAEzD,MAAMQ,cAAc,GAAGZ,iBAAiB,KAAKG,kCAAA,CAAsBU,aAAnE;IACAjB,MAAM,CAACe,OAAP,CAAeG,gBAAf,CAAiC,kDAAiDF,cAAe,EAAjG;;IAEA,IAAId,gBAAJ,EAAsB;MACpB,IAAAiB,mDAAA,EAA4BnB,MAAM,CAACe,OAAnC,EAA4Cb,gBAA5C;IACD;EACF,CAVD,EAUG,CAACF,MAAM,CAACe,OAAR,EAAiBb,gBAAjB,EAAmCE,iBAAnC,CAVH;;EAYA,MAAMgB,mBAAmB,GAAIC,IAAD,IAAuC;IACjE,IAAIA,IAAI,IAAI,IAAZ,EAAkB;MAChBhB,oBAAoB,CAACgB,IAAI,CAACC,MAAN,CAApB;IACD;EACF,CAJD;;EAMA,IAAAC,+BAAA,EAAiB,CACf;IAAEC,WAAW,EAAEX,8BAAA,CAAkBY,gCAAjC;IAAmEC,MAAM,EAAEN;EAA3E,CADe,CAAjB;;EAIA,MAAMO,wBAAwB,GAAG,MAAM;IACrC,IAAI,CAACxB,MAAL,EAAa;IACb,MAAMyB,0BAA0D,GAAG;MAAEzB;IAAF,CAAnE;;IACAQ,iBAAA,CAASC,QAAT,CAAkBF,KAAlB,CAAwBG,8BAAA,CAAkBgB,4BAA1C,EAAwED,0BAAxE;EACD,CAJD;;EAMA,oBACE,yEACE,6BAAC,0BAAD;IACE,GAAG,EAAE5B,MADP;IAEE,IAAI,EAAE8B,8BAAA,CAAiBC,IAFzB;IAGE,gBAAgB,EAAEC,0BAAA,CAAiBC,mBAHrC;IAIE,YAAY,EAAE;EAJhB,EADF,EAOG7B,iBAAiB,KAAKG,kCAAA,CAAsBC,OAA5C,iBAAuD,6BAAC,8BAAD;IAAmB,KAAK,EAAEV,MAAM,CAACoC;EAAjC,EAP1D,EAQG9B,iBAAiB,KAAKG,kCAAA,CAAsB4B,mBAA5C,iBAAmE,6BAAC,8BAAD;IAA2B,KAAK,EAAErC,MAAM,CAACsC,iBAAzC;IAA4D,oBAAoB,EAAET;EAAlF,EARtE,CADF;AAYD,CAvDM"}