react-native-unit-components 0.1.0 → 1.0.1

package/lib/commonjs/nativeComponenet/NativeComponentExample.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","ComponentName","UnitReactNativeComponentsView","UIManager","getViewManagerConfig","requireNativeComponent","Error"],"sources":["NativeComponentExample.tsx"],"sourcesContent":["import {\n  requireNativeComponent,\n  UIManager,\n  Platform,\n  ViewStyle,\n} from 'react-native';\n\nconst LINKING_ERROR =\n  `The package 'unit-react-native-components' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\ntype UnitReactNativeComponentsProps = {\n  color: string;\n  style: ViewStyle;\n};\n\nconst ComponentName = 'UnitReactNativeComponentsView';\n\nexport const UnitReactNativeComponentsView =\n  UIManager.getViewManagerConfig(ComponentName) != null\n    ? requireNativeComponent<UnitReactNativeComponentsProps>(ComponentName)\n    : () => {\n      throw new Error(LINKING_ERROR);\n    };\n"],"mappings":";;;;;;;AAAA;;AAOA,MAAMA,aAAa,GAChB,uFAAD,GACAC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAWA,MAAMC,aAAa,GAAG,+BAAtB;AAEO,MAAMC,6BAA6B,GACxCC,sBAAA,CAAUC,oBAAV,CAA+BH,aAA/B,KAAiD,IAAjD,GACI,IAAAI,mCAAA,EAAuDJ,aAAvD,CADJ,GAEI,MAAM;EACN,MAAM,IAAIK,KAAJ,CAAUV,aAAV,CAAN;AACD,CALE"}

package/lib/commonjs/webComponent/webMessages/cardMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CardMessage"],"sources":["cardMessage.ts"],"sourcesContent":["export enum CardMessage {\n  CARD_STATUS_CHANGE = 'cardStatusChanged'\n}\n\nexport interface CardStatusChangedEvent {\n  card: any;\n}\n\nexport type CardEvent =\n  | CardStatusChangedEvent\n"],"mappings":";;;;;;IAAYA,W;;;WAAAA,W;EAAAA,W;GAAAA,W,2BAAAA,W"}

package/lib/commonjs/webComponent/webMessages/pageMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PageMessage"],"sources":["pageMessage.ts"],"sourcesContent":["export enum PageMessage {\n  PAGE_LOADED = 'pageLoaded',\n  PAGE_HEIGHT = 'pageHeight'\n}\n\nexport interface HeightEvent {\n  height: number;\n}\n\nexport type PageEvent =\n  | HeightEvent\n"],"mappings":";;;;;;IAAYA,W;;;WAAAA,W;EAAAA,W;EAAAA,W;GAAAA,W,2BAAAA,W"}

package/lib/commonjs/webComponent/webMessages/unitMessages.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["UnitMessage"],"sources":["unitMessages.ts"],"sourcesContent":["export enum UnitMessage {\n  UNIT_REQUEST_RENDERING = 'unitRequestRendering',\n  UNIT_REQUEST_REFRESH = 'unitRequestRefresh',\n  UNIT_REQUEST_CLOSE_FLOW = 'unitRequestCloseFlow',\n  UNIT_REQUEST_OPEN_LINK = 'unitRequestOpenLink',\n  UNIT_ON_LOAD = 'unitOnLoad'\n}\n\nexport interface RequestRenderingData {\n  nativePlace: string;\n  nativeComponent: string;\n}\nexport interface RequestRenderingEvent {\n  data: string;\n}\n\nexport interface RequestRefreshEvent {\n  refEvent: string;\n  dependencies: string[];\n  resourceId: string;\n}\n\nexport interface RequestOpenLinkEvent {\n  href: string;\n  target: string\n}\n\nexport type UnitEvent =\n  | RequestRenderingEvent\n  | RequestRefreshEvent\n  | RequestOpenLinkEvent\n"],"mappings":";;;;;;IAAYA,W;;;WAAAA,W;EAAAA,W;EAAAA,W;EAAAA,W;EAAAA,W;EAAAA,W;GAAAA,W,2BAAAA,W"}

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

@@ -1,118 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-import { WebComponent, WebComponentType } from "../../webComponent/WebComponent";
-import { Dimensions, Linking, View } from "react-native";
-import BottomSheet from "../../helpers/BottomSheet";
-import EventBus, { BusEvent } from "../../helpers/EventBus";
-import { PageMessage } from "../../webComponent/webMessages/pageMessage";
-import { UnitMessage } from "../../webComponent/webMessages/unitMessages";
-import { CardMessage } from "../../webComponent/webMessages/cardMessage";
-export const UNBottomSheetComponent = () => {
-  const [isActive, setIsActive] = useState(false);
-  const [height, setHeight] = useState(0);
-  const [renderingRequest, setRenderingRequest] = useState(null);
-  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false);
-  const [newHeightMessage, setNewHeightMessage] = useState(null);
-  const webRef = useRef(null);
-
-  const _listener = data => {
-    setRenderingRequest(data);
-    setIsActive(true);
-  };
-
-  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]);
-  useEffect(() => {
-    if (!isActive) {
-      setHeight(0);
-      setRenderingRequest(null);
-    }
-  }, [isActive]);
-  useEffect(() => {
-    if (!waitForLoadingNewComponent && newHeightMessage) {
-      setWaitForLoadingNewComponent(false);
-      setNewHeight(newHeightMessage);
-    }
-  }, [waitForLoadingNewComponent, newHeightMessage]);
-  useEffect(() => {
-    EventBus.Instance.addListener(BusEvent.REQUEST_RENDERING, _listener);
-    return () => {
-      EventBus.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 = Dimensions.get('window').height * 0.94;
-        setHeight(windowHeight);
-      } else {
-        setHeight(message.details.height);
-      }
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
-    pointerEvents: isActive ? undefined : 'none',
-    style: {
-      position: 'absolute',
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0
-    }
-  }, /*#__PURE__*/React.createElement(BottomSheet, {
-    isOpen: isActive,
-    onClose: () => setIsActive(false),
-    onOpen: () => setIsActive(true)
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      height,
-      paddingTop: height === 0 ? 0 : 10
-    }
-  }, /*#__PURE__*/React.createElement(WebComponent, {
-    ref: webRef,
-    type: WebComponentType.slot,
-    script: getBottomSheetScript(),
-    onMessage: message => {
-      if (renderingRequest && message.type == PageMessage.PAGE_HEIGHT) {
-        setNewHeightMessage(message);
-      } else if (message.type == 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.CARD_STATUS_CHANGE) {
-        EventBus.Instance.event(BusEvent.CARD_STATUS_CHANGED, message.details.card);
-      } else if (message.type == UnitMessage.UNIT_REQUEST_CLOSE_FLOW) {
-        setIsActive(false);
-      } else if (message.type == UnitMessage.UNIT_REQUEST_OPEN_LINK) {
-        const href = message.details.href;
-        Linking.openURL(href);
-      }
-    }
-  })))));
-};
-//# sourceMappingURL=BottomSheetComponent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","useState","WebComponent","WebComponentType","Dimensions","Linking","View","BottomSheet","EventBus","BusEvent","PageMessage","UnitMessage","CardMessage","UNBottomSheetComponent","isActive","setIsActive","height","setHeight","renderingRequest","setRenderingRequest","waitForLoadingNewComponent","setWaitForLoadingNewComponent","newHeightMessage","setNewHeightMessage","webRef","_listener","data","current","injectJavaScript","setNewHeight","Instance","addListener","REQUEST_RENDERING","removeListener","getBottomSheetScript","message","nativePlace","JSON","parse","windowHeight","get","details","undefined","position","top","bottom","left","right","paddingTop","slot","type","PAGE_HEIGHT","UNIT_REQUEST_RENDERING","setTimeout","CARD_STATUS_CHANGE","event","CARD_STATUS_CHANGED","card","UNIT_REQUEST_CLOSE_FLOW","UNIT_REQUEST_OPEN_LINK","href","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":"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"}

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

@@ -1,75 +0,0 @@
-import React, { useEffect, useRef, useState } from "react";
-import { View } from "react-native";
-import { PageMessage } from "../../webComponent/webMessages/pageMessage";
-import { UnitMessage } from "../../webComponent/webMessages/unitMessages";
-import EventBus, { BusEvent } from "../../helpers/EventBus";
-import { WebComponent, WebComponentType } from "../../webComponent/WebComponent";
-export const UNCardComponent = props => {
-  const [height, setHeight] = useState(0);
-  const [requestRefreshEvent, setRequestRefreshEvent] = useState(null);
-  const webRef = useRef(null);
-  useEffect(() => {
-    EventBus.Instance.addListener(BusEvent.CARD_STATUS_CHANGED, _cardStatusChanged);
-    EventBus.Instance.addListener(BusEvent.REQUEST_REFRESH, _requestRefresh);
-    return () => {
-      EventBus.Instance.removeListener(_cardStatusChanged);
-      EventBus.Instance.removeListener(_requestRefresh);
-    };
-  }, []);
-
-  const _cardStatusChanged = card => {
-    if (props.onStatusChanged) {
-      props.onStatusChanged(card);
-    }
-  };
-
-  const _requestRefresh = data => {
-    setRequestRefreshEvent(data);
-  };
-
-  useEffect(() => {
-    if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(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.createElement(View, {
-    style: {
-      height
-    }
-  }, /*#__PURE__*/React.createElement(WebComponent, {
-    ref: webRef,
-    type: WebComponentType.card,
-    params: getCardParams(),
-    script: getCardScript(),
-    onMessage: message => {
-      if (message.type === UnitMessage.UNIT_REQUEST_RENDERING) {
-        EventBus.Instance.event(BusEvent.REQUEST_RENDERING, message.details.data);
-      }
-
-      if (message.type == PageMessage.PAGE_HEIGHT) {
-        setHeight(message.details.height);
-      }
-    }
-  }));
-};
-//# sourceMappingURL=CardComponent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","useState","View","PageMessage","UnitMessage","EventBus","BusEvent","WebComponent","WebComponentType","UNCardComponent","props","height","setHeight","requestRefreshEvent","setRequestRefreshEvent","webRef","Instance","addListener","CARD_STATUS_CHANGED","_cardStatusChanged","REQUEST_REFRESH","_requestRefresh","removeListener","card","onStatusChanged","data","dependencies","includes","valueOf","resourceId","cardId","current","injectJavaScript","JSON","stringify","getCardParams","customerToken","getCardScript","message","type","UNIT_REQUEST_RENDERING","event","REQUEST_RENDERING","details","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":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","useState","Animated","BackHandler","Dimensions","Easing","PanResponder","StyleSheet","TouchableOpacity","View","PropTypes","BottomSheet","props","panelHeightValue","Value","sliderMaxHeight","current","fadeAnim","isPanelOpened","setIsPanelOpened","isOpen","contentHeight","setContentHeight","undefined","currentHeight","setCurrentHeight","dy","setDy","_parentPanResponder","create","onMoveShouldSetPanResponderCapture","_","gestureState","Math","abs","onPanResponderMove","expandToMaxHeightEnabled","setValue","onPanResponderRelease","collapse","setToContentHeight","expand","fadeIn","_dismiss","addEventListener","_onBackPress","id","addListener","e","value","removeEventListener","removeListener","timing","toValue","duration","useNativeDriver","start","fadeOut","onClose","animationDuration","easing","quad","_setSize","newContentHeight","nativeEvent","layout","height","children","position","top","bottom","right","left","backgroundColor","flex","opacity","panHandlers","styles","container","transform","translateY","outerContent","lineContainer","line","innerContent","propTypes","oneOfType","node","bool","number","animation","func","onOpen","defaultProps","get","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/module/nativeComponenet/NativeComponentExample.js

@@ -1,10 +0,0 @@
-import { requireNativeComponent, UIManager, Platform } from 'react-native';
-const LINKING_ERROR = `The package 'unit-react-native-components' doesn't seem to be linked. Make sure: \n\n` + 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';
-export const UnitReactNativeComponentsView = UIManager.getViewManagerConfig(ComponentName) != null ? requireNativeComponent(ComponentName) : () => {
-  throw new Error(LINKING_ERROR);
-};
-//# sourceMappingURL=NativeComponentExample.js.map

