react-native-unit-components 0.1.0 → 1.0.0

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resetHtml = exports.renderingBottomSheetRequest = exports.handleHtmlFullHeight = exports.getBottomSheetScript = void 0;
+
+var _unitMessages = require("../../messages/webMessages/unitMessages");
+
+var _UNBottomSheetComponent = require("./UNBottomSheetComponent.constants");
+
+const getBottomSheetScript = () => {
+  return `
+    window.addEventListener("${_unitMessages.UnitMessage.UNIT_REQUEST_REFRESH}", (e) => {
+      postMessageToSDK({ type: "${_unitMessages.UnitMessage.UNIT_REQUEST_REFRESH}", details:  e.detail  })
+    });
+  `;
+};
+
+exports.getBottomSheetScript = getBottomSheetScript;
+
+const renderingBottomSheetRequest = (currentWebView, renderingRequest) => {
+  currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
+    document.activeElement && document.activeElement.blur();
+    dispatchRenderingEvent('${renderingRequest}');
+  `);
+};
+
+exports.renderingBottomSheetRequest = renderingBottomSheetRequest;
+
+const resetHtml = currentWebView => {
+  currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
+    document.activeElement && document.activeElement.blur();
+    document.getElementById('webViewContainer').style.height = null;
+  `);
+};
+
+exports.resetHtml = resetHtml;
+
+const handleHtmlFullHeight = (currentWebView, windowHeight) => {
+  const bottomSheetHeight = windowHeight * _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE;
+  currentWebView && (currentWebView === null || currentWebView === void 0 ? void 0 : currentWebView.injectJavaScript(`
+    document.getElementById('webViewContainer').style.height = '${bottomSheetHeight}px';
+  `));
+  return bottomSheetHeight;
+};
+
+exports.handleHtmlFullHeight = handleHtmlFullHeight;
+//# sourceMappingURL=UNBottomSheetComponent.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getBottomSheetScript","UnitMessage","UNIT_REQUEST_REFRESH","renderingBottomSheetRequest","currentWebView","renderingRequest","injectJavaScript","resetHtml","handleHtmlFullHeight","windowHeight","bottomSheetHeight","BOTTOM_SHEET_MAX_PRECANTAGE_SIZE"],"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;;AACA;;AAEO,MAAMA,oBAAoB,GAAG,MAAM;EACxC,OAAQ;AACV,+BAA+BC,yBAAA,CAAYC,oBAAqB;AAChE,kCAAkCD,yBAAA,CAAYC,oBAAqB;AACnE;AACA,GAJE;AAKD,CANM;;;;AAQA,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;;;;AAOA,MAAME,SAAS,GAAIH,cAAD,IAA6B;EACpDA,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAEE,gBAAhB,CAAkC;AACpC;AACA;AACA,GAHE;AAID,CALM;;;;AAOA,MAAME,oBAAoB,GAAG,CAACJ,cAAD,EAAiCK,YAAjC,KAA0D;EAC5F,MAAMC,iBAAiB,GAAGD,YAAY,GAAGE,wDAAzC;EACAP,cAAc,KAAIA,cAAJ,aAAIA,cAAJ,uBAAIA,cAAc,CAAEE,gBAAhB,CAAkC;AACtD,kEAAkEI,iBAAkB;AACpF,GAFoB,CAAJ,CAAd;EAIA,OAAOA,iBAAP;AACD,CAPM"}

package/lib/commonjs/components/{Card/CardComponent.js → UNCardComponent/UNCardComponent.js}

@@ -9,14 +9,24 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _pageMessage = require("../../webComponent/webMessages/pageMessage");
+var _pageMessage = require("../../messages/webMessages/pageMessage");
 
-var _unitMessages = require("../../webComponent/webMessages/unitMessages");
+var _unitMessages = require("../../messages/webMessages/unitMessages");
 
-var _EventBus = _interopRequireWildcard(require("../../helpers/EventBus"));
+var _EventBus = _interopRequireDefault(require("../../helpers/EventBus"));
 
 var _WebComponent = require("../../webComponent/WebComponent");
 
