react-native-unit-components 1.0.0 → 1.0.1

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

@@ -1 +1 @@
-{"version":3,"names":["UNBookPaymentComponent","props","handleWebViewMessage","message","type","BookPaymentMessage","PAYMENT_CREATED","onPaymentCreated","response","details","data","WebComponentType","bookPayment","PresentationMode","Inherit","getBookPaymentParams","getBookPaymentScript"],"sources":["UNBookPaymentComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { BookPaymentEvent, BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport type { UNBookPaymentData } from '../../sharedTypes';\n\nexport interface UNBookPaymentComponentProps {\n  accountId: string;\n  customerToken: string;\n  isSameCustomer: boolean;\n  counterPartyAccountId: string;\n  counterPartyName: string;\n  theme?: string;\n  onPaymentCreated?: (data: UNBookPaymentData) => void;\n}\n\nexport const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (message.type === BookPaymentMessage.PAYMENT_CREATED && props.onPaymentCreated) {\n      const response = message.details as BookPaymentEvent;\n      props.onPaymentCreated(response.data);\n    }\n  };\n\n  return (\n    <WebComponent\n      type={WebComponentType.bookPayment}\n      presentationMode={PresentationMode.Inherit}\n      params={getBookPaymentParams(props)}\n      script={getBookPaymentScript()}\n      onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n      shouldEnableWebViewScroll={false}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAaO,MAAMA,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAIA,OAAO,CAACC,IAAR,KAAiBC,sCAAA,CAAmBC,eAApC,IAAuDL,KAAK,CAACM,gBAAjE,EAAmF;MACjF,MAAMC,QAAQ,GAAGL,OAAO,CAACM,OAAzB;MACAR,KAAK,CAACM,gBAAN,CAAuBC,QAAQ,CAACE,IAAhC;IACD;EACF,CALD;;EAOA,oBACE,6BAAC,0BAAD;IACE,IAAI,EAAEC,8BAAA,CAAiBC,WADzB;IAEE,gBAAgB,EAAEC,0BAAA,CAAiBC,OAFrC;IAGE,MAAM,EAAE,IAAAC,4CAAA,EAAqBd,KAArB,CAHV;IAIE,MAAM,EAAE,IAAAe,4CAAA,GAJV;IAKE,SAAS,EAAGb,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;IAME,yBAAyB,EAAE;EAN7B,EADF;AAUD,CAlBM"}
+{"version":3,"names":["UNBookPaymentComponent","props","handleWebViewMessage","message","type","BookPaymentMessage","PAYMENT_CREATED","onPaymentCreated","response","details","data","WebComponentType","bookPayment","PresentationMode","Inherit","getBookPaymentParams","getBookPaymentScript"],"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;;AACA;;AACA;;AACA;;AAEA;;;;AAaO,MAAMA,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAIA,OAAO,CAACC,IAAR,KAAiBC,sCAAA,CAAmBC,eAApC,IAAuDL,KAAK,CAACM,gBAAjE,EAAmF;MACjF,MAAMC,QAAQ,GAAGL,OAAO,CAACM,OAAzB;MACAR,KAAK,CAACM,gBAAN,CAAuBC,QAAQ,CAACE,IAAhC;IACD;EACF,CALD;;EAOA,oBACE,6BAAC,0BAAD;IACE,IAAI,EAAEC,8BAAA,CAAiBC,WADzB;IAEE,gBAAgB,EAAEC,0BAAA,CAAiBC,OAFrC;IAGE,MAAM,EAAE,IAAAC,4CAAA,EAAqBd,KAArB,CAHV;IAIE,MAAM,EAAE,IAAAe,4CAAA,GAJV;IAKE,SAAS,EAAGb,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;IAME,YAAY,EAAE;EANhB,EADF;AAUD,CAlBM"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UNBottomSheetComponent = void 0;
+exports.UNBottomSheetComponent = exports.ScrollState = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -37,11 +37,22 @@ 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 ScrollState;
+exports.ScrollState = ScrollState;
+
+(function (ScrollState) {
+  ScrollState["onTop"] = "onTop";
+  ScrollState["onlyWebView"] = "webViewScroll";
+  ScrollState["onlyBottomSheet"] = "onlyBottomSheet";
+  ScrollState["unScrollable"] = "unScrollable";
+})(ScrollState || (exports.ScrollState = ScrollState = {}));
+
 const UNBottomSheetComponent = () => {
   const [isBottomSheetActive, setIsBottomSheetActive] = (0, _react.useState)(false);
   const [height, setHeight] = (0, _react.useState)(0);
   const [renderingRequest, setRenderingRequest] = (0, _react.useState)(null);
-  const [shouldEnableWebViewScroll, setShouldEnableWebViewScroll] = (0, _react.useState)(false);
+  const [scrollState, setScrollState] = (0, _react.useState)(ScrollState.onTop);
   const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = (0, _react.useState)(false);
   const [newHeightMessage, setNewHeightMessage] = (0, _react.useState)(null);
   const isAppActive = (0, _useAppStateListener.useAppStateListener)();
@@ -70,6 +81,7 @@ const UNBottomSheetComponent = () => {
       webRef.current && (0, _UNBottomSheetComponent.resetHtml)(webRef.current);
       setHeight(0);
       setRenderingRequest(null);
+      setScrollState(ScrollState.onTop);
     }
   }, [isBottomSheetActive]);
   (0, _react.useEffect)(() => {
@@ -90,10 +102,10 @@ const UNBottomSheetComponent = () => {
       if (nativePlace == 'overFullScreen') {
         const bottomSheetNewHeight = (0, _UNBottomSheetComponent.handleHtmlFullHeight)(webRef.current, _reactNative.Dimensions.get('window').height);
         setHeight(bottomSheetNewHeight);
-        setShouldEnableWebViewScroll(true);
+        setScrollState(ScrollState.onTop);
       } else {
         setHeight(message.details.height);
-        setShouldEnableWebViewScroll(false);
+        setScrollState(ScrollState.unScrollable);
       }
     }
   };
@@ -140,6 +152,24 @@ const UNBottomSheetComponent = () => {
     }
   };
 
+  const onScrollWebView = event => {
+    if (scrollState === ScrollState.unScrollable) return;
+    const currY = event.nativeEvent.contentOffset.y;
+
+    if (ScrollState.onTop && currY < 5) {
+      setScrollState(ScrollState.onlyBottomSheet);
+    }
+
+    if (scrollState !== ScrollState.onlyWebView && scrollState === ScrollState.onTop && currY > 5) {
+      setScrollState(ScrollState.onlyWebView);
+    }
+  };
+
+  const handleWebViewScroll = () => {
+    if (scrollState === ScrollState.unScrollable) return;
+    setScrollState(ScrollState.onlyWebView);
+  };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     pointerEvents: isBottomSheetActive ? undefined : 'none',
     style: styles.container
@@ -147,14 +177,17 @@ const UNBottomSheetComponent = () => {
     isOpen: isBottomSheetActive,
     height: height,
     onClose: () => setIsBottomSheetActive(false),
-    onOpen: () => setIsBottomSheetActive(true)
+    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,
-    shouldEnableWebViewScroll: shouldEnableWebViewScroll
+    isScrollable: scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop,
+    handleScroll: onScrollWebView
   }))));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["UNBottomSheetComponent","isBottomSheetActive","setIsBottomSheetActive","useState","height","setHeight","renderingRequest","setRenderingRequest","shouldEnableWebViewScroll","setShouldEnableWebViewScroll","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","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","undefined","container","WebComponentType","slot","PresentationMode","CoverInjectedHeight","getBottomSheetScript"],"sources":["UNBottomSheetComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport type WebView from 'react-native-webview';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { Dimensions, Linking, View } from 'react-native';\nimport BottomSheet from '../../helpers/BottomSheet/BottomSheet';\nimport EventBus from '../../helpers/EventBus';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestOpenLinkEvent, RequestRenderingData, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { CardMessage, CardStatusChangedEvent } from '../../messages/webMessages/cardMessage';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getBottomSheetScript, handleHtmlFullHeight, renderingBottomSheetRequest, resetHtml } from './UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNBottomSheetComponent.styles';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { useAppStateListener } from '../../hooks/useAppStateListener';\n\nexport const UNBottomSheetComponent = () => {\n  const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);\n  const [height, setHeight] = useState(0);\n\n  const [renderingRequest, setRenderingRequest] = useState<string | null>(null);\n  const [shouldEnableWebViewScroll, setShouldEnableWebViewScroll] = useState(false);\n\n  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false);\n  const [newHeightMessage, setNewHeightMessage] = useState<WebViewMessage | null>(null);\n\n  const isAppActive = useAppStateListener();\n\n  const styles = getStylesObject();\n\n  const webRef = useRef<WebView>(null);\n\n  const listenerAction = (data: string) => {\n    setRenderingRequest(data);\n    setIsBottomSheetActive(true);\n  };\n\n  useEffect(() => {\n    if (!isAppActive) {\n      setIsBottomSheetActive(false);\n    }\n  }, [isAppActive]);\n\n  useEffect(() => {\n    if (!webRef.current) return;\n    if (renderingRequest) {\n      renderingBottomSheetRequest(webRef.current, renderingRequest);\n    }\n  }, [webRef.current, renderingRequest]);\n\n  useEffect(() => {\n    if (!isBottomSheetActive) {\n      webRef.current && resetHtml(webRef.current);\n      setHeight(0);\n      setRenderingRequest(null);\n    }\n  }, [isBottomSheetActive]);\n\n  useEffect(() => {\n    if (!waitForLoadingNewComponent && newHeightMessage) {\n      setWaitForLoadingNewComponent(false);\n      setNewHeight(newHeightMessage);\n    }\n  }, [waitForLoadingNewComponent, newHeightMessage]);\n\n  useListenerToBus([{ busEventKey: UnitMessage.UNIT_REQUEST_RENDERING, action: listenerAction }]);\n\n  const setNewHeight = (message: WebViewMessage) => {\n    if (renderingRequest) {\n      const nativePlace = (JSON.parse(renderingRequest) as RequestRenderingData).nativePlace;\n      if (nativePlace == 'overFullScreen') {\n        const bottomSheetNewHeight = handleHtmlFullHeight(webRef.current, Dimensions.get('window').height);\n        setHeight(bottomSheetNewHeight);\n        setShouldEnableWebViewScroll(true);\n      } else {\n        setHeight((message.details as HeightEvent).height);\n        setShouldEnableWebViewScroll(false);\n      }\n    }\n  };\n\n  const onWebMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case PageMessage.PAGE_HEIGHT:\n        renderingRequest && setNewHeightMessage(message);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING:\n        // eslint-disable-next-line no-case-declarations\n        const { data } = (message.details as RequestRenderingEvent);\n        if (data != renderingRequest) {\n          setHeight(0);\n          setRenderingRequest(data);\n          setWaitForLoadingNewComponent(true);\n          setTimeout(() => setWaitForLoadingNewComponent(false), 400);\n        }\n        break;\n      case CardMessage.CARD_STATUS_CHANGED:\n        EventBus.Instance.event(CardMessage.CARD_STATUS_CHANGED, (message.details as CardStatusChangedEvent).card);\n        break;\n      case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:\n        setIsBottomSheetActive(false);\n        break;\n      case UnitMessage.UNIT_REQUEST_OPEN_LINK:\n        // eslint-disable-next-line no-case-declarations\n        const { href } = (message.details as RequestOpenLinkEvent);\n        Linking.openURL(href);\n        break;\n    }\n  };\n\n  return (\n    <>\n      <View\n        pointerEvents={isBottomSheetActive ? undefined : 'none'}\n        style={styles.container}\n      >\n        <BottomSheet\n          isOpen={isBottomSheetActive}\n          height={height}\n          onClose={() => setIsBottomSheetActive(false)}\n          onOpen={() => setIsBottomSheetActive(true)}\n        >\n          { isAppActive && (\n            <WebComponent\n              ref={webRef}\n              type={WebComponentType.slot}\n              presentationMode={PresentationMode.CoverInjectedHeight}\n              script={getBottomSheetScript()}\n              onMessage={onWebMessage}\n              shouldEnableWebViewScroll={shouldEnableWebViewScroll}\n            />)}\n        </BottomSheet>\n      </View>\n    </>\n  );\n};\n"],"mappings":"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"}
