react-native-unit-components 0.1.0 → 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["UnitMessage","BOTTOM_SHEET_MAX_PRECANTAGE_SIZE","getBottomSheetScript","UNIT_REQUEST_REFRESH","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","resetHtml","handleHtmlFullHeight","windowHeight","bottomSheetHeight"],"sources":["UNBottomSheetComponent.utils.ts"],"sourcesContent":["import type WebView from 'react-native-webview';\nimport { UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { BOTTOM_SHEET_MAX_PRECANTAGE_SIZE } from './UNBottomSheetComponent.constants';\n\nexport const getBottomSheetScript = () => {\n  return `\n    window.addEventListener(\"${UnitMessage.UNIT_REQUEST_REFRESH}\", (e) => {\n      postMessageToSDK({ type: \"${UnitMessage.UNIT_REQUEST_REFRESH}\", details:  e.detail  })\n    });\n  `;\n};\n\nexport const renderingBottomSheetRequest = (currentWebView: WebView, renderingRequest: string) => {\n  currentWebView?.injectJavaScript(`\n    document.activeElement && document.activeElement.blur();\n    dispatchRenderingEvent('${renderingRequest}');\n  `);\n};\n\nexport const resetHtml = (currentWebView: WebView) => {\n  currentWebView?.injectJavaScript(`\n    document.activeElement && document.activeElement.blur();\n    document.getElementById('webViewContainer').style.height = null;\n  `);\n};\n\nexport const handleHtmlFullHeight = (currentWebView: WebView | null, windowHeight: number) => {\n  const bottomSheetHeight = windowHeight * BOTTOM_SHEET_MAX_PRECANTAGE_SIZE;\n  currentWebView && currentWebView?.injectJavaScript(`\n    document.getElementById('webViewContainer').style.height = '${bottomSheetHeight}px';\n  `);\n\n  return bottomSheetHeight;\n};\n"],"mappings":"AACA,SAASA,WAAT,QAA4B,yCAA5B;AACA,SAASC,gCAAT,QAAiD,oCAAjD;AAEA,OAAO,MAAMC,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BF,WAAW,CAACG,oBAAqB;AAChE,kCAAkCH,WAAW,CAACG,oBAAqB;AACnE;AACA,GAJE;AAKD,CANM;AAQP,OAAO,MAAMC,2BAA2B,GAAG,CAACC,cAAD,EAA0BC,gBAA1B,KAAuD;EAChGD,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEE,gBAAhB,CAAkC;AACpC;AACA,8BAA8BD,gBAAiB;AAC/C,GAHE;AAID,CALM;AAOP,OAAO,MAAME,SAAS,GAAIH,cAAD,IAA6B;EACpDA,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEE,gBAAhB,CAAkC;AACpC;AACA;AACA,GAHE;AAID,CALM;AAOP,OAAO,MAAME,oBAAoB,GAAG,CAACJ,cAAD,EAAiCK,YAAjC,KAA0D;EAC5F,MAAMC,iBAAiB,GAAGD,YAAY,GAAGT,gCAAzC;EACAI,cAAc,KAAIA,cAAJ,aAAIA,cAAJ,uBAAIA,cAAc,CAAEE,gBAAhB,CAAkC;AACtD,kEAAkEI,iBAAkB;AACpF,GAFoB,CAAJ,CAAd;EAIA,OAAOA,iBAAP;AACD,CAPM"}

package/lib/module/components/UNCardComponent/UNCardComponent.js

@@ -0,0 +1,65 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Dimensions, View } from 'react-native';
+import { PageMessage } from '../../messages/webMessages/pageMessage';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
+import EventBus from '../../helpers/EventBus';
+import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+import { useListenerToBus } from '../../hooks/listenerToBus';
+import { getCardParams, getCardScript, injectRefreshEventIfNeeded } from './UNCardComponent.utils';
+import { PresentationMode } from '../../scripts/html/bodyHtml';
+import { CardMessage } from '../../messages/webMessages/cardMessage';
+export const UNCardComponent = props => {
+  const [height, setHeight] = useState(0);
+  const [requestRefreshEvent, setRequestRefreshEvent] = useState(null);
+  const windowWidth = Dimensions.get('window').width;
+  const webRef = useRef(null);
+
+  const cardStatusChanged = card => {
+    if (props.onStatusChanged) {
+      props.onStatusChanged(card);
+    }
+  };
+
+  const requestRefresh = data => {
+    setRequestRefreshEvent(data);
+  };
+
+  useListenerToBus([{
+    busEventKey: CardMessage.CARD_STATUS_CHANGED,
+    action: cardStatusChanged
+  }, {
+    busEventKey: UnitMessage.UNIT_REQUEST_REFRESH,
+    action: requestRefresh
+  }]);
+  useEffect(() => {
+    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent, props.cardId);
+  }, [requestRefreshEvent]);
+
+  const handleMessage = message => {
+    switch (message.type) {
+      case UnitMessage.UNIT_REQUEST_RENDERING:
+        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, message.details.data);
+        break;
+
+      case PageMessage.PAGE_HEIGHT:
+        setHeight(message.details.height);
+        break;
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      height
+    }
+  }, /*#__PURE__*/React.createElement(WebComponent, {
+    ref: webRef,
+    type: WebComponentType.card,
+    presentationMode: PresentationMode.Default,
+    params: getCardParams(props),
+    script: getCardScript(),
+    onMessage: message => handleMessage(message),
+    width: windowWidth,
+    shouldEnableWebViewScroll: false
+  }));
+};
+//# sourceMappingURL=UNCardComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Dimensions","View","PageMessage","UnitMessage","EventBus","WebComponent","WebComponentType","useListenerToBus","getCardParams","getCardScript","injectRefreshEventIfNeeded","PresentationMode","CardMessage","UNCardComponent","props","height","setHeight","requestRefreshEvent","setRequestRefreshEvent","windowWidth","get","width","webRef","cardStatusChanged","card","onStatusChanged","requestRefresh","data","busEventKey","CARD_STATUS_CHANGED","action","UNIT_REQUEST_REFRESH","current","cardId","handleMessage","message","type","UNIT_REQUEST_RENDERING","Instance","event","details","PAGE_HEIGHT","Default"],"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,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,MAA3B,EAAmCC,QAAnC,QAAmD,OAAnD;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AAEA,SAAsBC,WAAtB,QAAyC,wCAAzC;AACA,SAAqDC,WAArD,QAAwE,yCAAxE;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,SAASC,YAAT,EAAuBC,gBAAvB,QAA+C,iCAA/C;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAEA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,0BAAvC,QAAyE,yBAAzE;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AAEA,SAASC,WAAT,QAA4B,wCAA5B;AASA,OAAO,MAAMC,eAAe,GAAIC,KAAD,IAAiC;EAC9D,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBjB,QAAQ,CAAC,CAAD,CAApC;EACA,MAAM,CAACkB,mBAAD,EAAsBC,sBAAtB,IAAgDnB,QAAQ,CAA6B,IAA7B,CAA9D;EACA,MAAMoB,WAAW,GAAGnB,UAAU,CAACoB,GAAX,CAAe,QAAf,EAAyBC,KAA7C;EAEA,MAAMC,MAAM,GAAGxB,MAAM,CAAU,IAAV,CAArB;;EAEA,MAAMyB,iBAAiB,GAAIC,IAAD,IAAsB;IAC9C,IAAIV,KAAK,CAACW,eAAV,EAA2B;MACzBX,KAAK,CAACW,eAAN,CAAsBD,IAAtB;IACD;EACF,CAJD;;EAMA,MAAME,cAAc,GAAIC,IAAD,IAA+B;IACpDT,sBAAsB,CAACS,IAAD,CAAtB;EACD,CAFD;;EAIApB,gBAAgB,CAAC,CACf;IAAEqB,WAAW,EAAEhB,WAAW,CAACiB,mBAA3B;IAAgDC,MAAM,EAAEP;EAAxD,CADe,EAEf;IAAEK,WAAW,EAAEzB,WAAW,CAAC4B,oBAA3B;IAAiDD,MAAM,EAAEJ;EAAzD,CAFe,CAAD,CAAhB;EAKA7B,SAAS,CAAC,MAAM;IACda,0BAA0B,CAACY,MAAM,CAACU,OAAR,EAAiBf,mBAAjB,EAAsCH,KAAK,CAACmB,MAA5C,CAA1B;EACD,CAFQ,EAEN,CAAChB,mBAAD,CAFM,CAAT;;EAIA,MAAMiB,aAAa,GAAIC,OAAD,IAA6B;IACjD,QAAQA,OAAO,CAACC,IAAhB;MACE,KAAKjC,WAAW,CAACkC,sBAAjB;QACEjC,QAAQ,CAACkC,QAAT,CAAkBC,KAAlB,CAAwBpC,WAAW,CAACkC,sBAApC,EAA6DF,OAAO,CAACK,OAAT,CAA2Cb,IAAvG;QACA;;MACF,KAAKzB,WAAW,CAACuC,WAAjB;QACEzB,SAAS,CAAEmB,OAAO,CAACK,OAAT,CAAiCzB,MAAlC,CAAT;QACA;IANJ;EAQD,CATD;;EAWA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEA;IAAF;EAAb,gBACE,oBAAC,YAAD;IACE,GAAG,EAAEO,MADP;IAEE,IAAI,EAAEhB,gBAAgB,CAACkB,IAFzB;IAGE,gBAAgB,EAAEb,gBAAgB,CAAC+B,OAHrC;IAIE,MAAM,EAAElC,aAAa,CAACM,KAAD,CAJvB;IAKE,MAAM,EAAEL,aAAa,EALvB;IAME,SAAS,EAAE0B,OAAO,IAAID,aAAa,CAACC,OAAD,CANrC;IAOE,KAAK,EAAEhB,WAPT;IAQE,yBAAyB,EAAE;EAR7B,EADF,CADF;AAcD,CAnDM"}

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