+var _listenerToBus = require("../../hooks/listenerToBus");
+
+var _UNCardComponent = require("./UNCardComponent.utils");
+
+var _bodyHtml = require("../../scripts/html/bodyHtml");
+
+var _cardMessage = require("../../messages/webMessages/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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -24,52 +34,43 @@ 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 webRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    _EventBus.default.Instance.addListener(_EventBus.BusEvent.CARD_STATUS_CHANGED, _cardStatusChanged);
 
-    _EventBus.default.Instance.addListener(_EventBus.BusEvent.REQUEST_REFRESH, _requestRefresh);
+  const windowWidth = _reactNative.Dimensions.get('window').width;
 
-    return () => {
-      _EventBus.default.Instance.removeListener(_cardStatusChanged);
-
-      _EventBus.default.Instance.removeListener(_requestRefresh);
-    };
-  }, []);
+  const webRef = (0, _react.useRef)(null);
 
-  const _cardStatusChanged = card => {
+  const cardStatusChanged = card => {
     if (props.onStatusChanged) {
       props.onStatusChanged(card);
     }
   };
 
-  const _requestRefresh = data => {
+  const requestRefresh = data => {
     setRequestRefreshEvent(data);
   };
 
+  (0, _listenerToBus.useListenerToBus)([{
+    busEventKey: _cardMessage.CardMessage.CARD_STATUS_CHANGED,
+    action: cardStatusChanged
+  }, {
+    busEventKey: _unitMessages.UnitMessage.UNIT_REQUEST_REFRESH,
+    action: requestRefresh
+  }]);
   (0, _react.useEffect)(() => {
-    if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(_WebComponent.WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == props.cardId) {
-      var _webRef$current;
-
-      (_webRef$current = webRef.current) === null || _webRef$current === void 0 ? void 0 : _webRef$current.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
-    }
+    (0, _UNCardComponent.injectRefreshEventIfNeeded)(webRef.current, requestRefreshEvent, props.cardId);
   }, [requestRefreshEvent]);
 
-  const getCardParams = () => {
-    return `
-      cardId="${props.cardId}"
-      customerToken="${props.customerToken}"
-      src="https://d1xlopvhx2cz8k.cloudfront.net/resources/outlay.json"
-    `;
-  };
+  const handleMessage = message => {
+    switch (message.type) {
+      case _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING:
+        _EventBus.default.Instance.event(_unitMessages.UnitMessage.UNIT_REQUEST_RENDERING, message.details.data);
+
+        break;
 
-  const getCardScript = () => {
-    return `
-      const dispatchRefreshEvent = (details) => {
-        const event = new CustomEvent("unitRequestRefresh",{ detail: JSON.parse(details) })
-        window.dispatchEvent(event)
-      }
-    `;
+      case _pageMessage.PageMessage.PAGE_HEIGHT:
+        setHeight(message.details.height);
+        break;
+    }
   };
 
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
@@ -79,19 +80,14 @@ const UNCardComponent = props => {
   }, /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
     ref: webRef,
     type: _WebComponent.WebComponentType.card,
-    params: getCardParams(),
-    script: getCardScript(),
-    onMessage: message => {
-      if (message.type === _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING) {
-        _EventBus.default.Instance.event(_EventBus.BusEvent.REQUEST_RENDERING, message.details.data);
-      }
-
-      if (message.type == _pageMessage.PageMessage.PAGE_HEIGHT) {
-        setHeight(message.details.height);
-      }
-    }
+    presentationMode: _bodyHtml.PresentationMode.Default,
+    params: (0, _UNCardComponent.getCardParams)(props),
+    script: (0, _UNCardComponent.getCardScript)(),
+    onMessage: message => handleMessage(message),
+    width: windowWidth,
+    shouldEnableWebViewScroll: false
   }));
 };
 
 exports.UNCardComponent = UNCardComponent;
