react-native-unit-components 1.0.2 → 1.0.3

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStylesObject = void 0;
+
+var _reactNative = require("react-native");
+
+const getStylesObject = () => {
+  return _reactNative.StyleSheet.create({
+    addToWalletButton: {
+      position: 'absolute',
+      height: _reactNative.Platform.OS === 'ios' ? 48 : 55,
+      bottom: 32,
+      left: 0,
+      right: 0,
+      marginHorizontal: 24
+    },
+    loader: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  });
+};
+
+exports.getStylesObject = getStylesObject;
+//# sourceMappingURL=UNAddToWalletBottomSheetItem.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getStylesObject","StyleSheet","create","addToWalletButton","position","height","Platform","OS","bottom","left","right","marginHorizontal","loader","top"],"sources":["UNAddToWalletBottomSheetItem.styles.ts"],"sourcesContent":["import { StyleSheet, Platform } from 'react-native';\n\nexport const getStylesObject = () => {\n  return StyleSheet.create({\n    addToWalletButton: {\n      position: 'absolute',\n      height: Platform.OS === 'ios' ? 48 : 55,\n      bottom: 32,\n      left: 0,\n      right: 0,\n      marginHorizontal: 24\n    },\n    loader: {\n      position: 'absolute',\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n    }\n  });\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,eAAe,GAAG,MAAM;EACnC,OAAOC,uBAAA,CAAWC,MAAX,CAAkB;IACvBC,iBAAiB,EAAE;MACjBC,QAAQ,EAAE,UADO;MAEjBC,MAAM,EAAEC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GAAwB,EAAxB,GAA6B,EAFpB;MAGjBC,MAAM,EAAE,EAHS;MAIjBC,IAAI,EAAE,CAJW;MAKjBC,KAAK,EAAE,CALU;MAMjBC,gBAAgB,EAAE;IAND,CADI;IASvBC,MAAM,EAAE;MACNR,QAAQ,EAAE,UADJ;MAENS,GAAG,EAAE,CAFC;MAGNL,MAAM,EAAE,CAHF;MAINC,IAAI,EAAE,CAJA;MAKNC,KAAK,EAAE;IALD;EATe,CAAlB,CAAP;AAiBD,CAlBM"}

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

@@ -25,6 +25,8 @@ var _bodyHtml = require("../../scripts/html/bodyHtml");
 
 var _cardMessage = require("../../messages/webMessages/cardMessage");
 
+var _cardMessage2 = require("../../messages/nativeMessages/cardMessage");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -33,10 +35,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const UNCardComponent = props => {
   const [height, setHeight] = (0, _react.useState)(0);
-  const [requestRefreshEvent, setRequestRefreshEvent] = (0, _react.useState)(null);
 
   const windowWidth = _reactNative.Dimensions.get('window').width;
 
+  const walletRef = (0, _react.useRef)(null);
   const webRef = (0, _react.useRef)(null);
 
   const cardStatusChanged = card => {
@@ -46,7 +48,17 @@ const UNCardComponent = props => {
   };
 
   const requestRefresh = data => {
-    setRequestRefreshEvent(data);
+    (0, _UNCardComponent.injectRefreshEventIfNeeded)(webRef.current, data, props.cardId);
+  };
+
+  const startPushProvisioning = async data => {
+    if (data.cardId !== props.cardId) return;
+    onAddToWalletClicked();
+  };
+
+  const getAddToWalletStatus = data => {
+    if (data.cardId !== props.cardId) return;
+    getWallets();
   };
 
   (0, _listenerToBus.useListenerToBus)([{
@@ -55,21 +67,66 @@ const UNCardComponent = props => {
   }, {
     busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH,
     action: requestRefresh
+  }, {
+    busEventKey: _cardMessage2.CardNativeMessage.CARD_START_PUSH_PROVISIONING,
+    action: startPushProvisioning
+  }, {
+    busEventKey: _cardMessage2.CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS,
+    action: getAddToWalletStatus
   }]);
-  (0, _react.useEffect)(() => {
-    (0, _UNCardComponent.injectRefreshEventIfNeeded)(webRef.current, requestRefreshEvent, props.cardId);
-  }, [requestRefreshEvent]);
 
   const handleMessage = message => {
+    if (!message || !message.details) return;
+
     switch (message.type) {
       case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
-        _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_RENDERING, message.details.data);
+        {
+          const event = {
+            componentName: _WebComponent.WebComponentType.card,
+            componentResourceId: props.cardId,
+            requestRenderingEvent: message.details
+          };
 
-        break;
+          _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_RENDERING, event);
+
+          break;
+        }
 
       case _pageMessage.PageMessage.PAGE_HEIGHT:
         setHeight(message.details.height);
         break;
+
+      case _unitMessages.UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details);
+        break;
+    }
+  };
+
+  const getWallets = async () => {
+    try {
+      const walletResponse = await (0, _UNCardComponent.launchGetWallets)(props.customerToken, props.cardId, props.pushProvisioningModule);
+      if (!walletResponse) return;
+      walletRef.current = walletResponse;
+      const walletStatus = {
+        status: walletResponse.status
+      };
+
+      _EventBus.default.Instance.event(_cardMessage2.CardNativeMessage.CARD_UPDATE_ADD_TO_WALLET_STATUS, walletStatus);
+    } catch (error) {
+      console.error(error);
+    }
+  };
+
+  const onAddToWalletClicked = async () => {
+    try {
+      await (0, _UNCardComponent.launchStartCardProvisioning)(props.pushProvisioningModule, walletRef.current);
+    } catch (error) {
+      if (error instanceof Error) {
+        const parsedError = JSON.parse(error.message);
+        if (parsedError.code === _cardMessage2.CardAddToWalletErrors.closedNativeWalletScreen) return;
+      }
+
+      console.log(error);
     }
   };
 

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

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

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

