react-native-unit-components 0.1.0 → 1.0.0

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>
-  )
-}