-//# sourceMappingURL=CardComponent.js.map
+//# sourceMappingURL=UNCardComponent.js.map

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

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

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.injectRefreshEventIfNeeded = exports.getCardScript = exports.getCardParams = void 0;
+
+var _WebComponent = require("../../webComponent/WebComponent");
+
+var _unitMessages = require("../../messages/webMessages/unitMessages");
+
+var _UnitSdkManager = require("../../unitSdkManager/UnitSdkManager");
+
+const getCardParams = props => {
+  return `
+    card-id="${props.cardId}"
+    customer-token="${props.customerToken}"
+    theme="${props.theme ?? _UnitSdkManager.UnitSDK.getTheme()}"
+  `;
+};
+
+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)
+    }
+  `;
+};
+
+exports.getCardScript = getCardScript;
+
+const injectRefreshEventIfNeeded = (currentWeb, requestRefreshEvent, cardId) => {
+  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(_WebComponent.WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {
+    currentWeb === null || currentWeb === void 0 ? void 0 : currentWeb.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
+  }
+};
+
+exports.injectRefreshEventIfNeeded = injectRefreshEventIfNeeded;
+//# sourceMappingURL=UNCardComponent.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getCardParams","props","cardId","customerToken","theme","UnitSDK","getTheme","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';\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;;AACA;;AACA;;AAEO,MAAMA,aAAa,GAAIC,KAAD,IAAiC;EAC5D,OAAQ;AACV,eAAeA,KAAK,CAACC,MAAO;AAC5B,sBAAsBD,KAAK,CAACE,aAAc;AAC1C,aAAaF,KAAK,CAACG,KAAN,IAAeC,uBAAA,CAAQC,QAAR,EAAmB;AAC/C,GAJE;AAKD,CANM;;;;AAQA,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,EAA8EV,MAA9E,KAAiG;EACzI,IAAIU,mBAAmB,IAAIA,mBAAmB,CAACC,YAApB,CAAiCC,QAAjC,CAA0CC,8BAAA,CAAiBC,IAAjB,CAAsBC,OAAtB,EAA1C,CAAvB,IAAqGL,mBAAmB,CAACM,UAApB,IAAkChB,MAA3I,EAAmJ;IACjJS,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEQ,gBAAZ,CAA8B,yBAAwBC,IAAI,CAACC,SAAL,CAAeT,mBAAf,CAAoC,IAA1F;EACD;AACF,CAJM"}

package/lib/commonjs/components/index.js

@@ -4,28 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _CardComponent = require("./Card/CardComponent");
+var _UNCardComponent = require("./UNCardComponent/UNCardComponent");
 
-Object.keys(_CardComponent).forEach(function (key) {
+Object.keys(_UNCardComponent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CardComponent[key]) return;
+  if (key in exports && exports[key] === _UNCardComponent[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _CardComponent[key];
+      return _UNCardComponent[key];
     }
   });
 });
 
-var _BottomSheetComponent = require("./BottomSheet/BottomSheetComponent");
+var _UNBottomSheetComponent = require("./UNBottomSheetComponent/UNBottomSheetComponent");
 
-Object.keys(_BottomSheetComponent).forEach(function (key) {
+Object.keys(_UNBottomSheetComponent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BottomSheetComponent[key]) return;
+  if (key in exports && exports[key] === _UNBottomSheetComponent[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _BottomSheetComponent[key];
+      return _UNBottomSheetComponent[key];
+    }
+  });
+});
+
+var _UNBookPaymentComponent = require("./UNBookPaymentComponent/UNBookPaymentComponent");
+
+Object.keys(_UNBookPaymentComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _UNBookPaymentComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UNBookPaymentComponent[key];
+    }
+  });
+});
+
+var _UNActivityComponent = require("./UNActivityComponent/UNActivityComponent");
+
+Object.keys(_UNActivityComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _UNActivityComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _UNActivityComponent[key];
     }
   });
 });

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './Card/CardComponent'\nexport * from './BottomSheet/BottomSheetComponent'\n"],"mappings":";;;;;;AAAA;;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';\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"}

package/lib/commonjs/custom.d.js

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

package/lib/commonjs/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/commonjs/helpers/{BottomSheet.js → BottomSheet/BottomSheet.js}

@@ -11,6 +11,12 @@ var _reactNative = require("react-native");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _images = require("../../assets/images");
+
+var _UNBottomSheetComponent = require("../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants");
+
+var _BottomSheet = require("./BottomSheet.styles");
+
 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); }
@@ -22,19 +28,22 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 const BottomSheet = props => {
   const panelHeightValue = (0, _react.useRef)(new _reactNative.Animated.Value(props.sliderMaxHeight)).current;
   const fadeAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const styles = (0, _BottomSheet.getStylesObject)(fadeAnim);
   const [isPanelOpened, setIsPanelOpened] = (0, _react.useState)(props.isOpen);
   const [contentHeight, setContentHeight] = (0, _react.useState)(undefined);
   const [currentHeight, setCurrentHeight] = (0, _react.useState)(props.sliderMaxHeight);
   const [dy, setDy] = (0, _react.useState)(0);
 
   const _parentPanResponder = _reactNative.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);
     },
@@ -43,7 +52,7 @@ const BottomSheet = props => {
       if (dy > 0) {
         collapse();
       } else if (!props.expandToMaxHeightEnabled) {
-        setToContentHeight(contentHeight);
+        contentHeight && setToContentHeight(contentHeight);
       } else if (dy < 0) {
         expand();
       } else {
@@ -107,7 +116,7 @@ const BottomSheet = props => {
       animationDuration
     } = props;
 
-    if (currentHeight > sliderMaxHeight - contentHeight) {
+    if (contentHeight && currentHeight > sliderMaxHeight - contentHeight) {
       setToContentHeight(contentHeight);
       return;
     }
@@ -121,27 +130,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 = () => {
@@ -150,8 +145,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);
   };
@@ -166,7 +160,9 @@ const BottomSheet = props => {
       easing: _reactNative.Easing.quad,
       toValue: sliderMaxHeight,
       useNativeDriver: false
-    }).start(() => {});
+    }).start(() => {
+      null;
+    });
 
     fadeOut();
   };
@@ -176,21 +172,11 @@ const BottomSheet = props => {
     children
   } = props;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    style: {
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      right: 0,
-      left: 0
-    },
+    style: styles.outsideContainer,
     activeOpacity: 1,
     onPress: _dismiss
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
-    style: {
-      backgroundColor: 'black',
-      flex: 1,
-      opacity: fadeAnim
-    }
+    style: styles.animation
   })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({}, _parentPanResponder.panHandlers, {
     style: { ...styles.container,
       height: sliderMaxHeight,
@@ -201,15 +187,21 @@ const BottomSheet = props => {
   }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.outerContent
   }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    activeOpacity: 1
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.lineContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.line
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    activeOpacity: 1,
+    style: styles.closeButton,
+    onPress: _dismiss
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: _images.CloseIcon
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     onLayout: _setSize,
     style: [styles.innerContent]
-  }, children))));
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.KeyboardAvoidingView, {
+    behavior: "padding",
+    style: {
+      height: props.height
+    },
+    keyboardVerticalOffset: props.height * (1 - _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE)
+  }, children)))));
 };
 
 BottomSheet.propTypes = {
@@ -225,50 +217,12 @@ BottomSheet.propTypes = {
 BottomSheet.defaultProps = {
   children: /*#__PURE__*/_react.default.createElement(_reactNative.View, null),
   isOpen: true,
-  sliderMaxHeight: _reactNative.Dimensions.get('window').height * 0.95,
+  sliderMaxHeight: _reactNative.Dimensions.get('window').height * _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE,
   animationDuration: 200,
   onOpen: () => null,
   onClose: () => null,
   expandToMaxHeightEnabled: false
 };
-
-const styles = _reactNative.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
-  }
-});
-
 var _default = BottomSheet;
 exports.default = _default;
 //# sourceMappingURL=BottomSheet.js.map

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

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

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

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStylesObject = void 0;
+
+var _reactNative = require("react-native");
+
+var _UNBottomSheetComponent = require("../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants");
+
+var _variables = require("../../styles/variables");
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getStylesObject = fadeAnim => {
+  return _reactNative.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: _reactNative.Dimensions.get('window').height * (1 - _UNBottomSheetComponent.BOTTOM_SHEET_MAX_PRECANTAGE_SIZE),
+      shadowColor: _variables.VARIABLES.COLORS.BLACK,
+      shadowOffset: {
+        width: 0,
+        height: 6
+      },
+      shadowOpacity: 0.37,
+      shadowRadius: 7.49,
+      elevation: 12,
+      borderTopLeftRadius: 15,
+      borderTopRightRadius: 15,
+      backgroundColor: _variables.VARIABLES.COLORS.WHITE,
+      overflow: 'hidden'
+    },
+    lineContainer: {
+      borderTopLeftRadius: 30,
+      borderTopRightRadius: 30,
+      alignItems: 'center'
+    },
+    line: {
+      width: 35,
+      height: 4,
+      borderRadius: 2,
+      marginTop: 18,
+      backgroundColor: _variables.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.VARIABLES.COLORS.WHITE,
+      borderRadius: 18,
+      padding: 7,
+      top: 12,
+      right: 12,
+      zIndex: 100
+    }
+  });
+};
+
+exports.getStylesObject = getStylesObject;
+//# sourceMappingURL=BottomSheet.styles.js.map