react-native-unit-components 0.1.0 → 1.0.1

package/src/sharedTypes/card.types.ts

@@ -0,0 +1,59 @@
+import type { Address, FullName, Limits, Relationship, Tags } from "./types"
+
+export type UNCardData = IndividualDebitCard | BusinessDebitCard
+
+type CardStatus =  "Active" | "Inactive" | "Stolen" | "Lost" | "Frozen" | "ClosedByCustomer" | "SuspectedFraud"
+
+type IndividualDebitCard = {
+  id: string,
+  type: "individualDebitCard" | "individualVirtualDebitCard",
+  attributes: {
+    createdAt: string,
+    last4Digits: string,
+    expirationDate: string,
+    status: CardStatus,
+    shippingAddress?: Address, /* not exists in virtual card */
+    updatedAt?: string,
+    design?: string,
+    additionalEmbossedText?: string,
+    idempotencyKey?: string,
+    tags?: Tags,
+    limits?: Limits,
+    printOnlyBusinessName?: boolean
+  },
+  relationships: {
+    account: Relationship,
+    customer: Relationship
+  }
+}
+
+type BusinessDebitCard = {
+  id: string,
+  type: "businessDebitCard" | "businessVirtualDebitCard",
+  attributes: {
+    fullName: FullName,
+    dateOfBirth: string,
+    address: Address,
+    shippingAddress?: Address,
+    phone: string,
+    email: string,
+    createdAt: string,
+    last4Digits: string,
+    expirationDate: string,
+    status: CardStatus,
+    updatedAt?: string,
+    ssn?: string,
+    passport?: string,
+    nationality?: string,
+    design?: string,
+    additionalEmbossedText?: string,
+    idempotencyKey?: string,
+    tags?: Record<string, string>
+    limits?: Limits,
+    printOnlyBusinessName?: boolean
+  },
+  relationships: {
+    account: Relationship,
+    customer: Relationship
+  }
+}

package/src/sharedTypes/index.ts

@@ -0,0 +1,2 @@
+export * from './bookPayment.types';
+export * from './card.types';

package/src/sharedTypes/types.ts

@@ -0,0 +1,35 @@
+export type Address = {
+  street: string,
+  street2?: string,
+  city: string,
+  state: string,
+  postalCode: string,
+  country: string
+}
+
+export type Limits = {
+  dailyWithdrawal?: string | number,
+  dailyPurchase?: string | number,
+  monthlyWithdrawal?: string | number,
+  monthlyPurchase?: string | number,
+}
+
+type Data = {
+  type: string,
+  id: string
+}
+
+export type Relationship = {
+  data:
+    | null
+    | []
+    | Data
+    | Data[]
+}
+
+export type FullName = {
+  first: string,
+  last: string
+}
+
+export type Tags = Record<string, string> // TODO: specify Tag type

package/src/styles/variables.ts

@@ -0,0 +1,9 @@
+export const VARIABLES = {
+  COLORS: {
+    WHITE: '#ffffff',
+    BLACK: '#000000',
+    BLUE: '#005fF0',
+    GREY: '#bbbbbb',
+    SILVER_FLAKE: '#D5DDE0'
+  }
+};

package/src/unitSdkManager/UnitSdk.api.ts

@@ -0,0 +1,31 @@
+import EventBus from '../helpers/EventBus';
+import { NativeMessage } from '../messages/nativeMessages';
+import { UnitSDK, UNIT_SCRIPT_URL } from './UnitSdkManager';
+
+let isLoadingScript = false;
+
+/** globalUnitScript is exported ONLY to our project components **/
+export let globalUnitScript = '';
+
+export const fetchUnitScript = async () => {
+  const env = UnitSDK.getEnv();
+  if (isLoadingScript || globalUnitScript || !env) {
+    // init function is called and success OR in progress
+    return null;
+  }
+  isLoadingScript = true;
+  try {
+    const unitScriptRes = await fetch(UNIT_SCRIPT_URL[env]);
+    const unitScript = await unitScriptRes.text();
+    if (unitScript) {
+      EventBus.Instance.event(NativeMessage.IS_SCRIPT_FETCHED, { unitScript });
+      globalUnitScript = unitScript;
+    }
+    return null;
+  } catch (e) {
+    console.log(e);
+    return null;
+  } finally {
+    isLoadingScript = false;
+  }
+};

package/src/unitSdkManager/UnitSdkManager.ts