@@ -0,0 +1,24 @@
+import { WebComponentType } from '../../webComponent/WebComponent';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
+import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
+export const getCardParams = props => {
+  return `
+    card-id="${props.cardId}"
+    customer-token="${props.customerToken}"
+    theme="${props.theme ?? UnitSDK.getTheme()}"
+  `;
+};
+export const getCardScript = () => {
+  return `
+    const dispatchRefreshEvent = (details) => {
+    const event = new CustomEvent("${UnitMessage.UNIT_REQUEST_REFRESH}",{ detail: JSON.parse(details) })
+    window.dispatchEvent(event)
+    }
+  `;
+};
+export const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent, cardId) => {
+  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {
+    currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
+  }
+};
+//# sourceMappingURL=UNCardComponent.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["WebComponentType","UnitMessage","UnitSDK","getCardParams","props","cardId","customerToken","theme","getTheme","getCardScript","UNIT_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","card","valueOf","resourceId","injectJavaScript","JSON","stringify"],"sources":["UNCardComponent.utils.ts"],"sourcesContent":["import type WebView from 'react-native-webview';\nimport type { UNCardComponentProps } from './UNCardComponent';\nimport { WebComponentType } from '../../webComponent/WebComponent';\nimport { RequestRefreshEvent, UnitMessage } from '../../messages/webMessages/unitMessages';\nimport { UnitSDK } from '../../unitSdkManager/UnitSdkManager';\n\nexport const getCardParams = (props: UNCardComponentProps) => {\n  return `\n    card-id=\"${props.cardId}\"\n    customer-token=\"${props.customerToken}\"\n    theme=\"${props.theme ?? UnitSDK.getTheme()}\"\n  `;\n};\n\nexport const getCardScript = () => {\n  return `\n    const dispatchRefreshEvent = (details) => {\n    const event = new CustomEvent(\"${UnitMessage.UNIT_REQUEST_REFRESH}\",{ detail: JSON.parse(details) })\n    window.dispatchEvent(event)\n    }\n  `;\n};\n\nexport const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => {\n  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {\n    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);\n  }\n};\n"],"mappings":"AAEA,SAASA,gBAAT,QAAiC,iCAAjC;AACA,SAA8BC,WAA9B,QAAiD,yCAAjD;AACA,SAASC,OAAT,QAAwB,qCAAxB;AAEA,OAAO,MAAMC,aAAa,GAAIC,KAAD,IAAiC;EAC5D,OAAQ;AACV,eAAeA,KAAK,CAACC,MAAO;AAC5B,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,aAAaF,KAAK,CAACG,KAAN,IAAeL,OAAO,CAACM,QAAR,EAAmB;AAC/C,GAJE;AAKD,CANM;AAQP,OAAO,MAAMC,aAAa,GAAG,MAAM;EACjC,OAAQ;AACV;AACA,qCAAqCR,WAAW,CAACS,oBAAqB;AACtE;AACA;AACA,GALE;AAMD,CAPM;AASP,OAAO,MAAMC,0BAA0B,GAAG,CAACC,UAAD,EAA6BC,mBAA7B,EAA8ER,MAA9E,KAAiG;EACzI,IAAIQ,mBAAmB,IAAIA,mBAAmB,CAACC,YAApB,CAAiCC,QAAjC,CAA0Cf,gBAAgB,CAACgB,IAAjB,CAAsBC,OAAtB,EAA1C,CAAvB,IAAqGJ,mBAAmB,CAACK,UAApB,IAAkCb,MAA3I,EAAmJ;IACjJO,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEO,gBAAZ,CAA8B,yBAAwBC,IAAI,CAACC,SAAL,CAAeR,mBAAf,CAAoC,IAA1F;EACD;AACF,CAJM"}

