react-native-unit-components 0.1.0

package/lib/commonjs/components/BottomSheet/BottomSheetComponent.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNBottomSheetComponent = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _WebComponent = require("../../webComponent/WebComponent");
+
+var _reactNative = require("react-native");
+
+var _BottomSheet = _interopRequireDefault(require("../../helpers/BottomSheet"));
+
+var _EventBus = _interopRequireWildcard(require("../../helpers/EventBus"));
+
+var _pageMessage = require("../../webComponent/webMessages/pageMessage");
+
+var _unitMessages = require("../../webComponent/webMessages/unitMessages");
+
+var _cardMessage = require("../../webComponent/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; }
+
+const UNBottomSheetComponent = () => {
+  const [isActive, setIsActive] = (0, _react.useState)(false);
+  const [height, setHeight] = (0, _react.useState)(0);
+  const [renderingRequest, setRenderingRequest] = (0, _react.useState)(null);
+  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = (0, _react.useState)(false);
+  const [newHeightMessage, setNewHeightMessage] = (0, _react.useState)(null);
+  const webRef = (0, _react.useRef)(null);
+
+  const _listener = data => {
+    setRenderingRequest(data);
+    setIsActive(true);
+  };
+
+  (0, _react.useEffect)(() => {
+    if (!webRef.current) return;
+
+    if (renderingRequest) {
+      var _webRef$current;
+
+      (_webRef$current = webRef.current) === null || _webRef$current === void 0 ? void 0 : _webRef$current.injectJavaScript(`dispatchRenderingEvent('${renderingRequest}')`);
+    }
+  }, [webRef.current, renderingRequest]);
+  (0, _react.useEffect)(() => {
+    if (!isActive) {
+      setHeight(0);
+      setRenderingRequest(null);
+    }
+  }, [isActive]);
+  (0, _react.useEffect)(() => {
+    if (!waitForLoadingNewComponent && newHeightMessage) {
+      setWaitForLoadingNewComponent(false);
+      setNewHeight(newHeightMessage);
+    }
+  }, [waitForLoadingNewComponent, newHeightMessage]);
+  (0, _react.useEffect)(() => {
+    _EventBus.default.Instance.addListener(_EventBus.BusEvent.REQUEST_RENDERING, _listener);
+
+    return () => {
+      _EventBus.default.Instance.removeListener(_listener);
+    };
+  }, []);
+
+  const getBottomSheetScript = () => {
+    return `
+      window.addEventListener("unitRequestRefresh", (e) => {
+        postMessageToSDK({ type: "unitRequestRefresh", details:  e.detail  })
+      });
+    `;
+  };
+
+  const setNewHeight = message => {
+    if (renderingRequest) {
+      const nativePlace = JSON.parse(renderingRequest).nativePlace;
+
+      if (nativePlace == 'overFullScreen') {
+        const windowHeight = _reactNative.Dimensions.get('window').height * 0.94;
+        setHeight(windowHeight);
+      } else {
+        setHeight(message.details.height);
+      }
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    pointerEvents: isActive ? undefined : 'none',
+    style: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }
+  }, /*#__PURE__*/_react.default.createElement(_BottomSheet.default, {
+    isOpen: isActive,
+    onClose: () => setIsActive(false),
+    onOpen: () => setIsActive(true)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      height,
+      paddingTop: height === 0 ? 0 : 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_WebComponent.WebComponent, {
+    ref: webRef,
+    type: _WebComponent.WebComponentType.slot,
+    script: getBottomSheetScript(),
+    onMessage: message => {
+      if (renderingRequest && message.type == _pageMessage.PageMessage.PAGE_HEIGHT) {
+        setNewHeightMessage(message);
+      } else if (message.type == _unitMessages.UnitMessage.UNIT_REQUEST_RENDERING) {
+        const {
+          data
+        } = message.details;
+
+        if (data != renderingRequest) {
+          setHeight(0);
+          setRenderingRequest(data);
+          setWaitForLoadingNewComponent(true);
+          setTimeout(() => setWaitForLoadingNewComponent(false), 400);
+        }
+      } else if (message.type == _cardMessage.CardMessage.CARD_STATUS_CHANGE) {
+        _EventBus.default.Instance.event(_EventBus.BusEvent.CARD_STATUS_CHANGED, message.details.card);
+      } else if (message.type == _unitMessages.UnitMessage.UNIT_REQUEST_CLOSE_FLOW) {
+        setIsActive(false);
+      } else if (message.type == _unitMessages.UnitMessage.UNIT_REQUEST_OPEN_LINK) {
+        const href = message.details.href;
+
+        _reactNative.Linking.openURL(href);
+      }
+    }
+  })))));
+};
+
+exports.UNBottomSheetComponent = UNBottomSheetComponent;
+//# sourceMappingURL=BottomSheetComponent.js.map