+{"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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"}

package/lib/commonjs/components/UNCardComponent/UNCardComponent.js

@@ -85,7 +85,7 @@ const UNCardComponent = props => {
     script: (0, _UNCardComponent.getCardScript)(),
     onMessage: message => handleMessage(message),
     width: windowWidth,
-    shouldEnableWebViewScroll: false
+    isScrollable: false
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["UNCardComponent","props","height","setHeight","useState","requestRefreshEvent","setRequestRefreshEvent","windowWidth","Dimensions","get","width","webRef","useRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","useListenerToBus","busEventKey","CardMessage","CARD_STATUS_CHANGED","action","UnitMessage","UNIT_REQUEST_REFRESH","useEffect","injectRefreshEventIfNeeded","current","cardId","handleMessage","message","type","UNIT_REQUEST_RENDERING","EventBus","Instance","event","details","PageMessage","PAGE_HEIGHT","WebComponentType","PresentationMode","Default","getCardParams","getCardScript"],"sources":["UNCardComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type WebView from 'react-native-webview';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport EventBus from '../../helpers/EventBus';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getCardParams, getCardScript, injectRefreshEventIfNeeded } from './UNCardComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { UNCardData } from '../../sharedTypes';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\n\nexport interface UNCardComponentProps {\n  cardId: string;\n  customerToken: string;\n  theme?: string;\n  onStatusChanged?: (card: UNCardData) => void;\n}\n\nexport const UNCardComponent = (props: UNCardComponentProps) => {\n  const [height, setHeight] = useState(0);\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n  const windowWidth = Dimensions.get('window').width;\n\n  const webRef = useRef<WebView>(null);\n\n  const cardStatusChanged = (card: UNCardData) => {\n    if (props.onStatusChanged) {\n      props.onStatusChanged(card);\n    }\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data);\n  };\n\n  useListenerToBus([\n    { busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged },\n    { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },\n  ]);\n\n  useEffect(() => {\n    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent, props.cardId);\n  }, [requestRefreshEvent]);\n\n  const handleMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_RENDERING:\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, (message.details as RequestRenderingEvent).data);\n        break;\n      case PageMessage.PAGE_HEIGHT:\n        setHeight((message.details as HeightEvent).height);\n        break;\n    }\n  };\n\n  return (\n    <View style={{ height }}>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.card}\n        presentationMode={PresentationMode.Default}\n        params={getCardParams(props)}\n        script={getCardScript()}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        shouldEnableWebViewScroll={false}\n      />\n    </View>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;;;;;AASO,MAAMA,eAAe,GAAIC,KAAD,IAAiC;EAC9D,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAS,CAAT,CAA5B;EACA,MAAM,CAACC,mBAAD,EAAsBC,sBAAtB,IAAgD,IAAAF,eAAA,EAAqC,IAArC,CAAtD;;EACA,MAAMG,WAAW,GAAGC,uBAAA,CAAWC,GAAX,CAAe,QAAf,EAAyBC,KAA7C;;EAEA,MAAMC,MAAM,GAAG,IAAAC,aAAA,EAAgB,IAAhB,CAAf;;EAEA,MAAMC,iBAAiB,GAAIC,IAAD,IAAsB;IAC9C,IAAIb,KAAK,CAACc,eAAV,EAA2B;MACzBd,KAAK,CAACc,eAAN,CAAsBD,IAAtB;IACD;EACF,CAJD;;EAMA,MAAME,cAAc,GAAIC,IAAD,IAA+B;IACpDX,sBAAsB,CAACW,IAAD,CAAtB;EACD,CAFD;;EAIA,IAAAC,+BAAA,EAAiB,CACf;IAAEC,WAAW,EAAEC,wBAAA,CAAYC,mBAA3B;IAAgDC,MAAM,EAAET;EAAxD,CADe,EAEf;IAAEM,WAAW,EAAEI,yBAAA,CAAYC,oBAA3B;IAAiDF,MAAM,EAAEN;EAAzD,CAFe,CAAjB;EAKA,IAAAS,gBAAA,EAAU,MAAM;IACd,IAAAC,2CAAA,EAA2Bf,MAAM,CAACgB,OAAlC,EAA2CtB,mBAA3C,EAAgEJ,KAAK,CAAC2B,MAAtE;EACD,CAFD,EAEG,CAACvB,mBAAD,CAFH;;EAIA,MAAMwB,aAAa,GAAIC,OAAD,IAA6B;IACjD,QAAQA,OAAO,CAACC,IAAhB;MACE,KAAKR,yBAAA,CAAYS,sBAAjB;QACEC,iBAAA,CAASC,QAAT,CAAkBC,KAAlB,CAAwBZ,yBAAA,CAAYS,sBAApC,EAA6DF,OAAO,CAACM,OAAT,CAA2CnB,IAAvG;;QACA;;MACF,KAAKoB,wBAAA,CAAYC,WAAjB;QACEnC,SAAS,CAAE2B,OAAO,CAACM,OAAT,CAAiClC,MAAlC,CAAT;QACA;IANJ;EAQD,CATD;;EAWA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,gBACE,6BAAC,0BAAD;IACE,GAAG,EAAES,MADP;IAEE,IAAI,EAAE4B,8BAAA,CAAiBzB,IAFzB;IAGE,gBAAgB,EAAE0B,0BAAA,CAAiBC,OAHrC;IAIE,MAAM,EAAE,IAAAC,8BAAA,EAAczC,KAAd,CAJV;IAKE,MAAM,EAAE,IAAA0C,8BAAA,GALV;IAME,SAAS,EAAEb,OAAO,IAAID,aAAa,CAACC,OAAD,CANrC;IAOE,KAAK,EAAEvB,WAPT;IAQE,yBAAyB,EAAE;EAR7B,EADF,CADF;AAcD,CAnDM"}
+{"version":3,"names":["UNCardComponent","props","height","setHeight","useState","requestRefreshEvent","setRequestRefreshEvent","windowWidth","Dimensions","get","width","webRef","useRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","useListenerToBus","busEventKey","CardMessage","CARD_STATUS_CHANGED","action","UnitMessage","UNIT_REQUEST_REFRESH","useEffect","injectRefreshEventIfNeeded","current","cardId","handleMessage","message","type","UNIT_REQUEST_RENDERING","EventBus","Instance","event","details","PageMessage","PAGE_HEIGHT","WebComponentType","PresentationMode","Default","getCardParams","getCardScript"],"sources":["UNCardComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type WebView from 'react-native-webview';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport EventBus from '../../helpers/EventBus';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { useListenerToBus } from '../../hooks/listenerToBus';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { getCardParams, getCardScript, injectRefreshEventIfNeeded } from './UNCardComponent.utils';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport type { UNCardData } from '../../sharedTypes';\nimport { CardMessage } from '../../messages/webMessages/cardMessage';\n\nexport interface UNCardComponentProps {\n  cardId: string;\n  customerToken: string;\n  theme?: string;\n  onStatusChanged?: (card: UNCardData) => void;\n}\n\nexport const UNCardComponent = (props: UNCardComponentProps) => {\n  const [height, setHeight] = useState(0);\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);\n  const windowWidth = Dimensions.get('window').width;\n\n  const webRef = useRef<WebView>(null);\n\n  const cardStatusChanged = (card: UNCardData) => {\n    if (props.onStatusChanged) {\n      props.onStatusChanged(card);\n    }\n  };\n\n  const requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data);\n  };\n\n  useListenerToBus([\n    { busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged },\n    { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },\n  ]);\n\n  useEffect(() => {\n    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent, props.cardId);\n  }, [requestRefreshEvent]);\n\n  const handleMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_RENDERING:\n        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, (message.details as RequestRenderingEvent).data);\n        break;\n      case PageMessage.PAGE_HEIGHT:\n        setHeight((message.details as HeightEvent).height);\n        break;\n    }\n  };\n\n  return (\n    <View style={{ height }}>\n      <WebComponent\n        ref={webRef}\n        type={WebComponentType.card}\n        presentationMode={PresentationMode.Default}\n        params={getCardParams(props)}\n        script={getCardScript()}\n        onMessage={message => handleMessage(message)}\n        width={windowWidth}\n        isScrollable={false}\n      />\n    </View>\n  );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;;;;;;;AASO,MAAMA,eAAe,GAAIC,KAAD,IAAiC;EAC9D,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAS,CAAT,CAA5B;EACA,MAAM,CAACC,mBAAD,EAAsBC,sBAAtB,IAAgD,IAAAF,eAAA,EAAqC,IAArC,CAAtD;;EACA,MAAMG,WAAW,GAAGC,uBAAA,CAAWC,GAAX,CAAe,QAAf,EAAyBC,KAA7C;;EAEA,MAAMC,MAAM,GAAG,IAAAC,aAAA,EAAgB,IAAhB,CAAf;;EAEA,MAAMC,iBAAiB,GAAIC,IAAD,IAAsB;IAC9C,IAAIb,KAAK,CAACc,eAAV,EAA2B;MACzBd,KAAK,CAACc,eAAN,CAAsBD,IAAtB;IACD;EACF,CAJD;;EAMA,MAAME,cAAc,GAAIC,IAAD,IAA+B;IACpDX,sBAAsB,CAACW,IAAD,CAAtB;EACD,CAFD;;EAIA,IAAAC,+BAAA,EAAiB,CACf;IAAEC,WAAW,EAAEC,wBAAA,CAAYC,mBAA3B;IAAgDC,MAAM,EAAET;EAAxD,CADe,EAEf;IAAEM,WAAW,EAAEI,yBAAA,CAAYC,oBAA3B;IAAiDF,MAAM,EAAEN;EAAzD,CAFe,CAAjB;EAKA,IAAAS,gBAAA,EAAU,MAAM;IACd,IAAAC,2CAAA,EAA2Bf,MAAM,CAACgB,OAAlC,EAA2CtB,mBAA3C,EAAgEJ,KAAK,CAAC2B,MAAtE;EACD,CAFD,EAEG,CAACvB,mBAAD,CAFH;;EAIA,MAAMwB,aAAa,GAAIC,OAAD,IAA6B;IACjD,QAAQA,OAAO,CAACC,IAAhB;MACE,KAAKR,yBAAA,CAAYS,sBAAjB;QACEC,iBAAA,CAASC,QAAT,CAAkBC,KAAlB,CAAwBZ,yBAAA,CAAYS,sBAApC,EAA6DF,OAAO,CAACM,OAAT,CAA2CnB,IAAvG;;QACA;;MACF,KAAKoB,wBAAA,CAAYC,WAAjB;QACEnC,SAAS,CAAE2B,OAAO,CAACM,OAAT,CAAiClC,MAAlC,CAAT;QACA;IANJ;EAQD,CATD;;EAWA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,gBACE,6BAAC,0BAAD;IACE,GAAG,EAAES,MADP;IAEE,IAAI,EAAE4B,8BAAA,CAAiBzB,IAFzB;IAGE,gBAAgB,EAAE0B,0BAAA,CAAiBC,OAHrC;IAIE,MAAM,EAAE,IAAAC,8BAAA,EAAczC,KAAd,CAJV;IAKE,MAAM,EAAE,IAAA0C,8BAAA,GALV;IAME,SAAS,EAAEb,OAAO,IAAID,aAAa,CAACC,OAAD,CANrC;IAOE,KAAK,EAAEvB,WAPT;IAQE,YAAY,EAAE;EARhB,EADF,CADF;AAcD,CAnDM"}

package/lib/commonjs/helpers/BottomSheet/BottomSheet.js

@@ -35,13 +35,15 @@ const BottomSheet = props => {
   const [dy, setDy] = (0, _react.useState)(0);
 
   const _parentPanResponder = _reactNative.PanResponder.create({
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onMoveShouldSetPanResponderCapture: _ => {
-      //gestureState) => {
-      return false; // return Math.abs(gestureState.dy) > 10
+    onMoveShouldSetPanResponderCapture: (_, gestureState) => {
+      return props.shouldEnableBottomSheetScroll && Math.abs(gestureState.dy) > 10;
     },
 
     onPanResponderMove(_, gestureState) {
+      if (props.shouldEnableBottomSheetScroll && gestureState.dy < 5) {
+        props.handleWebViewScroll();
+      }
+
       if (currentHeight + gestureState.dy < 0) return;
       if (!props.expandToMaxHeightEnabled && contentHeight && currentHeight + gestureState.dy < sliderMaxHeight - contentHeight) return;
       panelHeightValue.setValue(currentHeight + gestureState.dy);
@@ -193,8 +195,7 @@ const BottomSheet = props => {
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
     source: _images.CloseIcon
   })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    onLayout: _setSize,
-    style: [styles.innerContent]
+    onLayout: _setSize
   }, /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
     behavior: "padding",
     style: {

package/lib/commonjs/helpers/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["BottomSheet","props","panelHeightValue","useRef","Animated","Value","sliderMaxHeight","current","fadeAnim","styles","getStylesObject","isPanelOpened","setIsPanelOpened","useState","isOpen","contentHeight","setContentHeight","undefined","currentHeight","setCurrentHeight","dy","setDy","_parentPanResponder","PanResponder","create","onMoveShouldSetPanResponderCapture","_","onPanResponderMove","gestureState","expandToMaxHeightEnabled","setValue","onPanResponderRelease","collapse","setToContentHeight","expand","useEffect","fadeIn","_dismiss","BackHandler","addEventListener","_onBackPress","id","addListener","e","value","removeEventListener","removeListener","timing","toValue","duration","useNativeDriver","start","fadeOut","onClose","animationDuration","easing","Easing","quad","_setSize","newContentHeight","nativeEvent","layout","height","children","outsideContainer","animation","panHandlers","container","transform","translateY","outerContent","closeButton","CloseIcon","innerContent","BOTTOM_SHEET_MAX_PRECANTAGE_SIZE","propTypes","PropTypes","oneOfType","node","bool","number","func","onOpen","defaultProps","Dimensions","get"],"sources":["BottomSheet.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport {\n  Animated,\n  BackHandler,\n  Dimensions,\n  Easing,\n  Image,\n  KeyboardAvoidingView,\n  LayoutChangeEvent,\n  PanResponder,\n  TouchableOpacity,\n  View,\n} from 'react-native';\nimport PropTypes from 'prop-types';\nimport { CloseIcon } from '../../assets/images';\nimport { BOTTOM_SHEET_MAX_PRECANTAGE_SIZE } from '../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';\nimport { getStylesObject } from './BottomSheet.styles';\n\nexport interface BottomSheetProps {\n  isOpen: boolean\n  children: ReactNode\n  sliderMaxHeight: number\n  onOpen: () => void\n  onClose: () => void\n  height: number,\n  animationDuration: number,\n  expandToMaxHeightEnabled: boolean\n}\n\nconst BottomSheet = (props: BottomSheetProps) => {\n  const panelHeightValue = useRef(new Animated.Value(props.sliderMaxHeight)).current;\n  const fadeAnim = useRef(new Animated.Value(0)).current;\n  const styles = getStylesObject(fadeAnim);\n  const [isPanelOpened, setIsPanelOpened] = useState(props.isOpen);\n  const [contentHeight, setContentHeight] = useState<number | undefined>(undefined);\n\n  const [currentHeight, setCurrentHeight] = useState<number>(props.sliderMaxHeight);\n\n  const [dy, setDy] = useState(0);\n\n  const _parentPanResponder = PanResponder.create({\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    onMoveShouldSetPanResponderCapture: (_,) => { //gestureState) => {\n      return false;\n      // return Math.abs(gestureState.dy) > 10\n    },\n    onPanResponderMove(_, gestureState) {\n      if (currentHeight + gestureState.dy < 0) return;\n      if (!props.expandToMaxHeightEnabled && contentHeight && currentHeight + gestureState.dy < sliderMaxHeight - contentHeight) return;\n      panelHeightValue.setValue(currentHeight + gestureState.dy);\n      setDy(gestureState.dy);\n    },\n    onPanResponderRelease: () => {\n      if (dy > 0) {\n        collapse();\n      } else if (!props.expandToMaxHeightEnabled) {\n        contentHeight && setToContentHeight(contentHeight);\n      } else if (dy < 0) {\n        expand();\n      } else {\n        expand();\n      }\n    }\n  });\n\n  useEffect(() => {\n    if (props.isOpen && !isPanelOpened) {\n      fadeIn();\n    } else if (isPanelOpened) {\n      setContentHeight(0);\n      _dismiss();\n    }\n  }, [props.isOpen]);\n\n  useEffect(() => {\n    BackHandler.addEventListener('hardwareBackPress', _onBackPress);\n    const id = panelHeightValue.addListener(e => setCurrentHeight(e.value));\n\n    return (() => {\n      BackHandler.removeEventListener('hardwareBackPress', _onBackPress);\n      panelHeightValue.removeListener(id);\n    });\n  }, []);\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0.3,\n      duration: 500,\n      useNativeDriver: false\n    }).start(() => { setIsPanelOpened(true); });\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      duration: 500,\n      useNativeDriver: false\n    }).start(() => {\n      setIsPanelOpened(false);\n      props.onClose();\n    });\n  };\n\n  const setToContentHeight = (contentHeight: number) => {\n    Animated.timing(panelHeightValue, {\n      duration: props.animationDuration,\n      easing: Easing.quad,\n      toValue: sliderMaxHeight - contentHeight,\n      useNativeDriver: false,\n    }).start();\n  };\n\n  const expand = () => {\n    const { animationDuration } = props;\n\n    if (contentHeight && currentHeight > (sliderMaxHeight - contentHeight)) {\n      setToContentHeight(contentHeight);\n      return;\n    }\n\n    Animated.timing(panelHeightValue, {\n      duration: animationDuration,\n      easing: Easing.quad,\n      toValue: 0,\n      useNativeDriver: false,\n    }).start();\n  };\n\n  const collapse = () => {\n    if (contentHeight && currentHeight > (sliderMaxHeight - contentHeight)) {\n      _dismiss();\n      return;\n    }\n\n    contentHeight && setToContentHeight(contentHeight);\n  };\n\n  const _onBackPress = () => {\n    isPanelOpened && collapse();\n    return isPanelOpened;\n  };\n\n  const _setSize = (e: LayoutChangeEvent) => {\n    const newContentHeight = e.nativeEvent.layout.height;\n\n    setContentHeight(newContentHeight);\n    setToContentHeight(newContentHeight);\n  };\n\n  const _dismiss = () => {\n    const { animationDuration } = props;\n    Animated.timing(panelHeightValue, {\n      duration: animationDuration,\n      easing: Easing.quad,\n      toValue: sliderMaxHeight,\n      useNativeDriver: false,\n    }).start(() => {\n      null;\n    });\n    fadeOut();\n  };\n\n  const {\n    sliderMaxHeight,\n    children,\n  } = props;\n\n  return (\n    <>\n      <TouchableOpacity\n        style={styles.outsideContainer} activeOpacity={1}\n        onPress={_dismiss}\n      >\n        <Animated.View\n          style={styles.animation}\n        >\n        </Animated.View>\n      </TouchableOpacity>\n      <Animated.View\n        {..._parentPanResponder.panHandlers}\n        style={{\n          ...styles.container,\n          height: sliderMaxHeight,\n          transform: [\n            { translateY: panelHeightValue },\n          ],\n        }}\n      >\n        <View\n          style={styles.outerContent}\n        >\n          <TouchableOpacity\n            activeOpacity={1}\n            style={styles.closeButton}\n            onPress={_dismiss}\n          >\n            <Image source={CloseIcon} />\n          </TouchableOpacity>\n\n          <View\n            onLayout={_setSize}\n            style={[styles.innerContent]}\n          >\n            <KeyboardAvoidingView\n              behavior=\"padding\"\n              style={{ height: props.height }}\n              keyboardVerticalOffset={props.height * (1 - BOTTOM_SHEET_MAX_PRECANTAGE_SIZE)}\n            >\n              {children}\n            </KeyboardAvoidingView>\n          </View>\n        </View>\n      </Animated.View>\n    </>\n  );\n};\n\nBottomSheet.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node]),\n  isOpen: PropTypes.bool,\n  sliderMaxHeight: PropTypes.number,\n  animation: PropTypes.func,\n  animationDuration: PropTypes.number,\n  onOpen: PropTypes.func,\n  onClose: PropTypes.func,\n  expandToMaxHeightEnabled: PropTypes.bool\n};\n\nBottomSheet.defaultProps = {\n  children: <View />,\n  isOpen: true,\n  sliderMaxHeight: Dimensions.get('window').height * BOTTOM_SHEET_MAX_PRECANTAGE_SIZE,\n  animationDuration: 200,\n  onOpen: () => null,\n  onClose: () => null,\n  expandToMaxHeightEnabled: false\n};\n\nexport default BottomSheet;\n"],"mappings":"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"}
+{"version":3,"names":["BottomSheet","props","panelHeightValue","useRef","Animated","Value","sliderMaxHeight","current","fadeAnim","styles","getStylesObject","isPanelOpened","setIsPanelOpened","useState","isOpen","contentHeight","setContentHeight","undefined","currentHeight","setCurrentHeight","dy","setDy","_parentPanResponder","PanResponder","create","onMoveShouldSetPanResponderCapture","_","gestureState","shouldEnableBottomSheetScroll","Math","abs","onPanResponderMove","handleWebViewScroll","expandToMaxHeightEnabled","setValue","onPanResponderRelease","collapse","setToContentHeight","expand","useEffect","fadeIn","_dismiss","BackHandler","addEventListener","_onBackPress","id","addListener","e","value","removeEventListener","removeListener","timing","toValue","duration","useNativeDriver","start","fadeOut","onClose","animationDuration","easing","Easing","quad","_setSize","newContentHeight","nativeEvent","layout","height","children","outsideContainer","animation","panHandlers","container","transform","translateY","outerContent","closeButton","CloseIcon","BOTTOM_SHEET_MAX_PRECANTAGE_SIZE","propTypes","PropTypes","oneOfType","node","bool","number","func","onOpen","defaultProps","Dimensions","get"],"sources":["BottomSheet.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport {\n  Animated,\n  BackHandler,\n  Dimensions,\n  Easing,\n  Image,\n  KeyboardAvoidingView,\n  LayoutChangeEvent,\n  PanResponder,\n  TouchableOpacity,\n  View,\n} from 'react-native';\nimport PropTypes from 'prop-types';\nimport { CloseIcon } from '../../assets/images';\nimport { BOTTOM_SHEET_MAX_PRECANTAGE_SIZE } from '../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';\nimport { getStylesObject } from './BottomSheet.styles';\n\nexport interface BottomSheetProps {\n  isOpen: boolean\n  children: ReactNode\n  sliderMaxHeight: number\n  onOpen: () => void\n  onClose: () => void\n  height: number,\n  animationDuration: number,\n  expandToMaxHeightEnabled: boolean\n  handleWebViewScroll: () => void\n  shouldEnableBottomSheetScroll: boolean\n}\n\nconst BottomSheet = (props: BottomSheetProps) => {\n  const panelHeightValue = useRef(new Animated.Value(props.sliderMaxHeight)).current;\n  const fadeAnim = useRef(new Animated.Value(0)).current;\n  const styles = getStylesObject(fadeAnim);\n  const [isPanelOpened, setIsPanelOpened] = useState(props.isOpen);\n  const [contentHeight, setContentHeight] = useState<number | undefined>(undefined);\n\n  const [currentHeight, setCurrentHeight] = useState<number>(props.sliderMaxHeight);\n\n  const [dy, setDy] = useState(0);\n\n  const _parentPanResponder = PanResponder.create({\n    onMoveShouldSetPanResponderCapture: (_, gestureState) => {\n      return props.shouldEnableBottomSheetScroll && Math.abs(gestureState.dy) > 10;\n    },\n    onPanResponderMove(_, gestureState) {\n      if (props.shouldEnableBottomSheetScroll && gestureState.dy < 5) {\n        props.handleWebViewScroll();\n      }\n      if (currentHeight + gestureState.dy < 0) return;\n      if (!props.expandToMaxHeightEnabled && contentHeight && currentHeight + gestureState.dy < sliderMaxHeight - contentHeight) return;\n      panelHeightValue.setValue(currentHeight + gestureState.dy);\n      setDy(gestureState.dy);\n    },\n    onPanResponderRelease: () => {\n      if (dy > 0) {\n        collapse();\n      } else if (!props.expandToMaxHeightEnabled) {\n        contentHeight && setToContentHeight(contentHeight);\n      } else if (dy < 0) {\n        expand();\n      } else {\n        expand();\n      }\n    }\n  });\n\n  useEffect(() => {\n    if (props.isOpen && !isPanelOpened) {\n      fadeIn();\n    } else if (isPanelOpened) {\n      setContentHeight(0);\n      _dismiss();\n    }\n  }, [props.isOpen]);\n\n  useEffect(() => {\n    BackHandler.addEventListener('hardwareBackPress', _onBackPress);\n    const id = panelHeightValue.addListener(e => setCurrentHeight(e.value));\n\n    return (() => {\n      BackHandler.removeEventListener('hardwareBackPress', _onBackPress);\n      panelHeightValue.removeListener(id);\n    });\n  }, []);\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0.3,\n      duration: 500,\n      useNativeDriver: false\n    }).start(() => { setIsPanelOpened(true); });\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      duration: 500,\n      useNativeDriver: false\n    }).start(() => {\n      setIsPanelOpened(false);\n      props.onClose();\n    });\n  };\n\n  const setToContentHeight = (contentHeight: number) => {\n    Animated.timing(panelHeightValue, {\n      duration: props.animationDuration,\n      easing: Easing.quad,\n      toValue: sliderMaxHeight - contentHeight,\n      useNativeDriver: false,\n    }).start();\n  };\n\n  const expand = () => {\n    const { animationDuration } = props;\n\n    if (contentHeight && currentHeight > (sliderMaxHeight - contentHeight)) {\n      setToContentHeight(contentHeight);\n      return;\n    }\n\n    Animated.timing(panelHeightValue, {\n      duration: animationDuration,\n      easing: Easing.quad,\n      toValue: 0,\n      useNativeDriver: false,\n    }).start();\n  };\n\n  const collapse = () => {\n    if (contentHeight && currentHeight > (sliderMaxHeight - contentHeight)) {\n      _dismiss();\n      return;\n    }\n\n    contentHeight && setToContentHeight(contentHeight);\n  };\n\n  const _onBackPress = () => {\n    isPanelOpened && collapse();\n    return isPanelOpened;\n  };\n\n  const _setSize = (e: LayoutChangeEvent) => {\n    const newContentHeight = e.nativeEvent.layout.height;\n\n    setContentHeight(newContentHeight);\n    setToContentHeight(newContentHeight);\n  };\n\n  const _dismiss = () => {\n    const { animationDuration } = props;\n    Animated.timing(panelHeightValue, {\n      duration: animationDuration,\n      easing: Easing.quad,\n      toValue: sliderMaxHeight,\n      useNativeDriver: false,\n    }).start(() => {\n      null;\n    });\n    fadeOut();\n  };\n\n  const {\n    sliderMaxHeight,\n    children,\n  } = props;\n\n  return (\n    <>\n      <TouchableOpacity\n        style={styles.outsideContainer} activeOpacity={1}\n        onPress={_dismiss}\n      >\n        <Animated.View\n          style={styles.animation}\n        >\n        </Animated.View>\n      </TouchableOpacity>\n      <Animated.View\n        {..._parentPanResponder.panHandlers}\n        style={{\n          ...styles.container,\n          height: sliderMaxHeight,\n          transform: [\n            { translateY: panelHeightValue },\n          ],\n        }}\n      >\n        <View\n          style={styles.outerContent}\n        >\n          <TouchableOpacity\n            activeOpacity={1}\n            style={styles.closeButton}\n            onPress={_dismiss}\n          >\n            <Image source={CloseIcon} />\n          </TouchableOpacity>\n\n          <View\n            onLayout={_setSize}\n          >\n            <KeyboardAvoidingView\n              behavior=\"padding\"\n              style={{ height: props.height }}\n              keyboardVerticalOffset={props.height * (1 - BOTTOM_SHEET_MAX_PRECANTAGE_SIZE)}\n            >\n              {children}\n            </KeyboardAvoidingView>\n          </View>\n        </View>\n      </Animated.View>\n    </>\n  );\n};\n\nBottomSheet.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node]),\n  isOpen: PropTypes.bool,\n  sliderMaxHeight: PropTypes.number,\n  animation: PropTypes.func,\n  animationDuration: PropTypes.number,\n  onOpen: PropTypes.func,\n  onClose: PropTypes.func,\n  expandToMaxHeightEnabled: PropTypes.bool\n};\n\nBottomSheet.defaultProps = {\n  children: <View />,\n  isOpen: true,\n  sliderMaxHeight: Dimensions.get('window').height * BOTTOM_SHEET_MAX_PRECANTAGE_SIZE,\n  animationDuration: 200,\n  onOpen: () => null,\n  onClose: () => null,\n  expandToMaxHeightEnabled: false\n};\n\nexport default BottomSheet;\n"],"mappings":"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"}

package/lib/commonjs/messages/webMessages/pageMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["PageMessage"],"sources":["pageMessage.ts"],"sourcesContent":["export enum PageMessage {\n  PAGE_LOADED = 'pageLoaded',\n  PAGE_HEIGHT = 'pageHeight'\n}\n\nexport interface HeightEvent {\n  height: number;\n}\n\nexport type PageEvent =\n  | HeightEvent\n"],"mappings":";;;;;;IAAYA,W;;;WAAAA,W;EAAAA,W;EAAAA,W;GAAAA,W,2BAAAA,W"}
+{"version":3,"names":["PageMessage"],"sources":["pageMessage.ts"],"sourcesContent":["export enum PageMessage {\n  PAGE_LOADED = 'pageLoaded',\n  PAGE_HEIGHT = 'pageHeight',\n}\n\nexport interface HeightEvent {\n  height: number;\n}\n\nexport type PageEvent =\n  | HeightEvent\n"],"mappings":";;;;;;IAAYA,W;;;WAAAA,W;EAAAA,W;EAAAA,W;GAAAA,W,2BAAAA,W"}

package/lib/commonjs/nativeComponent/UNNativeAddToWalletButton.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+const UnitAddToWalletButtonView = (0, _reactNative.requireNativeComponent)('UnitAddToWalletButtonView');
+var _default = UnitAddToWalletButtonView;
+exports.default = _default;
+//# sourceMappingURL=UNNativeAddToWalletButton.js.map

package/lib/commonjs/nativeComponent/UNNativeAddToWalletButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UnitAddToWalletButtonView","requireNativeComponent"],"sources":["UNNativeAddToWalletButton.tsx"],"sourcesContent":["import {\n  requireNativeComponent,\n} from 'react-native';\n\ntype UnitAddToWalletButtonViewProps = {\n  style: object;\n  onAddToWalletClicked: () => void;\n};\n\nconst UnitAddToWalletButtonView = requireNativeComponent<UnitAddToWalletButtonViewProps>('UnitAddToWalletButtonView');\n\nexport default UnitAddToWalletButtonView;\n"],"mappings":";;;;;;;AAAA;;AASA,MAAMA,yBAAyB,GAAG,IAAAC,mCAAA,EAAuD,2BAAvD,CAAlC;eAEeD,yB"}

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

@@ -1 +1 @@
-{"version":3,"names":["UNEnvironment","UNIT_SCRIPT_URL","sandbox","production","UnitSDK","env","theme","fetchUnitScript","e","console","log"],"sources":["UnitSdkManager.ts"],"sourcesContent":["import { fetchUnitScript } from './UnitSdk.api';\n\nexport enum UNEnvironment {\n  sandbox = 'sandbox',\n  production = 'production'\n}\n\nexport const UNIT_SCRIPT_URL = {\n  [UNEnvironment.sandbox]: 'https://ui.s.unit.sh/components.js',\n  [UNEnvironment.production]: 'https://ui.unit.co/components.js'\n};\nexport class UnitSDK {\n  protected static env?: UNEnvironment;\n  protected static theme?: string;\n\n  public static init = async (env: UNEnvironment, theme: string) => {\n    try {\n      this.env = env;\n      this.theme = theme;\n      await fetchUnitScript();\n    } catch (e) {\n      console.log(e);\n    }\n  };\n\n  public static getEnv = () => {\n    return this.env;\n  };\n\n  public static getTheme = () => {\n    return this.theme;\n  };\n}\n"],"mappings":";;;;;;;AAAA;;;;IAEYA,a;;;WAAAA,a;EAAAA,a;EAAAA,a;GAAAA,a,6BAAAA,a;;AAKL,MAAMC,eAAe,GAAG;EAC7B,CAACD,aAAa,CAACE,OAAf,GAAyB,oCADI;EAE7B,CAACF,aAAa,CAACG,UAAf,GAA4B;AAFC,CAAxB;;;AAIA,MAAMC,OAAN,CAAc;;;;gBAARA,O;;gBAAAA,O;;gBAAAA,O,UAIU,OAAOC,GAAP,EAA2BC,KAA3B,KAA6C;EAChE,IAAI;IALKF,OAMP,CAAKC,GAAL,GAAWA,GAAX;IANOD,OAOP,CAAKE,KAAL,GAAaA,KAAb;IACA,MAAM,IAAAC,wBAAA,GAAN;EACD,CAJD,CAIE,OAAOC,CAAP,EAAU;IACVC,OAAO,CAACC,GAAR,CAAYF,CAAZ;EACD;AACF,C;;gBAZUJ,O,YAcY,MAAM;EAC3B,OAfSA,OAeF,CAAKC,GAAZ;AACD,C;;gBAhBUD,O,cAkBc,MAAM;EAC7B,OAnBSA,OAmBF,CAAKE,KAAZ;AACD,C"}
+{"version":3,"names":["UNEnvironment","UNIT_SCRIPT_URL","sandbox","production","UnitSDK","env","theme","fetchUnitScript","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

@@ -29,6 +29,7 @@ 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;
 
@@ -42,6 +43,7 @@ exports.WebComponentType = WebComponentType;
 const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponent(props, webRef) {
   const [unitScript, setUnitScript] = (0, _react.useState)(_UnitSdk.globalUnitScript);
   const [sourceHtml, setSourceHtml] = (0, _react.useState)(null);
+  const width = props.width ?? '100%';
 
   const listenerAction = data => {
     setUnitScript(data.unitScript);
@@ -74,14 +76,24 @@ const WebComponent = /*#__PURE__*/_react.default.forwardRef(function WebComponen
   };
 
   if (!sourceHtml) return null;
+
+  const _onScroll = event => {
+    if (props.handleScroll) {
+      props.handleScroll(event);
+    }
+
+    return null;
+  };
+
   return /*#__PURE__*/_react.default.createElement(_reactNativeWebview.WebView, {
     ref: webRef,
     cacheEnabled: false,
-    scrollEnabled: props.shouldEnableWebViewScroll,
+    scrollEnabled: props.isScrollable,
+    onScroll: _onScroll,
     overScrollMode: "never",
     injectedJavaScript: unitScript,
     style: {
-      width: props.width ?? '100%',
+      width: width,
       flex: 1
     },
     source: {

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

@@ -1 +1 @@
-{"version":3,"names":["WebComponentType","WebComponent","React","forwardRef","props","webRef","unitScript","setUnitScript","useState","globalUnitScript","sourceHtml","setSourceHtml","listenerAction","data","useListenerToBus","busEventKey","NativeMessage","IS_SCRIPT_FETCHED","action","useEffect","fetchUnitScript","newHtml","html","replace","HTML_PLACEHOLDER","BODY","getHtmlBody","type","valueOf","params","presentationMode","SCRIPT_FROM_NATIVE","script","onMessage","e","message","JSON","parse","nativeEvent","UnitMessage","UNIT_REQUEST_REFRESH","details","EventBus","Instance","event","shouldEnableWebViewScroll","width","flex"],"sources":["WebComponent.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { WebView, WebViewMessageEvent } from 'react-native-webview';\nimport EventBus from '../helpers/EventBus';\nimport html, { HTML_PLACEHOLDER } from './html';\nimport { RequestRefreshEvent, UnitMessage } from '../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../hooks/listenerToBus';\nimport type { WebViewMessage } from '../messages/webMessages';\nimport { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { NativeMessage } from '../messages/nativeMessages';\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  width?: number;\n  shouldEnableWebViewScroll?: boolean;\n}\n\nexport enum WebComponentType {\n  card = 'unit-elements-card',\n  bookPayment = 'unit-elements-book-payment',\n  activity = 'unit-elements-activity',\n  slot = 'unit-elements-sdk-slot'\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {\n  const [unitScript, setUnitScript] = useState<string | undefined>(globalUnitScript);\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null);\n\n  const listenerAction = (data: { unitScript?: string }) => {\n    setUnitScript(data.unitScript);\n  };\n\n  useListenerToBus([{ busEventKey: NativeMessage.IS_SCRIPT_FETCHED, action: listenerAction }]);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), props.params, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    setSourceHtml(newHtml);\n\n  }, [props.params, unitScript]);\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;\n    if (message.type == UnitMessage.UNIT_REQUEST_REFRESH && message.details) {\n      EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details as RequestRefreshEvent);\n    } else {\n      props.onMessage && props.onMessage(message);\n    }\n  };\n\n  if (!sourceHtml) return null;\n\n  return (\n    <WebView\n      ref={webRef}\n      cacheEnabled={false}\n      scrollEnabled={props.shouldEnableWebViewScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: props.width ?? '100%', flex: 1 }}\n      source={{ html: sourceHtml }}\n      onMessage={onMessage} />\n  );\n});\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;IAYYA,gB;;;WAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,gCAAAA,gB;;AAOL,MAAMC,YAAY,gBAAGC,cAAA,CAAMC,UAAN,CAA6C,SAASF,YAAT,CAAsBG,KAAtB,EAA6BC,MAA7B,EAAqC;EAC5G,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAA6BC,yBAA7B,CAApC;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAH,eAAA,EAAwB,IAAxB,CAApC;;EAEA,MAAMI,cAAc,GAAIC,IAAD,IAAmC;IACxDN,aAAa,CAACM,IAAI,CAACP,UAAN,CAAb;EACD,CAFD;;EAIA,IAAAQ,+BAAA,EAAiB,CAAC;IAAEC,WAAW,EAAEC,6BAAA,CAAcC,iBAA7B;IAAgDC,MAAM,EAAEN;EAAxD,CAAD,CAAjB;EAEA,IAAAO,gBAAA,EAAU,MAAM;IACd,IAAI,CAACb,UAAL,EAAiB;MACf,IAAAc,wBAAA;MACA;IACD;;IAED,IAAIC,OAAO,GAAGC,aAAA,CAAKC,OAAL,CAAaC,sBAAA,CAAiBC,IAA9B,EAAoC,IAAAC,qBAAA,EAAYtB,KAAK,CAACuB,IAAN,CAAWC,OAAX,EAAZ,EAAkCxB,KAAK,CAACyB,MAAxC,EAAgDzB,KAAK,CAAC0B,gBAAtD,CAApC,CAAd;;IACAT,OAAO,GAAGA,OAAO,CAACE,OAAR,CAAgBC,sBAAA,CAAiBO,kBAAjC,EAAqD3B,KAAK,CAAC4B,MAAN,IAAgB,EAArE,CAAV;IACArB,aAAa,CAACU,OAAD,CAAb;EAED,CAVD,EAUG,CAACjB,KAAK,CAACyB,MAAP,EAAevB,UAAf,CAVH;;EAYA,MAAM2B,SAAS,GAAIC,CAAD,IAA4B;IAC5C,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAWH,CAAC,CAACI,WAAF,CAAczB,IAAzB,CAAhB;;IACA,IAAIsB,OAAO,CAACR,IAAR,IAAgBY,yBAAA,CAAYC,oBAA5B,IAAoDL,OAAO,CAACM,OAAhE,EAAyE;MACvEC,iBAAA,CAASC,QAAT,CAAkBC,KAAlB,CAAwBL,yBAAA,CAAYC,oBAApC,EAA0DL,OAAO,CAACM,OAAlE;IACD,CAFD,MAEO;MACLrC,KAAK,CAAC6B,SAAN,IAAmB7B,KAAK,CAAC6B,SAAN,CAAgBE,OAAhB,CAAnB;IACD;EACF,CAPD;;EASA,IAAI,CAACzB,UAAL,EAAiB,OAAO,IAAP;EAEjB,oBACE,6BAAC,2BAAD;IACE,GAAG,EAAEL,MADP;IAEE,YAAY,EAAE,KAFhB;IAGE,aAAa,EAAED,KAAK,CAACyC,yBAHvB;IAIE,cAAc,EAAC,OAJjB;IAKE,kBAAkB,EAAEvC,UALtB;IAME,KAAK,EAAE;MAAEwC,KAAK,EAAE1C,KAAK,CAAC0C,KAAN,IAAe,MAAxB;MAAgCC,IAAI,EAAE;IAAtC,CANT;IAOE,MAAM,EAAE;MAAEzB,IAAI,EAAEZ;IAAR,CAPV;IAQE,SAAS,EAAEuB;EARb,EADF;AAWD,CA5C2B,CAArB"}
+{"version":3,"names":["WebComponentType","WebComponent","React","forwardRef","props","webRef","unitScript","setUnitScript","useState","globalUnitScript","sourceHtml","setSourceHtml","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/module/components/UNActivityComponent/UNActivityComponent.js

@@ -7,7 +7,7 @@ export const UNActivityComponent = props => {
     type: WebComponentType.activity,
     presentationMode: PresentationMode.Inherit,
     params: getActivityParams(props),
-    shouldEnableWebViewScroll: false
+    isScrollable: false
   });
 };
 //# sourceMappingURL=UNActivityComponent.js.map

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

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

@@ -17,7 +17,7 @@ export const UNBookPaymentComponent = props => {
     params: getBookPaymentParams(props),
     script: getBookPaymentScript(),
     onMessage: message => handleWebViewMessage(message),
-    shouldEnableWebViewScroll: false
+    isScrollable: false
   });
 };
 //# sourceMappingURL=UNBookPaymentComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","WebComponent","WebComponentType","PresentationMode","getBookPaymentParams","getBookPaymentScript","BookPaymentMessage","UNBookPaymentComponent","props","handleWebViewMessage","message","type","PAYMENT_CREATED","onPaymentCreated","response","details","data","bookPayment","Inherit"],"sources":["UNBookPaymentComponent.tsx"],"sourcesContent":["import React from 'react';\nimport { WebComponent, WebComponentType } from '../../webComponent/WebComponent';\nimport { PresentationMode } from '../../scripts/html/bodyHtml';\nimport { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport { BookPaymentEvent, BookPaymentMessage } from '../../messages/webMessages/bookPaymentMessage';\nimport type { UNBookPaymentData } from '../../sharedTypes';\n\nexport interface UNBookPaymentComponentProps {\n  accountId: string;\n  customerToken: string;\n  isSameCustomer: boolean;\n  counterPartyAccountId: string;\n  counterPartyName: string;\n  theme?: string;\n  onPaymentCreated?: (data: UNBookPaymentData) => void;\n}\n\nexport const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {\n  const handleWebViewMessage = (message: WebViewMessage) => {\n    if (message.type === BookPaymentMessage.PAYMENT_CREATED && props.onPaymentCreated) {\n      const response = message.details as BookPaymentEvent;\n      props.onPaymentCreated(response.data);\n    }\n  };\n\n  return (\n    <WebComponent\n      type={WebComponentType.bookPayment}\n      presentationMode={PresentationMode.Inherit}\n      params={getBookPaymentParams(props)}\n      script={getBookPaymentScript()}\n      onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}\n      shouldEnableWebViewScroll={false}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,oBAAT,EAA+BC,oBAA/B,QAA2D,gCAA3D;AAEA,SAA2BC,kBAA3B,QAAqD,+CAArD;AAaA,OAAO,MAAMC,sBAAsB,GAAIC,KAAD,IAAwC;EAC5E,MAAMC,oBAAoB,GAAIC,OAAD,IAA6B;IACxD,IAAIA,OAAO,CAACC,IAAR,KAAiBL,kBAAkB,CAACM,eAApC,IAAuDJ,KAAK,CAACK,gBAAjE,EAAmF;MACjF,MAAMC,QAAQ,GAAGJ,OAAO,CAACK,OAAzB;MACAP,KAAK,CAACK,gBAAN,CAAuBC,QAAQ,CAACE,IAAhC;IACD;EACF,CALD;;EAOA,oBACE,oBAAC,YAAD;IACE,IAAI,EAAEd,gBAAgB,CAACe,WADzB;IAEE,gBAAgB,EAAEd,gBAAgB,CAACe,OAFrC;IAGE,MAAM,EAAEd,oBAAoB,CAACI,KAAD,CAH9B;IAIE,MAAM,EAAEH,oBAAoB,EAJ9B;IAKE,SAAS,EAAGK,OAAD,IAA6BD,oBAAoB,CAACC,OAAD,CAL9D;IAME,yBAAyB,EAAE;EAN7B,EADF;AAUD,CAlBM"}
+{"version":3,"names":["React","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/UNBottomSheetComponent/UNBottomSheetComponent.js

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