package/lib/module/components/index.js

@@ -1,3 +1,5 @@
-export * from './Card/CardComponent';
-export * from './BottomSheet/BottomSheetComponent';
+export * from './UNCardComponent/UNCardComponent';
+export * from './UNBottomSheetComponent/UNBottomSheetComponent';
+export * from './UNBookPaymentComponent/UNBookPaymentComponent';
+export * from './UNActivityComponent/UNActivityComponent';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './Card/CardComponent'\nexport * from './BottomSheet/BottomSheetComponent'\n"],"mappings":"AAAA,cAAc,sBAAd;AACA,cAAc,oCAAd"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './UNCardComponent/UNCardComponent';\nexport * from './UNBottomSheetComponent/UNBottomSheetComponent';\nexport * from './UNBookPaymentComponent/UNBookPaymentComponent';\nexport * from './UNActivityComponent/UNActivityComponent';\n"],"mappings":"AAAA,cAAc,mCAAd;AACA,cAAc,iDAAd;AACA,cAAc,iDAAd;AACA,cAAc,2CAAd"}

package/lib/module/custom.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=custom.d.js.map

package/lib/module/custom.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["custom.d.ts"],"sourcesContent":["declare module '*.png' {\n  import { ImageSourcePropType } from 'react-native';\n  const content: ImageSourcePropType;\n  export default content;\n}\n"],"mappings":""}

package/lib/module/helpers/{BottomSheet.js → BottomSheet/BottomSheet.js}

@@ -1,25 +1,31 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useEffect, useRef, useState } from 'react';
-import { Animated, BackHandler, Dimensions, Easing, PanResponder, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { Animated, BackHandler, Dimensions, Easing, Image, KeyboardAvoidingView, PanResponder, TouchableOpacity, View } from 'react-native';
 import PropTypes from 'prop-types';
+import { CloseIcon } from '../../assets/images';
+import { BOTTOM_SHEET_MAX_PRECANTAGE_SIZE } from '../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';
+import { getStylesObject } from './BottomSheet.styles';
 
 const BottomSheet = props => {
   const panelHeightValue = useRef(new Animated.Value(props.sliderMaxHeight)).current;
   const fadeAnim = useRef(new Animated.Value(0)).current;
+  const styles = getStylesObject(fadeAnim);
   const [isPanelOpened, setIsPanelOpened] = useState(props.isOpen);
   const [contentHeight, setContentHeight] = useState(undefined);
   const [currentHeight, setCurrentHeight] = useState(props.sliderMaxHeight);
   const [dy, setDy] = useState(0);
 
   const _parentPanResponder = PanResponder.create({
-    onMoveShouldSetPanResponderCapture: (_, gestureState) => {
-      return Math.abs(gestureState.dy) > 10;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onMoveShouldSetPanResponderCapture: _ => {
+      //gestureState) => {
+      return false; // return Math.abs(gestureState.dy) > 10
     },
 
     onPanResponderMove(_, gestureState) {
       if (currentHeight + gestureState.dy < 0) return;
-      if (!props.expandToMaxHeightEnabled && currentHeight + gestureState.dy < sliderMaxHeight - contentHeight) return;
+      if (!props.expandToMaxHeightEnabled && contentHeight && currentHeight + gestureState.dy < sliderMaxHeight - contentHeight) return;
       panelHeightValue.setValue(currentHeight + gestureState.dy);
       setDy(gestureState.dy);
     },
@@ -28,7 +34,7 @@ const BottomSheet = props => {
       if (dy > 0) {
         collapse();
       } else if (!props.expandToMaxHeightEnabled) {
-        setToContentHeight(contentHeight);
+        contentHeight && setToContentHeight(contentHeight);
       } else if (dy < 0) {
         expand();
       } else {
@@ -90,7 +96,7 @@ const BottomSheet = props => {
       animationDuration
     } = props;
 
-    if (currentHeight > sliderMaxHeight - contentHeight) {
+    if (contentHeight && currentHeight > sliderMaxHeight - contentHeight) {
       setToContentHeight(contentHeight);
       return;
     }
@@ -104,27 +110,13 @@ const BottomSheet = props => {
   };
 
   const collapse = () => {
-    if (currentHeight > sliderMaxHeight - contentHeight) {
+    if (contentHeight && currentHeight > sliderMaxHeight - contentHeight) {
       _dismiss();
 
       return;
     }
 
-    setToContentHeight(contentHeight); // Animated.timing(panelHeightValue, {
-    //   duration: animationDuration,
-    //   easing: Easing.quad,
-    //   toValue: sliderMaxHeight - contentHeight!,
-    //   useNativeDriver: false,
-    // }).start(() => {
-    //   const isPanelOpenedNewValue = !isPanelOpened
-    //   setIsPanelOpened(isPanelOpenedNewValue)
-    //   if (isPanelOpenedNewValue) {
-    //     // onOpen();
-    //   } else {
-    //     // onClose();
-    //     Keyboard.dismiss();
-    //   }
-    // });
+    contentHeight && setToContentHeight(contentHeight);
   };
 
   const _onBackPress = () => {
@@ -133,8 +125,7 @@ const BottomSheet = props => {
   };
 
   const _setSize = e => {
-    let newContentHeight = e.nativeEvent.layout.height;
-    if (newContentHeight !== 0) newContentHeight += 42;
+    const newContentHeight = e.nativeEvent.layout.height;
     setContentHeight(newContentHeight);
     setToContentHeight(newContentHeight);
   };
@@ -148,7 +139,9 @@ const BottomSheet = props => {
       easing: Easing.quad,
       toValue: sliderMaxHeight,
       useNativeDriver: false
-    }).start(() => {});
+    }).start(() => {
+      null;
+    });
     fadeOut();
   };
 
@@ -157,21 +150,11 @@ const BottomSheet = props => {
     children
   } = props;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: {
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: 0,
-      left: 0
-    },
+    style: styles.outsideContainer,
     activeOpacity: 1,
     onPress: _dismiss
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: {
-      backgroundColor: 'black',
-      flex: 1,
-      opacity: fadeAnim
-    }
+    style: styles.animation
   })), /*#__PURE__*/React.createElement(Animated.View, _extends({}, _parentPanResponder.panHandlers, {
     style: { ...styles.container,
       height: sliderMaxHeight,
@@ -182,15 +165,21 @@ const BottomSheet = props => {
   }), /*#__PURE__*/React.createElement(View, {
     style: styles.outerContent
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    activeOpacity: 1
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.lineContainer
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.line
-  }))), /*#__PURE__*/React.createElement(View, {
+    activeOpacity: 1,
+    style: styles.closeButton,
+    onPress: _dismiss
+  }, /*#__PURE__*/React.createElement(Image, {
+    source: CloseIcon
+  })), /*#__PURE__*/React.createElement(View, {
     onLayout: _setSize,
     style: [styles.innerContent]
-  }, children))));
+  }, /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    behavior: "padding",
+    style: {
+      height: props.height
+    },
+    keyboardVerticalOffset: props.height * (1 - BOTTOM_SHEET_MAX_PRECANTAGE_SIZE)
+  }, children)))));
 };
 
 BottomSheet.propTypes = {
@@ -206,47 +195,11 @@ BottomSheet.propTypes = {
 BottomSheet.defaultProps = {
   children: /*#__PURE__*/React.createElement(View, null),
   isOpen: true,
-  sliderMaxHeight: Dimensions.get('window').height * 0.95,
+  sliderMaxHeight: Dimensions.get('window').height * BOTTOM_SHEET_MAX_PRECANTAGE_SIZE,
   animationDuration: 200,
   onOpen: () => null,
   onClose: () => null,
   expandToMaxHeightEnabled: false
 };
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    marginTop: 60,
-    paddingHorizontal: 12,
-    shadowColor: '#000000',
-    shadowOffset: {
-      width: 0,
-      height: 6
-    },
-    shadowOpacity: 0.37,
-    shadowRadius: 7.49,
-    elevation: 12,
-    borderTopLeftRadius: 15,
-    borderTopRightRadius: 15,
-    backgroundColor: '#ffffff'
-  },
-  lineContainer: {
-    borderTopLeftRadius: 30,
-    borderTopRightRadius: 30,
-    alignItems: 'center'
-  },
-  line: {
-    width: 35,
-    height: 4,
-    borderRadius: 2,
-    marginTop: 18,
-    backgroundColor: '#D5DDE0'
-  },
-  outerContent: {
-    flex: -1
-  },
-  innerContent: {
-    flex: -1
-  }
-});
 export default BottomSheet;
 //# sourceMappingURL=BottomSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Animated","BackHandler","Dimensions","Easing","Image","KeyboardAvoidingView","PanResponder","TouchableOpacity","View","PropTypes","CloseIcon","BOTTOM_SHEET_MAX_PRECANTAGE_SIZE","getStylesObject","BottomSheet","props","panelHeightValue","Value","sliderMaxHeight","current","fadeAnim","styles","isPanelOpened","setIsPanelOpened","isOpen","contentHeight","setContentHeight","undefined","currentHeight","setCurrentHeight","dy","setDy","_parentPanResponder","create","onMoveShouldSetPanResponderCapture","_","onPanResponderMove","gestureState","expandToMaxHeightEnabled","setValue","onPanResponderRelease","collapse","setToContentHeight","expand","fadeIn","_dismiss","addEventListener","_onBackPress","id","addListener","e","value","removeEventListener","removeListener","timing","toValue","duration","useNativeDriver","start","fadeOut","onClose","animationDuration","easing","quad","_setSize","newContentHeight","nativeEvent","layout","height","children","outsideContainer","animation","panHandlers","container","transform","translateY","outerContent","closeButton","innerContent","propTypes","oneOfType","node","bool","number","func","onOpen","defaultProps","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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"}