@@ -3,28 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.injectRefreshEventIfNeeded = exports.getCardScript = exports.getCardParams = void 0;
+exports.launchStartCardProvisioning = exports.launchGetWallets = exports.injectRefreshEventIfNeeded = exports.getCardScript = exports.getCardParams = void 0;
+
+var _bodyScript = require("./../../scripts/html/bodyScript");
 
 var _WebComponent = require("../../webComponent/WebComponent");
 
-var _unitMessages = require("../../messages/webMessages/unitMessages");
+var _UNWalletPayloadRequest = require("./networking/requests/UNWalletPayloadRequest");
+
+var _wallet = require("../../../src/sharedTypes/wallet.types");
 
 const getCardParams = props => {
   return `
     card-id="${props.cardId}"
     customer-token="${props.customerToken}"
+    enable-mobile-wallet="${!!props.pushProvisioningModule}"
   `;
 };
 
 exports.getCardParams = getCardParams;
 
 const getCardScript = () => {
-  return `
-    const dispatchRefreshEvent = (details) => {
-    const event = new CustomEvent("${_unitMessages.UnitMessage.UNIT_REQUEST_REFRESH}",{ detail: JSON.parse(details) })
-    window.dispatchEvent(event)
-    }
-  `;
+  return _bodyScript.DISPATCH_REQUEST_REFRESH;
 };
 
 exports.getCardScript = getCardScript;
@@ -36,4 +36,53 @@ const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent, cardId) =>
 };
 
 exports.injectRefreshEventIfNeeded = injectRefreshEventIfNeeded;