package/lib/module/nativeComponenet/NativeComponentExample.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["requireNativeComponent","UIManager","Platform","LINKING_ERROR","select","ios","default","ComponentName","UnitReactNativeComponentsView","getViewManagerConfig","Error"],"sources":["NativeComponentExample.tsx"],"sourcesContent":["import {\n  requireNativeComponent,\n  UIManager,\n  Platform,\n  ViewStyle,\n} from 'react-native';\n\nconst LINKING_ERROR =\n  `The package 'unit-react-native-components' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\ntype UnitReactNativeComponentsProps = {\n  color: string;\n  style: ViewStyle;\n};\n\nconst ComponentName = 'UnitReactNativeComponentsView';\n\nexport const UnitReactNativeComponentsView =\n  UIManager.getViewManagerConfig(ComponentName) != null\n    ? requireNativeComponent<UnitReactNativeComponentsProps>(ComponentName)\n    : () => {\n      throw new Error(LINKING_ERROR);\n    };\n"],"mappings":"AAAA,SACEA,sBADF,EAEEC,SAFF,EAGEC,QAHF,QAKO,cALP;AAOA,MAAMC,aAAa,GAChB,uFAAD,GACAD,QAAQ,CAACE,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAWA,MAAMC,aAAa,GAAG,+BAAtB;AAEA,OAAO,MAAMC,6BAA6B,GACxCP,SAAS,CAACQ,oBAAV,CAA+BF,aAA/B,KAAiD,IAAjD,GACIP,sBAAsB,CAAiCO,aAAjC,CAD1B,GAEI,MAAM;EACN,MAAM,IAAIG,KAAJ,CAAUP,aAAV,CAAN;AACD,CALE"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["CardMessage"],"sources":["cardMessage.ts"],"sourcesContent":["export enum CardMessage {\n  CARD_STATUS_CHANGE = 'cardStatusChanged'\n}\n\nexport interface CardStatusChangedEvent {\n  card: any;\n}\n\nexport type CardEvent =\n  | CardStatusChangedEvent\n"],"mappings":"AAAA,WAAYA,WAAZ;;WAAYA,W;EAAAA,W;GAAAA,W,KAAAA,W"}