@@ -0,0 +1,33 @@
+import { fetchUnitScript } from './UnitSdk.api';
+
+export enum UNEnvironment {
+  sandbox = 'sandbox',
+  production = 'production'
+}
+
+export const UNIT_SCRIPT_URL = {
+  [UNEnvironment.sandbox]: 'https://ui.s.unit.sh/components.js',
+  [UNEnvironment.production]: 'https://ui.unit.co/components.js'
+};
+export class UnitSDK {
+  protected static env?: UNEnvironment;
+  protected static theme?: string;
+
+  public static init = async (env: UNEnvironment, theme?: string) => {
+    try {
+      this.env = env;
+      this.theme = theme;
+      await fetchUnitScript();
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
+  public static getEnv = () => {
+    return this.env;
+  };
+
+  public static getTheme = () => {
+    return this.theme;
+  };
+}

package/src/webComponent/WebComponent.tsx

@@ -1,75 +1,85 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { useEffect, useState } from 'react';
-import { Dimensions } from 'react-native';
-import {
-  WebView,
-  WebViewMessageEvent
-} from 'react-native-webview'
-import EventBus, { BusEvent } from '../helpers/EventBus';
-
-import html from './html';
-import type { CardEvent, CardMessage } from './webMessages/cardMessage';
-import type { PageEvent, PageMessage } from './webMessages/pageMessage';
-import { RequestRefreshEvent, UnitEvent, UnitMessage } from './webMessages/unitMessages';
-
-export type WebViewMessageType =
-  | PageMessage
-  | CardMessage
-  | UnitMessage
-
-type WebViewEvent =
-  | PageEvent
-  | UnitEvent
-  | CardEvent
-
-export interface WebViewMessage {
-  type: WebViewMessageType,
-  details?: WebViewEvent
-}
+import { WebView, WebViewMessageEvent } from 'react-native-webview';
+import EventBus from '../helpers/EventBus';
+import html, { HTML_PLACEHOLDER } from './html';
+import { RequestRefreshEvent, UnitMessage } from '../messages/webMessages/unitMessages';
+import { useListenerToBus } from '../hooks/listenerToBus';
+import { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';
+import { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';
+import { NativeMessage } from '../messages/nativeMessages';
+import type { WebViewMessage } from '../messages/webMessages';
 
 export interface WebComponentProps {
   type: WebComponentType;
+  presentationMode?: PresentationMode,
   params?: string;
-  onMessage: (message: WebViewMessage) => void;
+  onMessage?: (message: WebViewMessage) => void;
   script?: string;
+  isScrollable?: boolean,
+  handleScroll?: (event: any) => void,
+  width?: number;
 }
 
 export enum WebComponentType {
   card = 'unit-elements-card',
+  bookPayment = 'unit-elements-book-payment',
+  activity = 'unit-elements-activity',
   slot = 'unit-elements-sdk-slot'
 }
 
-export const WebComponent = React.forwardRef<WebView, WebComponentProps>((props, webRef) => {
-  const [sourceHtml, setSourceHtml] = useState<string | null>(null)
+export const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {
+  const [unitScript, setUnitScript] = useState<string | undefined>(globalUnitScript);
+  const [sourceHtml, setSourceHtml] = useState<string | null>(null);
+  const width = props.width ?? '100%';
+
+  const listenerAction = (data: { unitScript?: string }) => {
+    setUnitScript(data.unitScript);
+  };
 
-  const windowWidth = Dimensions.get('window').width;
+  useListenerToBus([{ busEventKey: NativeMessage.IS_SCRIPT_FETCHED, action: listenerAction }]);
 
   useEffect(() => {
-    const component: string = props.type.valueOf()
-    let newHtml = html.replace('<COMPONENT>', `<${component} ${props.params || ''}> </${component}>`)
-    newHtml = newHtml.replace('<SCRIPT_FROM_NATIVE>', props.script || '')
-    setSourceHtml(newHtml)
-  }, [props.params])
+    if (!unitScript) {
+      fetchUnitScript();
+      return;
+    }
 
-  const onMessage = (e: WebViewMessageEvent) => {
-    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage
+    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), props.params, props.presentationMode));
+    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');
+    setSourceHtml(newHtml);
+
+  }, [props.params, unitScript]);
 
+  const onMessage = (e: WebViewMessageEvent) => {
+    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;
     if (message.type == UnitMessage.UNIT_REQUEST_REFRESH && message.details) {
-      EventBus.Instance.event(BusEvent.REQUEST_REFRESH, message.details as RequestRefreshEvent)
+      EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details as RequestRefreshEvent);
     } else {
-      props.onMessage(message)
+      props.onMessage && props.onMessage(message);
+    }
+  };
+
+  if (!sourceHtml) return null;
+
+  const _onScroll = (event: any) => {
+    if (props.handleScroll) {
+      props.handleScroll(event);
     }
-  }
 
-  if (!sourceHtml) return null
+    return null;
+  };
 
   return (
     <WebView
       ref={webRef}
       cacheEnabled={false}
-      scrollEnabled={false}
+      scrollEnabled={props.isScrollable}
+      onScroll={_onScroll}
       overScrollMode="never"
-      style={{ width: windowWidth }}
+      injectedJavaScript={unitScript}
+      style={{ width: width, flex: 1 }}
       source={{ html: sourceHtml }}
       onMessage={onMessage} />
-  )
-})
+  );
+});