+
+const launchGetWallets = async (customerToken, cardId, pushProvisioningModule) => {
+  try {
+    const encryptedPayload = await (0, _UNWalletPayloadRequest.getMobileWalletPayload)(customerToken, cardId);
+    if (!encryptedPayload) return null;
+    const walletsResponse = await pushProvisioningModule.launchGetWallets(JSON.stringify({
+      encPayload: encryptedPayload
+    }));
+    const parsedWalletsResponse = JSON.parse(walletsResponse);
+    const wallets = parsedWalletsResponse.wallets;
+    if (!wallets) return null;
+
+    if (wallets[0].code === _wallet.UNWalletCode.Apple) {
+      return {
+        name: _wallet.UNWalletName.Apple,
+        code: _wallet.UNWalletCode.Apple,
+        status: wallets[0].status
+      };
+    } else {
+      const googleWallet = wallets.filter(wallet => {
+        return wallet.name === _wallet.UNWalletName.Google;
+      });
+      if (!googleWallet) return;
+      return {
+        name: _wallet.UNWalletName.Google,
+        code: _wallet.UNWalletCode.Google,
+        status: googleWallet[0].status
+      };
+    }
+  } catch (error) {
+    return Promise.reject(error);
+  }
+};
+
+exports.launchGetWallets = launchGetWallets;
+
+const launchStartCardProvisioning = async (pushProvisioningModule, wallet) => {
+  try {
+    const response = await pushProvisioningModule.launchStartCardProvisioning(JSON.stringify({
+      walletCode: wallet === null || wallet === void 0 ? void 0 : wallet.code,
+      walletName: wallet === null || wallet === void 0 ? void 0 : wallet.name
+    }));
+    return response;
+  } catch (error) {
+    return Promise.reject(error);
+  }
+};
+
+exports.launchStartCardProvisioning = launchStartCardProvisioning;
 //# sourceMappingURL=UNCardComponent.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getCardParams","props","cardId","customerToken","getCardScript","UnitMessage","UNIT_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","WebComponentType","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';\n\nexport const getCardParams = (props: UNCardComponentProps) => {\n  return `\n    card-id=\"${props.cardId}\"\n    customer-token=\"${props.customerToken}\"\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;;AACA;;AAEO,MAAMA,aAAa,GAAIC,KAAD,IAAiC;EAC5D,OAAQ;AACV,eAAeA,KAAK,CAACC,MAAO;AAC5B,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,GAHE;AAID,CALM;;;;AAOA,MAAMC,aAAa,GAAG,MAAM;EACjC,OAAQ;AACV;AACA,qCAAqCC,yBAAA,CAAYC,oBAAqB;AACtE;AACA;AACA,GALE;AAMD,CAPM;;;;AASA,MAAMC,0BAA0B,GAAG,CAACC,UAAD,EAA6BC,mBAA7B,EAA8EP,MAA9E,KAAiG;EACzI,IAAIO,mBAAmB,IAAIA,mBAAmB,CAACC,YAApB,CAAiCC,QAAjC,CAA0CC,8BAAA,CAAiBC,IAAjB,CAAsBC,OAAtB,EAA1C,CAAvB,IAAqGL,mBAAmB,CAACM,UAApB,IAAkCb,MAA3I,EAAmJ;IACjJM,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEQ,gBAAZ,CAA8B,yBAAwBC,IAAI,CAACC,SAAL,CAAeT,mBAAf,CAAoC,IAA1F;EACD;AACF,CAJM"}
+{"version":3,"names":["getCardParams","props","cardId","customerToken","pushProvisioningModule","getCardScript","DISPATCH_REQUEST_REFRESH","injectRefreshEventIfNeeded","currentWeb","requestRefreshEvent","dependencies","includes","WebComponentType","card","valueOf","resourceId","injectJavaScript","JSON","stringify","launchGetWallets","encryptedPayload","getMobileWalletPayload","walletsResponse","encPayload","parsedWalletsResponse","parse","wallets","code","UNWalletCode","Apple","name","UNWalletName","status","googleWallet","filter","wallet","Google","error","Promise","reject","launchStartCardProvisioning","response","walletCode","walletName"],"sources":["UNCardComponent.utils.ts"],"sourcesContent":["import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';\nimport type WebView from 'react-native-webview';\nimport type { UNCardComponentProps } from './UNCardComponent';\nimport { WebComponentType } from '../../webComponent/WebComponent';\nimport type { NativeModules } from 'react-native';\nimport { getMobileWalletPayload } from './networking/requests/UNWalletPayloadRequest';\nimport { UNWallet, UNWalletCode, UNWalletName } from '../../../src/sharedTypes/wallet.types';\nimport type { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';\n\nexport const getCardParams = (props: UNCardComponentProps) => {\n  return `\n    card-id=\"${props.cardId}\"\n    customer-token=\"${props.customerToken}\"\n    enable-mobile-wallet=\"${!!props.pushProvisioningModule}\"\n  `;\n};\n\nexport const getCardScript = () => {\n  return DISPATCH_REQUEST_REFRESH;\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\nexport const launchGetWallets = async (customerToken: string, cardId: string, pushProvisioningModule: typeof NativeModules) => {\n  try {\n    const encryptedPayload = await getMobileWalletPayload(customerToken, cardId);\n    if (!encryptedPayload) return null;\n\n    const walletsResponse = await pushProvisioningModule.launchGetWallets(JSON.stringify({ encPayload: encryptedPayload }));\n    const parsedWalletsResponse = JSON.parse(walletsResponse);\n    const wallets = parsedWalletsResponse.wallets;\n\n    if (!wallets) return null;\n    if (wallets[0].code === UNWalletCode.Apple) {\n      return ({ name: UNWalletName.Apple, code: UNWalletCode.Apple, status: wallets[0].status });\n    } else {\n      const googleWallet = wallets.filter((wallet: { name: UNWalletName }) => {\n        return wallet.name === UNWalletName.Google;\n      });\n      if (!googleWallet) return;\n      return ({ name: UNWalletName.Google, code: UNWalletCode.Google, status: googleWallet[0].status });\n    }\n  } catch (error) {\n    return Promise.reject(error);\n  }\n\n};\n\nexport const launchStartCardProvisioning = async (pushProvisioningModule: typeof NativeModules, wallet: UNWallet | null) => {\n  try {\n    const response = await pushProvisioningModule.launchStartCardProvisioning(\n      JSON.stringify({\n        walletCode: wallet?.code,\n        walletName: wallet?.name\n      }));\n    return response;\n  }\n\n  catch (error) {\n    return Promise.reject(error);\n  }\n};\n"],"mappings":"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"}