package/lib/module/webComponent/webMessages/pageMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PageMessage"],"sources":["pageMessage.ts"],"sourcesContent":["export enum PageMessage {\n  PAGE_LOADED = 'pageLoaded',\n  PAGE_HEIGHT = 'pageHeight'\n}\n\nexport interface HeightEvent {\n  height: number;\n}\n\nexport type PageEvent =\n  | HeightEvent\n"],"mappings":"AAAA,WAAYA,WAAZ;;WAAYA,W;EAAAA,W;EAAAA,W;GAAAA,W,KAAAA,W"}

package/lib/module/webComponent/webMessages/unitMessages.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["UnitMessage"],"sources":["unitMessages.ts"],"sourcesContent":["export enum UnitMessage {\n  UNIT_REQUEST_RENDERING = 'unitRequestRendering',\n  UNIT_REQUEST_REFRESH = 'unitRequestRefresh',\n  UNIT_REQUEST_CLOSE_FLOW = 'unitRequestCloseFlow',\n  UNIT_REQUEST_OPEN_LINK = 'unitRequestOpenLink',\n  UNIT_ON_LOAD = 'unitOnLoad'\n}\n\nexport interface RequestRenderingData {\n  nativePlace: string;\n  nativeComponent: string;\n}\nexport interface RequestRenderingEvent {\n  data: string;\n}\n\nexport interface RequestRefreshEvent {\n  refEvent: string;\n  dependencies: string[];\n  resourceId: string;\n}\n\nexport interface RequestOpenLinkEvent {\n  href: string;\n  target: string\n}\n\nexport type UnitEvent =\n  | RequestRenderingEvent\n  | RequestRefreshEvent\n  | RequestOpenLinkEvent\n"],"mappings":"AAAA,WAAYA,WAAZ;;WAAYA,W;EAAAA,W;EAAAA,W;EAAAA,W;EAAAA,W;EAAAA,W;GAAAA,W,KAAAA,W"}