package/src/webComponent/html.ts

@@ -1,3 +1,11 @@
+import { DISPTACH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } from '../scripts/html/bodyScript';
+
+export const HTML_PLACEHOLDER = {
+  SCRIPT_UNIT: '<SCRIPT_UNIT>',
+  BODY: '<BODY_HTML_CODE>',
+  SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>'
+};
+
 const htmlText = `
   <!DOCTYPE html>
   <html lang="en">
@@ -7,66 +15,34 @@ const htmlText = `
     <script>
       window.UnitMobileSDK = true
     </script>
-    <script src="https://unit-white-labeled-banking.netlify.app/client-events.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
   </html>
 
-  <body style="margin: 0">
-    <COMPONENT>
+  <body style="margin: 0;">
+    ${HTML_PLACEHOLDER.BODY}
 
     <script>
-      const postMessageToSDK = (message) => {
-        if ('ReactNativeWebView' in window) {
-          const messageString = JSON.stringify(message)
-          window['ReactNativeWebView'].postMessage(messageString)
-        }
-      }
+      ${POST_MESSAGE_TO_SDK}
 
-      const postHeight = () => {
-        setTimeout(() => {
-          const height = window.document.documentElement.getBoundingClientRect().height + 36
-          postMessageToSDK({ type: "pageHeight", details: { height } })
-        })
-      }
+      ${POST_PAGE_HEIGHT}
 
-      window.addEventListener('DOMContentLoaded', e => {
-        postMessageToSDK({ type: "pageLoaded" })
-      });
+      ${LISTENERS.isPageLoaded}
 
-      window.addEventListener("unitRequestRendering", (e) => {
-        postMessageToSDK({ type: "unitRequestRendering", details: { data: JSON.stringify(e.detail) }})
-      });
+      ${LISTENERS.onLoad}
 
-      window.addEventListener("unitOnLoad", (e) => {
-        postHeight()
-        postMessageToSDK({ type: "unitOnLoad" })
-      });
+      ${LISTENERS.requestRendering}
 
-      window.addEventListener("unitRequestCloseFlow", (e) => {
-        postMessageToSDK({ type: "unitRequestCloseFlow" })
-      });
+      ${LISTENERS.requestOpenLink}
 
-      window.addEventListener("unitRequestOpenLink", (e) => {
-        postMessageToSDK({ type: "unitRequestOpenLink", details: e.detail })
-      });
+      ${LISTENERS.requestCloseFlow}
 
-      window.addEventListener("unitCardStatusChanged", (e) => {
-        const response = e.detail
-        response.then((data) => {
-          postMessageToSDK({ type: "cardStatusChanged", details:  { card: JSON.stringify(data.data) }})
-        }).catch((e) => {
-          console.log(e)
-        })
-      });
+      ${LISTENERS.cardStatusChange}
 
-      const dispatchRenderingEvent = (details) => {
-        const event = new CustomEvent("unitRequestRendering",{ detail: JSON.parse(details) })
-        window.dispatchEvent(event)
-      }
+      ${DISPTACH_RENDERING_EVENT}
 
-      <SCRIPT_FROM_NATIVE>
+      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}
     </script>
   </body>
-`
+`;
 
-export default htmlText
+export default htmlText;

package/android/src/main/java/com/unitreactnativecomponents/UnitReactNativeComponentsViewManager.kt

@@ -1,19 +0,0 @@
-package com.unitreactnativecomponents
-import android.graphics.Color
-import android.view.View
-import com.facebook.react.uimanager.SimpleViewManager
-import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.annotations.ReactProp
-
-class UnitReactNativeComponentsViewManager : SimpleViewManager<View>() {
-  override fun getName() = "UnitReactNativeComponentsView"
-
-  override fun createViewInstance(reactContext: ThemedReactContext): View {
-    return View(reactContext)
-  }
-
-  @ReactProp(name = "color")
-  fun setColor(view: View, color: String) {
-    view.setBackgroundColor(Color.parseColor(color))
-  }
-}

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

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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/helpers/BottomSheet.js.map

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

package/lib/commonjs/nativeComponenet/NativeComponentExample.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UnitReactNativeComponentsView = void 0;
-
-var _reactNative = require("react-native");
-
-const LINKING_ERROR = `The package 'unit-react-native-components' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
-  ios: "- You have run 'pod install'\n",
-  default: ''
-}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo managed workflow\n';
-const ComponentName = 'UnitReactNativeComponentsView';
-const UnitReactNativeComponentsView = _reactNative.UIManager.getViewManagerConfig(ComponentName) != null ? (0, _reactNative.requireNativeComponent)(ComponentName) : () => {
-  throw new Error(LINKING_ERROR);
-};
-exports.UnitReactNativeComponentsView = UnitReactNativeComponentsView;
-//# sourceMappingURL=NativeComponentExample.js.map