react-native-unit-components 1.0.4 → 1.2.0

package/lib/module/webComponent/WebComponent.js

@@ -11,77 +11,66 @@ import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
 import { SDKMessage } from '../messages/nativeMessages/sdkMessage';
 import { handleRequestDownload } from './WebComponent.utils';
 export let WebComponentType;
-
 (function (WebComponentType) {
   WebComponentType["card"] = "unit-elements-card";
   WebComponentType["bookPayment"] = "unit-elements-book-payment";
   WebComponentType["activity"] = "unit-elements-activity";
   WebComponentType["slot"] = "unit-elements-sdk-slot";
   WebComponentType["account"] = "unit-elements-account";
+  WebComponentType["achDebitPayment"] = "unit-elements-ach-debit-payment";
+  WebComponentType["achCreditPayment"] = "unit-elements-ach-credit-payment";
 })(WebComponentType || (WebComponentType = {}));
-
 export const WebComponent = /*#__PURE__*/React.forwardRef(function WebComponent(props, webRef) {
   const [unitScript, setUnitScript] = useState(globalUnitScript);
   const [sourceHtml, setSourceHtml] = useState(null);
   const [componentCurrentTheme, setComponentCurrentTheme] = useState(props.theme ?? UnitSDK.getTheme());
   const width = props.width ?? '100%';
-
   const updateUnitScript = data => {
     setUnitScript(data.unitScript);
   };
-
   const updateInitializedParams = () => {
     setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());
   };
-
-  useListenerToBus([{
+  useListenerToBus({
     busEventKey: SDKMessage.IS_SCRIPT_FETCHED,
     action: updateUnitScript
-  }, {
+  });
+  useListenerToBus({
     busEventKey: SDKMessage.IS_SDK_INITIALIZED,
     action: updateInitializedParams
-  }]);
+  });
   useEffect(() => {
     if (!unitScript) {
       fetchUnitScript();
       return;
     }
-
     const componentParams = (props.params || '') + (componentCurrentTheme ? ` theme="${componentCurrentTheme}"` : '');
     let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));
     newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');
     setSourceHtml(newHtml);
-  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme]);
-
+  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme, props.script]);
   const onMessage = e => {
     const message = JSON.parse(e.nativeEvent.data);
-
     switch (message.type) {
       case UnitMessage.UNIT_REQUEST_REFRESH:
         message.details && EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details);
         break;
-
       case UnitMessage.UNIT_REQUEST_DOWNLOAD:
         message.details && handleRequestDownload(message.details, () => {
           EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW);
         });
         break;
-
       default:
         props.onMessage && props.onMessage(message);
     }
   };
-
   if (!sourceHtml) return null;
-
   const _onScroll = event => {
     if (props.handleScroll) {
       props.handleScroll(event);
     }
-
     return null;
   };