package/lib/typescript/components/BottomSheet/BottomSheetComponent.d.ts

@@ -1 +0,0 @@
-export declare const UNBottomSheetComponent: () => JSX.Element;

package/lib/typescript/nativeComponenet/NativeComponentExample.d.ts

@@ -1,7 +0,0 @@
-import { ViewStyle } from 'react-native';
-declare type UnitReactNativeComponentsProps = {
-    color: string;
-    style: ViewStyle;
-};
-export declare const UnitReactNativeComponentsView: import("react-native").HostComponent<UnitReactNativeComponentsProps> | (() => never);
-export {};

package/src/components/BottomSheet/BottomSheetComponent.tsx

@@ -1,113 +0,0 @@
-import React, { useEffect, useRef, useState } from "react"
-import type WebView from "react-native-webview"
-import { WebComponent, WebComponentType, WebViewMessage } from "../../webComponent/WebComponent"
-import { Dimensions, Linking, View } from "react-native"
-import BottomSheet from "../../helpers/BottomSheet"
-import EventBus, { BusEvent } from "../../helpers/EventBus"
-import { HeightEvent, PageMessage } from "../../webComponent/webMessages/pageMessage"
-import { RequestOpenLinkEvent, RequestRenderingData, RequestRenderingEvent, UnitMessage } from "../../webComponent/webMessages/unitMessages"
-import { CardMessage, CardStatusChangedEvent } from "../../webComponent/webMessages/cardMessage"
-
-export const UNBottomSheetComponent = () => {
-  const [isActive, setIsActive] = useState(false)
-  const [height, setHeight] = useState(0)
-
-  const [renderingRequest, setRenderingRequest] = useState<string | null>(null)
-
-  const [waitForLoadingNewComponent, setWaitForLoadingNewComponent] = useState(false)
-  const [newHeightMessage, setNewHeightMessage] = useState<WebViewMessage | null>(null)
-
-  const webRef = useRef<WebView>(null)
-
-  const _listener = (data: string) => {
-    setRenderingRequest(data)
-    setIsActive(true)
-  }
-
-  useEffect(() => {
-    if (!webRef.current) return
-    if (renderingRequest) {
-      webRef.current?.injectJavaScript(`dispatchRenderingEvent('${renderingRequest}')`)
-    }
-  }, [webRef.current, renderingRequest])
-
-  useEffect(() => {
-    if (!isActive) {
-      setHeight(0)
-      setRenderingRequest(null)
-    }
-  }, [isActive])
-
-  useEffect(() => {
-    if (!waitForLoadingNewComponent && newHeightMessage) {
-      setWaitForLoadingNewComponent(false)
-      setNewHeight(newHeightMessage)
-    }
-  }, [waitForLoadingNewComponent, newHeightMessage])
-
-  useEffect(() => {
-    EventBus.Instance.addListener(BusEvent.REQUEST_RENDERING, _listener)
-
-    return (() => {
-      EventBus.Instance.removeListener(_listener)
-    })
-  }, [])
-
-  const getBottomSheetScript = () => {
-    return `
-      window.addEventListener("unitRequestRefresh", (e) => {
-        postMessageToSDK({ type: "unitRequestRefresh", details:  e.detail  })
-      });
-    `
-  }
-
-  const setNewHeight = (message: WebViewMessage) => {
-    if (renderingRequest) {
-      const nativePlace = (JSON.parse(renderingRequest) as RequestRenderingData).nativePlace;
-      if (nativePlace == 'overFullScreen') {
-        const windowHeight = Dimensions.get('window').height * 0.94;
-        setHeight(windowHeight)
-      } else {
-        setHeight((message.details as HeightEvent).height)
-      }
-    }
-  }
-
-  return (
-    <>
-      <View
-        pointerEvents={isActive ? undefined : 'none'}
-        style={{ position: 'absolute', top: 0, bottom: 0, left: 0, right: 0 }}
-      >
-        <BottomSheet
-          isOpen={isActive}
-          onClose={() => setIsActive(false)}
-          onOpen={() => setIsActive(true)}
-        >
-          <View style={{ height, paddingTop: height === 0 ? 0 : 10 }}>
-            <WebComponent ref={webRef} type={WebComponentType.slot} script={getBottomSheetScript()} onMessage={message => {
-              if (renderingRequest && message.type == PageMessage.PAGE_HEIGHT) {
-                setNewHeightMessage(message)
-              } else if (message.type == UnitMessage.UNIT_REQUEST_RENDERING) {
-                const { data } = (message.details! as RequestRenderingEvent)
-                if (data != renderingRequest) {
-                  setHeight(0)
-                  setRenderingRequest(data)
-                  setWaitForLoadingNewComponent(true)
-                  setTimeout(() => setWaitForLoadingNewComponent(false), 400)
-                }
-              } else if (message.type == CardMessage.CARD_STATUS_CHANGE) {
-                EventBus.Instance.event(BusEvent.CARD_STATUS_CHANGED, (message.details as CardStatusChangedEvent).card)
-              } else if (message.type == UnitMessage.UNIT_REQUEST_CLOSE_FLOW) {
-                setIsActive(false)
-              } else if (message.type == UnitMessage.UNIT_REQUEST_OPEN_LINK) {
-                const href = (message.details as RequestOpenLinkEvent).href
-                Linking.openURL(href)
-              }
-            }} />
-          </View>
-        </BottomSheet>
-      </View>
-    </>
-  )
-}

