react-native-unit-components 1.11.0 → 1.13.0

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

@@ -5,7 +5,7 @@ import BottomSheet from '../../helpers/BottomSheet/BottomSheet';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import { getStylesObject } from './UNBottomSheetComponent.styles';
 import { useAppStateListener } from '../../hooks/useAppStateListener';
-import { BottomSheetNativeComponentType, BottomSheetNativePlaceType, BottomSheetRenderingType, ScrollState } from '../../types/internal/bottomSheet.types';
+import { 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';
@@ -14,7 +14,7 @@ import { fullScreenHeight, overFullScreenHeight } from './UNBottomSheetComponent
 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';
+import { getNativeComponentDataFromEvent } from './UNBottomSheetComponent.utils';
 const UNBottomSheetComponent = () => {
   const dispatch = useDispatch();
   const isBottomSheetActive = useSelector(state => state.bottomSheet.isBottomSheetActive);
@@ -34,6 +34,33 @@ const UNBottomSheetComponent = () => {
   const isAppActive = useAppStateListener();
   const styles = getStylesObject();
   useEffect(() => {
+    const setHeightFromNativePlace = () => {
+      switch (nativePlace) {
+        // In the case of overFullScreen, set the height to the overFullScreenHeight.
+        case BottomSheetNativePlaceType.overFullScreen:
+          setHeight(overFullScreenHeight);
+          break;
+        // For modal native place type, set the height to the fullScreenHeight.
+        case BottomSheetNativePlaceType.modal:
+          setHeight(fullScreenHeight);
+          break;
+        default:
+          // In general, we want the bottom sheet to fully contain the component,
+          // thus adjusting its height to the component height, up to the maximum of overFullScreenHeight.
+          if (componentHeight) {
+            setHeight(componentHeight < overFullScreenHeight ? componentHeight : overFullScreenHeight);
+          }
+          break;
+      }
+    };
+    const setSliderMaxHeightFromNativePlace = () => {
+      if (nativePlace === BottomSheetNativePlaceType.modal) {
+        setSliderMaxHeight(fullScreenHeight);
+      } else {
+        setSliderMaxHeight(overFullScreenHeight);
+      }
+    };
+
     // 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.
@@ -45,45 +72,19 @@ const UNBottomSheetComponent = () => {
     }
   }, [componentHeight, nativePlace, isComponentLoading, shouldShowBottomSheet]);
   useEffect(() => {
+    const resetBottomSheetManagerState = () => {
+      setComponentParams(undefined);
+      setRequestRenderingEventData(undefined);
+      setNativeComponentData(undefined);
+      setRenderingType(undefined);
+      setHeight(0);
+      setSliderMaxHeight(overFullScreenHeight);
+    };
     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;
-      // In the case of overFullScreen, set the height to the overFullScreenHeight.
-      case BottomSheetNativePlaceType.overFullScreen:
-        setHeight(overFullScreenHeight);
-        break;
-      // For modal native place type, set the height to the fullScreenHeight.
-      case BottomSheetNativePlaceType.modal:
-        setHeight(fullScreenHeight);
-        break;
-    }
-  };
-  const setSliderMaxHeightFromNativePlace = () => {
-    if (nativePlace === BottomSheetNativePlaceType.modal) {
-      setSliderMaxHeight(fullScreenHeight);
-    } else {
-      setSliderMaxHeight(overFullScreenHeight);
-    }
-  };
-  const resetBottomSheetManagerState = () => {
-    setComponentParams(undefined);
-    setRequestRenderingEventData(undefined);
-    setNativeComponentData(undefined);
-    setRenderingType(undefined);
-    setHeight(0);
-    setSliderMaxHeight(overFullScreenHeight);
-  };
   const requestRendering = rendering => {
     if (isBottomSheetActive) {
       dispatch(setShouldShowBottomSheet(false));
@@ -126,22 +127,6 @@ const UNBottomSheetComponent = () => {
         break;
     }
   };
-  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)
-          }
-        }
-      };
-    }
-    return nativeComponentDataFromEvent;
-  };
   const determineRenderingTypeFromEvent = event => {
     const nativeComponentDataFromEvent = getNativeComponentDataFromEvent(event);
     if (nativeComponentDataFromEvent) {

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["React","useEffect","useState","View","BottomSheet","UnitMessage","getStylesObject","useAppStateListener","BottomSheetNativePlaceType","BottomSheetRenderingType","ScrollState","BottomSheetNativeMessage","withReduxStore","useListenerToEvent","useDispatch","useSelector","fullScreenHeight","overFullScreenHeight","resetBottomSheetSlice","setIsBottomSheetActive","setIsComponentLoading","setNativePlace","setScrollState","setShouldEnableBottomSheetScroll","setShouldShowBottomSheet","UNBottomSheetSlotComponent","UNBottomSheetNativeComponent","getNativeComponentDataFromEvent","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","overFullScreen","modal","setSliderMaxHeightFromNativePlace","resetBottomSheetManagerState","undefined","requestRendering","rendering","handleRequestRendering","setTimeout","handleCloseFlow","busEventKey","REQUEST_RENDERING","action","UNIT_REQUEST_CLOSE_FLOW","type","Slot","determineRenderingTypeFromEvent","data","NativeComponent","setupDataForNativeComponent","event","nativeComponentDataFromEvent","setupDataForSlotComponent","eventData","componentParamsFromEvent","componentName","componentResourceId","requestRenderingEvent","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.utils.js

@@ -1,5 +1,7 @@
 import { LISTENERS } from './../../scripts/html/bodyScript';
 import { webViewId } from '../../scripts/html/bodyHtml';
+import { BottomSheetNativeComponentType, BottomSheetNativePlaceType } from '../../types/internal/bottomSheet.types';
+import { WebComponentType } from '../../types/internal/webComponent.types';
 export const getBottomSheetScript = () => {
   return LISTENERS.requestRefresh;
 };
@@ -20,20 +22,141 @@ export const injectHtmlFullScreenHeight = (currentWebView, bottomSheetHeight) =>
     document.getElementById('${webViewId}').style.height = '${bottomSheetHeight}px';
   `);
 };
-export const isAddToWalletFromRequestRendering = data => {
-  return data.requestRenderingEvent?.data?.nativeComponent.includes('AddToWallet') ?? false;
-};
-export const isAddToWalletByComponentParams = data => {
-  return data.params?.includes('AddToWallet') ?? false;
+const getParamsFromRequestRenderingEvent = event => {
+  const eventString = event.data.nativeComponent;
+  const componentName = event.data.nativeComponentName;
+  const regexStringParams = `(<${componentName})(.*?)(><\\/${componentName}>)`;
+  const regexParams = new RegExp(regexStringParams);
+  const matchParams = eventString?.match(regexParams);
+  if (matchParams && matchParams[2]) {
+    return matchParams[2];
+  }
+  return null;
 };
-export const extractCustomerTokenFromRequestRenderingEvent = event => {
-  const paramsString = event.data.nativeComponent;
-  const regex = /customer-token=([^>]*)>/;
+const extractValueFromRequestRenderingEvent = (event, key) => {
+  const paramsString = getParamsFromRequestRenderingEvent(event);
+  const regexString = `${key}=([^\\ \\s]+)`;
+  const regex = new RegExp(regexString);
   const match = paramsString?.match(regex);
   if (match && match[1]) {
     return match[1];
   } else {
+    return undefined;
+  }
+};
+const getAddToWalletComponentDataFromEvent = (event, customerToken) => {
+  const cardId = event.componentResourceId ?? extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'card-id');
+  if (!cardId) {
+    console.error('componentResourceId is missing in getAddToWalletComponentDataFromEvent and no cardId in requestRenderingEvent');
+    return null;
+  }
+  return {
+    type: BottomSheetNativeComponentType.AddToWalletComponent,
+    props: {
+      cardId: cardId,
+      customerToken: customerToken
+    }
+  };
+};
+const getACHCreditComponentDataFromEvent = (event, customerToken) => {
+  const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  if (!accountId) {
+    console.error('accountId is missing in getACHCreditComponentDataFromEvent');
+    return null;
+  }
+  return {
+    type: BottomSheetNativeComponentType.ACHCreditComponent,
+    props: {
+      accountId: accountId,
+      customerToken: customerToken
+    }
+  };
+};
+const getACHDebitComponentDataFromEvent = (event, customerToken) => {
+  const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  if (!accountId) {
+    console.error('accountId is missing in getACHDebitComponentDataFromEvent');
+    return null;
+  }
+  return {
+    type: BottomSheetNativeComponentType.ACHDebitComponent,
+    props: {
+      accountId: accountId,
+      customerToken: customerToken
+    }
+  };
+};
+const getCheckDepositComponentDataFromEvent = (event, customerToken) => {
+  const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
+  if (!accountId || !fee) {
+    console.error('accountId or fee is missing in getCheckDepositComponentDataFromEvent');
+    return null;
+  }
+  return {
+    type: BottomSheetNativeComponentType.CheckDepositComponent,
+    props: {
+      accountId: accountId,
+      fee: parseInt(fee),
+      customerToken: customerToken
+    }
+  };
+};
+const getBookPaymentComponentDataFromEvent = (event, customerToken) => {
+  const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const counterPartyAccountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'counterparty-account-id');
+  const counterPartyName = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'counterparty-name');
+  if (!accountId) {
+    console.error('accountId is missing in getBookPaymentComponentDataFromEvent');
+    return null;
+  }
+  return {
+    type: BottomSheetNativeComponentType.BookPaymentComponent,
+    props: {
+      accountId: accountId,
+      counterPartyAccountId: counterPartyAccountId,
+      counterPartyName: counterPartyName,
+      customerToken: customerToken
+    }
+  };
+};
+export const getNativeComponentDataFromEvent = event => {
+  let componentData = null;
+  let nativePlace = BottomSheetNativePlaceType.modal;
+  const requestRenderingEventData = event.requestRenderingEvent.data;
+  const customerToken = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'customer-token');
+  if (!customerToken) {
+    console.error('customerToken is missing in getNativeComponentDataFromEvent');
+    return null;
+  }
+  switch (requestRenderingEventData.nativeComponentName) {
+    case WebComponentType.cardAction:
+      if (requestRenderingEventData.nativeComponent?.includes('action=AddToWallet')) {
+        nativePlace = BottomSheetNativePlaceType.overFullScreen;
+        componentData = getAddToWalletComponentDataFromEvent(event, customerToken);
+      }
+      break;
+    case WebComponentType.achCreditPayment:
+      componentData = getACHCreditComponentDataFromEvent(event, customerToken);
+      break;
+    case WebComponentType.achDebitPayment:
+      componentData = getACHDebitComponentDataFromEvent(event, customerToken);
+      break;
+    case WebComponentType.checkDeposit:
+      componentData = getCheckDepositComponentDataFromEvent(event, customerToken);
+      break;
+    case WebComponentType.bookPayment:
+      componentData = getBookPaymentComponentDataFromEvent(event, customerToken);
+      break;
+    default:
+      break;
+  }
+  if (!componentData) {
     return null;
   }
+  return {
+    component: componentData,
+    nativePlace: nativePlace
+  };
 };
 //# sourceMappingURL=UNBottomSheetComponent.utils.js.map

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","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"}
+{"version":3,"names":["LISTENERS","webViewId","BottomSheetNativeComponentType","BottomSheetNativePlaceType","WebComponentType","getBottomSheetScript","requestRefresh","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","JSON","stringify","data","resetHtml","injectHtmlFullScreenHeight","bottomSheetHeight","getParamsFromRequestRenderingEvent","event","eventString","nativeComponent","componentName","nativeComponentName","regexStringParams","regexParams","RegExp","matchParams","match","extractValueFromRequestRenderingEvent","key","paramsString","regexString","regex","undefined","getAddToWalletComponentDataFromEvent","customerToken","cardId","componentResourceId","requestRenderingEvent","console","error","type","AddToWalletComponent","props","getACHCreditComponentDataFromEvent","accountId","ACHCreditComponent","getACHDebitComponentDataFromEvent","ACHDebitComponent","getCheckDepositComponentDataFromEvent","fee","CheckDepositComponent","parseInt","getBookPaymentComponentDataFromEvent","counterPartyAccountId","counterPartyName","BookPaymentComponent","getNativeComponentDataFromEvent","componentData","nativePlace","modal","requestRenderingEventData","cardAction","includes","overFullScreen","achCreditPayment","achDebitPayment","checkDeposit","bookPayment","component"],"sourceRoot":"../../../../src","sources":["components/UNBottomSheetComponent/UNBottomSheetComponent.utils.ts"],"mappings":"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"}

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

@@ -1,42 +1,84 @@
-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { BottomSheetNativeComponentType, BottomSheetNativePlaceType, ScrollState } from '../../../../types/internal/bottomSheet.types';
 import { useDispatch } from 'react-redux';
-import { setScrollState, setShouldEnableBottomSheetScroll } from '../../../../slices/BottomSheetSlice';
+import { setComponentHeight, setScrollState, setShouldEnableBottomSheetScroll } from '../../../../slices/BottomSheetSlice';
 import { UNAddToWalletComponent } from '../../../../nativeComponents/UNAddToWallet/UNAddToWalletComponent';
 import { View } from 'react-native';
 import { fullScreenHeight, overFullScreenHeight, statusBarHeight } from '../../UNBottomSheetComponent.constants';
+import UNACHCreditComponent from '../../../UNACHCreditComponent/UNACHCreditComponent';
+import UNCheckDepositComponent from '../../../UNCheckDepositComponent/UNCheckDepositComponent';
+import UNACHDebitComponent from '../../../UNACHDebitComponent/UNACHDebitComponent';
+import UNBookPaymentComponent from '../../../UNBookPaymentComponent/UNBookPaymentComponent';
+import { PageMessage } from '../../../../messages/webMessages/pageMessage';
+import { useListenerToEvent } from '../../../../hooks/useListenerToEvent';
 const UNBottomSheetNativeComponent = props => {
   const dispatch = useDispatch();
-  const [height, setHeight] = React.useState(0);
+  const [height, setHeight] = useState(0);
+  const [paddingTop, setPaddingTop] = useState(0);
+  const [padding, setPadding] = useState(0);
+  const updateComponetHeight = height => {
+    // content height are supported for internal components only.
+    setHeight(height);
+    dispatch(setComponentHeight(height));
+  };
+  useListenerToEvent({
+    busEventKey: PageMessage.PAGE_HEIGHT,
+    action: updateComponetHeight
+  });
   useEffect(() => {
+    const setPaddingForNativeComponent = () => {
+      const type = props.nativeComponentData?.component.type;
+      if (type === BottomSheetNativeComponentType.ACHCreditComponent || type === BottomSheetNativeComponentType.ACHDebitComponent) {
+        setPaddingTop(30);
+      }
+      if (type != BottomSheetNativeComponentType.CheckDepositComponent) {
+        setPadding(20);
+      }
+    };
+    const setScrollStateForNativeComponent = () => {
+      const scrollState = props.nativeComponentData.scrollState ?? ScrollState.unScrollable;
+      dispatch(setScrollState(scrollState));
+      dispatch(setShouldEnableBottomSheetScroll(scrollState !== ScrollState.onlyWebView));
+    };
     setScrollStateForNativeComponent();
-  }, [props.nativeComponentData]);
+    setPaddingForNativeComponent();
+  }, [dispatch, props.nativeComponentData]);
   useEffect(() => {
+    const setBottomSheetNativeComponentViewHeight = () => {
+      if (props.nativeComponentData.nativePlace === BottomSheetNativePlaceType.overFullScreen) {
+        setHeight(overFullScreenHeight);
+        dispatch(setComponentHeight(overFullScreenHeight));
+      } else if (props.nativeComponentData.nativePlace === BottomSheetNativePlaceType.modal) {
+        setHeight(fullScreenHeight - statusBarHeight);
+        dispatch(setComponentHeight(fullScreenHeight - statusBarHeight));
+      }
+    };
     setBottomSheetNativeComponentViewHeight();
   }, [props.nativeComponentData.nativePlace]);
-  const setBottomSheetNativeComponentViewHeight = () => {
-    if (props.nativeComponentData.nativePlace === BottomSheetNativePlaceType.overFullScreen) {
-      setHeight(overFullScreenHeight);
-    } else {
-      setHeight(fullScreenHeight - statusBarHeight);
-    }
-  };
-  const setScrollStateForNativeComponent = () => {
-    const scrollState = props.nativeComponentData.scrollState ?? ScrollState.unScrollable;
-    dispatch(setScrollState(scrollState));
-    dispatch(setShouldEnableBottomSheetScroll(scrollState !== ScrollState.onlyWebView));
-  };
   const renderNativeComponent = () => {
     switch (props.nativeComponentData?.component.type) {
       case BottomSheetNativeComponentType.AddToWalletComponent:
         return /*#__PURE__*/React.createElement(UNAddToWalletComponent, props.nativeComponentData.component.props);
+      case BottomSheetNativeComponentType.ACHCreditComponent:
+        return /*#__PURE__*/React.createElement(UNACHCreditComponent, props.nativeComponentData.component.props);
+      case BottomSheetNativeComponentType.ACHDebitComponent:
+        return /*#__PURE__*/React.createElement(UNACHDebitComponent, props.nativeComponentData.component.props);
+      case BottomSheetNativeComponentType.CheckDepositComponent:
+        return /*#__PURE__*/React.createElement(UNCheckDepositComponent, props.nativeComponentData.component.props);
+      case BottomSheetNativeComponentType.BookPaymentComponent:
+        return /*#__PURE__*/React.createElement(UNBookPaymentComponent, props.nativeComponentData.component.props);
     }
   };
-  return /*#__PURE__*/React.createElement(View, {
-    style: {
-      height: height
-    }
-  }, renderNativeComponent());
+  if (props.nativeComponentData.nativePlace === BottomSheetNativePlaceType.modal) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        height,
+        padding,
+        paddingTop
+      }
+    }, renderNativeComponent());
+  }
+  return renderNativeComponent();
 };
 export default UNBottomSheetNativeComponent;
 //# sourceMappingURL=UNBottomSheetNativeComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","BottomSheetNativeComponentType","BottomSheetNativePlaceType","ScrollState","useDispatch","setScrollState","setShouldEnableBottomSheetScroll","UNAddToWalletComponent","View","fullScreenHeight","overFullScreenHeight","statusBarHeight","UNBottomSheetNativeComponent","props","dispatch","height","setHeight","useState","setScrollStateForNativeComponent","nativeComponentData","setBottomSheetNativeComponentViewHeight","nativePlace","overFullScreen","scrollState","unScrollable","onlyWebView","renderNativeComponent","component","type","AddToWalletComponent","createElement","style"],"sourceRoot":"../../../../../../src","sources":["components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,8BAA8B,EAAEC,0BAA0B,EAE1DC,WAAW,QACN,8CAA8C;AACrD,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,cAAc,EAAEC,gCAAgC,QAAQ,qCAAqC;AACtG,SAASC,sBAAsB,QAAQ,mEAAmE;AAC1G,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,gBAAgB,EAAEC,oBAAoB,EAAEC,eAAe,QAAQ,wCAAwC;AAMhH,MAAMC,4BAA4B,GAAIC,KAAwC,IAAK;EACjF,MAAMC,QAAQ,GAAGV,WAAW,CAAC,CAAC;EAC9B,MAAM,CAACW,MAAM,EAAEC,SAAS,CAAC,GAAGjB,KAAK,CAACkB,QAAQ,CAAC,CAAC,CAAC;EAE7CjB,SAAS,CAAC,MAAM;IACdkB,gCAAgC,CAAC,CAAC;EACpC,CAAC,EAAE,CAACL,KAAK,CAACM,mBAAmB,CAAC,CAAC;EAE/BnB,SAAS,CAAC,MAAM;IACdoB,uCAAuC,CAAC,CAAC;EAC3C,CAAC,EAAE,CAACP,KAAK,CAACM,mBAAmB,CAACE,WAAW,CAAC,CAAC;EAE3C,MAAMD,uCAAuC,GAAGA,CAAA,KAAM;IACpD,IAAIP,KAAK,CAACM,mBAAmB,CAACE,WAAW,KAAKnB,0BAA0B,CAACoB,cAAc,EAAE;MACvFN,SAAS,CAACN,oBAAoB,CAAC;IACjC,CAAC,MAAM;MACLM,SAAS,CAACP,gBAAgB,GAAGE,eAAe,CAAC;IAC/C;EACF,CAAC;EAED,MAAMO,gCAAgC,GAAGA,CAAA,KAAM;IAC7C,MAAMK,WAAW,GAAGV,KAAK,CAACM,mBAAmB,CAACI,WAAW,IAAIpB,WAAW,CAACqB,YAAY;IACrFV,QAAQ,CAACT,cAAc,CAACkB,WAAW,CAAC,CAAC;IACrCT,QAAQ,CAACR,gCAAgC,CAACiB,WAAW,KAAKpB,WAAW,CAACsB,WAAW,CAAC,CAAC;EACrF,CAAC;EAED,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IAClC,QAAQb,KAAK,CAACM,mBAAmB,EAAEQ,SAAS,CAACC,IAAI;MAC/C,KAAK3B,8BAA8B,CAAC4B,oBAAoB;QACtD,oBACE9B,KAAA,CAAA+B,aAAA,CAACvB,sBAAsB,EACjBM,KAAK,CAACM,mBAAmB,CAACQ,SAAS,CAACd,KACzC,CAAC;IAER;EACF,CAAC;EACD,oBACEd,KAAA,CAAA+B,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAE;MAAEhB,MAAM,EAAEA;IAAO;EAAE,GAC7BW,qBAAqB,CAAC,CACnB,CAAC;AAEX,CAAC;AAED,eAAed,4BAA4B"}
+{"version":3,"names":["React","useEffect","useState","BottomSheetNativeComponentType","BottomSheetNativePlaceType","ScrollState","useDispatch","setComponentHeight","setScrollState","setShouldEnableBottomSheetScroll","UNAddToWalletComponent","View","fullScreenHeight","overFullScreenHeight","statusBarHeight","UNACHCreditComponent","UNCheckDepositComponent","UNACHDebitComponent","UNBookPaymentComponent","PageMessage","useListenerToEvent","UNBottomSheetNativeComponent","props","dispatch","height","setHeight","paddingTop","setPaddingTop","padding","setPadding","updateComponetHeight","busEventKey","PAGE_HEIGHT","action","setPaddingForNativeComponent","type","nativeComponentData","component","ACHCreditComponent","ACHDebitComponent","CheckDepositComponent","setScrollStateForNativeComponent","scrollState","unScrollable","onlyWebView","setBottomSheetNativeComponentViewHeight","nativePlace","overFullScreen","modal","renderNativeComponent","AddToWalletComponent","createElement","BookPaymentComponent","style"],"sourceRoot":"../../../../../../src","sources":["components/UNBottomSheetComponent/components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent.tsx"],"mappings":"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"}

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

@@ -15,51 +15,54 @@ import { getAccountActionType } from '../../../UNAccountComponent/UNAccountCompo
 import { UNAccountAction } from '../../../UNAccountComponent/UNAccountComponent';
 import { fullScreenHeight, overFullScreenHeight, statusBarHeight } from '../../UNBottomSheetComponent.constants';
 import { BottomSheetNativeMessage } from '../../../../messages/nativeMessages/bottomSheetMessage';
+import { PlaidMessage } from '../../../../messages/webMessages/plaidMessages';
+import { PayeeManagementMessage } from '../../../../messages/webMessages/payeeManagementMessage';
 const UNBottomSheetSlotComponent = props => {
   const dispatch = useDispatch();
   const webRef = useRef(null);
   const scrollState = useSelector(state => state.bottomSheet.scrollState);
   const nativePlace = props.requestRenderingEvent?.data?.nativePlace;
-  const scrollStateForSlot = () => {
-    if (!props.requestRenderingEvent) return;
-    switch (props.componentName) {
-      case WebComponentType.account:
-        {
-          const accountActionType = getAccountActionType(props.requestRenderingEvent);
-          dispatch(setScrollState(accountActionType === UNAccountAction.List ? ScrollState.onTop : ScrollState.unScrollable));
-          dispatch(setShouldEnableBottomSheetScroll(true));
-          break;
-        }
-      case WebComponentType.card:
-        {
-          dispatch(setScrollState(ScrollState.onTop));
-          dispatch(setShouldEnableBottomSheetScroll(true));
-          break;
-        }
-      default:
-        {
-          // default web component case
-          const nativePlace = props.requestRenderingEvent.data.nativePlace;
-          switch (nativePlace) {
-            case BottomSheetNativePlaceType.overFullScreen:
-              dispatch(setScrollState(ScrollState.onTop));
-              dispatch(setShouldEnableBottomSheetScroll(true));
-              break;
-            case BottomSheetNativePlaceType.modal:
-              dispatch(setScrollState(ScrollState.onlyWebView));
-              dispatch(setShouldEnableBottomSheetScroll(false));
-              break;
-            default:
-              dispatch(setScrollState(ScrollState.onTop));
-              dispatch(setShouldEnableBottomSheetScroll(true));
-              break;
-          }
-        }
-    }
-  };
   useEffect(() => {
+    const scrollStateForSlot = () => {
+      if (!props.requestRenderingEvent) return;
+      switch (props.componentName) {
+        case WebComponentType.account:
+          {
+            const accountActionType = getAccountActionType(props.requestRenderingEvent);
+            dispatch(setScrollState(accountActionType === UNAccountAction.List ? ScrollState.onTop : ScrollState.unScrollable));
+            dispatch(setShouldEnableBottomSheetScroll(true));
+            break;
+          }
+        case WebComponentType.card:
+          {
+            dispatch(setScrollState(ScrollState.onTop));
+            dispatch(setShouldEnableBottomSheetScroll(true));
+            break;
+          }
+        default:
+          {
+            // default web component case
+            const nativePlace = props.requestRenderingEvent.data.nativePlace;
+            switch (nativePlace) {
+              case BottomSheetNativePlaceType.overFullScreen:
+                dispatch(setScrollState(ScrollState.onTop));
+                dispatch(setShouldEnableBottomSheetScroll(true));
+                break;
+              case BottomSheetNativePlaceType.modal:
+                dispatch(setScrollState(ScrollState.onlyWebView));
+                dispatch(setShouldEnableBottomSheetScroll(false));
+                break;
+              default:
+                dispatch(setScrollState(ScrollState.onTop));
+                dispatch(setShouldEnableBottomSheetScroll(true));
+                break;
+            }
+          }
+      }
+    };
     scrollStateForSlot();
-  }, [props.componentName, props.requestRenderingEvent.data.nativePlace, scrollStateForSlot]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.componentName, props.requestRenderingEvent.data.nativePlace]);
   const _onWebMessage = message => {
     switch (message.type) {
       case PageMessage.PAGE_LOADED:
@@ -112,6 +115,12 @@ const UNBottomSheetSlotComponent = props => {
           data: message.details.card
         }));
         break;
+      case PlaidMessage.UNIT_OPEN_PLAID:
+        dispatch(setEvent({
+          key: PlaidMessage.UNIT_OPEN_PLAID,
+          data: message.details
+        }));
+        break;
       case CardMessage.CARD_STATUS_CHANGED:
         dispatch(setEvent({
           key: CardMessage.CARD_STATUS_CHANGED,
@@ -130,8 +139,18 @@ const UNBottomSheetSlotComponent = props => {
           data: message.details
         }));
         break;
+      case PayeeManagementMessage.UNIT_COUNTERPARTY_DELETED:
+        {
+          dispatch(setEvent({
+            key: PayeeManagementMessage.UNIT_COUNTERPARTY_DELETED,
+            data: message.details.counterparty
+          }));
+          break;
+        }
     }
   };
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const _onScrollWebView = event => {
     if (scrollState === ScrollState.unScrollable) return;
     const currY = event.nativeEvent.contentOffset.y;