package/lib/commonjs/components/BottomSheet/BottomSheetComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UNBottomSheetComponent","isActive","setIsActive","useState","height","setHeight","renderingRequest","setRenderingRequest","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","webRef","useRef","_listener","data","useEffect","current","injectJavaScript","setNewHeight","EventBus","Instance","addListener","BusEvent","REQUEST_RENDERING","removeListener","getBottomSheetScript","message","nativePlace","JSON","parse","windowHeight","Dimensions","get","details","undefined","position","top","bottom","left","right","paddingTop","WebComponentType","slot","type","PageMessage","PAGE_HEIGHT","UnitMessage","UNIT_REQUEST_RENDERING","setTimeout","CardMessage","CARD_STATUS_CHANGE","event","CARD_STATUS_CHANGED","card","UNIT_REQUEST_CLOSE_FLOW","UNIT_REQUEST_OPEN_LINK","href","Linking","openURL"],"sources":["BottomSheetComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport type WebView from \"react-native-webview\"\nimport { WebComponent, WebComponentType, WebViewMessage } from \"../../webComponent/WebComponent\"\nimport { Dimensions, Linking, View } from \"react-native\"\nimport BottomSheet from \"../../helpers/BottomSheet\"\nimport EventBus, { BusEvent } from \"../../helpers/EventBus\"\nimport { HeightEvent, PageMessage } from \"../../webComponent/webMessages/pageMessage\"\nimport { RequestOpenLinkEvent, RequestRenderingData, RequestRenderingEvent, UnitMessage } from \"../../webComponent/webMessages/unitMessages\"\nimport { CardMessage, CardStatusChangedEvent } from \"../../webComponent/webMessages/cardMessage\"\n\nexport const UNBottomSheetComponent = () => {\n  const [isActive, setIsActive] = useState(false)\n  const [height, setHeight] = useState(0)\n\n  const [renderingRequest, setRenderingRequest] = useState<string | null>(null)\n\n  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false)\n  const [newHeightMessage, setNewHeightMessage] = useState<WebViewMessage | null>(null)\n\n  const webRef = useRef<WebView>(null)\n\n  const _listener = (data: string) => {\n    setRenderingRequest(data)\n    setIsActive(true)\n  }\n\n  useEffect(() => {\n    if (!webRef.current) return\n    if (renderingRequest) {\n      webRef.current?.injectJavaScript(`dispatchRenderingEvent('${renderingRequest}')`)\n    }\n  }, [webRef.current, renderingRequest])\n\n  useEffect(() => {\n    if (!isActive) {\n      setHeight(0)\n      setRenderingRequest(null)\n    }\n  }, [isActive])\n\n  useEffect(() => {\n    if (!waitForLoadingNewComponent && newHeightMessage) {\n      setWaitForLoadingNewComponent(false)\n      setNewHeight(newHeightMessage)\n    }\n  }, [waitForLoadingNewComponent, newHeightMessage])\n\n  useEffect(() => {\n    EventBus.Instance.addListener(BusEvent.REQUEST_RENDERING, _listener)\n\n    return (() => {\n      EventBus.Instance.removeListener(_listener)\n    })\n  }, [])\n\n  const getBottomSheetScript = () => {\n    return `\n      window.addEventListener(\"unitRequestRefresh\", (e) => {\n        postMessageToSDK({ type: \"unitRequestRefresh\", details:  e.detail  })\n      });\n    `\n  }\n\n  const setNewHeight = (message: WebViewMessage) => {\n    if (renderingRequest) {\n      const nativePlace = (JSON.parse(renderingRequest) as RequestRenderingData).nativePlace;\n      if (nativePlace == 'overFullScreen') {\n        const windowHeight = Dimensions.get('window').height * 0.94;\n        setHeight(windowHeight)\n      } else {\n        setHeight((message.details as HeightEvent).height)\n      }\n    }\n  }\n\n  return (\n    <>\n      <View\n        pointerEvents={isActive ? undefined : 'none'}\n        style={{ position: 'absolute', top: 0, bottom: 0, left: 0, right: 0 }}\n      >\n        <BottomSheet\n          isOpen={isActive}\n          onClose={() => setIsActive(false)}\n          onOpen={() => setIsActive(true)}\n        >\n          <View style={{ height, paddingTop: height === 0 ? 0 : 10 }}>\n            <WebComponent ref={webRef} type={WebComponentType.slot} script={getBottomSheetScript()} onMessage={message => {\n              if (renderingRequest && message.type == PageMessage.PAGE_HEIGHT) {\n                setNewHeightMessage(message)\n              } else if (message.type == UnitMessage.UNIT_REQUEST_RENDERING) {\n                const { data } = (message.details! as RequestRenderingEvent)\n                if (data != renderingRequest) {\n                  setHeight(0)\n                  setRenderingRequest(data)\n                  setWaitForLoadingNewComponent(true)\n                  setTimeout(() => setWaitForLoadingNewComponent(false), 400)\n                }\n              } else if (message.type == CardMessage.CARD_STATUS_CHANGE) {\n                EventBus.Instance.event(BusEvent.CARD_STATUS_CHANGED, (message.details as CardStatusChangedEvent).card)\n              } else if (message.type == UnitMessage.UNIT_REQUEST_CLOSE_FLOW) {\n                setIsActive(false)\n              } else if (message.type == UnitMessage.UNIT_REQUEST_OPEN_LINK) {\n                const href = (message.details as RequestOpenLinkEvent).href\n                Linking.openURL(href)\n              }\n            }} />\n          </View>\n        </BottomSheet>\n      </View>\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,sBAAsB,GAAG,MAAM;EAC1C,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,IAAAC,eAAA,EAAS,KAAT,CAAhC;EACA,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAF,eAAA,EAAS,CAAT,CAA5B;EAEA,MAAM,CAACG,gBAAD,EAAmBC,mBAAnB,IAA0C,IAAAJ,eAAA,EAAwB,IAAxB,CAAhD;EAEA,MAAM,CAACK,0BAAD,EAA6BC,6BAA7B,IAA8D,IAAAN,eAAA,EAAS,KAAT,CAApE;EACA,MAAM,CAACO,gBAAD,EAAmBC,mBAAnB,IAA0C,IAAAR,eAAA,EAAgC,IAAhC,CAAhD;EAEA,MAAMS,MAAM,GAAG,IAAAC,aAAA,EAAgB,IAAhB,CAAf;;EAEA,MAAMC,SAAS,GAAIC,IAAD,IAAkB;IAClCR,mBAAmB,CAACQ,IAAD,CAAnB;IACAb,WAAW,CAAC,IAAD,CAAX;EACD,CAHD;;EAKA,IAAAc,gBAAA,EAAU,MAAM;IACd,IAAI,CAACJ,MAAM,CAACK,OAAZ,EAAqB;;IACrB,IAAIX,gBAAJ,EAAsB;MAAA;;MACpB,mBAAAM,MAAM,CAACK,OAAP,oEAAgBC,gBAAhB,CAAkC,2BAA0BZ,gBAAiB,IAA7E;IACD;EACF,CALD,EAKG,CAACM,MAAM,CAACK,OAAR,EAAiBX,gBAAjB,CALH;EAOA,IAAAU,gBAAA,EAAU,MAAM;IACd,IAAI,CAACf,QAAL,EAAe;MACbI,SAAS,CAAC,CAAD,CAAT;MACAE,mBAAmB,CAAC,IAAD,CAAnB;IACD;EACF,CALD,EAKG,CAACN,QAAD,CALH;EAOA,IAAAe,gBAAA,EAAU,MAAM;IACd,IAAI,CAACR,0BAAD,IAA+BE,gBAAnC,EAAqD;MACnDD,6BAA6B,CAAC,KAAD,CAA7B;MACAU,YAAY,CAACT,gBAAD,CAAZ;IACD;EACF,CALD,EAKG,CAACF,0BAAD,EAA6BE,gBAA7B,CALH;EAOA,IAAAM,gBAAA,EAAU,MAAM;IACdI,iBAAA,CAASC,QAAT,CAAkBC,WAAlB,CAA8BC,kBAAA,CAASC,iBAAvC,EAA0DV,SAA1D;;IAEA,OAAQ,MAAM;MACZM,iBAAA,CAASC,QAAT,CAAkBI,cAAlB,CAAiCX,SAAjC;IACD,CAFD;EAGD,CAND,EAMG,EANH;;EAQA,MAAMY,oBAAoB,GAAG,MAAM;IACjC,OAAQ;AACZ;AACA;AACA;AACA,KAJI;EAKD,CAND;;EAQA,MAAMP,YAAY,GAAIQ,OAAD,IAA6B;IAChD,IAAIrB,gBAAJ,EAAsB;MACpB,MAAMsB,WAAW,GAAIC,IAAI,CAACC,KAAL,CAAWxB,gBAAX,CAAD,CAAuDsB,WAA3E;;MACA,IAAIA,WAAW,IAAI,gBAAnB,EAAqC;QACnC,MAAMG,YAAY,GAAGC,uBAAA,CAAWC,GAAX,CAAe,QAAf,EAAyB7B,MAAzB,GAAkC,IAAvD;QACAC,SAAS,CAAC0B,YAAD,CAAT;MACD,CAHD,MAGO;QACL1B,SAAS,CAAEsB,OAAO,CAACO,OAAT,CAAiC9B,MAAlC,CAAT;MACD;IACF;EACF,CAVD;;EAYA,oBACE,yEACE,6BAAC,iBAAD;IACE,aAAa,EAAEH,QAAQ,GAAGkC,SAAH,GAAe,MADxC;IAEE,KAAK,EAAE;MAAEC,QAAQ,EAAE,UAAZ;MAAwBC,GAAG,EAAE,CAA7B;MAAgCC,MAAM,EAAE,CAAxC;MAA2CC,IAAI,EAAE,CAAjD;MAAoDC,KAAK,EAAE;IAA3D;EAFT,gBAIE,6BAAC,oBAAD;IACE,MAAM,EAAEvC,QADV;IAEE,OAAO,EAAE,MAAMC,WAAW,CAAC,KAAD,CAF5B;IAGE,MAAM,EAAE,MAAMA,WAAW,CAAC,IAAD;EAH3B,gBAKE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEE,MAAF;MAAUqC,UAAU,EAAErC,MAAM,KAAK,CAAX,GAAe,CAAf,GAAmB;IAAzC;EAAb,gBACE,6BAAC,0BAAD;IAAc,GAAG,EAAEQ,MAAnB;IAA2B,IAAI,EAAE8B,8BAAA,CAAiBC,IAAlD;IAAwD,MAAM,EAAEjB,oBAAoB,EAApF;IAAwF,SAAS,EAAEC,OAAO,IAAI;MAC5G,IAAIrB,gBAAgB,IAAIqB,OAAO,CAACiB,IAAR,IAAgBC,wBAAA,CAAYC,WAApD,EAAiE;QAC/DnC,mBAAmB,CAACgB,OAAD,CAAnB;MACD,CAFD,MAEO,IAAIA,OAAO,CAACiB,IAAR,IAAgBG,yBAAA,CAAYC,sBAAhC,EAAwD;QAC7D,MAAM;UAAEjC;QAAF,IAAYY,OAAO,CAACO,OAA1B;;QACA,IAAInB,IAAI,IAAIT,gBAAZ,EAA8B;UAC5BD,SAAS,CAAC,CAAD,CAAT;UACAE,mBAAmB,CAACQ,IAAD,CAAnB;UACAN,6BAA6B,CAAC,IAAD,CAA7B;UACAwC,UAAU,CAAC,MAAMxC,6BAA6B,CAAC,KAAD,CAApC,EAA6C,GAA7C,CAAV;QACD;MACF,CARM,MAQA,IAAIkB,OAAO,CAACiB,IAAR,IAAgBM,wBAAA,CAAYC,kBAAhC,EAAoD;QACzD/B,iBAAA,CAASC,QAAT,CAAkB+B,KAAlB,CAAwB7B,kBAAA,CAAS8B,mBAAjC,EAAuD1B,OAAO,CAACO,OAAT,CAA4CoB,IAAlG;MACD,CAFM,MAEA,IAAI3B,OAAO,CAACiB,IAAR,IAAgBG,yBAAA,CAAYQ,uBAAhC,EAAyD;QAC9DrD,WAAW,CAAC,KAAD,CAAX;MACD,CAFM,MAEA,IAAIyB,OAAO,CAACiB,IAAR,IAAgBG,yBAAA,CAAYS,sBAAhC,EAAwD;QAC7D,MAAMC,IAAI,GAAI9B,OAAO,CAACO,OAAT,CAA0CuB,IAAvD;;QACAC,oBAAA,CAAQC,OAAR,CAAgBF,IAAhB;MACD;IACF;EAnBD,EADF,CALF,CAJF,CADF,CADF;AAqCD,CAtGM"}