package/lib/module/helpers/BottomSheet/BottomSheet.styles.js

@@ -0,0 +1,70 @@
+import { Dimensions, StyleSheet } from 'react-native';
+import { BOTTOM_SHEET_MAX_PRECANTAGE_SIZE } from '../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';
+import { VARIABLES } from '../../styles/variables'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+export const getStylesObject = fadeAnim => {
+  return StyleSheet.create({
+    outsideContainer: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      right: 0,
+      left: 0
+    },
+    animation: {
+      backgroundColor: 'black',
+      flex: 1,
+      opacity: fadeAnim
+    },
+    container: {
+      position: 'relative',
+      flex: 1,
+      marginTop: Dimensions.get('window').height * (1 - BOTTOM_SHEET_MAX_PRECANTAGE_SIZE),
+      shadowColor: VARIABLES.COLORS.BLACK,
+      shadowOffset: {
+        width: 0,
+        height: 6
+      },
+      shadowOpacity: 0.37,
+      shadowRadius: 7.49,
+      elevation: 12,
+      borderTopLeftRadius: 15,
+      borderTopRightRadius: 15,
+      backgroundColor: VARIABLES.COLORS.WHITE,
+      overflow: 'hidden'
+    },
+    lineContainer: {
+      borderTopLeftRadius: 30,
+      borderTopRightRadius: 30,
+      alignItems: 'center'
+    },
+    line: {
+      width: 35,
+      height: 4,
+      borderRadius: 2,
+      marginTop: 18,
+      backgroundColor: VARIABLES.COLORS.SILVER_FLAKE
+    },
+    outerContent: {
+      flex: -1
+    },
+    innerContent: {
+      flex: -1
+    },
+    closeButton: {
+      position: 'absolute',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: 36,
+      height: 36,
+      backgroundColor: VARIABLES.COLORS.WHITE,
+      borderRadius: 18,
+      padding: 7,
+      top: 12,
+      right: 12,
+      zIndex: 100
+    }
+  });
+};
+//# sourceMappingURL=BottomSheet.styles.js.map