-
   return /*#__PURE__*/React.createElement(WebView, {
     ref: webRef,
     cacheEnabled: false,

package/lib/module/webComponent/WebComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","WebView","EventBus","html","HTML_PLACEHOLDER","UnitMessage","useListenerToBus","getHtmlBody","fetchUnitScript","globalUnitScript","UnitSDK","SDKMessage","handleRequestDownload","WebComponentType","WebComponent","forwardRef","props","webRef","unitScript","setUnitScript","sourceHtml","setSourceHtml","componentCurrentTheme","setComponentCurrentTheme","theme","getTheme","width","updateUnitScript","data","updateInitializedParams","busEventKey","IS_SCRIPT_FETCHED","action","IS_SDK_INITIALIZED","componentParams","params","newHtml","replace","BODY","type","valueOf","presentationMode","SCRIPT_FROM_NATIVE","script","onMessage","e","message","JSON","parse","nativeEvent","UNIT_REQUEST_REFRESH","details","Instance","event","UNIT_REQUEST_DOWNLOAD","UNIT_REQUEST_CLOSE_FLOW","_onScroll","handleScroll","isScrollable","nestedScrollEnabled","flex"],"sources":["WebComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { WebView, WebViewMessageEvent } from 'react-native-webview';\nimport EventBus from '../helpers/EventBus';\nimport html, { HTML_PLACEHOLDER } from './html';\nimport { RequestRefreshEvent, UnitMessage, RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../hooks/listenerToBus';\nimport { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { UnitSDK } from '../unitSdkManager/UnitSdkManager';\nimport type { WebViewMessage } from '../messages/webMessages';\nimport { SDKMessage, SdkScriptFetched } from '../messages/nativeMessages/sdkMessage';\nimport { handleRequestDownload } from './WebComponent.utils';\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  theme?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  isScrollable?: boolean,\n  nestedScrollEnabled?: boolean,\n  handleScroll?: (event: any) => void,\n  width?: number;\n}\n\nexport enum WebComponentType {\n  card = 'unit-elements-card',\n  bookPayment = 'unit-elements-book-payment',\n  activity = 'unit-elements-activity',\n  slot = 'unit-elements-sdk-slot',\n  account = 'unit-elements-account',\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {\n  const [unitScript, setUnitScript] = useState<string | undefined>(globalUnitScript);\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null);\n  const [componentCurrentTheme, setComponentCurrentTheme] = useState<string | undefined>(props.theme ?? UnitSDK.getTheme());\n  const width = props.width ?? '100%';\n\n  const updateUnitScript = (data: SdkScriptFetched) => {\n    setUnitScript(data.unitScript);\n  };\n\n  const updateInitializedParams = () => {\n    setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());\n  };\n\n  useListenerToBus([\n    { busEventKey: SDKMessage.IS_SCRIPT_FETCHED, action: updateUnitScript },\n    { busEventKey: SDKMessage.IS_SDK_INITIALIZED, action: updateInitializedParams },\n  ]);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    const componentParams = (props.params || '') + (componentCurrentTheme ? ` theme=\"${componentCurrentTheme}\"` : '');\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    setSourceHtml(newHtml);\n  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme]);\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_REFRESH:\n        message.details &&\n          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details as RequestRefreshEvent);\n        break;\n      case UnitMessage.UNIT_REQUEST_DOWNLOAD:\n        message.details &&\n          handleRequestDownload(message.details as RequestDownloadEvent, () => {\n            EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW);\n          });\n        break;\n      default:\n        props.onMessage && props.onMessage(message);\n    }\n  };\n\n  if (!sourceHtml) return null;\n\n  const _onScroll = (event: any) => {\n    if (props.handleScroll) {\n      props.handleScroll(event);\n    }\n\n    return null;\n  };\n\n  return (\n    <WebView\n      ref={webRef}\n      cacheEnabled={false}\n      scrollEnabled={props.isScrollable}\n      nestedScrollEnabled={props.nestedScrollEnabled}\n      onScroll={_onScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: width, flex: 1 }}\n      source={{ html: sourceHtml }}\n      onMessage={onMessage} />\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","WebView","EventBus","html","HTML_PLACEHOLDER","UnitMessage","useListenerToBus","getHtmlBody","fetchUnitScript","globalUnitScript","UnitSDK","SDKMessage","handleRequestDownload","WebComponentType","WebComponent","forwardRef","props","webRef","unitScript","setUnitScript","sourceHtml","setSourceHtml","componentCurrentTheme","setComponentCurrentTheme","theme","getTheme","width","updateUnitScript","data","updateInitializedParams","busEventKey","IS_SCRIPT_FETCHED","action","IS_SDK_INITIALIZED","componentParams","params","newHtml","replace","BODY","type","valueOf","presentationMode","SCRIPT_FROM_NATIVE","script","onMessage","e","message","JSON","parse","nativeEvent","UNIT_REQUEST_REFRESH","details","Instance","event","UNIT_REQUEST_DOWNLOAD","UNIT_REQUEST_CLOSE_FLOW","_onScroll","handleScroll","createElement","ref","cacheEnabled","scrollEnabled","isScrollable","nestedScrollEnabled","onScroll","overScrollMode","injectedJavaScript","style","flex","source"],"sources":["WebComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { WebView, WebViewMessageEvent } from 'react-native-webview';\nimport EventBus from '../helpers/EventBus';\nimport html, { HTML_PLACEHOLDER } from './html';\nimport { RequestRefreshEvent, UnitMessage, RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nimport { useListenerToBus } from '../hooks/listenerToBus';\nimport { getHtmlBody, PresentationMode } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { UnitSDK } from '../unitSdkManager/UnitSdkManager';\nimport type { WebViewMessage } from '../messages/webMessages';\nimport { SDKMessage, SdkScriptFetched } from '../messages/nativeMessages/sdkMessage';\nimport { handleRequestDownload } from './WebComponent.utils';\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  theme?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  isScrollable?: boolean,\n  nestedScrollEnabled?: boolean,\n  handleScroll?: (event: any) => void,\n  width?: number;\n}\n\nexport enum WebComponentType {\n  card = 'unit-elements-card',\n  bookPayment = 'unit-elements-book-payment',\n  activity = 'unit-elements-activity',\n  slot = 'unit-elements-sdk-slot',\n  account = 'unit-elements-account',\n  achDebitPayment = 'unit-elements-ach-debit-payment',\n  achCreditPayment = 'unit-elements-ach-credit-payment'\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {\n  const [unitScript, setUnitScript] = useState<string | undefined>(globalUnitScript);\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null);\n  const [componentCurrentTheme, setComponentCurrentTheme] = useState<string | undefined>(props.theme ?? UnitSDK.getTheme());\n  const width = props.width ?? '100%';\n\n  const updateUnitScript = (data: SdkScriptFetched) => {\n    setUnitScript(data.unitScript);\n  };\n\n  const updateInitializedParams = () => {\n    setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());\n  };\n\n  useListenerToBus({ busEventKey: SDKMessage.IS_SCRIPT_FETCHED, action: updateUnitScript });\n  useListenerToBus({ busEventKey: SDKMessage.IS_SDK_INITIALIZED, action: updateInitializedParams });\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    const componentParams = (props.params || '') + (componentCurrentTheme ? ` theme=\"${componentCurrentTheme}\"` : '');\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    setSourceHtml(newHtml);\n  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme, props.script]);\n\n  const onMessage = (e: WebViewMessageEvent) => {\n    const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;\n    switch (message.type) {\n      case UnitMessage.UNIT_REQUEST_REFRESH:\n        message.details &&\n          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_REFRESH, message.details as RequestRefreshEvent);\n        break;\n      case UnitMessage.UNIT_REQUEST_DOWNLOAD:\n        message.details &&\n          handleRequestDownload(message.details as RequestDownloadEvent, () => {\n            EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW);\n          });\n        break;\n      default:\n        props.onMessage && props.onMessage(message);\n    }\n  };\n\n  if (!sourceHtml) return null;\n\n  const _onScroll = (event: any) => {\n    if (props.handleScroll) {\n      props.handleScroll(event);\n    }\n\n    return null;\n  };\n\n  return (\n    <WebView\n      ref={webRef}\n      cacheEnabled={false}\n      scrollEnabled={props.isScrollable}\n      nestedScrollEnabled={props.nestedScrollEnabled}\n      onScroll={_onScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: width, flex: 1 }}\n      source={{ html: sourceHtml }}\n      onMessage={onMessage} />\n  );\n});\n"],"mappings":"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"}

package/lib/module/webComponent/WebComponent.utils.js

@@ -14,7 +14,6 @@ export const handleRequestDownload = async (details, onReadyToShare) => {
     });
     const base64Data = res.request._response;
     onReadyToShare();
-
     if (Platform.OS === 'ios') {
       Share.share({
         url: `data:application/pdf;base64,${base64Data}`

package/lib/module/webComponent/WebComponent.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["axios","Share","NativeModules","Platform","RNShareFile","handleRequestDownload","details","onReadyToShare","fileType","res","get","url","headers","accessToken","responseEncoding","responseType","base64Data","request","_response","OS","share","fileName"],"sources":["WebComponent.utils.ts"],"sourcesContent":["import axios from 'axios';\nimport { Share, NativeModules, Platform } from 'react-native';\nimport type { RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nconst { RNShareFile } = NativeModules;\n\nexport const handleRequestDownload = async (details: RequestDownloadEvent, onReadyToShare: () => void) => {\n  if (details.fileType === 'application/pdf') {\n    const res = await axios.get(details.url, {\n      headers: {\n        'Authorization': `Bearer ${details.accessToken}`\n      },\n      responseEncoding: 'base64',\n      responseType: 'arraybuffer'\n    });\n\n    const base64Data = res.request._response;\n\n    onReadyToShare();\n\n    if (Platform.OS === 'ios') {\n      Share.share({ url: `data:application/pdf;base64,${base64Data}` });\n    } else {\n      RNShareFile.share(base64Data, details.fileName);\n    }\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,aAAhB,EAA+BC,QAA/B,QAA+C,cAA/C;AAEA,MAAM;EAAEC;AAAF,IAAkBF,aAAxB;AAEA,OAAO,MAAMG,qBAAqB,GAAG,OAAOC,OAAP,EAAsCC,cAAtC,KAAqE;EACxG,IAAID,OAAO,CAACE,QAAR,KAAqB,iBAAzB,EAA4C;IAC1C,MAAMC,GAAG,GAAG,MAAMT,KAAK,CAACU,GAAN,CAAUJ,OAAO,CAACK,GAAlB,EAAuB;MACvCC,OAAO,EAAE;QACP,iBAAkB,UAASN,OAAO,CAACO,WAAY;MADxC,CAD8B;MAIvCC,gBAAgB,EAAE,QAJqB;MAKvCC,YAAY,EAAE;IALyB,CAAvB,CAAlB;IAQA,MAAMC,UAAU,GAAGP,GAAG,CAACQ,OAAJ,CAAYC,SAA/B;IAEAX,cAAc;;IAEd,IAAIJ,QAAQ,CAACgB,EAAT,KAAgB,KAApB,EAA2B;MACzBlB,KAAK,CAACmB,KAAN,CAAY;QAAET,GAAG,EAAG,+BAA8BK,UAAW;MAAjD,CAAZ;IACD,CAFD,MAEO;MACLZ,WAAW,CAACgB,KAAZ,CAAkBJ,UAAlB,EAA8BV,OAAO,CAACe,QAAtC;IACD;EACF;AACF,CApBM"}
+{"version":3,"names":["axios","Share","NativeModules","Platform","RNShareFile","handleRequestDownload","details","onReadyToShare","fileType","res","get","url","headers","accessToken","responseEncoding","responseType","base64Data","request","_response","OS","share","fileName"],"sources":["WebComponent.utils.ts"],"sourcesContent":["import axios from 'axios';\nimport { Share, NativeModules, Platform } from 'react-native';\nimport type { RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nconst { RNShareFile } = NativeModules;\n\nexport const handleRequestDownload = async (details: RequestDownloadEvent, onReadyToShare: () => void) => {\n  if (details.fileType === 'application/pdf') {\n    const res = await axios.get(details.url, {\n      headers: {\n        'Authorization': `Bearer ${details.accessToken}`\n      },\n      responseEncoding: 'base64',\n      responseType: 'arraybuffer'\n    });\n\n    const base64Data = res.request._response;\n\n    onReadyToShare();\n\n    if (Platform.OS === 'ios') {\n      Share.share({ url: `data:application/pdf;base64,${base64Data}` });\n    } else {\n      RNShareFile.share(base64Data, details.fileName);\n    }\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,aAAa,EAAEC,QAAQ,QAAQ,cAAc;AAE7D,MAAM;EAAEC;AAAY,CAAC,GAAGF,aAAa;AAErC,OAAO,MAAMG,qBAAqB,GAAG,MAAAA,CAAOC,OAA6B,EAAEC,cAA0B,KAAK;EACxG,IAAID,OAAO,CAACE,QAAQ,KAAK,iBAAiB,EAAE;IAC1C,MAAMC,GAAG,GAAG,MAAMT,KAAK,CAACU,GAAG,CAACJ,OAAO,CAACK,GAAG,EAAE;MACvCC,OAAO,EAAE;QACP,eAAe,EAAG,UAASN,OAAO,CAACO,WAAY;MACjD,CAAC;MACDC,gBAAgB,EAAE,QAAQ;MAC1BC,YAAY,EAAE;IAChB,CAAC,CAAC;IAEF,MAAMC,UAAU,GAAGP,GAAG,CAACQ,OAAO,CAACC,SAAS;IAExCX,cAAc,EAAE;IAEhB,IAAIJ,QAAQ,CAACgB,EAAE,KAAK,KAAK,EAAE;MACzBlB,KAAK,CAACmB,KAAK,CAAC;QAAET,GAAG,EAAG,+BAA8BK,UAAW;MAAE,CAAC,CAAC;IACnE,CAAC,MAAM;MACLZ,WAAW,CAACgB,KAAK,CAACJ,UAAU,EAAEV,OAAO,CAACe,QAAQ,CAAC;IACjD;EACF;AACF,CAAC"}

package/lib/module/webComponent/html.js

@@ -12,11 +12,11 @@ const htmlText = `
   <head lang="en">
     <title>Unit Web SDK Demo</title>
     <script>
-      window.UnitMobileSDK = true
-      window.UnitMobileSDKConfig = {
-        os: "${Platform.OS}",
-        walletName: "${Platform.OS === 'ios' ? 'Apple' : 'Google'}"
-      }
+    window.UnitMobileSDK = true
+    window.UnitMobileSDKConfig = {
+      os: "${Platform.OS}",
+      walletName: "${Platform.OS === 'ios' ? 'Apple' : 'Google'}",
+    }
     </script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
   </html>
@@ -43,6 +43,10 @@ const htmlText = `
 
       ${LISTENERS.cardStatusChange}
 
+      ${LISTENERS.unitRequestExternalSdk}
+
+      ${LISTENERS.unitAccountChanged}
+
       ${DISPATCH_RENDERING_EVENT}
 
       ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}

package/lib/module/webComponent/html.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","DISPATCH_RENDERING_EVENT","LISTENERS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","htmlText","OS","isPageLoaded","onLoad","unitRequestDownload","requestRendering","requestOpenLink","requestCloseFlow","cardStatusChange"],"sources":["html.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } from '../scripts/html/bodyScript';\n\nexport const HTML_PLACEHOLDER = {\n  SCRIPT_UNIT: '<SCRIPT_UNIT>',\n  BODY: '<BODY_HTML_CODE>',\n  SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>'\n};\n\nconst htmlText = `\n  <!DOCTYPE html>\n  <html lang=\"en\">\n\n  <head lang=\"en\">\n    <title>Unit Web SDK Demo</title>\n    <script>\n      window.UnitMobileSDK = true\n      window.UnitMobileSDKConfig = {\n        os: \"${Platform.OS}\",\n        walletName: \"${Platform.OS === 'ios' ? 'Apple' : 'Google'}\"\n      }\n    </script>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n  </html>\n\n  <body style=\"margin: 0;\">\n    ${HTML_PLACEHOLDER.BODY}\n\n    <script>\n      ${POST_MESSAGE_TO_SDK}\n\n      ${POST_PAGE_HEIGHT}\n\n      ${LISTENERS.isPageLoaded}\n\n      ${LISTENERS.onLoad}\n\n      ${LISTENERS.unitRequestDownload}\n\n      ${LISTENERS.requestRendering}\n\n      ${LISTENERS.requestOpenLink}\n\n      ${LISTENERS.requestCloseFlow}\n\n      ${LISTENERS.cardStatusChange}\n\n      ${DISPATCH_RENDERING_EVENT}\n\n      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}\n    </script>\n  </body>\n`;\n\nexport default htmlText;\n"],"mappings":"AAAA,SAASA,QAAT,QAAyB,cAAzB;AACA,SAASC,wBAAT,EAAmCC,SAAnC,EAA8CC,mBAA9C,EAAmEC,gBAAnE,QAA2F,4BAA3F;AAEA,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,WAAW,EAAE,eADiB;EAE9BC,IAAI,EAAE,kBAFwB;EAG9BC,kBAAkB,EAAE;AAHU,CAAzB;AAMP,MAAMC,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAeT,QAAQ,CAACU,EAAG;AAC3B,uBAAuBV,QAAQ,CAACU,EAAT,KAAgB,KAAhB,GAAwB,OAAxB,GAAkC,QAAS;AAClE;AACA;AACA;AACA;AACA;AACA;AACA,MAAML,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,QAAQJ,mBAAoB;AAC5B;AACA,QAAQC,gBAAiB;AACzB;AACA,QAAQF,SAAS,CAACS,YAAa;AAC/B;AACA,QAAQT,SAAS,CAACU,MAAO;AACzB;AACA,QAAQV,SAAS,CAACW,mBAAoB;AACtC;AACA,QAAQX,SAAS,CAACY,gBAAiB;AACnC;AACA,QAAQZ,SAAS,CAACa,eAAgB;AAClC;AACA,QAAQb,SAAS,CAACc,gBAAiB;AACnC;AACA,QAAQd,SAAS,CAACe,gBAAiB;AACnC;AACA,QAAQhB,wBAAyB;AACjC;AACA,QAAQI,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA,CA3CA;AA6CA,eAAeC,QAAf"}
+{"version":3,"names":["Platform","DISPATCH_RENDERING_EVENT","LISTENERS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","htmlText","OS","isPageLoaded","onLoad","unitRequestDownload","requestRendering","requestOpenLink","requestCloseFlow","cardStatusChange","unitRequestExternalSdk","unitAccountChanged"],"sources":["html.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } from '../scripts/html/bodyScript';\n\nexport const HTML_PLACEHOLDER = {\n  SCRIPT_UNIT: '<SCRIPT_UNIT>',\n  BODY: '<BODY_HTML_CODE>',\n  SCRIPT_FROM_NATIVE: '<SCRIPT_FROM_NATIVE>'\n};\n\nconst htmlText = `\n  <!DOCTYPE html>\n  <html lang=\"en\">\n\n  <head lang=\"en\">\n    <title>Unit Web SDK Demo</title>\n    <script>\n    window.UnitMobileSDK = true\n    window.UnitMobileSDKConfig = {\n      os: \"${Platform.OS}\",\n      walletName: \"${Platform.OS === 'ios' ? 'Apple' : 'Google'}\",\n    }\n    </script>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n  </html>\n\n  <body style=\"margin: 0;\">\n    ${HTML_PLACEHOLDER.BODY}\n\n    <script>\n      ${POST_MESSAGE_TO_SDK}\n\n      ${POST_PAGE_HEIGHT}\n\n      ${LISTENERS.isPageLoaded}\n\n      ${LISTENERS.onLoad}\n\n      ${LISTENERS.unitRequestDownload}\n\n      ${LISTENERS.requestRendering}\n\n      ${LISTENERS.requestOpenLink}\n\n      ${LISTENERS.requestCloseFlow}\n\n      ${LISTENERS.cardStatusChange}\n\n      ${LISTENERS.unitRequestExternalSdk}\n\n      ${LISTENERS.unitAccountChanged}\n\n      ${DISPATCH_RENDERING_EVENT}\n\n      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}\n    </script>\n  </body>\n`;\n\nexport default htmlText;\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,wBAAwB,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAEvH,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,WAAW,EAAE,eAAe;EAC5BC,IAAI,EAAE,kBAAkB;EACxBC,kBAAkB,EAAE;AACtB,CAAC;AAED,MAAMC,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaT,QAAQ,CAACU,EAAG;AACzB,qBAAqBV,QAAQ,CAACU,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAS;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,MAAML,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,QAAQJ,mBAAoB;AAC5B;AACA,QAAQC,gBAAiB;AACzB;AACA,QAAQF,SAAS,CAACS,YAAa;AAC/B;AACA,QAAQT,SAAS,CAACU,MAAO;AACzB;AACA,QAAQV,SAAS,CAACW,mBAAoB;AACtC;AACA,QAAQX,SAAS,CAACY,gBAAiB;AACnC;AACA,QAAQZ,SAAS,CAACa,eAAgB;AAClC;AACA,QAAQb,SAAS,CAACc,gBAAiB;AACnC;AACA,QAAQd,SAAS,CAACe,gBAAiB;AACnC;AACA,QAAQf,SAAS,CAACgB,sBAAuB;AACzC;AACA,QAAQhB,SAAS,CAACiB,kBAAmB;AACrC;AACA,QAAQlB,wBAAyB;AACjC;AACA,QAAQI,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA,CAAC;AAED,eAAeC,QAAQ"}

package/lib/typescript/components/UNACHCreditComponent/UNACHCreditComponent.d.ts

@@ -0,0 +1,11 @@
+import type { UNResponseUnitOnLoadEvent, UNACHData } from '../../sharedTypes';
+export interface UNACHCreditComponentProps {
+    accountId: string;
+    customerToken: string;
+    theme?: string;
+    isAutoFocus?: boolean;
+    fee?: number;
+    onPaymentCreated?: (data: UNACHData) => void;
+    onLoad?: (response: UNResponseUnitOnLoadEvent) => void;
+}
+export declare const UNACHCreditComponent: (props: UNACHCreditComponentProps) => JSX.Element;

package/lib/typescript/components/UNACHCreditComponent/UNACHCreditComponent.utils.d.ts

@@ -0,0 +1,3 @@
+import type { UNACHCreditComponentProps } from './UNACHCreditComponent';
+export declare const getACHCreditParams: (props: UNACHCreditComponentProps) => string;
+export declare const getACHCreditScript: () => string;

package/lib/typescript/components/UNACHDebitComponent/UNACHDebitComponent.d.ts

@@ -0,0 +1,11 @@
+import type { UNResponseUnitOnLoadEvent, UNACHData } from '../../sharedTypes';
+export interface UNACHDebitComponentProps {
+    accountId: string;
+    customerToken: string;
+    theme?: string;
+    isAutoFocus?: boolean;
+    fee?: number;
+    onPaymentCreated?: (data: UNACHData) => void;
+    onLoad?: (response: UNResponseUnitOnLoadEvent) => void;
+}
+export declare const UNACHDebitComponent: (props: UNACHDebitComponentProps) => JSX.Element;

package/lib/typescript/components/UNACHDebitComponent/UNACHDebitComponent.utils.d.ts

@@ -0,0 +1,7 @@
+import type { UNACHDebitComponentProps } from './UNACHDebitComponent';
+import type WebView from 'react-native-webview';
+import type { LinkSuccess } from 'react-native-plaid-link-sdk';
+export declare const getACHDebitParams: (props: UNACHDebitComponentProps) => string;
+export declare const getAndroidPackageName: () => Promise<any>;
+export declare const getACHDebitScript: (androidPackageName?: string) => string;
+export declare const injectUnitPlaidResponse: (currentWeb: WebView | null, success: LinkSuccess) => void;

package/lib/typescript/components/UNAccountComponent/UNAccountComponent.d.ts

@@ -1,9 +1,11 @@
-import type { ResponseUnitOnLoadEvent } from '../../sharedTypes';
+import type { UNResponseUnitOnLoadEvent } from '../../sharedTypes';
+import type { UNAccountData } from '../../sharedTypes/account.types';
 export interface UNAccountComponentProps {
     accountId?: string;
     customerToken: string;
     theme?: string;
-    onLoad?: (response: ResponseUnitOnLoadEvent) => void;
+    onLoad?: (response: UNResponseUnitOnLoadEvent) => void;
+    onAccountChanged?: (account: UNAccountData) => void;
 }
 export declare enum AccountAction {
     List = "account-list",

package/lib/typescript/components/UNActivityComponent/UNActivityComponent.d.ts

@@ -1,8 +1,8 @@
-import type { ResponseUnitOnLoadEvent } from '../../sharedTypes';
+import type { UNResponseUnitOnLoadEvent } from '../../sharedTypes';
 export interface UNActivityComponentProps {
     accountId: string;
     customerToken: string;
     theme?: string;
-    onLoad?: (response: ResponseUnitOnLoadEvent) => void;
+    onLoad?: (response: UNResponseUnitOnLoadEvent) => void;
 }
 export declare const UNActivityComponent: (props: UNActivityComponentProps) => JSX.Element;

package/lib/typescript/components/UNBookPaymentComponent/UNBookPaymentComponent.d.ts

@@ -1,4 +1,4 @@
-import type { ResponseUnitOnLoadEvent, UNBookPaymentData } from '../../sharedTypes';
+import type { UNResponseUnitOnLoadEvent, UNBookPaymentData } from '../../sharedTypes';
 export interface UNBookPaymentComponentProps {
     accountId: string;
     customerToken: string;
@@ -7,6 +7,6 @@ export interface UNBookPaymentComponentProps {
     counterPartyName: string;
     theme?: string;
     onPaymentCreated?: (data: UNBookPaymentData) => void;
-    onLoad?: (response: ResponseUnitOnLoadEvent) => void;
+    onLoad?: (response: UNResponseUnitOnLoadEvent) => void;
 }
 export declare const UNBookPaymentComponent: (props: UNBookPaymentComponentProps) => JSX.Element;

package/lib/typescript/components/UNBottomSheetComponent/UNBottomSheetComponent.d.ts

@@ -6,7 +6,7 @@ export declare enum ScrollState {
     onlyWebView = "webViewScroll",
     onlyBottomSheet = "onlyBottomSheet"
 }
-export declare type BottomSheetSlotData = {
+export type BottomSheetSlotData = {
     componentName?: WebComponentType;
     componentResourceId?: string;
     requestRenderingEvent: RequestRenderingEvent;

package/lib/typescript/components/UNCardComponent/UNCardComponent.d.ts

@@ -1,11 +1,14 @@
-import type { ResponseUnitOnLoadEvent, UNCardData } from '../../sharedTypes';
+import type { UNResponseUnitOnLoadEvent, UNCardData } from '../../sharedTypes';
 import type { NativeModules } from 'react-native';
 export interface UNCardComponentProps {
     cardId: string;
     customerToken: string;
     theme?: string;
+    hideActionsMenuButton?: boolean;
+    hideCardTitle?: boolean;
+    hideSensitiveDataButton?: boolean;
+    onLoad?: (response: UNResponseUnitOnLoadEvent) => void;
     onStatusChanged?: (card: UNCardData) => void;
     pushProvisioningModule?: typeof NativeModules;
-    onLoad?: (response: ResponseUnitOnLoadEvent) => void;
 }
 export declare const UNCardComponent: (props: UNCardComponentProps) => JSX.Element;

package/lib/typescript/components/UNCardComponent/networking/requests/UNWalletPayloadRequest.d.ts

@@ -1,2 +1,2 @@
-import { UNEnvironment } from 'react-native-unit-components';
+import { UNEnvironment } from '../../../../unitSdkManager/UnitSdkManager';
 export declare const getMobileWalletPayload: (customerToken: string, cardId: string, env: UNEnvironment) => Promise<any>;

package/lib/typescript/components/index.d.ts

@@ -3,3 +3,5 @@ export * from './UNBottomSheetComponent/UNBottomSheetComponent';
 export * from './UNBookPaymentComponent/UNBookPaymentComponent';
 export * from './UNActivityComponent/UNActivityComponent';
 export * from './UNAccountComponent/UNAccountComponent';
+export * from './UNACHDebitComponent/UNACHDebitComponent';
+export * from './UNACHCreditComponent/UNACHCreditComponent';

package/lib/typescript/helpers/EventBus.d.ts

@@ -1,6 +1,6 @@
 import type { NativeMessageType } from '../messages/nativeMessages';
 import type { WebViewMessageType } from '../messages/webMessages';
-export declare type BusEventKey = NativeMessageType | WebViewMessageType;
+export type BusEventKey = NativeMessageType | WebViewMessageType;
 export default class EventBus {
     private static _instance;
     private eventListeners;

package/lib/typescript/hooks/listenerToBus.d.ts

@@ -1,7 +1,7 @@
 import { BusEventKey } from '../helpers/EventBus';
-declare type Listener = {
+type Listener = {
     busEventKey: BusEventKey;
     action: (data: any) => void;
 };
-export declare const useListenerToBus: (listeners: Listener[]) => void;
+export declare const useListenerToBus: (listener: Listener) => void;
 export {};

package/lib/typescript/messages/nativeMessages/cardMessage.d.ts

@@ -1,23 +1,14 @@
+import type { UNCardAddToWalletStatus } from '../../sharedTypes/wallet.types';
 export declare enum CardNativeMessage {
     CARD_GET_ADD_TO_WALLET_STATUS = "cardGetAddToWalletStatus",
     CARD_UPDATE_ADD_TO_WALLET_STATUS = "cardUpdateAddToWalletStatus",
     CARD_START_PUSH_PROVISIONING = "cardStartPushProvisioning"
 }
-export declare enum CardAddToWalletStatus {
-    pending = 0,
-    readyToProvisioning = "ReadyToProvision",
-    addedToWallet = "AlreadyProvisioned",
-    iosProvisionedInCurrentDevice = "ProvisionedInCurrentDevice",
-    iosProvisionedInPairedDevice = "ProvisionedInPairedDevice",
-    androidNotInstalled = "NotInstalled",
-    androidWalletSetupNotCompleted = "WalletSetupNotCompleted",
-    androidWalletAppUpdateAvailable = "WalletAppUpdateAvailable"
-}
 export declare enum CardAddToWalletErrors {
     closedNativeWalletScreen = "VP_ERROR_302"
 }
-export interface CardAddToWalletStatusEvent {
-    status: CardAddToWalletStatus;
+export interface UNCardAddToWalletStatusEvent {
+    status: UNCardAddToWalletStatus;
 }
 export interface CardGetAddToWalletStatusEvent {
     cardId: string;
@@ -25,4 +16,4 @@ export interface CardGetAddToWalletStatusEvent {
 export interface CardStartPushProvisioningEvent {
     cardId: string;
 }
-export declare type CardNativeEvent = CardAddToWalletStatusEvent | CardGetAddToWalletStatusEvent | CardStartPushProvisioningEvent;
+export type CardNativeEvent = UNCardAddToWalletStatusEvent | CardGetAddToWalletStatusEvent | CardStartPushProvisioningEvent;

package/lib/typescript/messages/nativeMessages/index.d.ts

@@ -1,7 +1,7 @@
 import type { CardNativeEvent, CardNativeMessage } from './cardMessage';
 import type { SDKEvent, SDKMessage } from './sdkMessage';
-export declare type NativeMessageType = SDKMessage | CardNativeMessage;
-export declare type NativeEvent = CardNativeEvent | SDKEvent;
+export type NativeMessageType = SDKMessage | CardNativeMessage;
+export type NativeEvent = CardNativeEvent | SDKEvent;
 export interface NativeMessage {
     type: NativeMessageType;
     details?: NativeEvent;

package/lib/typescript/messages/nativeMessages/sdkMessage.d.ts

@@ -5,4 +5,4 @@ export declare enum SDKMessage {
 export interface SdkScriptFetched {
     unitScript: string;
 }
-export declare type SDKEvent = SdkScriptFetched;
+export type SDKEvent = SdkScriptFetched;

package/lib/typescript/messages/webMessages/accountMessage.d.ts

@@ -0,0 +1,8 @@
+import type { UNAccountData } from '../../sharedTypes';
+export declare enum AccountMessage {
+    UNIT_ACCOUNT_CHANGED = "unitAccountChanged"
+}
+export interface AccountChangedEvent {
+    account: UNAccountData;
+}
+export type AccountEvent = AccountChangedEvent;

package/lib/typescript/messages/webMessages/achCreditMessage.d.ts

@@ -0,0 +1,5 @@
+import type { UNACHData } from '../../sharedTypes';
+export interface PaymentCreatedEvent {
+    data: UNACHData;
+}
+export type ACHEvent = PaymentCreatedEvent;

package/lib/typescript/messages/webMessages/bookPaymentMessage.d.ts

@@ -1,8 +1,5 @@
 import type { UNBookPaymentData } from '../../sharedTypes';
-export declare enum BookPaymentMessage {
-    PAYMENT_CREATED = "unitPaymentCreated"
-}
 export interface PaymentCreatedEvent {
     data: UNBookPaymentData;
 }
-export declare type BookPaymentEvent = PaymentCreatedEvent;
+export type BookPaymentEvent = PaymentCreatedEvent;

package/lib/typescript/messages/webMessages/cardMessage.d.ts

@@ -5,4 +5,4 @@ export declare enum CardMessage {
 export interface CardStatusChangedEvent {
     card: UNCardData;
 }
-export declare type CardEvent = CardStatusChangedEvent;
+export type CardEvent = CardStatusChangedEvent;

package/lib/typescript/messages/webMessages/index.d.ts

@@ -1,9 +1,12 @@
-import type { BookPaymentEvent, BookPaymentMessage } from './bookPaymentMessage';
+import type { ACHEvent } from './achCreditMessage';
+import type { BookPaymentEvent } from './bookPaymentMessage';
 import type { CardEvent, CardMessage } from './cardMessage';
 import type { PageEvent, PageMessage } from './pageMessage';
+import type { PaymentMessage } from './paymentsMessage';
 import type { UnitEvent, UnitMessage } from './unitMessages';
-export declare type WebViewMessageType = PageMessage | CardMessage | UnitMessage | BookPaymentMessage;
-declare type WebViewEvent = PageEvent | UnitEvent | CardEvent | BookPaymentEvent;
+import type { AccountEvent, AccountMessage } from './accountMessage';
+export type WebViewMessageType = PageMessage | CardMessage | UnitMessage | PaymentMessage | AccountMessage;
+type WebViewEvent = PageEvent | UnitEvent | CardEvent | BookPaymentEvent | PaymentMessage | ACHEvent | AccountEvent;
 export interface WebViewMessage {
     type: WebViewMessageType;
     details?: WebViewEvent;

package/lib/typescript/messages/webMessages/pageMessage.d.ts

@@ -5,4 +5,4 @@ export declare enum PageMessage {
 export interface HeightEvent {
     height: number;
 }
-export declare type PageEvent = HeightEvent;
+export type PageEvent = HeightEvent;

package/lib/typescript/messages/webMessages/paymentsMessage.d.ts

@@ -0,0 +1,3 @@
+export declare enum PaymentMessage {
+    PAYMENT_CREATED = "unitPaymentCreated"
+}

package/lib/typescript/messages/webMessages/unitMessages.d.ts

@@ -1,11 +1,14 @@
-import type { ResponseUnitOnLoadEvent } from '../../sharedTypes';
+import type { UNResponseUnitOnLoadEvent } from '../../sharedTypes';
 export declare enum UnitMessage {
     UNIT_REQUEST_RENDERING = "unitRequestRendering",
     UNIT_REQUEST_REFRESH = "unitRequestRefresh",
     UNIT_REQUEST_CLOSE_FLOW = "unitRequestCloseFlow",
     UNIT_REQUEST_OPEN_LINK = "unitRequestOpenLink",
     UNIT_ON_LOAD = "unitOnLoad",
-    UNIT_REQUEST_DOWNLOAD = "unitRequestDownload"
+    UNIT_REQUEST_DOWNLOAD = "unitRequestDownload",
+    UNIT_PLAID_TOKEN_CREATED = "unitPlaidLinkTokenCreated",
+    UNIT_REQUEST_EXTERNAL_SDK = "unitRequestExternalSdk",
+    UNIT_PLAID_RESPONSE = "unitPlaidResponse"
 }
 export interface RequestRenderingEvent {
     data: RequestRenderingEventData;
@@ -31,4 +34,19 @@ export interface RequestDownloadEvent {
     responseType: string;
     fileName: string;
 }
-export declare type UnitEvent = RequestRenderingEvent | RequestRefreshEvent | RequestOpenLinkEvent | ResponseUnitOnLoadEvent | RequestDownloadEvent;
+export interface PlaidTokenCreatedEvent {
+    linkToken: PlaidLinkTokenData;
+}
+export interface PlaidLinkTokenData {
+    type: string;
+    attributes: PlaidLinkTokenAttributes;
+}
+interface PlaidLinkTokenAttributes {
+    linkToken: string;
+    expiration: string;
+}
+export interface RequestExternalSdkEvent {
+    type: string;
+}
+export type UnitEvent = RequestRenderingEvent | RequestRefreshEvent | RequestOpenLinkEvent | UNResponseUnitOnLoadEvent | RequestDownloadEvent | PlaidTokenCreatedEvent | RequestExternalSdkEvent;
+export {};

package/lib/typescript/nativeComponent/UnitAddToWalletButton.d.ts

@@ -1,4 +1,4 @@
-declare type UnitAddToWalletButtonViewProps = {
+type UnitAddToWalletButtonViewProps = {
     style: object;
     onAddToWalletClicked: () => void;
 };

package/lib/typescript/scripts/html/bodyScript.d.ts

@@ -9,6 +9,10 @@ export declare const LISTENERS: {
     requestOpenLink: string;
     unitRequestDownload: string;
     cardStatusChange: string;
+    unitRequestExternalSdk: string;
+    unitPaymentCreated: string;
+    unitAccountChanged: string;
 };
 export declare const DISPATCH_RENDERING_EVENT: string;
 export declare const DISPATCH_REQUEST_REFRESH: string;
+export declare const DISPATCH_PLAID_RESPONSE: string;