package/lib/commonjs/components/UNCardComponent/networking/common/UNNetworkConstants.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNIT_SECURE_URL = exports.APIHeaders = void 0;
+
+var _UnitSdkManager = require("../../../../unitSdkManager/UnitSdkManager");
+
+const APIHeaders = {
+  AUTHORIZATION: 'Authorization',
+  CONTENT_TYPE: 'application/vnd.api+json'
+};
+exports.APIHeaders = APIHeaders;
+const UNIT_SECURE_URL = {
+  [_UnitSdkManager.UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',
+  [_UnitSdkManager.UNEnvironment.production]: 'https://secure.api.unit.co'
+};
+exports.UNIT_SECURE_URL = UNIT_SECURE_URL;
+//# sourceMappingURL=UNNetworkConstants.js.map

package/lib/commonjs/components/UNCardComponent/networking/common/UNNetworkConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["APIHeaders","AUTHORIZATION","CONTENT_TYPE","UNIT_SECURE_URL","UNEnvironment","sandbox","production"],"sources":["UNNetworkConstants.ts"],"sourcesContent":["import { UNEnvironment } from '../../../../unitSdkManager/UnitSdkManager';\n\nexport const APIHeaders = {\n  AUTHORIZATION: 'Authorization',\n  CONTENT_TYPE: 'application/vnd.api+json',\n};\n\nexport const UNIT_SECURE_URL = {\n  [UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',\n  [UNEnvironment.production]: 'https://secure.api.unit.co'\n};\n"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,UAAU,GAAG;EACxBC,aAAa,EAAE,eADS;EAExBC,YAAY,EAAE;AAFU,CAAnB;;AAKA,MAAMC,eAAe,GAAG;EAC7B,CAACC,6BAAA,CAAcC,OAAf,GAAyB,8BADI;EAE7B,CAACD,6BAAA,CAAcE,UAAf,GAA4B;AAFC,CAAxB"}

package/lib/commonjs/components/UNCardComponent/networking/requests/UNWalletPayloadRequest.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMobileWalletPayload = void 0;
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _UNNetworkConstants = require("../common/UNNetworkConstants");
+
+var _reactNativeUnitComponents = require("react-native-unit-components");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const env = _reactNativeUnitComponents.UnitSDK.getEnv();
+
+const getMobileWalletPayload = async (customerToken, cardId) => {
+  const headers = {
+    'Content-Type': _UNNetworkConstants.APIHeaders.CONTENT_TYPE,
+    'Authorization': `Bearer ${customerToken}`
+  };
+  const data = {
+    data: {
+      attributes: {
+        signedNonce: _reactNativeUnitComponents.UnitSDK.getSignedNonce()
+      }
+    }
+  };
+  const baseURL = `${_UNNetworkConstants.UNIT_SECURE_URL[env]}/cards/${cardId}/mobile-wallet-payload`;
+
+  try {
+    const response = await _axios.default.post(baseURL, data, {
+      headers: headers
+    });
+    const encryptedPayload = response.data.data.attributes.payload;
+    return encryptedPayload;
+  } catch (error) {
+    return Promise.reject(error);
+  }
+};
+
+exports.getMobileWalletPayload = getMobileWalletPayload;
+//# sourceMappingURL=UNWalletPayloadRequest.js.map

package/lib/commonjs/components/UNCardComponent/networking/requests/UNWalletPayloadRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["env","UnitSDK","getEnv","getMobileWalletPayload","customerToken","cardId","headers","APIHeaders","CONTENT_TYPE","data","attributes","signedNonce","getSignedNonce","baseURL","UNIT_SECURE_URL","response","axios","post","encryptedPayload","payload","error","Promise","reject"],"sources":["UNWalletPayloadRequest.ts"],"sourcesContent":["import axios from 'axios';\nimport { APIHeaders, UNIT_SECURE_URL } from '../common/UNNetworkConstants';\nimport { UNEnvironment, UnitSDK } from 'react-native-unit-components';\n\nconst env = UnitSDK.getEnv();\n\nexport const getMobileWalletPayload = async (customerToken: string, cardId: string) => {\n  const headers = {\n    'Content-Type': APIHeaders.CONTENT_TYPE,\n    'Authorization': `Bearer ${customerToken}`,\n  };\n\n  const data = {\n    data: {\n      attributes: {\n        signedNonce: UnitSDK.getSignedNonce(),\n      },\n    },\n  };\n\n  const baseURL = `${UNIT_SECURE_URL[env as keyof typeof UNEnvironment]}/cards/${cardId}/mobile-wallet-payload`;\n  try {\n    const response = await axios.post(\n      baseURL,\n      data,\n      {\n        headers: headers,\n      });\n    const encryptedPayload = response.data.data.attributes.payload;\n    return encryptedPayload;\n  } catch (error) {\n    return Promise.reject(error);\n  }\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAGC,kCAAA,CAAQC,MAAR,EAAZ;;AAEO,MAAMC,sBAAsB,GAAG,OAAOC,aAAP,EAA8BC,MAA9B,KAAiD;EACrF,MAAMC,OAAO,GAAG;IACd,gBAAgBC,8BAAA,CAAWC,YADb;IAEd,iBAAkB,UAASJ,aAAc;EAF3B,CAAhB;EAKA,MAAMK,IAAI,GAAG;IACXA,IAAI,EAAE;MACJC,UAAU,EAAE;QACVC,WAAW,EAAEV,kCAAA,CAAQW,cAAR;MADH;IADR;EADK,CAAb;EAQA,MAAMC,OAAO,GAAI,GAAEC,mCAAA,CAAgBd,GAAhB,CAAmD,UAASK,MAAO,wBAAtF;;EACA,IAAI;IACF,MAAMU,QAAQ,GAAG,MAAMC,cAAA,CAAMC,IAAN,CACrBJ,OADqB,EAErBJ,IAFqB,EAGrB;MACEH,OAAO,EAAEA;IADX,CAHqB,CAAvB;IAMA,MAAMY,gBAAgB,GAAGH,QAAQ,CAACN,IAAT,CAAcA,IAAd,CAAmBC,UAAnB,CAA8BS,OAAvD;IACA,OAAOD,gBAAP;EACD,CATD,CASE,OAAOE,KAAP,EAAc;IACd,OAAOC,OAAO,CAACC,MAAR,CAAeF,KAAf,CAAP;EACD;AACF,CA3BM"}

package/lib/commonjs/components/index.js

@@ -55,4 +55,17 @@ Object.keys(_UNActivityComponent).forEach(function (key) {
     }
   });
 });