package/lib/module/helpers/BottomSheet/BottomSheet.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Dimensions","StyleSheet","BOTTOM_SHEET_MAX_PRECANTAGE_SIZE","VARIABLES","getStylesObject","fadeAnim","create","outsideContainer","position","top","bottom","right","left","animation","backgroundColor","flex","opacity","container","marginTop","get","height","shadowColor","COLORS","BLACK","shadowOffset","width","shadowOpacity","shadowRadius","elevation","borderTopLeftRadius","borderTopRightRadius","WHITE","overflow","lineContainer","alignItems","line","borderRadius","SILVER_FLAKE","outerContent","innerContent","closeButton","display","justifyContent","padding","zIndex"],"sources":["BottomSheet.styles.ts"],"sourcesContent":["import { Dimensions, StyleSheet } from 'react-native';\nimport { BOTTOM_SHEET_MAX_PRECANTAGE_SIZE } from '../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';\nimport { VARIABLES } from '../../styles/variables';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const getStylesObject = (fadeAnim: any) => {\n  return StyleSheet.create({\n    outsideContainer: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      left: 0\n    },\n    animation: {\n      backgroundColor: 'black',\n      flex: 1,\n      opacity: fadeAnim,\n    },\n    container: {\n      position: 'relative',\n      flex: 1,\n      marginTop: Dimensions.get('window').height * (1 - BOTTOM_SHEET_MAX_PRECANTAGE_SIZE),\n      shadowColor: VARIABLES.COLORS.BLACK,\n      shadowOffset: {\n        width: 0,\n        height: 6,\n      },\n      shadowOpacity: 0.37,\n      shadowRadius: 7.49,\n      elevation: 12,\n      borderTopLeftRadius: 15,\n      borderTopRightRadius: 15,\n      backgroundColor: VARIABLES.COLORS.WHITE,\n      overflow: 'hidden'\n    },\n    lineContainer: {\n      borderTopLeftRadius: 30,\n      borderTopRightRadius: 30,\n      alignItems: 'center'\n    },\n    line: {\n      width: 35,\n      height: 4,\n      borderRadius: 2,\n      marginTop: 18,\n      backgroundColor: VARIABLES.COLORS.SILVER_FLAKE,\n    },\n    outerContent: {\n      flex: -1,\n    },\n    innerContent: {\n      flex: -1,\n    },\n    closeButton: {\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: 36,\n      height: 36,\n      backgroundColor: VARIABLES.COLORS.WHITE,\n      borderRadius: 18,\n      padding: 7,\n      top: 12,\n      right: 12,\n      zIndex: 100\n    }\n  });\n};\n"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,UAArB,QAAuC,cAAvC;AACA,SAASC,gCAAT,QAAiD,0EAAjD;AACA,SAASC,SAAT,QAA0B,wBAA1B,C,CAEA;;AACA,OAAO,MAAMC,eAAe,GAAIC,QAAD,IAAmB;EAChD,OAAOJ,UAAU,CAACK,MAAX,CAAkB;IACvBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UADM;MAEhBC,GAAG,EAAE,CAFW;MAGhBC,MAAM,EAAE,CAHQ;MAIhBC,KAAK,EAAE,CAJS;MAKhBC,IAAI,EAAE;IALU,CADK;IAQvBC,SAAS,EAAE;MACTC,eAAe,EAAE,OADR;MAETC,IAAI,EAAE,CAFG;MAGTC,OAAO,EAAEX;IAHA,CARY;IAavBY,SAAS,EAAE;MACTT,QAAQ,EAAE,UADD;MAETO,IAAI,EAAE,CAFG;MAGTG,SAAS,EAAElB,UAAU,CAACmB,GAAX,CAAe,QAAf,EAAyBC,MAAzB,IAAmC,IAAIlB,gCAAvC,CAHF;MAITmB,WAAW,EAAElB,SAAS,CAACmB,MAAV,CAAiBC,KAJrB;MAKTC,YAAY,EAAE;QACZC,KAAK,EAAE,CADK;QAEZL,MAAM,EAAE;MAFI,CALL;MASTM,aAAa,EAAE,IATN;MAUTC,YAAY,EAAE,IAVL;MAWTC,SAAS,EAAE,EAXF;MAYTC,mBAAmB,EAAE,EAZZ;MAaTC,oBAAoB,EAAE,EAbb;MAcThB,eAAe,EAAEX,SAAS,CAACmB,MAAV,CAAiBS,KAdzB;MAeTC,QAAQ,EAAE;IAfD,CAbY;IA8BvBC,aAAa,EAAE;MACbJ,mBAAmB,EAAE,EADR;MAEbC,oBAAoB,EAAE,EAFT;MAGbI,UAAU,EAAE;IAHC,CA9BQ;IAmCvBC,IAAI,EAAE;MACJV,KAAK,EAAE,EADH;MAEJL,MAAM,EAAE,CAFJ;MAGJgB,YAAY,EAAE,CAHV;MAIJlB,SAAS,EAAE,EAJP;MAKJJ,eAAe,EAAEX,SAAS,CAACmB,MAAV,CAAiBe;IAL9B,CAnCiB;IA0CvBC,YAAY,EAAE;MACZvB,IAAI,EAAE,CAAC;IADK,CA1CS;IA6CvBwB,YAAY,EAAE;MACZxB,IAAI,EAAE,CAAC;IADK,CA7CS;IAgDvByB,WAAW,EAAE;MACXhC,QAAQ,EAAE,UADC;MAEXiC,OAAO,EAAE,MAFE;MAGXP,UAAU,EAAE,QAHD;MAIXQ,cAAc,EAAE,QAJL;MAKXjB,KAAK,EAAE,EALI;MAMXL,MAAM,EAAE,EANG;MAOXN,eAAe,EAAEX,SAAS,CAACmB,MAAV,CAAiBS,KAPvB;MAQXK,YAAY,EAAE,EARH;MASXO,OAAO,EAAE,CATE;MAUXlC,GAAG,EAAE,EAVM;MAWXE,KAAK,EAAE,EAXI;MAYXiC,MAAM,EAAE;IAZG;EAhDU,CAAlB,CAAP;AA+DD,CAhEM"}

package/lib/module/helpers/EventBus.js