package/lib/commonjs/components/Card/CardComponent.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UNCardComponent = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _pageMessage = require("../../webComponent/webMessages/pageMessage");
+
+var _unitMessages = require("../../webComponent/webMessages/unitMessages");
+
+var _EventBus = _interopRequireWildcard(require("../../helpers/EventBus"));
+
+var _WebComponent = require("../../webComponent/WebComponent");
+
+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; }
+
+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);
+
+    return () => {
+      _EventBus.default.Instance.removeListener(_cardStatusChanged);
+
+      _EventBus.default.Instance.removeListener(_requestRefresh);
+    };
+  }, []);
+
+  const _cardStatusChanged = card => {
+    if (props.onStatusChanged) {
+      props.onStatusChanged(card);
+    }
+  };
+
+  const _requestRefresh = data => {
+    setRequestRefreshEvent(data);
+  };
+
+  (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)}')`);
+    }
+  }, [requestRefreshEvent]);
+
+  const getCardParams = () => {
+    return `
+      cardId="${props.cardId}"
+      customerToken="${props.customerToken}"
+      src="https://d1xlopvhx2cz8k.cloudfront.net/resources/outlay.json"
+    `;
+  };
+
+  const getCardScript = () => {
+    return `
+      const dispatchRefreshEvent = (details) => {
+        const event = new CustomEvent("unitRequestRefresh",{ detail: JSON.parse(details) })
+        window.dispatchEvent(event)
+      }
+    `;
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      height
+    }
+  }, /*#__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);
+      }
+    }
+  }));
+};
+
+exports.UNCardComponent = UNCardComponent;
+//# sourceMappingURL=CardComponent.js.map

package/lib/commonjs/components/Card/CardComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UNCardComponent","props","height","setHeight","useState","requestRefreshEvent","setRequestRefreshEvent","webRef","useRef","useEffect","EventBus","Instance","addListener","BusEvent","CARD_STATUS_CHANGED","_cardStatusChanged","REQUEST_REFRESH","_requestRefresh","removeListener","card","onStatusChanged","data","dependencies","includes","WebComponentType","valueOf","resourceId","cardId","current","injectJavaScript","JSON","stringify","getCardParams","customerToken","getCardScript","message","type","UnitMessage","UNIT_REQUEST_RENDERING","event","REQUEST_RENDERING","details","PageMessage","PAGE_HEIGHT"],"sources":["CardComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport { View } from \"react-native\";\nimport type WebView from \"react-native-webview\";\nimport { HeightEvent, PageMessage } from \"../../webComponent/webMessages/pageMessage\";\nimport { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from \"../../webComponent/webMessages/unitMessages\";\nimport EventBus, { BusEvent } from \"../../helpers/EventBus\"\nimport { WebComponent, WebComponentType } from \"../../webComponent/WebComponent\"\n\nexport interface UNCardComponentProps {\n  cardId: string;\n  customerToken: string;\n  onStatusChanged?: (card: any) => void; // TODO - UNCard\n}\n\nexport const UNCardComponent = (props: UNCardComponentProps) => {\n  const [height, setHeight] = useState(0)\n  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null)\n\n  const webRef = useRef<WebView>(null)\n\n  useEffect(() => {\n    EventBus.Instance.addListener(BusEvent.CARD_STATUS_CHANGED, _cardStatusChanged)\n    EventBus.Instance.addListener(BusEvent.REQUEST_REFRESH, _requestRefresh)\n    return (() => {\n      EventBus.Instance.removeListener(_cardStatusChanged)\n      EventBus.Instance.removeListener(_requestRefresh)\n    })\n  }, [])\n\n  const _cardStatusChanged = (card: any) => {\n    if (props.onStatusChanged) {\n      props.onStatusChanged(card)\n    }\n  }\n\n  const _requestRefresh = (data: RequestRefreshEvent) => {\n    setRequestRefreshEvent(data)\n  }\n\n  useEffect(() => {\n    if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == props.cardId) {\n      webRef.current?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`)\n    }\n  }, [requestRefreshEvent])\n\n  const getCardParams = () => {\n    return `\n      cardId=\"${props.cardId}\"\n      customerToken=\"${props.customerToken}\"\n      src=\"https://d1xlopvhx2cz8k.cloudfront.net/resources/outlay.json\"\n    `\n  }\n\n  const getCardScript = () => {\n    return `\n      const dispatchRefreshEvent = (details) => {\n        const event = new CustomEvent(\"unitRequestRefresh\",{ detail: JSON.parse(details) })\n        window.dispatchEvent(event)\n      }\n    `\n  }\n\n  return (\n    <View style={{ height }}>\n      <WebComponent ref={webRef} type={WebComponentType.card} params={getCardParams()} script={getCardScript()} onMessage={message => {\n        if (message.type === UnitMessage.UNIT_REQUEST_RENDERING) {\n          EventBus.Instance.event(BusEvent.REQUEST_RENDERING, (message.details as RequestRenderingEvent).data)\n        }\n        if (message.type == PageMessage.PAGE_HEIGHT) {\n          setHeight((message.details as HeightEvent).height)\n        }\n      }} />\n    </View>\n  )\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAQO,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;EAEA,MAAMG,MAAM,GAAG,IAAAC,aAAA,EAAgB,IAAhB,CAAf;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACdC,iBAAA,CAASC,QAAT,CAAkBC,WAAlB,CAA8BC,kBAAA,CAASC,mBAAvC,EAA4DC,kBAA5D;;IACAL,iBAAA,CAASC,QAAT,CAAkBC,WAAlB,CAA8BC,kBAAA,CAASG,eAAvC,EAAwDC,eAAxD;;IACA,OAAQ,MAAM;MACZP,iBAAA,CAASC,QAAT,CAAkBO,cAAlB,CAAiCH,kBAAjC;;MACAL,iBAAA,CAASC,QAAT,CAAkBO,cAAlB,CAAiCD,eAAjC;IACD,CAHD;EAID,CAPD,EAOG,EAPH;;EASA,MAAMF,kBAAkB,GAAII,IAAD,IAAe;IACxC,IAAIlB,KAAK,CAACmB,eAAV,EAA2B;MACzBnB,KAAK,CAACmB,eAAN,CAAsBD,IAAtB;IACD;EACF,CAJD;;EAMA,MAAMF,eAAe,GAAII,IAAD,IAA+B;IACrDf,sBAAsB,CAACe,IAAD,CAAtB;EACD,CAFD;;EAIA,IAAAZ,gBAAA,EAAU,MAAM;IACd,IAAIJ,mBAAmB,IAAIA,mBAAmB,CAACiB,YAApB,CAAiCC,QAAjC,CAA0CC,8BAAA,CAAiBL,IAAjB,CAAsBM,OAAtB,EAA1C,CAAvB,IAAqGpB,mBAAmB,CAACqB,UAApB,IAAkCzB,KAAK,CAAC0B,MAAjJ,EAAyJ;MAAA;;MACvJ,mBAAApB,MAAM,CAACqB,OAAP,oEAAgBC,gBAAhB,CAAkC,yBAAwBC,IAAI,CAACC,SAAL,CAAe1B,mBAAf,CAAoC,IAA9F;IACD;EACF,CAJD,EAIG,CAACA,mBAAD,CAJH;;EAMA,MAAM2B,aAAa,GAAG,MAAM;IAC1B,OAAQ;AACZ,gBAAgB/B,KAAK,CAAC0B,MAAO;AAC7B,uBAAuB1B,KAAK,CAACgC,aAAc;AAC3C;AACA,KAJI;EAKD,CAND;;EAQA,MAAMC,aAAa,GAAG,MAAM;IAC1B,OAAQ;AACZ;AACA;AACA;AACA;AACA,KALI;EAMD,CAPD;;EASA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEhC;IAAF;EAAb,gBACE,6BAAC,0BAAD;IAAc,GAAG,EAAEK,MAAnB;IAA2B,IAAI,EAAEiB,8BAAA,CAAiBL,IAAlD;IAAwD,MAAM,EAAEa,aAAa,EAA7E;IAAiF,MAAM,EAAEE,aAAa,EAAtG;IAA0G,SAAS,EAAEC,OAAO,IAAI;MAC9H,IAAIA,OAAO,CAACC,IAAR,KAAiBC,yBAAA,CAAYC,sBAAjC,EAAyD;QACvD5B,iBAAA,CAASC,QAAT,CAAkB4B,KAAlB,CAAwB1B,kBAAA,CAAS2B,iBAAjC,EAAqDL,OAAO,CAACM,OAAT,CAA2CpB,IAA/F;MACD;;MACD,IAAIc,OAAO,CAACC,IAAR,IAAgBM,wBAAA,CAAYC,WAAhC,EAA6C;QAC3CxC,SAAS,CAAEgC,OAAO,CAACM,OAAT,CAAiCvC,MAAlC,CAAT;MACD;IACF;EAPD,EADF,CADF;AAYD,CA5DM"}

package/lib/commonjs/components/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _CardComponent = require("./Card/CardComponent");
+
+Object.keys(_CardComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CardComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CardComponent[key];
+    }
+  });
+});
+
+var _BottomSheetComponent = require("./BottomSheet/BottomSheetComponent");
+
+Object.keys(_BottomSheetComponent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BottomSheetComponent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BottomSheetComponent[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/lib/commonjs/helpers/BottomSheet.js

@@ -0,0 +1,274 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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 [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;
+    },
+
+    onPanResponderMove(_, gestureState) {
+      if (currentHeight + gestureState.dy < 0) return;
+      if (!props.expandToMaxHeightEnabled && currentHeight + gestureState.dy < sliderMaxHeight - contentHeight) return;
+      panelHeightValue.setValue(currentHeight + gestureState.dy);
+      setDy(gestureState.dy);
+    },
+
+    onPanResponderRelease: () => {
+      if (dy > 0) {
+        collapse();
+      } else if (!props.expandToMaxHeightEnabled) {
+        setToContentHeight(contentHeight);
+      } else if (dy < 0) {
+        expand();
+      } else {
+        expand();
+      }
+    }
+  });
+
+  (0, _react.useEffect)(() => {
+    if (props.isOpen && !isPanelOpened) {
+      fadeIn();
+    } else if (isPanelOpened) {
+      setContentHeight(0);
+
+      _dismiss();
+    }
+  }, [props.isOpen]);
+  (0, _react.useEffect)(() => {
+    _reactNative.BackHandler.addEventListener('hardwareBackPress', _onBackPress);
+
+    const id = panelHeightValue.addListener(e => setCurrentHeight(e.value));
+    return () => {
+      _reactNative.BackHandler.removeEventListener('hardwareBackPress', _onBackPress);
+
+      panelHeightValue.removeListener(id);
+    };
+  }, []);
+
+  const fadeIn = () => {
+    _reactNative.Animated.timing(fadeAnim, {
+      toValue: 0.3,
+      duration: 500,
+      useNativeDriver: false
+    }).start(() => {
+      setIsPanelOpened(true);
+    });
+  };
+
+  const fadeOut = () => {
+    _reactNative.Animated.timing(fadeAnim, {
+      toValue: 0,
+      duration: 500,
+      useNativeDriver: false
+    }).start(() => {
+      setIsPanelOpened(false);
+      props.onClose();
+    });
+  };
+
+  const setToContentHeight = contentHeight => {
+    _reactNative.Animated.timing(panelHeightValue, {
+      duration: props.animationDuration,
+      easing: _reactNative.Easing.quad,
+      toValue: sliderMaxHeight - contentHeight,
+      useNativeDriver: false
+    }).start();
+  };
+
+  const expand = () => {
+    const {
+      animationDuration
+    } = props;
+
+    if (currentHeight > sliderMaxHeight - contentHeight) {
+      setToContentHeight(contentHeight);
+      return;
+    }
+
+    _reactNative.Animated.timing(panelHeightValue, {
+      duration: animationDuration,
+      easing: _reactNative.Easing.quad,
+      toValue: 0,
+      useNativeDriver: false
+    }).start();
+  };
+
+  const collapse = () => {
+    if (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();
+    //   }
+    // });
+  };
+
+  const _onBackPress = () => {
+    isPanelOpened && collapse();
+    return isPanelOpened;
+  };
+
+  const _setSize = e => {
+    let newContentHeight = e.nativeEvent.layout.height;
+    if (newContentHeight !== 0) newContentHeight += 42;
+    setContentHeight(newContentHeight);
+    setToContentHeight(newContentHeight);
+  };
+
+  const _dismiss = () => {
+    const {
+      animationDuration
+    } = props;
+
+    _reactNative.Animated.timing(panelHeightValue, {
+      duration: animationDuration,
+      easing: _reactNative.Easing.quad,
+      toValue: sliderMaxHeight,
+      useNativeDriver: false
+    }).start(() => {});
+
+    fadeOut();
+  };
+
+  const {
+    sliderMaxHeight,
+    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
+    },
+    activeOpacity: 1,
+    onPress: _dismiss
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: {
+      backgroundColor: 'black',
+      flex: 1,
+      opacity: fadeAnim
+    }
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({}, _parentPanResponder.panHandlers, {
+    style: { ...styles.container,
+      height: sliderMaxHeight,
+      transform: [{
+        translateY: panelHeightValue
+      }]
+    }
+  }), /*#__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, {
+    onLayout: _setSize,
+    style: [styles.innerContent]
+  }, children))));
+};
+
+BottomSheet.propTypes = {
+  children: _propTypes.default.oneOfType([_propTypes.default.node]),
+  isOpen: _propTypes.default.bool,
+  sliderMaxHeight: _propTypes.default.number,
+  animation: _propTypes.default.func,
+  animationDuration: _propTypes.default.number,
+  onOpen: _propTypes.default.func,
+  onClose: _propTypes.default.func,
+  expandToMaxHeightEnabled: _propTypes.default.bool
+};
+BottomSheet.defaultProps = {
+  children: /*#__PURE__*/_react.default.createElement(_reactNative.View, null),
+  isOpen: true,
+  sliderMaxHeight: _reactNative.Dimensions.get('window').height * 0.95,
+  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.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BottomSheet","props","panelHeightValue","useRef","Animated","Value","sliderMaxHeight","current","fadeAnim","isPanelOpened","setIsPanelOpened","useState","isOpen","contentHeight","setContentHeight","undefined","currentHeight","setCurrentHeight","dy","setDy","_parentPanResponder","PanResponder","create","onMoveShouldSetPanResponderCapture","_","gestureState","Math","abs","onPanResponderMove","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","position","top","bottom","right","left","backgroundColor","flex","opacity","panHandlers","styles","container","transform","translateY","outerContent","lineContainer","line","innerContent","propTypes","PropTypes","oneOfType","node","bool","number","animation","func","onOpen","defaultProps","Dimensions","get","StyleSheet","marginTop","paddingHorizontal","shadowColor","shadowOffset","width","shadowOpacity","shadowRadius","elevation","borderTopLeftRadius","borderTopRightRadius","alignItems","borderRadius"],"sources":["BottomSheet.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport {\n  Animated,\n  BackHandler,\n  Dimensions,\n  Easing,\n  // Keyboard,\n  LayoutChangeEvent,\n  PanResponder,\n  StyleSheet,\n  TouchableOpacity,\n  View,\n} from 'react-native';\nimport PropTypes from 'prop-types';\n\nexport interface BottomSheetProps {\n  isOpen: boolean\n  children: ReactNode\n  sliderMaxHeight: number\n  onOpen: () => void\n  onClose: () => void\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\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 Math.abs(gestureState.dy) > 10\n    },\n    onPanResponderMove(_, gestureState) {\n      if (currentHeight + gestureState.dy < 0) return\n      if (!props.expandToMaxHeightEnabled && 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        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 (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 (currentHeight > (sliderMaxHeight - contentHeight!)) {\n      _dismiss()\n      return\n    }\n\n    setToContentHeight(contentHeight!)\n\n    // Animated.timing(panelHeightValue, {\n    //   duration: animationDuration,\n    //   easing: Easing.quad,\n    //   toValue: sliderMaxHeight - contentHeight!,\n    //   useNativeDriver: false,\n    // }).start(() => {\n    //   const isPanelOpenedNewValue = !isPanelOpened\n    //   setIsPanelOpened(isPanelOpenedNewValue)\n    //   if (isPanelOpenedNewValue) {\n    //     // onOpen();\n    //   } else {\n    //     // onClose();\n    //     Keyboard.dismiss();\n    //   }\n    // });\n  };\n\n  const _onBackPress = () => {\n    isPanelOpened && collapse();\n    return isPanelOpened;\n  };\n\n  const _setSize = (e: LayoutChangeEvent) => {\n    let newContentHeight = e.nativeEvent.layout.height\n    if (newContentHeight !== 0) newContentHeight += 42;\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    })\n    fadeOut()\n  }\n\n  const {\n    sliderMaxHeight,\n    children,\n  } = props;\n\n  return (\n    <>\n      <TouchableOpacity\n        style={{ position: 'absolute', top: 0, bottom: 0, right: 0, left: 0 }} activeOpacity={1}\n        onPress={_dismiss}\n      >\n        <Animated.View\n          style={{ backgroundColor: 'black', flex: 1, opacity: fadeAnim }}\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 activeOpacity={1}>\n            <View style={styles.lineContainer}>\n              <View style={styles.line} />\n            </View>\n          </TouchableOpacity>\n          <View\n            onLayout={_setSize}\n            style={[styles.innerContent]}\n          >\n            {children}\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 * 0.95,\n  animationDuration: 200,\n  onOpen: () => null,\n  onClose: () => null,\n  expandToMaxHeightEnabled: false\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    marginTop: 60,\n    paddingHorizontal: 12,\n    shadowColor: '#000000',\n    shadowOffset: {\n      width: 0,\n      height: 6,\n    },\n    shadowOpacity: 0.37,\n    shadowRadius: 7.49,\n    elevation: 12,\n    borderTopLeftRadius: 15,\n    borderTopRightRadius: 15,\n    backgroundColor: '#ffffff',\n  },\n  lineContainer: {\n    borderTopLeftRadius: 30,\n    borderTopRightRadius: 30,\n    alignItems: 'center'\n  },\n  line: {\n    width: 35,\n    height: 4,\n    borderRadius: 2,\n    marginTop: 18,\n    backgroundColor: '#D5DDE0',\n  },\n  outerContent: {\n    flex: -1,\n  },\n  innerContent: {\n    flex: -1,\n  },\n});\n\nexport default BottomSheet;\n"],"mappings":"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"}