+
+var _UNAccountComponent = require("./UNAccountComponent/UNAccountComponent");
+
+Object.keys(_UNAccountComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _UNAccountComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UNAccountComponent[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './UNCardComponent/UNCardComponent';\nexport * from './UNBottomSheetComponent/UNBottomSheetComponent';\nexport * from './UNBookPaymentComponent/UNBookPaymentComponent';\nexport * from './UNActivityComponent/UNActivityComponent';\nexport * from './UNAccountComponent/UNAccountComponent';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -17,6 +17,8 @@ var _UNBottomSheetComponent = require("../../components/UNBottomSheetComponent/U
 
 var _BottomSheet = require("./BottomSheet.styles");
 
+var _useAppStateListener = require("../../hooks/useAppStateListener");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -33,6 +35,7 @@ const BottomSheet = props => {
   const [contentHeight, setContentHeight] = (0, _react.useState)(undefined);
   const [currentHeight, setCurrentHeight] = (0, _react.useState)(props.sliderMaxHeight);
   const [dy, setDy] = (0, _react.useState)(0);
+  const isAppActive = (0, _useAppStateListener.useAppStateListener)();
 
   const _parentPanResponder = _reactNative.PanResponder.create({
     onMoveShouldSetPanResponderCapture: (_, gestureState) => {
@@ -63,6 +66,13 @@ const BottomSheet = props => {
     }
   });
 
+  (0, _react.useEffect)(() => {
+    if (!isAppActive && isPanelOpened) {
+      setContentHeight(0);
+
+      _dismiss(false);
+    }
+  }, [isAppActive]);
   (0, _react.useEffect)(() => {
     if (props.isOpen && !isPanelOpened) {
       fadeIn();
@@ -84,23 +94,31 @@ const BottomSheet = props => {
   }, []);
 
   const fadeIn = () => {
+    setIsPanelOpened(true);
+
     _reactNative.Animated.timing(fadeAnim, {
       toValue: 0.3,
       duration: 500,
       useNativeDriver: false
-    }).start(() => {
-      setIsPanelOpened(true);
-    });
+    }).start();
   };
 
-  const fadeOut = () => {
+  const fadeOut = function () {
+    let withTimeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+
+    /*
+      withTimeout - most of the time we declare 'Close' after the animation is end.
+      In a case that the app is not active we do it without timeout. (Otherwise a race condition may occur.)
+    */
+    setIsPanelOpened(false);
+    !withTimeout && props.onClose();
+
     _reactNative.Animated.timing(fadeAnim, {
       toValue: 0,
       duration: 500,
       useNativeDriver: false
     }).start(() => {
-      setIsPanelOpened(false);
-      props.onClose();
+      withTimeout && props.onClose();
     });
   };
 
@@ -117,6 +135,7 @@ const BottomSheet = props => {
     const {
       animationDuration
     } = props;
+    props.onOpen();
 
     if (contentHeight && currentHeight > sliderMaxHeight - contentHeight) {
       setToContentHeight(contentHeight);
@@ -152,7 +171,8 @@ const BottomSheet = props => {
     setToContentHeight(newContentHeight);
   };
 
-  const _dismiss = () => {
+  const _dismiss = function () {
+    let withTimeout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     const {
       animationDuration
     } = props;
@@ -166,7 +186,7 @@ const BottomSheet = props => {
       null;
     });
 
-    fadeOut();
+    fadeOut(withTimeout);
   };
 
   const {
@@ -176,7 +196,7 @@ const BottomSheet = props => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     style: styles.outsideContainer,
     activeOpacity: 1,
-    onPress: _dismiss
+    onPress: () => _dismiss()
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
     style: styles.animation
   })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({}, _parentPanResponder.panHandlers, {
@@ -191,7 +211,7 @@ const BottomSheet = props => {
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     activeOpacity: 1,
     style: styles.closeButton,
-    onPress: _dismiss
+    onPress: () => _dismiss()
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
     source: _images.CloseIcon
   })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -201,7 +221,7 @@ const BottomSheet = props => {
     style: {
       height: props.height
     },
-    keyboardVerticalOffset: props.height * (1 - _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE)
+    keyboardVerticalOffset: props.height * (1 - _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PERCENTAGE_SIZE)
   }, children)))));
 };
 
@@ -218,7 +238,7 @@ BottomSheet.propTypes = {
 BottomSheet.defaultProps = {
   children: /*#__PURE__*/_react.default.createElement(_reactNative.View, null),
   isOpen: true,
-  sliderMaxHeight: _reactNative.Dimensions.get('window').height * _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE,
+  sliderMaxHeight: _reactNative.Dimensions.get('window').height * _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PERCENTAGE_SIZE,
   animationDuration: 200,
   onOpen: () => null,
   onClose: () => null,

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

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

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

@@ -29,7 +29,7 @@ const getStylesObject = fadeAnim => {
     container: {
       position: 'relative',
       flex: 1,
-      marginTop: _reactNative.Dimensions.get('window').height * (1 - _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE),
+      marginTop: _reactNative.Dimensions.get('window').height * (1 - _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PERCENTAGE_SIZE),
       shadowColor: _variables.VARIABLES.COLORS.BLACK,
       shadowOffset: {
         width: 0,