@@ -1,13 +1,6 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-export let BusEvent;
-
-(function (BusEvent) {
-  BusEvent["REQUEST_RENDERING"] = "unitRequestRendering";
-  BusEvent["CARD_STATUS_CHANGED"] = "cardStatusChanged";
-  BusEvent["REQUEST_REFRESH"] = "requestRefresh";
-})(BusEvent || (BusEvent = {}));
-
+/* eslint-disable @typescript-eslint/no-explicit-any */
 export default class EventBus {
   constructor() {
     _defineProperty(this, "eventListeners", {});
@@ -20,7 +13,7 @@ export default class EventBus {
   }
 
   event(event, data) {
-    let listeners = this.eventListeners[event.valueOf()];
+    const listeners = this.eventListeners[event.valueOf()];
 
     if (Array.isArray(listeners)) {
       listeners.map(listener => {
@@ -32,7 +25,7 @@ export default class EventBus {
   }
 
   addListener(event, listener) {
-    let listeners = this.eventListeners[event.valueOf()];
+    const listeners = this.eventListeners[event.valueOf()];
 
     if (Array.isArray(listeners)) {
       listeners.push(listener);
@@ -43,7 +36,7 @@ export default class EventBus {
 
   removeListener(listener) {
     Object.keys(this.eventListeners).map(eventName => {
-      let listeners = this.eventListeners[eventName];
+      const listeners = this.eventListeners[eventName];
 
       if (listeners) {
         this._remove(listeners, listener);

package/lib/module/helpers/EventBus.js.map

@@ -1 +1 @@
-{"version":3,"names":["BusEvent","EventBus","constructor","eventListeners","Instance","_instance","event","data","listeners","valueOf","Array","isArray","map","listener","addListener","push","removeListener","Object","keys","eventName","_remove","length","array","item","i","l","splice"],"sources":["EventBus.ts"],"sourcesContent":["export enum BusEvent {\n  REQUEST_RENDERING = 'unitRequestRendering',\n  CARD_STATUS_CHANGED = 'cardStatusChanged',\n  REQUEST_REFRESH = 'requestRefresh'\n}\n\nexport default class EventBus {\n  private static _instance: EventBus;\n\n  private eventListeners: { [name: string]: Array<(data: any) => void> } = {}\n\n  private constructor() {\n    this.eventListeners = {};\n  }\n\n  public static get Instance() {\n    return this._instance || (this._instance = new this());\n  }\n\n  public event(event: BusEvent, data: any) {\n    let listeners = this.eventListeners[event.valueOf()];\n    if (Array.isArray(listeners)) {\n      listeners.map(listener => {\n        if (typeof listener === 'function') {\n          listener(data);\n        }\n      })\n    }\n  }\n\n  public addListener(event: BusEvent, listener: (data: any) => void) {\n    let listeners = this.eventListeners[event.valueOf()];\n    if (Array.isArray(listeners)) {\n      listeners.push(listener);\n    } else {\n      this.eventListeners[event.valueOf()] = [listener];\n    }\n  }\n\n  public removeListener(listener: (data: any) => void) {\n    Object.keys(this.eventListeners).map(eventName => {\n      let listeners = this.eventListeners[eventName];\n      if (listeners) {\n        this._remove(listeners, listener);\n        if (listeners.length === 0) {\n          delete this.eventListeners[eventName];\n        }\n      }\n    })\n  }\n\n  private _remove(array: Array<(data: any) => void>, item: (data: string) => void) {\n    if (!array) return;\n    for (let i = 0, l = array.length; i < l; i++) {\n      if (item === array[i]) array.splice(i, 1);\n    }\n  }\n}\n"],"mappings":";;AAAA,WAAYA,QAAZ;;WAAYA,Q;EAAAA,Q;EAAAA,Q;EAAAA,Q;GAAAA,Q,KAAAA,Q;;AAMZ,eAAe,MAAMC,QAAN,CAAe;EAKpBC,WAAW,GAAG;IAAA,wCAFmD,EAEnD;;IACpB,KAAKC,cAAL,GAAsB,EAAtB;EACD;;EAEyB,WAARC,QAAQ,GAAG;IAC3B,OAAO,KAAKC,SAAL,KAAmB,KAAKA,SAAL,GAAiB,IAAI,IAAJ,EAApC,CAAP;EACD;;EAEMC,KAAK,CAACA,KAAD,EAAkBC,IAAlB,EAA6B;IACvC,IAAIC,SAAS,GAAG,KAAKL,cAAL,CAAoBG,KAAK,CAACG,OAAN,EAApB,CAAhB;;IACA,IAAIC,KAAK,CAACC,OAAN,CAAcH,SAAd,CAAJ,EAA8B;MAC5BA,SAAS,CAACI,GAAV,CAAcC,QAAQ,IAAI;QACxB,IAAI,OAAOA,QAAP,KAAoB,UAAxB,EAAoC;UAClCA,QAAQ,CAACN,IAAD,CAAR;QACD;MACF,CAJD;IAKD;EACF;;EAEMO,WAAW,CAACR,KAAD,EAAkBO,QAAlB,EAAiD;IACjE,IAAIL,SAAS,GAAG,KAAKL,cAAL,CAAoBG,KAAK,CAACG,OAAN,EAApB,CAAhB;;IACA,IAAIC,KAAK,CAACC,OAAN,CAAcH,SAAd,CAAJ,EAA8B;MAC5BA,SAAS,CAACO,IAAV,CAAeF,QAAf;IACD,CAFD,MAEO;MACL,KAAKV,cAAL,CAAoBG,KAAK,CAACG,OAAN,EAApB,IAAuC,CAACI,QAAD,CAAvC;IACD;EACF;;EAEMG,cAAc,CAACH,QAAD,EAAgC;IACnDI,MAAM,CAACC,IAAP,CAAY,KAAKf,cAAjB,EAAiCS,GAAjC,CAAqCO,SAAS,IAAI;MAChD,IAAIX,SAAS,GAAG,KAAKL,cAAL,CAAoBgB,SAApB,CAAhB;;MACA,IAAIX,SAAJ,EAAe;QACb,KAAKY,OAAL,CAAaZ,SAAb,EAAwBK,QAAxB;;QACA,IAAIL,SAAS,CAACa,MAAV,KAAqB,CAAzB,EAA4B;UAC1B,OAAO,KAAKlB,cAAL,CAAoBgB,SAApB,CAAP;QACD;MACF;IACF,CARD;EASD;;EAEOC,OAAO,CAACE,KAAD,EAAoCC,IAApC,EAAkE;IAC/E,IAAI,CAACD,KAAL,EAAY;;IACZ,KAAK,IAAIE,CAAC,GAAG,CAAR,EAAWC,CAAC,GAAGH,KAAK,CAACD,MAA1B,EAAkCG,CAAC,GAAGC,CAAtC,EAAyCD,CAAC,EAA1C,EAA8C;MAC5C,IAAID,IAAI,KAAKD,KAAK,CAACE,CAAD,CAAlB,EAAuBF,KAAK,CAACI,MAAN,CAAaF,CAAb,EAAgB,CAAhB;IACxB;EACF;;AAlD2B;;gBAATvB,Q"}
+{"version":3,"names":["EventBus","constructor","eventListeners","Instance","_instance","event","data","listeners","valueOf","Array","isArray","map","listener","addListener","push","removeListener","Object","keys","eventName","_remove","length","array","item","i","l","splice"],"sources":["EventBus.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { NativeMessage } from '../messages/nativeMessages';\nimport type { WebViewMessageType } from '../messages/webMessages';\n\nexport type BusEventKey = NativeMessage | WebViewMessageType\n\nexport default class EventBus {\n  private static _instance: EventBus;\n\n  private eventListeners: { [name: string]: Array<(data: any) => void> } = {};\n\n  private constructor() {\n    this.eventListeners = {};\n  }\n\n  public static get Instance() {\n    return this._instance || (this._instance = new this());\n  }\n\n  public event(event: BusEventKey, data: any) {\n    const listeners = this.eventListeners[event.valueOf()];\n    if (Array.isArray(listeners)) {\n      listeners.map(listener => {\n        if (typeof listener === 'function') {\n          listener(data);\n        }\n      });\n    }\n  }\n\n  public addListener(event: BusEventKey, listener: (data: any) => void) {\n    const listeners = this.eventListeners[event.valueOf()];\n    if (Array.isArray(listeners)) {\n      listeners.push(listener);\n    } else {\n      this.eventListeners[event.valueOf()] = [listener];\n    }\n  }\n\n  public removeListener(listener: (data: any) => void) {\n    Object.keys(this.eventListeners).map(eventName => {\n      const listeners = this.eventListeners[eventName];\n      if (listeners) {\n        this._remove(listeners, listener);\n        if (listeners.length === 0) {\n          delete this.eventListeners[eventName];\n        }\n      }\n    });\n  }\n\n  private _remove(array: Array<(data: any) => void>, item: (data: string) => void) {\n    if (!array) return;\n    for (let i = 0, l = array.length; i < l; i++) {\n      if (item === array[i]) array.splice(i, 1);\n    }\n  }\n}\n"],"mappings":";;AAAA;AAMA,eAAe,MAAMA,QAAN,CAAe;EAKpBC,WAAW,GAAG;IAAA,wCAFmD,EAEnD;;IACpB,KAAKC,cAAL,GAAsB,EAAtB;EACD;;EAEyB,WAARC,QAAQ,GAAG;IAC3B,OAAO,KAAKC,SAAL,KAAmB,KAAKA,SAAL,GAAiB,IAAI,IAAJ,EAApC,CAAP;EACD;;EAEMC,KAAK,CAACA,KAAD,EAAqBC,IAArB,EAAgC;IAC1C,MAAMC,SAAS,GAAG,KAAKL,cAAL,CAAoBG,KAAK,CAACG,OAAN,EAApB,CAAlB;;IACA,IAAIC,KAAK,CAACC,OAAN,CAAcH,SAAd,CAAJ,EAA8B;MAC5BA,SAAS,CAACI,GAAV,CAAcC,QAAQ,IAAI;QACxB,IAAI,OAAOA,QAAP,KAAoB,UAAxB,EAAoC;UAClCA,QAAQ,CAACN,IAAD,CAAR;QACD;MACF,CAJD;IAKD;EACF;;EAEMO,WAAW,CAACR,KAAD,EAAqBO,QAArB,EAAoD;IACpE,MAAML,SAAS,GAAG,KAAKL,cAAL,CAAoBG,KAAK,CAACG,OAAN,EAApB,CAAlB;;IACA,IAAIC,KAAK,CAACC,OAAN,CAAcH,SAAd,CAAJ,EAA8B;MAC5BA,SAAS,CAACO,IAAV,CAAeF,QAAf;IACD,CAFD,MAEO;MACL,KAAKV,cAAL,CAAoBG,KAAK,CAACG,OAAN,EAApB,IAAuC,CAACI,QAAD,CAAvC;IACD;EACF;;EAEMG,cAAc,CAACH,QAAD,EAAgC;IACnDI,MAAM,CAACC,IAAP,CAAY,KAAKf,cAAjB,EAAiCS,GAAjC,CAAqCO,SAAS,IAAI;MAChD,MAAMX,SAAS,GAAG,KAAKL,cAAL,CAAoBgB,SAApB,CAAlB;;MACA,IAAIX,SAAJ,EAAe;QACb,KAAKY,OAAL,CAAaZ,SAAb,EAAwBK,QAAxB;;QACA,IAAIL,SAAS,CAACa,MAAV,KAAqB,CAAzB,EAA4B;UAC1B,OAAO,KAAKlB,cAAL,CAAoBgB,SAApB,CAAP;QACD;MACF;IACF,CARD;EASD;;EAEOC,OAAO,CAACE,KAAD,EAAoCC,IAApC,EAAkE;IAC/E,IAAI,CAACD,KAAL,EAAY;;IACZ,KAAK,IAAIE,CAAC,GAAG,CAAR,EAAWC,CAAC,GAAGH,KAAK,CAACD,MAA1B,EAAkCG,CAAC,GAAGC,CAAtC,EAAyCD,CAAC,EAA1C,EAA8C;MAC5C,IAAID,IAAI,KAAKD,KAAK,CAACE,CAAD,CAAlB,EAAuBF,KAAK,CAACI,MAAN,CAAaF,CAAb,EAAgB,CAAhB;IACxB;EACF;;AAlD2B;;gBAATvB,Q"}

package/lib/module/hooks/listenerToBus.js

@@ -0,0 +1,18 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useEffect } from 'react';
+import EventBus from '../helpers/EventBus';
+export const useListenerToBus = listeners => {
+  useEffect(() => {
+    {
+      listeners.map(listener => {
+        EventBus.Instance.addListener(listener.busEventKey, listener.action);
+      });
+    }
+    return () => {
+      listeners.map(listener => {
+        EventBus.Instance.removeListener(listener.action);
+      });
+    };
+  }, []);
+};
+//# sourceMappingURL=listenerToBus.js.map

package/lib/module/hooks/listenerToBus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","EventBus","useListenerToBus","listeners","map","listener","Instance","addListener","busEventKey","action","removeListener"],"sources":["listenerToBus.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect } from 'react';\nimport EventBus, { BusEventKey } from '../helpers/EventBus';\n\ntype Listener = {\n  busEventKey: BusEventKey,\n  action: (data: any) => void\n}\n\nexport const useListenerToBus = (listeners: Listener[]) => {\n  useEffect(() => {\n    {\n      listeners.map((listener: {busEventKey: BusEventKey, action: (data: any) => void}) => {\n        EventBus.Instance.addListener(listener.busEventKey, listener.action);\n      });\n    }\n    return (() => {\n      listeners.map((listener: {busEventKey: BusEventKey, action: (data: any) => void}) => {\n        EventBus.Instance.removeListener(listener.action);\n      });\n    });\n  }, []);\n};\n"],"mappings":"AAAA;AACA,SAASA,SAAT,QAA0B,OAA1B;AACA,OAAOC,QAAP,MAAsC,qBAAtC;AAOA,OAAO,MAAMC,gBAAgB,GAAIC,SAAD,IAA2B;EACzDH,SAAS,CAAC,MAAM;IACd;MACEG,SAAS,CAACC,GAAV,CAAeC,QAAD,IAAuE;QACnFJ,QAAQ,CAACK,QAAT,CAAkBC,WAAlB,CAA8BF,QAAQ,CAACG,WAAvC,EAAoDH,QAAQ,CAACI,MAA7D;MACD,CAFD;IAGD;IACD,OAAQ,MAAM;MACZN,SAAS,CAACC,GAAV,CAAeC,QAAD,IAAuE;QACnFJ,QAAQ,CAACK,QAAT,CAAkBI,cAAlB,CAAiCL,QAAQ,CAACI,MAA1C;MACD,CAFD;IAGD,CAJD;EAKD,CAXQ,EAWN,EAXM,CAAT;AAYD,CAbM"}

package/lib/module/hooks/useAppStateListener.js

@@ -0,0 +1,23 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { useEffect, useRef, useState } from 'react';
+import { AppState } from 'react-native';
+
+const getIsAppActive = currentAppState => {
+  return currentAppState !== 'background' && currentAppState !== 'inactive';
+};
+
+export const useAppStateListener = () => {
+  const appState = useRef(AppState.currentState);
+  const [isAppActive, setIsAppActive] = useState(getIsAppActive(appState.current));
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', nextAppState => {
+      appState.current = nextAppState;
+      setIsAppActive(getIsAppActive(appState.current));
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+  return isAppActive;
+};
+//# sourceMappingURL=useAppStateListener.js.map

package/lib/module/hooks/useAppStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","AppState","getIsAppActive","currentAppState","useAppStateListener","appState","currentState","isAppActive","setIsAppActive","current","subscription","addEventListener","nextAppState","remove"],"sources":["useAppStateListener.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useEffect, useRef, useState } from 'react';\nimport { AppState, AppStateStatus } from 'react-native';\n\nconst getIsAppActive = (currentAppState: AppStateStatus) => {\n  return currentAppState !== 'background' && currentAppState !== 'inactive';\n};\n\nexport const useAppStateListener = () => {\n  const appState = useRef(AppState.currentState);\n  const [isAppActive, setIsAppActive] = useState<boolean>(getIsAppActive(appState.current));\n\n  useEffect(() => {\n    const subscription = AppState.addEventListener('change', nextAppState => {\n      appState.current = nextAppState;\n      setIsAppActive(getIsAppActive(appState.current));\n    });\n\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  return isAppActive;\n};\n"],"mappings":"AAAA;AACA,SAASA,SAAT,EAAoBC,MAApB,EAA4BC,QAA5B,QAA4C,OAA5C;AACA,SAASC,QAAT,QAAyC,cAAzC;;AAEA,MAAMC,cAAc,GAAIC,eAAD,IAAqC;EAC1D,OAAOA,eAAe,KAAK,YAApB,IAAoCA,eAAe,KAAK,UAA/D;AACD,CAFD;;AAIA,OAAO,MAAMC,mBAAmB,GAAG,MAAM;EACvC,MAAMC,QAAQ,GAAGN,MAAM,CAACE,QAAQ,CAACK,YAAV,CAAvB;EACA,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCR,QAAQ,CAAUE,cAAc,CAACG,QAAQ,CAACI,OAAV,CAAxB,CAA9C;EAEAX,SAAS,CAAC,MAAM;IACd,MAAMY,YAAY,GAAGT,QAAQ,CAACU,gBAAT,CAA0B,QAA1B,EAAoCC,YAAY,IAAI;MACvEP,QAAQ,CAACI,OAAT,GAAmBG,YAAnB;MACAJ,cAAc,CAACN,cAAc,CAACG,QAAQ,CAACI,OAAV,CAAf,CAAd;IACD,CAHoB,CAArB;IAKA,OAAO,MAAM;MACXC,YAAY,CAACG,MAAb;IACD,CAFD;EAGD,CATQ,EASN,EATM,CAAT;EAWA,OAAON,WAAP;AACD,CAhBM"}

package/lib/module/index.js

@@ -1,2 +1,4 @@
 export * from './components';
+export * from './sharedTypes';
+export { UnitSDK, UNEnvironment } from './unitSdkManager/UnitSdkManager';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from './components'\n"],"mappings":"AAAA,cAAc,cAAd"}
+{"version":3,"names":["UnitSDK","UNEnvironment"],"sources":["index.tsx"],"sourcesContent":["export * from './components';\n\nexport * from './sharedTypes';\n\nexport { UnitSDK, UNEnvironment } from './unitSdkManager/UnitSdkManager';\n"],"mappings":"AAAA,cAAc,cAAd;AAEA,cAAc,eAAd;AAEA,SAASA,OAAT,EAAkBC,aAAlB,QAAuC,iCAAvC"}

package/lib/module/messages/nativeMessages/index.js

@@ -0,0 +1,6 @@
+export let NativeMessage;
+
+(function (NativeMessage) {
+  NativeMessage["IS_SCRIPT_FETCHED"] = "isScriptFetched";
+})(NativeMessage || (NativeMessage = {}));
+//# sourceMappingURL=index.js.map

package/lib/module/messages/nativeMessages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeMessage"],"sources":["index.ts"],"sourcesContent":["export enum NativeMessage {\n  IS_SCRIPT_FETCHED = 'isScriptFetched'\n}\n"],"mappings":"AAAA,WAAYA,aAAZ;;WAAYA,a;EAAAA,a;GAAAA,a,KAAAA,a"}

package/lib/module/messages/webMessages/bookPaymentMessage.js

@@ -0,0 +1,6 @@
+export let BookPaymentMessage;
+
+(function (BookPaymentMessage) {
+  BookPaymentMessage["PAYMENT_CREATED"] = "unitPaymentCreated";
+})(BookPaymentMessage || (BookPaymentMessage = {}));
+//# sourceMappingURL=bookPaymentMessage.js.map

package/lib/module/messages/webMessages/bookPaymentMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BookPaymentMessage"],"sources":["bookPaymentMessage.ts"],"sourcesContent":["import type { UNBookPaymentData } from '../../sharedTypes';\n\nexport enum BookPaymentMessage {\n  PAYMENT_CREATED = 'unitPaymentCreated'\n}\n\nexport interface PaymentCreatedEvent {\n  data: UNBookPaymentData\n}\n\nexport type BookPaymentEvent =\n| PaymentCreatedEvent\n"],"mappings":"AAEA,WAAYA,kBAAZ;;WAAYA,kB;EAAAA,kB;GAAAA,kB,KAAAA,kB"}

package/lib/module/messages/webMessages/cardMessage.js

@@ -0,0 +1,6 @@
+export let CardMessage;
+
+(function (CardMessage) {
+  CardMessage["CARD_STATUS_CHANGED"] = "unitCardStatusChanged";
+})(CardMessage || (CardMessage = {}));
+//# sourceMappingURL=cardMessage.js.map

package/lib/module/messages/webMessages/cardMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CardMessage"],"sources":["cardMessage.ts"],"sourcesContent":["import type { UNCardData } from '../../sharedTypes';\n\nexport enum CardMessage {\n  CARD_STATUS_CHANGED = 'unitCardStatusChanged'\n}\n\nexport interface CardStatusChangedEvent {\n  card: UNCardData;\n}\n\nexport type CardEvent =\n  | CardStatusChangedEvent\n"],"mappings":"AAEA,WAAYA,WAAZ;;WAAYA,W;EAAAA,W;GAAAA,W,KAAAA,W"}

package/lib/module/messages/webMessages/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map