react-native-unit-components 1.10.0 → 1.11.0

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

@@ -1,296 +1,190 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React, { useEffect, useRef, useState } from 'react';
-import { WebComponent } from '../../webComponent/WebComponent';
-import { Dimensions, Linking, View } from 'react-native';
+import React, { useEffect, useState } from 'react';
+import { View } from 'react-native';
 import BottomSheet from '../../helpers/BottomSheet/BottomSheet';
-import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
-import { CardMessage } from '../../messages/webMessages/cardMessage';
-import { extractCardIdFromComponentParams, getBottomSheetScript, injectHtmlFullScreenHeight, isAddToWalletByComponentParams, isAddToWalletFromRequestRendering, renderingBottomSheetRequest, resetHtml } from './UNBottomSheetComponent.utils';
 import { getStylesObject } from './UNBottomSheetComponent.styles';
 import { useAppStateListener } from '../../hooks/useAppStateListener';
-import { UNAddToWalletBottomSheetItem } from './components/UNAddToWalletBottomSheetItem';
-import { getAccountActionType } from '../UNAccountComponent/UNAccountComponent.utils';
-import { UNAccountAction } from '../UNAccountComponent/UNAccountComponent';
-import { AccountMessage } from '../../messages/webMessages/accountMessage';
-import { ActivityMessage } from '../../messages/webMessages/activityMessage';
-import { BOTTOM_SHEET_MAX_PERCENTAGE_SIZE } from './UNBottomSheetComponent.constants';
-import { BottomSheetRenderingType } from '../../types/internal/bottomSheet.types';
-import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
+import { BottomSheetNativeComponentType, BottomSheetNativePlaceType, BottomSheetRenderingType, ScrollState } from '../../types/internal/bottomSheet.types';
 import { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';
 import { withReduxStore } from '../../helpers/store/helpers';
 import { useListenerToEvent } from '../../hooks/useListenerToEvent';
-import { setEvent } from '../../slices/SharedEventsSlice';
-import { useDispatch } from 'react-redux';
-export let ScrollState;
-(function (ScrollState) {
-  ScrollState["onTop"] = "onTop";
-  ScrollState["unScrollable"] = "unScrollable";
-  ScrollState["onlyWebView"] = "webViewScroll";
-  ScrollState["onlyBottomSheet"] = "onlyBottomSheet";
-})(ScrollState || (ScrollState = {}));
+import { useDispatch, useSelector } from 'react-redux';
+import { fullScreenHeight, overFullScreenHeight } from './UNBottomSheetComponent.constants';
+import { resetBottomSheetSlice, setIsBottomSheetActive, setIsComponentLoading, setNativePlace, setScrollState, setShouldEnableBottomSheetScroll, setShouldShowBottomSheet } from '../../slices/BottomSheetSlice';
+import UNBottomSheetSlotComponent from './components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent';
+import UNBottomSheetNativeComponent from './components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent';
+import { extractCustomerTokenFromRequestRenderingEvent } from './UNBottomSheetComponent.utils';
 const UNBottomSheetComponent = () => {
   const dispatch = useDispatch();
-  const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);
+  const isBottomSheetActive = useSelector(state => state.bottomSheet.isBottomSheetActive);
+  const isComponentLoading = useSelector(state => state.bottomSheet.isComponentLoading);
+  const shouldShowBottomSheet = useSelector(state => state.bottomSheet.shouldShowBottomSheet);
+  const nativePlace = useSelector(state => state.bottomSheet.nativePlace);
+  const componentHeight = useSelector(state => state.bottomSheet.componentHeight);
+  const scrollState = useSelector(state => state.bottomSheet.scrollState);
+  const shouldEnableBottomSheetScroll = useSelector(state => state.bottomSheet.shouldEnableBottomSheetScroll);
+  const [renderingType, setRenderingType] = useState();
   const [height, setHeight] = useState(0);
-  const fullScreenHeight = Dimensions.get('window').height * BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;
-  const [renderingType, setRenderingType] = useState(BottomSheetRenderingType.Slot);
-  const [bottomSheetSlotData, setBottomSheetSlotData] = useState();
-  const [webComponentData, setWebComponentData] = useState();
+  const [sliderMaxHeight, setSliderMaxHeight] = useState(overFullScreenHeight);
   const [nativeComponentData, setNativeComponentData] = useState();
-  const [isAddToWallet, setIsAddToWallet] = useState(false);
-  const [scrollState, setScrollState] = useState(ScrollState.onTop);
-  const [shouldShowComponent, setShouldShowComponent] = useState(false);
-  const [newHeightMessage, setNewHeightMessage] = useState(null);
+  const [requestRenderingEventData, setRequestRenderingEventData] = useState();
+  const [componentParams, setComponentParams] = useState();
+  const [currentBottomSheetRenderingMessage, setCurrentBottomSheetRenderingMessage] = useState();
   const isAppActive = useAppStateListener();
   const styles = getStylesObject();
-  const webRef = useRef(null);
-  const startFlow = rendering => {
-    setRenderingType(rendering.type);
-    setIsBottomSheetActive(true);
-    setShouldShowComponent(true);
-    switch (rendering.type) {
-      case BottomSheetRenderingType.Slot:
-        setBottomSheetSlotData(rendering.data);
-        setIsAddToWallet(isAddToWalletFromRequestRendering(rendering.data));
-        setWebComponentData(undefined);
-        break;
-      case BottomSheetRenderingType.WebComponent:
-        setIsAddToWallet(isAddToWalletByComponentParams(rendering.data));
-        isAddToWallet && setHeight(fullScreenHeight);
-        setBottomSheetSlotData(undefined);
-        setWebComponentData(rendering.data);
-        break;
-      case BottomSheetRenderingType.NativeComponent:
-        setNativeComponentData(rendering.data);
-        break;
+  useEffect(() => {
+    // Check if the inner contained component is still loading or the bottom sheet should not be shown.
+    if (isComponentLoading || !shouldShowBottomSheet) {
+      // If so, hide the bottom sheet by setting the height to 0.
+      setHeight(0);
+    } else {
+      // If not, display the bottom sheet by calculating and setting the height based on the native place type.
+      setHeightFromNativePlace();
+      setSliderMaxHeightFromNativePlace();
     }
-  };
-  const handleCloseFlow = () => {
-    setIsBottomSheetActive(false);
-  };
+  }, [componentHeight, nativePlace, isComponentLoading, shouldShowBottomSheet]);
   useEffect(() => {
-    switch (renderingType) {
-      case BottomSheetRenderingType.Slot:
-        if (webRef.current && bottomSheetSlotData !== null && bottomSheetSlotData !== void 0 && bottomSheetSlotData.requestRenderingEvent) {
-          renderingBottomSheetRequest(webRef.current, bottomSheetSlotData.requestRenderingEvent);
+    if (!isBottomSheetActive) {
+      dispatch(resetBottomSheetSlice());
+      resetBottomSheetManagerState();
+    }
+  }, [isBottomSheetActive, dispatch]);
+  const setHeightFromNativePlace = () => {
+    switch (nativePlace) {
+      // In this case, we want the bottom sheet to fully contain the component,
+      // thus adjusting its height to the component height, up to the maximum of overFullScreenHeight.
+      case BottomSheetNativePlaceType.menu:
+        if (componentHeight) {
+          setHeight(componentHeight < overFullScreenHeight ? componentHeight : overFullScreenHeight);
         }
         break;
-      case BottomSheetRenderingType.WebComponent:
-        if (isAddToWallet) {
-          var _webRef$current;
-          (_webRef$current = webRef.current) === null || _webRef$current === void 0 ? void 0 : _webRef$current.injectJavaScript('document.activeElement && document.activeElement.blur();');
-          setHeight(fullScreenHeight);
-        }
+      // In the case of overFullScreen, set the height to the overFullScreenHeight.
+      case BottomSheetNativePlaceType.overFullScreen:
+        setHeight(overFullScreenHeight);
         break;
-      case BottomSheetRenderingType.NativeComponent:
+      // For modal native place type, set the height to the fullScreenHeight.
+      case BottomSheetNativePlaceType.modal:
+        setHeight(fullScreenHeight);
         break;
     }
-  }, [webRef, webComponentData, bottomSheetSlotData, nativeComponentData]);
-  useEffect(() => {
-    if (!isBottomSheetActive) {
-      webRef.current && resetHtml(webRef.current);
-      setHeight(0);
-      setShouldShowComponent(false);
-      setWebComponentData(undefined);
-      setBottomSheetSlotData(undefined);
-      setRenderingType(BottomSheetRenderingType.Slot);
-      setScrollState(ScrollState.onTop);
-      setIsAddToWallet(false);
+  };
+  const setSliderMaxHeightFromNativePlace = () => {
+    if (nativePlace === BottomSheetNativePlaceType.modal) {
+      setSliderMaxHeight(fullScreenHeight);
+    } else {
+      setSliderMaxHeight(overFullScreenHeight);
     }
-  }, [isBottomSheetActive]);
-  useEffect(() => {
-    if (shouldShowComponent) {
-      defineScrollState();
-      setNewHeight(newHeightMessage);
+  };
+  const resetBottomSheetManagerState = () => {
+    setComponentParams(undefined);
+    setRequestRenderingEventData(undefined);
+    setNativeComponentData(undefined);
+    setRenderingType(undefined);
+    setHeight(0);
+    setSliderMaxHeight(overFullScreenHeight);
+  };
+  const requestRendering = rendering => {
+    if (isBottomSheetActive) {
+      dispatch(setShouldShowBottomSheet(false));
+    }
+    handleRequestRendering(rendering);
+    if (isBottomSheetActive) {
+      setTimeout(() => dispatch(setShouldShowBottomSheet(true)), 400);
+    } else {
+      dispatch(setIsBottomSheetActive(true));
+      dispatch(setShouldShowBottomSheet(true));
     }
-  }, [shouldShowComponent, newHeightMessage, isAddToWallet]);
+  };
+  const handleCloseFlow = () => {
+    dispatch(setIsBottomSheetActive(false));
+  };
   useListenerToEvent({
-    busEventKey: BottomSheetNativeMessage.START_FLOW,
-    action: startFlow
+    busEventKey: BottomSheetNativeMessage.REQUEST_RENDERING,
+    action: requestRendering
   });
   useListenerToEvent({
     busEventKey: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
     action: handleCloseFlow
   });
-  const defineScrollState = () => {
-    const scrollStateForSlot = () => {
-      if (!(bottomSheetSlotData !== null && bottomSheetSlotData !== void 0 && bottomSheetSlotData.requestRenderingEvent)) return;
-      switch (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentName) {
-        case WebComponentType.account:
-          {
-            const accountActionType = getAccountActionType(bottomSheetSlotData.requestRenderingEvent);
-            setScrollState(accountActionType === UNAccountAction.List ? ScrollState.onTop : ScrollState.unScrollable);
-            break;
-          }
-        case WebComponentType.card:
-          {
-            if (isAddToWallet) {
-              setScrollState(ScrollState.unScrollable);
-            } else {
-              setScrollState(ScrollState.onTop);
-            }
-            break;
-          }
-        default:
-          {
-            // default web component case
-            const nativePlace = bottomSheetSlotData.requestRenderingEvent.data.nativePlace;
-            if (nativePlace == 'overFullScreen') {
-              setScrollState(ScrollState.onTop);
-            } else {
-              setScrollState(ScrollState.unScrollable);
-            }
-          }
-      }
-    };
-    const scrollStateForWebComponent = () => {
-      if (isAddToWallet) {
-        setScrollState(ScrollState.unScrollable);
-      } else {
-        setScrollState(ScrollState.onTop);
-      }
-    };
-    switch (renderingType) {
+  const handleRequestRendering = rendering => {
+    if (rendering === currentBottomSheetRenderingMessage) {
+      return;
+    } else {
+      setCurrentBottomSheetRenderingMessage(rendering);
+    }
+    dispatch(setIsComponentLoading(true));
+    switch (rendering.type) {
+      //if slot check if we know this component and want to show it, otherwise get directly the component
       case BottomSheetRenderingType.Slot:
-        scrollStateForSlot();
+        determineRenderingTypeFromEvent(rendering.data);
         break;
-      case BottomSheetRenderingType.WebComponent:
-        scrollStateForWebComponent();
+      case BottomSheetRenderingType.NativeComponent:
+        setupDataForNativeComponent(rendering.data);
         break;
       default:
-        setScrollState(ScrollState.onTop);
-    }
-  };
-  const setNewHeight = message => {
-    if (isAddToWallet) {
-      setHeight(fullScreenHeight);
-    } else if (message) {
-      const nativePlace = bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.requestRenderingEvent.data.nativePlace;
-      if (nativePlace == 'overFullScreen') {
-        injectHtmlFullScreenHeight(webRef.current, fullScreenHeight);
-        setHeight(fullScreenHeight);
-      } else {
-        const height = message.details.height;
-        setHeight(height < fullScreenHeight ? height : fullScreenHeight);
-      }
+        break;
     }
   };
-  const onWebMessage = message => {
-    switch (message.type) {
-      case PageMessage.PAGE_HEIGHT:
-        (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.requestRenderingEvent) && setNewHeightMessage(message);
-        break;
-      case UnitMessage.UNIT_REQUEST_RENDERING:
-        {
-          var _bottomSheetSlotData$, _bottomSheetSlotData$2;
-          setRenderingType(BottomSheetRenderingType.Slot);
-          const requestRendering = message.details;
-          setWebComponentData(undefined);
-          if (requestRendering.data.nativeComponent != (bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : (_bottomSheetSlotData$ = bottomSheetSlotData.requestRenderingEvent) === null || _bottomSheetSlotData$ === void 0 ? void 0 : (_bottomSheetSlotData$2 = _bottomSheetSlotData$.data) === null || _bottomSheetSlotData$2 === void 0 ? void 0 : _bottomSheetSlotData$2.nativeComponent)) {
-            setIsAddToWallet(requestRendering.data.nativeComponent.includes('action=AddToWallet'));
-
-            // Animation between bottom sheet screens
-            // Close the bottom sheet
-            setHeight(0);
-            setShouldShowComponent(false);
-
-            // Update the bottom sheet data
-            setBottomSheetSlotData({
-              componentResourceId: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentResourceId,
-              componentName: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentName,
-              requestRenderingEvent: requestRendering
-            });
-
-            // Open the bottom sheet
-            setTimeout(() => setShouldShowComponent(true), 400);
+  const getNativeComponentDataFromEvent = event => {
+    let nativeComponentDataFromEvent = null;
+    if (event?.requestRenderingEvent.data.nativeComponent?.includes('action=AddToWallet') && event?.componentResourceId) {
+      nativeComponentDataFromEvent = {
+        nativePlace: BottomSheetNativePlaceType.overFullScreen,
+        component: {
+          type: BottomSheetNativeComponentType.AddToWalletComponent,
+          props: {
+            cardId: event.componentResourceId,
+            customerToken: extractCustomerTokenFromRequestRenderingEvent(event.requestRenderingEvent)
           }
-          break;
         }
-      case CardMessage.CARD_ACTIVATED:
-        dispatch(setEvent({
-          key: CardMessage.CARD_ACTIVATED,
-          data: message.details.card
-        }));
-        break;
-      case CardMessage.CARD_STATUS_CHANGED:
-        dispatch(setEvent({
-          key: CardMessage.CARD_STATUS_CHANGED,
-          data: message.details.card
-        }));
-        break;
-      case AccountMessage.UNIT_ACCOUNT_CHANGED:
-        dispatch(setEvent({
-          key: AccountMessage.UNIT_ACCOUNT_CHANGED,
-          data: message.details.account
-        }));
-        break;
-      case ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED:
-        dispatch(setEvent({
-          key: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED,
-          data: message.details
-        }));
-        break;
-      case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:
-        handleCloseFlow();
-        break;
-      case UnitMessage.UNIT_REQUEST_OPEN_LINK:
-        // eslint-disable-next-line no-case-declarations
-        const {
-          href
-        } = message.details;
-        Linking.openURL(href);
-        break;
+      };
     }
+    return nativeComponentDataFromEvent;
   };
-  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 determineRenderingTypeFromEvent = event => {
+    const nativeComponentDataFromEvent = getNativeComponentDataFromEvent(event);
+    if (nativeComponentDataFromEvent) {
+      setupDataForNativeComponent(nativeComponentDataFromEvent);
+      return;
     }
+    setupDataForSlotComponent(event);
+  };
+  const setupDataForNativeComponent = eventData => {
+    const nativePlace = eventData.nativePlace ? eventData.nativePlace : BottomSheetNativePlaceType.modal;
+    setRenderingType(BottomSheetRenderingType.NativeComponent);
+    dispatch(setNativePlace(nativePlace));
+    setNativeComponentData(eventData);
+    dispatch(setIsComponentLoading(false)); //todo: work with events?
+  };
+  const setupDataForSlotComponent = eventData => {
+    setRenderingType(BottomSheetRenderingType.Slot);
+    const componentParamsFromEvent = {
+      componentName: eventData.componentName ? eventData.componentName : componentParams?.componentName,
+      componentResourceId: eventData.componentResourceId ? eventData.componentResourceId : componentParams?.componentResourceId
+    };
+    setComponentParams(componentParamsFromEvent);
+    dispatch(setNativePlace(eventData.requestRenderingEvent.data.nativePlace));
+    setRequestRenderingEventData(eventData.requestRenderingEvent);
   };
   const handleWebViewScroll = () => {
     if (scrollState === ScrollState.unScrollable) return;
-    setScrollState(ScrollState.onlyWebView);
+    dispatch(setScrollState(ScrollState.onlyWebView));
+    dispatch(setShouldEnableBottomSheetScroll(false));
   };
-  const renderBottomSheetItem = () => {
-    var _bottomSheetSlotData$3, _webComponentData$par;
+  const renderBottomSheetComponent = () => {
     switch (renderingType) {
       case BottomSheetRenderingType.Slot:
-        if (bottomSheetSlotData !== null && bottomSheetSlotData !== void 0 && (_bottomSheetSlotData$3 = bottomSheetSlotData.requestRenderingEvent.data.nativeComponent) !== null && _bottomSheetSlotData$3 !== void 0 && _bottomSheetSlotData$3.includes('action=AddToWallet') && bottomSheetSlotData !== null && bottomSheetSlotData !== void 0 && bottomSheetSlotData.componentResourceId) {
-          return /*#__PURE__*/React.createElement(UNAddToWalletBottomSheetItem, {
-            renderingType: renderingType,
-            renderingRequest: bottomSheetSlotData.requestRenderingEvent,
-            cardId: bottomSheetSlotData === null || bottomSheetSlotData === void 0 ? void 0 : bottomSheetSlotData.componentResourceId,
-            fullScreenHeight: fullScreenHeight
-          });
-        }
-        return /*#__PURE__*/React.createElement(WebComponent, {
-          ref: webRef,
-          type: WebComponentType.slot,
-          presentationMode: PresentationMode.CoverInjectedHeight,
-          script: getBottomSheetScript(),
-          onMessage: onWebMessage,
-          isScrollable: scrollState === ScrollState.onlyWebView || scrollState === ScrollState.onTop,
-          handleScroll: onScrollWebView
-        });
-      case BottomSheetRenderingType.WebComponent:
-        if (webComponentData !== null && webComponentData !== void 0 && (_webComponentData$par = webComponentData.params) !== null && _webComponentData$par !== void 0 && _webComponentData$par.includes('action=AddToWallet')) {
-          const cardId = extractCardIdFromComponentParams(webComponentData);
-          if (!cardId) return null;
-          return /*#__PURE__*/React.createElement(UNAddToWalletBottomSheetItem, {
-            renderingType: renderingType,
-            webComponentData: webComponentData,
-            cardId: cardId,
-            fullScreenHeight: fullScreenHeight
-          });
-        }
-        return null;
+        return requestRenderingEventData ? /*#__PURE__*/React.createElement(UNBottomSheetSlotComponent, {
+          requestRenderingEvent: requestRenderingEventData,
+          componentName: componentParams?.componentName,
+          componentResourceId: componentParams?.componentResourceId
+        }) : null;
       case BottomSheetRenderingType.NativeComponent:
+        return nativeComponentData ? /*#__PURE__*/React.createElement(UNBottomSheetNativeComponent, {
+          nativeComponentData: nativeComponentData
+        }) : null;
+      default:
         return null;
     }
   };
@@ -300,11 +194,14 @@ const UNBottomSheetComponent = () => {
   }, /*#__PURE__*/React.createElement(BottomSheet, {
     isOpen: isBottomSheetActive,
     height: height,
-    onClose: () => setIsBottomSheetActive(false),
-    onOpen: () => setIsBottomSheetActive(true),
+    sliderMaxHeight: sliderMaxHeight,
+    onClose: () => dispatch(setIsBottomSheetActive(false)),
+    onOpen: () => dispatch(setIsBottomSheetActive(true)),
     handleWebViewScroll: () => handleWebViewScroll(),
-    shouldEnableBottomSheetScroll: scrollState !== ScrollState.onlyWebView
-  }, isAppActive && renderBottomSheetItem()));
+    shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
+    nativePlace: nativePlace,
+    isComponentLoading: isComponentLoading
+  }, isAppActive && renderBottomSheetComponent()));
 };
 export default withReduxStore(UNBottomSheetComponent);
 //# sourceMappingURL=UNBottomSheetComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","WebComponent","Dimensions","Linking","View","BottomSheet","PageMessage","UnitMessage","CardMessage","extractCardIdFromComponentParams","getBottomSheetScript","injectHtmlFullScreenHeight","isAddToWalletByComponentParams","isAddToWalletFromRequestRendering","renderingBottomSheetRequest","resetHtml","getStylesObject","useAppStateListener","UNAddToWalletBottomSheetItem","getAccountActionType","UNAccountAction","AccountMessage","ActivityMessage","BOTTOM_SHEET_MAX_PERCENTAGE_SIZE","BottomSheetRenderingType","PresentationMode","WebComponentType","BottomSheetNativeMessage","withReduxStore","useListenerToEvent","setEvent","useDispatch","ScrollState","UNBottomSheetComponent","dispatch","isBottomSheetActive","setIsBottomSheetActive","height","setHeight","fullScreenHeight","get","renderingType","setRenderingType","Slot","bottomSheetSlotData","setBottomSheetSlotData","webComponentData","setWebComponentData","nativeComponentData","setNativeComponentData","isAddToWallet","setIsAddToWallet","scrollState","setScrollState","onTop","shouldShowComponent","setShouldShowComponent","newHeightMessage","setNewHeightMessage","isAppActive","styles","webRef","startFlow","rendering","type","data","undefined","NativeComponent","handleCloseFlow","current","requestRenderingEvent","_webRef$current","injectJavaScript","defineScrollState","setNewHeight","busEventKey","START_FLOW","action","UNIT_REQUEST_CLOSE_FLOW","scrollStateForSlot","componentName","account","accountActionType","List","unScrollable","card","nativePlace","scrollStateForWebComponent","message","details","onWebMessage","PAGE_HEIGHT","UNIT_REQUEST_RENDERING","_bottomSheetSlotData$","_bottomSheetSlotData$2","requestRendering","nativeComponent","includes","componentResourceId","setTimeout","CARD_ACTIVATED","key","CARD_STATUS_CHANGED","UNIT_ACCOUNT_CHANGED","UNIT_ACTIVITY_FILTERS_CHANGED","UNIT_REQUEST_OPEN_LINK","href","openURL","onScrollWebView","event","currY","nativeEvent","contentOffset","y","onlyBottomSheet","onlyWebView","handleWebViewScroll","renderBottomSheetItem","_bottomSheetSlotData$3","_webComponentData$par","createElement","renderingRequest","cardId","ref","slot","presentationMode","CoverInjectedHeight","script","onMessage","isScrollable","handleScroll","params","pointerEvents","style","container","isOpen","onClose","onOpen","shouldEnableBottomSheetScroll"],"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 } from '../../webComponent/WebComponent';\nimport { Dimensions, Linking, View } from 'react-native';\nimport BottomSheet from '../../helpers/BottomSheet/BottomSheet';\nimport { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';\nimport { RequestOpenLinkEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { CardMessage, CardActivatedEvent, CardStatusChangedEvent } from '../../messages/webMessages/cardMessage';\nimport type { WebViewMessage } from '../../messages/webMessages';\nimport {\n  extractCardIdFromComponentParams,\n  getBottomSheetScript,\n  injectHtmlFullScreenHeight,\n  isAddToWalletByComponentParams,\n  isAddToWalletFromRequestRendering,\n  renderingBottomSheetRequest,\n  resetHtml,\n} from './UNBottomSheetComponent.utils';\nimport { getStylesObject } from './UNBottomSheetComponent.styles';\nimport { useAppStateListener } from '../../hooks/useAppStateListener';\nimport { UNAddToWalletBottomSheetItem } from './components/UNAddToWalletBottomSheetItem';\nimport { getAccountActionType } from '../UNAccountComponent/UNAccountComponent.utils';\nimport { UNAccountAction } from '../UNAccountComponent/UNAccountComponent';\nimport type { AccountChangedEvent } from '../../messages/webMessages/accountMessage';\nimport { AccountMessage } from '../../messages/webMessages/accountMessage';\nimport { ActivityFiltersChangedEvent, ActivityMessage } from '../../messages/webMessages/activityMessage';\nimport { BOTTOM_SHEET_MAX_PERCENTAGE_SIZE } from './UNBottomSheetComponent.constants';\nimport {\n  BottomSheetRenderingType,\n  BottomSheetSlotData,\n  NativeComponentData,\n  WebComponentData,\n} from '../../types/internal/bottomSheet.types';\nimport { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';\nimport {\n  BottomSheetNativeMessage,\n  type StartBottomSheetFlowMessage,\n} from '../../messages/nativeMessages/bottomSheetMessage';\nimport { withReduxStore } from '../../helpers/store/helpers';\nimport { useListenerToEvent } from '../../hooks/useListenerToEvent';\nimport { setEvent } from '../../slices/SharedEventsSlice';\nimport { useDispatch } from 'react-redux';\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\nconst UNBottomSheetComponent = () => {\n  const dispatch = useDispatch();\n  const [isBottomSheetActive, setIsBottomSheetActive] = useState(false);\n  const [height, setHeight] = useState(0);\n\n  const fullScreenHeight = Dimensions.get('window').height * BOTTOM_SHEET_MAX_PERCENTAGE_SIZE;\n\n  const [renderingType, setRenderingType] = useState<BottomSheetRenderingType>(BottomSheetRenderingType.Slot);\n  const [bottomSheetSlotData, setBottomSheetSlotData] = useState<BottomSheetSlotData>();\n  const [webComponentData, setWebComponentData] = useState<WebComponentData>();\n  const [nativeComponentData, setNativeComponentData] = useState<NativeComponentData>();\n\n  const [isAddToWallet, setIsAddToWallet] = useState(false);\n  const [scrollState, setScrollState] = useState<ScrollState>(ScrollState.onTop);\n\n  const [shouldShowComponent, setShouldShowComponent] = 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 startFlow = (rendering: StartBottomSheetFlowMessage) => {\n    setRenderingType(rendering.type);\n    setIsBottomSheetActive(true);\n    setShouldShowComponent(true);\n    switch (rendering.type) {\n      case BottomSheetRenderingType.Slot:\n        setBottomSheetSlotData(rendering.data);\n        setIsAddToWallet(isAddToWalletFromRequestRendering(rendering.data));\n        setWebComponentData(undefined);\n        break;\n      case BottomSheetRenderingType.WebComponent:\n        setIsAddToWallet(isAddToWalletByComponentParams(rendering.data));\n        isAddToWallet && setHeight(fullScreenHeight);\n        setBottomSheetSlotData(undefined);\n        setWebComponentData(rendering.data);\n        break;\n      case BottomSheetRenderingType.NativeComponent:\n        setNativeComponentData(rendering.data);\n        break;\n    }\n  };\n\n  const handleCloseFlow = () => {\n    setIsBottomSheetActive(false);\n  };\n\n  useEffect(() => {\n    switch (renderingType) {\n      case BottomSheetRenderingType.Slot:\n        if (webRef.current && bottomSheetSlotData?.requestRenderingEvent) {\n          renderingBottomSheetRequest(webRef.current, bottomSheetSlotData.requestRenderingEvent);\n        }\n        break;\n      case BottomSheetRenderingType.WebComponent:\n        if (isAddToWallet) {\n          webRef.current?.injectJavaScript('document.activeElement && document.activeElement.blur();');\n          setHeight(fullScreenHeight);\n        }\n        break;\n      case BottomSheetRenderingType.NativeComponent:\n        break;\n    }\n  }, [webRef, webComponentData, bottomSheetSlotData, nativeComponentData]);\n\n  useEffect(() => {\n    if (!isBottomSheetActive) {\n      webRef.current && resetHtml(webRef.current);\n      setHeight(0);\n      setShouldShowComponent(false);\n      setWebComponentData(undefined);\n      setBottomSheetSlotData(undefined);\n      setRenderingType(BottomSheetRenderingType.Slot);\n      setScrollState(ScrollState.onTop);\n      setIsAddToWallet(false);\n    }\n  }, [isBottomSheetActive]);\n\n  useEffect(() => {\n    if (shouldShowComponent) {\n      defineScrollState();\n      setNewHeight(newHeightMessage);\n    }\n  }, [shouldShowComponent, newHeightMessage, isAddToWallet]);\n\n  useListenerToEvent({ busEventKey: BottomSheetNativeMessage.START_FLOW, action: startFlow });\n  useListenerToEvent({ busEventKey: UnitMessage.UNIT_REQUEST_CLOSE_FLOW, action: handleCloseFlow });\n\n  const defineScrollState = () => {\n    const scrollStateForSlot = () => {\n      if (!bottomSheetSlotData?.requestRenderingEvent) return;\n      switch (bottomSheetSlotData?.componentName) {\n        case WebComponentType.account: {\n          const accountActionType = getAccountActionType(bottomSheetSlotData.requestRenderingEvent);\n          setScrollState(\n            accountActionType === UNAccountAction.List ? ScrollState.onTop : ScrollState.unScrollable,\n          );\n          break;\n        }\n        case WebComponentType.card: {\n          if (isAddToWallet) {\n            setScrollState(ScrollState.unScrollable);\n          } else {\n            setScrollState(ScrollState.onTop);\n          }\n          break;\n        }\n        default: {\n          // default web component case\n          const nativePlace = bottomSheetSlotData.requestRenderingEvent.data.nativePlace;\n          if (nativePlace == 'overFullScreen') {\n            setScrollState(ScrollState.onTop);\n          } else {\n            setScrollState(ScrollState.unScrollable);\n          }\n        }\n      }\n    };\n\n    const scrollStateForWebComponent = () => {\n      if (isAddToWallet) {\n        setScrollState(ScrollState.unScrollable);\n      } else {\n        setScrollState(ScrollState.onTop);\n      }\n    };\n\n    switch (renderingType) {\n      case BottomSheetRenderingType.Slot:\n        scrollStateForSlot();\n        break;\n      case BottomSheetRenderingType.WebComponent:\n        scrollStateForWebComponent();\n        break;\n      default:\n        setScrollState(ScrollState.onTop);\n    }\n  };\n\n  const setNewHeight = (message: WebViewMessage | null) => {\n    if (isAddToWallet) {\n      setHeight(fullScreenHeight);\n    } else if (message) {\n      const nativePlace = bottomSheetSlotData?.requestRenderingEvent.data.nativePlace;\n      if (nativePlace == 'overFullScreen') {\n        injectHtmlFullScreenHeight(webRef.current, fullScreenHeight);\n        setHeight(fullScreenHeight);\n      } else {\n        const height = (message.details as HeightEvent).height;\n        setHeight(height < fullScreenHeight ? height : fullScreenHeight);\n      }\n    }\n  };\n\n  const onWebMessage = (message: WebViewMessage) => {\n    switch (message.type) {\n      case PageMessage.PAGE_HEIGHT:\n        bottomSheetSlotData?.requestRenderingEvent && setNewHeightMessage(message);\n        break;\n      case UnitMessage.UNIT_REQUEST_RENDERING: {\n        setRenderingType(BottomSheetRenderingType.Slot);\n        const requestRendering = (message.details as RequestRenderingEvent);\n        setWebComponentData(undefined);\n        if (requestRendering.data.nativeComponent != bottomSheetSlotData?.requestRenderingEvent?.data?.nativeComponent) {\n          setIsAddToWallet(requestRendering.data.nativeComponent.includes('action=AddToWallet'));\n\n          // Animation between bottom sheet screens\n          // Close the bottom sheet\n          setHeight(0);\n          setShouldShowComponent(false);\n\n          // Update the bottom sheet data\n          setBottomSheetSlotData({\n            componentResourceId: bottomSheetSlotData?.componentResourceId,\n            componentName: bottomSheetSlotData?.componentName,\n            requestRenderingEvent: requestRendering,\n          });\n\n          // Open the bottom sheet\n          setTimeout(() => setShouldShowComponent(true), 400);\n        }\n        break;\n      }\n      case CardMessage.CARD_ACTIVATED:\n        dispatch(setEvent({\n          key: CardMessage.CARD_ACTIVATED,\n          data: (message.details as CardActivatedEvent).card,\n        }));\n        break;\n      case CardMessage.CARD_STATUS_CHANGED:\n        dispatch(setEvent({\n          key: CardMessage.CARD_STATUS_CHANGED,\n          data: (message.details as CardStatusChangedEvent).card,\n        }));\n        break;\n      case AccountMessage.UNIT_ACCOUNT_CHANGED:\n        dispatch(setEvent({\n          key: AccountMessage.UNIT_ACCOUNT_CHANGED,\n          data: (message.details as AccountChangedEvent).account,\n        }));\n        break;\n      case ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED:\n        dispatch(setEvent({\n          key: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED,\n          data: (message.details as ActivityFiltersChangedEvent),\n        }));\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 (renderingType) {\n      case BottomSheetRenderingType.Slot:\n        if (bottomSheetSlotData?.requestRenderingEvent.data.nativeComponent?.includes('action=AddToWallet') && bottomSheetSlotData?.componentResourceId) {\n          return <UNAddToWalletBottomSheetItem renderingType={renderingType}\n            renderingRequest={bottomSheetSlotData.requestRenderingEvent}\n            cardId={bottomSheetSlotData?.componentResourceId}\n            fullScreenHeight={fullScreenHeight} />;\n        }\n\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      case BottomSheetRenderingType.WebComponent:\n        if (webComponentData?.params?.includes('action=AddToWallet')) {\n          const cardId = extractCardIdFromComponentParams(webComponentData);\n          if (!cardId) return null;\n          return <UNAddToWalletBottomSheetItem renderingType={renderingType} webComponentData={webComponentData}\n            cardId={cardId} fullScreenHeight={fullScreenHeight} />;\n        }\n        return null;\n      case BottomSheetRenderingType.NativeComponent:\n        return null;\n    }\n  };\n\n  return (\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\nexport default withReduxStore(UNBottomSheetComponent);\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","View","BottomSheet","UnitMessage","getStylesObject","useAppStateListener","BottomSheetNativeComponentType","BottomSheetNativePlaceType","BottomSheetRenderingType","ScrollState","BottomSheetNativeMessage","withReduxStore","useListenerToEvent","useDispatch","useSelector","fullScreenHeight","overFullScreenHeight","resetBottomSheetSlice","setIsBottomSheetActive","setIsComponentLoading","setNativePlace","setScrollState","setShouldEnableBottomSheetScroll","setShouldShowBottomSheet","UNBottomSheetSlotComponent","UNBottomSheetNativeComponent","extractCustomerTokenFromRequestRenderingEvent","UNBottomSheetComponent","dispatch","isBottomSheetActive","state","bottomSheet","isComponentLoading","shouldShowBottomSheet","nativePlace","componentHeight","scrollState","shouldEnableBottomSheetScroll","renderingType","setRenderingType","height","setHeight","sliderMaxHeight","setSliderMaxHeight","nativeComponentData","setNativeComponentData","requestRenderingEventData","setRequestRenderingEventData","componentParams","setComponentParams","currentBottomSheetRenderingMessage","setCurrentBottomSheetRenderingMessage","isAppActive","styles","setHeightFromNativePlace","setSliderMaxHeightFromNativePlace","resetBottomSheetManagerState","menu","overFullScreen","modal","undefined","requestRendering","rendering","handleRequestRendering","setTimeout","handleCloseFlow","busEventKey","REQUEST_RENDERING","action","UNIT_REQUEST_CLOSE_FLOW","type","Slot","determineRenderingTypeFromEvent","data","NativeComponent","setupDataForNativeComponent","getNativeComponentDataFromEvent","event","nativeComponentDataFromEvent","requestRenderingEvent","nativeComponent","includes","componentResourceId","component","AddToWalletComponent","props","cardId","customerToken","setupDataForSlotComponent","eventData","componentParamsFromEvent","componentName","handleWebViewScroll","unScrollable","onlyWebView","renderBottomSheetComponent","createElement","pointerEvents","style","container","isOpen","onClose","onOpen"],"sourceRoot":"../../../../src","sources":["components/UNBottomSheetComponent/UNBottomSheetComponent.tsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","getStylesObject","create","container","position","top","bottom","left","right"],"sources":["UNBottomSheetComponent.styles.ts"],"sourcesContent":["import { StyleSheet } from 'react-native';\n\nexport const getStylesObject = () => {\n  return StyleSheet.create({\n    container: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0\n    }\n  });\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,OAAOD,UAAU,CAACE,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE;IACT;EACF,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["StyleSheet","getStylesObject","create","container","position","top","bottom","left","right"],"sourceRoot":"../../../../src","sources":["components/UNBottomSheetComponent/UNBottomSheetComponent.styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,OAAOD,UAAU,CAACE,MAAM,CAAC;IACvBC,SAAS,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,MAAM,EAAE,CAAC;MACTC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE;IACT;EACF,CAAC,CAAC;AACJ,CAAC"}

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

@@ -4,37 +4,34 @@ export const getBottomSheetScript = () => {
   return LISTENERS.requestRefresh;
 };
 export const renderingBottomSheetRequest = (currentWebView, renderingRequest) => {
-  currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
+  currentWebView?.injectJavaScript(`
     document.activeElement && document.activeElement.blur();
     dispatchRenderingEvent('${JSON.stringify(renderingRequest.data)}');
   `);
 };
 export const resetHtml = currentWebView => {
-  currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
+  currentWebView?.injectJavaScript(`
     document.activeElement && document.activeElement.blur();
     document.getElementById('${webViewId}').style.height = null;
   `);
 };
 export const injectHtmlFullScreenHeight = (currentWebView, bottomSheetHeight) => {
-  currentWebView && (currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
+  currentWebView && currentWebView?.injectJavaScript(`
     document.getElementById('${webViewId}').style.height = '${bottomSheetHeight}px';
-  `));
+  `);
 };
 export const isAddToWalletFromRequestRendering = data => {
-  var _data$requestRenderin, _data$requestRenderin2;
-  return ((_data$requestRenderin = data.requestRenderingEvent) === null || _data$requestRenderin === void 0 ? void 0 : (_data$requestRenderin2 = _data$requestRenderin.data) === null || _data$requestRenderin2 === void 0 ? void 0 : _data$requestRenderin2.nativeComponent.includes('AddToWallet')) ?? false;
+  return data.requestRenderingEvent?.data?.nativeComponent.includes('AddToWallet') ?? false;
 };
 export const isAddToWalletByComponentParams = data => {
-  var _data$params;
-  return ((_data$params = data.params) === null || _data$params === void 0 ? void 0 : _data$params.includes('AddToWallet')) ?? false;
+  return data.params?.includes('AddToWallet') ?? false;
 };
-export const extractCardIdFromComponentParams = data => {
-  var _data$params2;
-  const regex = /card-id=(\d+)/;
-  const match = (_data$params2 = data.params) === null || _data$params2 === void 0 ? void 0 : _data$params2.match(regex);
+export const extractCustomerTokenFromRequestRenderingEvent = event => {
+  const paramsString = event.data.nativeComponent;
+  const regex = /customer-token=([^>]*)>/;
+  const match = paramsString?.match(regex);
   if (match && match[1]) {
-    const cardId = match[1];
-    return cardId;
+    return match[1];
   } else {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"names":["LISTENERS","webViewId","getBottomSheetScript","requestRefresh","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","JSON","stringify","data","resetHtml","injectHtmlFullScreenHeight","bottomSheetHeight","isAddToWalletFromRequestRendering","_data$requestRenderin","_data$requestRenderin2","requestRenderingEvent","nativeComponent","includes","isAddToWalletByComponentParams","_data$params","params","extractCardIdFromComponentParams","_data$params2","regex","match","cardId"],"sources":["UNBottomSheetComponent.utils.ts"],"sourcesContent":["import { LISTENERS } from './../../scripts/html/bodyScript';\nimport type WebView from 'react-native-webview';\nimport type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';\nimport type { BottomSheetSlotData, WebComponentData } from '../../types/internal/bottomSheet.types';\nimport { webViewId } from '../../scripts/html/bodyHtml';\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('${webViewId}').style.height = null;\n  `);\n};\n\nexport const injectHtmlFullScreenHeight = (currentWebView: WebView | null, bottomSheetHeight: number) => {\n  currentWebView && currentWebView?.injectJavaScript(`\n    document.getElementById('${webViewId}').style.height = '${bottomSheetHeight}px';\n  `);\n};\n\nexport const isAddToWalletFromRequestRendering = (data: BottomSheetSlotData): boolean => {\n  return data.requestRenderingEvent?.data?.nativeComponent.includes('AddToWallet') ?? false;\n};\n\nexport const isAddToWalletByComponentParams = (data: WebComponentData): boolean => {\n  return data.params?.includes('AddToWallet') ?? false;\n};\n\nexport const extractCardIdFromComponentParams = (data: WebComponentData): string | null => {\n  const regex = /card-id=(\\d+)/;\n  const match = data.params?.match(regex);\n\n  if (match && match[1]) {\n    const cardId = match[1];\n    return cardId;\n  } else {\n    return null;\n  }\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,iCAAiC;AAI3D,SAASC,SAAS,QAAQ,6BAA6B;AAEvD,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,OAAOF,SAAS,CAACG,cAAc;AACjC,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGA,CAACC,cAAuB,EAAEC,gBAAuC,KAAK;EAC/GD,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,gBAAgB,CAAE;AACpC;AACA,8BAA8BC,IAAI,CAACC,SAAS,CAACH,gBAAgB,CAACI,IAAI,CAAE;AACpE,GAAG,CAAC;AACJ,CAAC;AAED,OAAO,MAAMC,SAAS,GAAIN,cAAuB,IAAK;EACpDA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,gBAAgB,CAAE;AACpC;AACA,+BAA+BN,SAAU;AACzC,GAAG,CAAC;AACJ,CAAC;AAED,OAAO,MAAMW,0BAA0B,GAAGA,CAACP,cAA8B,EAAEQ,iBAAyB,KAAK;EACvGR,cAAc,KAAIA,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEE,gBAAgB,CAAE;AACtD,+BAA+BN,SAAU,sBAAqBY,iBAAkB;AAChF,GAAG,CAAC;AACJ,CAAC;AAED,OAAO,MAAMC,iCAAiC,GAAIJ,IAAyB,IAAc;EAAA,IAAAK,qBAAA,EAAAC,sBAAA;EACvF,OAAO,EAAAD,qBAAA,GAAAL,IAAI,CAACO,qBAAqB,cAAAF,qBAAA,wBAAAC,sBAAA,GAA1BD,qBAAA,CAA4BL,IAAI,cAAAM,sBAAA,uBAAhCA,sBAAA,CAAkCE,eAAe,CAACC,QAAQ,CAAC,aAAa,CAAC,KAAI,KAAK;AAC3F,CAAC;AAED,OAAO,MAAMC,8BAA8B,GAAIV,IAAsB,IAAc;EAAA,IAAAW,YAAA;EACjF,OAAO,EAAAA,YAAA,GAAAX,IAAI,CAACY,MAAM,cAAAD,YAAA,uBAAXA,YAAA,CAAaF,QAAQ,CAAC,aAAa,CAAC,KAAI,KAAK;AACtD,CAAC;AAED,OAAO,MAAMI,gCAAgC,GAAIb,IAAsB,IAAoB;EAAA,IAAAc,aAAA;EACzF,MAAMC,KAAK,GAAG,eAAe;EAC7B,MAAMC,KAAK,IAAAF,aAAA,GAAGd,IAAI,CAACY,MAAM,cAAAE,aAAA,uBAAXA,aAAA,CAAaE,KAAK,CAACD,KAAK,CAAC;EAEvC,IAAIC,KAAK,IAAIA,KAAK,CAAC,CAAC,CAAC,EAAE;IACrB,MAAMC,MAAM,GAAGD,KAAK,CAAC,CAAC,CAAC;IACvB,OAAOC,MAAM;EACf,CAAC,MAAM;IACL,OAAO,IAAI;EACb;AACF,CAAC"}
+{"version":3,"names":["LISTENERS","webViewId","getBottomSheetScript","requestRefresh","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","JSON","stringify","data","resetHtml","injectHtmlFullScreenHeight","bottomSheetHeight","isAddToWalletFromRequestRendering","requestRenderingEvent","nativeComponent","includes","isAddToWalletByComponentParams","params","extractCustomerTokenFromRequestRenderingEvent","event","paramsString","regex","match"],"sourceRoot":"../../../../src","sources":["components/UNBottomSheetComponent/UNBottomSheetComponent.utils.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,iCAAiC;AAI3D,SAASC,SAAS,QAAQ,6BAA6B;AAEvD,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,OAAOF,SAAS,CAACG,cAAc;AACjC,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGA,CAACC,cAAuB,EAAEC,gBAAuC,KAAK;EAC/GD,cAAc,EAAEE,gBAAgB,CAAE;AACpC;AACA,8BAA8BC,IAAI,CAACC,SAAS,CAACH,gBAAgB,CAACI,IAAI,CAAE;AACpE,GAAG,CAAC;AACJ,CAAC;AAED,OAAO,MAAMC,SAAS,GAAIN,cAAuB,IAAK;EACpDA,cAAc,EAAEE,gBAAgB,CAAE;AACpC;AACA,+BAA+BN,SAAU;AACzC,GAAG,CAAC;AACJ,CAAC;AAED,OAAO,MAAMW,0BAA0B,GAAGA,CAACP,cAA8B,EAAEQ,iBAAyB,KAAK;EACvGR,cAAc,IAAIA,cAAc,EAAEE,gBAAgB,CAAE;AACtD,+BAA+BN,SAAU,sBAAqBY,iBAAkB;AAChF,GAAG,CAAC;AACJ,CAAC;AAED,OAAO,MAAMC,iCAAiC,GAAIJ,IAAyB,IAAc;EACvF,OAAOA,IAAI,CAACK,qBAAqB,EAAEL,IAAI,EAAEM,eAAe,CAACC,QAAQ,CAAC,aAAa,CAAC,IAAI,KAAK;AAC3F,CAAC;AAED,OAAO,MAAMC,8BAA8B,GAAIR,IAAsB,IAAc;EACjF,OAAOA,IAAI,CAACS,MAAM,EAAEF,QAAQ,CAAC,aAAa,CAAC,IAAI,KAAK;AACtD,CAAC;AAED,OAAO,MAAMG,6CAA6C,GAAIC,KAA4B,IAAoB;EAC5G,MAAMC,YAAY,GAAGD,KAAK,CAACX,IAAI,CAACM,eAAe;EAC/C,MAAMO,KAAK,GAAG,yBAAyB;EACvC,MAAMC,KAAK,GAAGF,YAAY,EAAEE,KAAK,CAACD,KAAK,CAAC;EACxC,IAAIC,KAAK,IAAIA,KAAK,CAAC,CAAC,CAAC,EAAE;IACrB,OAAOA,KAAK,CAAC,CAAC,CAAC;EACjB,CAAC,MAAM;IACL,OAAO,IAAI;EACb;AACF,CAAC"}