package/src/components/Card/CardComponent.tsx

@@ -1,75 +0,0 @@
-import React, { useEffect, useRef, useState } from "react"
-import { View } from "react-native";
-import type WebView from "react-native-webview";
-import { HeightEvent, PageMessage } from "../../webComponent/webMessages/pageMessage";
-import { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from "../../webComponent/webMessages/unitMessages";
-import EventBus, { BusEvent } from "../../helpers/EventBus"
-import { WebComponent, WebComponentType } from "../../webComponent/WebComponent"
-
-export interface UNCardComponentProps {
-  cardId: string;
-  customerToken: string;
-  onStatusChanged?: (card: any) => void; // TODO - UNCard
-}
-
-export const UNCardComponent = (props: UNCardComponentProps) => {
-  const [height, setHeight] = useState(0)
-  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null)
-
-  const webRef = useRef<WebView>(null)
-
-  useEffect(() => {
-    EventBus.Instance.addListener(BusEvent.CARD_STATUS_CHANGED, _cardStatusChanged)
-    EventBus.Instance.addListener(BusEvent.REQUEST_REFRESH, _requestRefresh)
-    return (() => {
-      EventBus.Instance.removeListener(_cardStatusChanged)
-      EventBus.Instance.removeListener(_requestRefresh)
-    })
-  }, [])
-
-  const _cardStatusChanged = (card: any) => {
-    if (props.onStatusChanged) {
-      props.onStatusChanged(card)
-    }
-  }
-
-  const _requestRefresh = (data: RequestRefreshEvent) => {
-    setRequestRefreshEvent(data)
-  }
-
-  useEffect(() => {
-    if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == props.cardId) {
-      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 (
-    <View style={{ height }}>
-      <WebComponent ref={webRef} type={WebComponentType.card} params={getCardParams()} script={getCardScript()} onMessage={message => {
-        if (message.type === UnitMessage.UNIT_REQUEST_RENDERING) {
-          EventBus.Instance.event(BusEvent.REQUEST_RENDERING, (message.details as RequestRenderingEvent).data)
-        }
-        if (message.type == PageMessage.PAGE_HEIGHT) {
-          setHeight((message.details as HeightEvent).height)
-        }
-      }} />
-    </View>
-  )
-}

package/src/nativeComponenet/NativeComponentExample.tsx

@@ -1,26 +0,0 @@
-import {
-  requireNativeComponent,
-  UIManager,
-  Platform,
-  ViewStyle,
-} from 'react-native';
-
-const LINKING_ERROR =
-  `The package 'unit-react-native-components' doesn't seem to be linked. Make sure: \n\n` +
-  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';
-
-type UnitReactNativeComponentsProps = {
-  color: string;
-  style: ViewStyle;
-};
-
-const ComponentName = 'UnitReactNativeComponentsView';
-
-export const UnitReactNativeComponentsView =
-  UIManager.getViewManagerConfig(ComponentName) != null
-    ? requireNativeComponent<UnitReactNativeComponentsProps>(ComponentName)
-    : () => {
-      throw new Error(LINKING_ERROR);
-    };