react-native-unit-components 1.8.1 → 1.10.0

package/lib/module/utils/webVersioningStrategy.utils.js

@@ -0,0 +1,48 @@
+import { UNVersioningStrategyType } from '../types/shared';
+import { UNSDKConstants } from '../unitSdkManager/UnitSdk.constants';
+export const getWebSdkVersionString = webVersioningStrategy => {
+  switch (webVersioningStrategy.type) {
+    case UNVersioningStrategyType.exact:
+      return `${webVersioningStrategy.major}.${webVersioningStrategy.minor}.${webVersioningStrategy.patch}`;
+    case UNVersioningStrategyType.upToNextMinor:
+      return `${webVersioningStrategy.major}.${webVersioningStrategy.minor}`;
+    case UNVersioningStrategyType.upToNextMajor:
+      return `${webVersioningStrategy.major}`;
+  }
+};
+export const getVersionArray = webVersioningStrategy => {
+  switch (webVersioningStrategy.type) {
+    case UNVersioningStrategyType.exact:
+      return [webVersioningStrategy.major, webVersioningStrategy.minor, webVersioningStrategy.patch];
+    case UNVersioningStrategyType.upToNextMinor:
+      return [webVersioningStrategy.major, webVersioningStrategy.minor, null];
+    case UNVersioningStrategyType.upToNextMajor:
+      return [webVersioningStrategy.major, null, null];
+  }
+};
+export const isBehindRecommendedStrategy = currentWebVersioningStrategy => {
+  const recommendedWebVersionArray = getVersionArray(UNSDKConstants.webSDKRecommendedStrategy);
+  const currentWebVersionArray = getVersionArray(currentWebVersioningStrategy);
+  for (let i = 0; i < 3; i++) {
+    let currentVersion = currentWebVersionArray[i];
+    let recommendedVersion = recommendedWebVersionArray[i];
+    if (currentVersion === null || recommendedVersion === null) {
+      return false;
+    }
+    currentVersion = currentVersion;
+    recommendedVersion = recommendedVersion;
+    if (currentVersion !== recommendedVersion) {
+      return currentVersion < recommendedVersion;
+    }
+  }
+  return false;
+};
+export const warnClientIfNeeded = currentWebVersioningStrategy => {
+  if (currentWebVersioningStrategy.major > UNSDKConstants.webSDKRecommendedStrategy.major) {
+    console.log(`The current web sdk version is ${getWebSdkVersionString(currentWebVersioningStrategy)} which is higher than the latest supported version ${getWebSdkVersionString(UNSDKConstants.webSDKRecommendedStrategy)}. Please update the latest version of the web sdk.`);
+  }
+  if (isBehindRecommendedStrategy(currentWebVersioningStrategy)) {
+    console.log(`The current web sdk version is ${getWebSdkVersionString(currentWebVersioningStrategy)} which is older than the latest supported version ${getWebSdkVersionString(UNSDKConstants.webSDKRecommendedStrategy)}. Please consider updating to the latest version of the web sdk.`);
+  }
+};
+//# sourceMappingURL=webVersioningStrategy.utils.js.map

package/lib/module/utils/webVersioningStrategy.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["UNVersioningStrategyType","UNSDKConstants","getWebSdkVersionString","webVersioningStrategy","type","exact","major","minor","patch","upToNextMinor","upToNextMajor","getVersionArray","isBehindRecommendedStrategy","currentWebVersioningStrategy","recommendedWebVersionArray","webSDKRecommendedStrategy","currentWebVersionArray","i","currentVersion","recommendedVersion","warnClientIfNeeded","console","log"],"sources":["webVersioningStrategy.utils.ts"],"sourcesContent":["import { UNVersioningStrategyType, UNWebVersioningStrategy } from '../types/shared';\nimport { UNSDKConstants } from '../unitSdkManager/UnitSdk.constants';\n\nexport const getWebSdkVersionString = (webVersioningStrategy: UNWebVersioningStrategy) => {\n  switch (webVersioningStrategy.type) {\n    case UNVersioningStrategyType.exact:\n      return `${webVersioningStrategy.major}.${webVersioningStrategy.minor}.${webVersioningStrategy.patch}`;\n    case UNVersioningStrategyType.upToNextMinor:\n      return `${webVersioningStrategy.major}.${webVersioningStrategy.minor}`;\n    case UNVersioningStrategyType.upToNextMajor:\n      return `${webVersioningStrategy.major}`;\n  }\n};\n\nexport const getVersionArray = (webVersioningStrategy: UNWebVersioningStrategy) => {\n  switch (webVersioningStrategy.type) {\n    case UNVersioningStrategyType.exact:\n      return [webVersioningStrategy.major, webVersioningStrategy.minor, webVersioningStrategy.patch];\n    case UNVersioningStrategyType.upToNextMinor:\n      return [webVersioningStrategy.major, webVersioningStrategy.minor, null];\n    case UNVersioningStrategyType.upToNextMajor:\n      return [webVersioningStrategy.major, null, null];\n  }\n};\n\nexport const isBehindRecommendedStrategy = (currentWebVersioningStrategy: UNWebVersioningStrategy) => {\n  const recommendedWebVersionArray = getVersionArray(UNSDKConstants.webSDKRecommendedStrategy);\n  const currentWebVersionArray = getVersionArray(currentWebVersioningStrategy);\n\n  for (let i = 0; i < 3; i++) {\n    let currentVersion = currentWebVersionArray[i];\n    let recommendedVersion = recommendedWebVersionArray[i];\n    if (currentVersion === null || recommendedVersion === null) {\n      return false;\n    }\n    currentVersion = currentVersion as number;\n    recommendedVersion = recommendedVersion as number;\n    if (currentVersion !== recommendedVersion) {\n      return currentVersion < recommendedVersion;\n    }\n  }\n  return false;\n};\n\nexport const warnClientIfNeeded = (currentWebVersioningStrategy: UNWebVersioningStrategy) => {\n  if (currentWebVersioningStrategy.major > UNSDKConstants.webSDKRecommendedStrategy.major) {\n    console.log(`The current web sdk version is ${getWebSdkVersionString(currentWebVersioningStrategy)} which is higher than the latest supported version ${getWebSdkVersionString(UNSDKConstants.webSDKRecommendedStrategy)}. Please update the latest version of the web sdk.`);\n  }\n  if (isBehindRecommendedStrategy(currentWebVersioningStrategy)) {\n    console.log(`The current web sdk version is ${getWebSdkVersionString(currentWebVersioningStrategy)} which is older than the latest supported version ${getWebSdkVersionString(UNSDKConstants.webSDKRecommendedStrategy)}. Please consider updating to the latest version of the web sdk.`);\n  }\n};\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAiC,iBAAiB;AACnF,SAASC,cAAc,QAAQ,qCAAqC;AAEpE,OAAO,MAAMC,sBAAsB,GAAIC,qBAA8C,IAAK;EACxF,QAAQA,qBAAqB,CAACC,IAAI;IAChC,KAAKJ,wBAAwB,CAACK,KAAK;MACjC,OAAQ,GAAEF,qBAAqB,CAACG,KAAM,IAAGH,qBAAqB,CAACI,KAAM,IAAGJ,qBAAqB,CAACK,KAAM,EAAC;IACvG,KAAKR,wBAAwB,CAACS,aAAa;MACzC,OAAQ,GAAEN,qBAAqB,CAACG,KAAM,IAAGH,qBAAqB,CAACI,KAAM,EAAC;IACxE,KAAKP,wBAAwB,CAACU,aAAa;MACzC,OAAQ,GAAEP,qBAAqB,CAACG,KAAM,EAAC;EAAC;AAE9C,CAAC;AAED,OAAO,MAAMK,eAAe,GAAIR,qBAA8C,IAAK;EACjF,QAAQA,qBAAqB,CAACC,IAAI;IAChC,KAAKJ,wBAAwB,CAACK,KAAK;MACjC,OAAO,CAACF,qBAAqB,CAACG,KAAK,EAAEH,qBAAqB,CAACI,KAAK,EAAEJ,qBAAqB,CAACK,KAAK,CAAC;IAChG,KAAKR,wBAAwB,CAACS,aAAa;MACzC,OAAO,CAACN,qBAAqB,CAACG,KAAK,EAAEH,qBAAqB,CAACI,KAAK,EAAE,IAAI,CAAC;IACzE,KAAKP,wBAAwB,CAACU,aAAa;MACzC,OAAO,CAACP,qBAAqB,CAACG,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC;EAAC;AAEvD,CAAC;AAED,OAAO,MAAMM,2BAA2B,GAAIC,4BAAqD,IAAK;EACpG,MAAMC,0BAA0B,GAAGH,eAAe,CAACV,cAAc,CAACc,yBAAyB,CAAC;EAC5F,MAAMC,sBAAsB,GAAGL,eAAe,CAACE,4BAA4B,CAAC;EAE5E,KAAK,IAAII,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,EAAEA,CAAC,EAAE,EAAE;IAC1B,IAAIC,cAAc,GAAGF,sBAAsB,CAACC,CAAC,CAAC;IAC9C,IAAIE,kBAAkB,GAAGL,0BAA0B,CAACG,CAAC,CAAC;IACtD,IAAIC,cAAc,KAAK,IAAI,IAAIC,kBAAkB,KAAK,IAAI,EAAE;MAC1D,OAAO,KAAK;IACd;IACAD,cAAc,GAAGA,cAAwB;IACzCC,kBAAkB,GAAGA,kBAA4B;IACjD,IAAID,cAAc,KAAKC,kBAAkB,EAAE;MACzC,OAAOD,cAAc,GAAGC,kBAAkB;IAC5C;EACF;EACA,OAAO,KAAK;AACd,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAIP,4BAAqD,IAAK;EAC3F,IAAIA,4BAA4B,CAACP,KAAK,GAAGL,cAAc,CAACc,yBAAyB,CAACT,KAAK,EAAE;IACvFe,OAAO,CAACC,GAAG,CAAE,kCAAiCpB,sBAAsB,CAACW,4BAA4B,CAAE,sDAAqDX,sBAAsB,CAACD,cAAc,CAACc,yBAAyB,CAAE,oDAAmD,CAAC;EAC/Q;EACA,IAAIH,2BAA2B,CAACC,4BAA4B,CAAC,EAAE;IAC7DQ,OAAO,CAACC,GAAG,CAAE,kCAAiCpB,sBAAsB,CAACW,4BAA4B,CAAE,qDAAoDX,sBAAsB,CAACD,cAAc,CAACc,yBAAyB,CAAE,kEAAiE,CAAC;EAC5R;AACF,CAAC"}

package/lib/module/webComponent/WebComponent.js

@@ -1,48 +1,32 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { useEffect, useState } from 'react';
-import { NativeModules, Platform } from 'react-native';
+import { Platform } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
 import { WebView } from 'react-native-webview';
-import EventBus from '../helpers/EventBus';
 import html, { HTML_PLACEHOLDER } from './html';
 import { UnitMessage } from '../messages/webMessages/unitMessages';
-import { useListenerToBus } from '../hooks/listenerToBus';
 import { getHtmlBody } from '../scripts/html/bodyHtml';
-import { fetchUnitScript, globalUnitScript } from '../unitSdkManager/UnitSdk.api';
+import { fetchUnitScript } from '../unitSdkManager/UnitSdk.api';
 import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
-import { SDKMessage } from '../messages/nativeMessages/sdkMessage';
-import { handleRequestDownload } from './WebComponent.utils';
+import { getInfoParams, handleRequestDownload } from './WebComponent.utils';
 import { getFontFacesString } from '../scripts/html/fontFaces';
-const {
-  UNAppInfo
-} = NativeModules;
+import { setEvent } from '../slices/SharedEventsSlice';
+import * as AppInfo from '../utils/AppInfo';
 export const WebComponent = /*#__PURE__*/React.forwardRef(function WebComponent(props, webRef) {
-  const [unitScript, setUnitScript] = useState(globalUnitScript);
+  const dispatch = useDispatch();
+  const unitScript = useSelector(state => state.configuration.unitScript);
+  const globalTheme = useSelector(state => state.configuration.theme);
+  const globalLanguage = useSelector(state => state.configuration.language);
   const [sourceHtml, setSourceHtml] = useState(null);
-  const [componentCurrentTheme, setComponentCurrentTheme] = useState(props.theme ?? UnitSDK.getTheme());
-  const [componentCurrentLanguage, setComponentCurrentLanguage] = useState(props.language ?? UnitSDK.getLanguage());
   const [baseName, setBaseName] = useState();
-  const updateUnitScript = data => {
-    setUnitScript(data.unitScript);
-  };
-  const updateInitializedParams = () => {
-    setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());
-    setComponentCurrentLanguage(props.language ?? UnitSDK.getLanguage());
-  };
-  useListenerToBus({
-    busEventKey: SDKMessage.IS_SCRIPT_FETCHED,
-    action: updateUnitScript
-  });
-  useListenerToBus({
-    busEventKey: SDKMessage.IS_SDK_INITIALIZED,
-    action: updateInitializedParams
-  });
+  const [infoParams, setInfoParams] = useState({});
   useEffect(() => {
     const getAppName = async () => {
       // For iOS, we extend the app name from the HTML to display a prettier access request message.
       // On Android, there is no request message sent from HTML.
       try {
         if (Platform.OS == 'ios') {
-          const name = await UNAppInfo.getBundleName();
+          const name = await AppInfo.getAppName();
           setBaseName(name.replace(/ /g, '-'));
         } else {
           // android
@@ -52,32 +36,47 @@ export const WebComponent = /*#__PURE__*/React.forwardRef(function WebComponent(
         console.error(error);
       }
     };
+    const updateInfoParams = async () => {
+      const infoParams = await getInfoParams();
+      setInfoParams(infoParams);
+    };
     getAppName();
+    updateInfoParams();
   }, []);
   useEffect(() => {
     if (!unitScript) {
       fetchUnitScript();
       return;
     }
+    const componentCurrentTheme = props.theme ?? globalTheme;
+    const componentCurrentLanguage = props.language ?? globalLanguage;
     const themeParam = componentCurrentTheme ? ` theme="${componentCurrentTheme}"` : '';
     const languageParam = componentCurrentLanguage ? ` language="${componentCurrentLanguage}"` : '';
     const componentParams = (props.params || '') + themeParam + languageParam;
     const fontFaces = getFontFacesString(UnitSDK.getFonts());
+    const windowInfoParams = `window.UnitMobileSDKConfig['info'] = ${JSON.stringify(infoParams)}`;
+    const windowParams = `${windowInfoParams}; ${props.windowParams || ''}`;
     let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));
     newHtml = newHtml.replace(HTML_PLACEHOLDER.FONT_FACES, fontFaces);
     newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');
-    newHtml = newHtml.replace(HTML_PLACEHOLDER.WINDOW_PARAMS, props.windowParams || '');
+    newHtml = newHtml.replace(HTML_PLACEHOLDER.WINDOW_PARAMS, windowParams);
     setSourceHtml(newHtml);
-  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme, componentCurrentLanguage, props.script, props.windowParams]);
+  }, [props.params, unitScript, props.presentationMode, props.script, props.windowParams, globalTheme, globalLanguage, infoParams]);
   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);
+        message.details && dispatch(setEvent({
+          key: UnitMessage.UNIT_REQUEST_REFRESH,
+          data: message.details
+        }));
         break;
       case UnitMessage.UNIT_REQUEST_DOWNLOAD:
         message.details && handleRequestDownload(message.details, () => {
-          EventBus.Instance.event(UnitMessage.UNIT_REQUEST_CLOSE_FLOW, {});
+          dispatch(setEvent({
+            key: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
+            data: {}
+          }));
         });
         break;
       default:
@@ -89,7 +88,6 @@ export const WebComponent = /*#__PURE__*/React.forwardRef(function WebComponent(
     if (props.handleScroll) {
       props.handleScroll(event);
     }
-    return null;
   };
   if (!baseName) {
     return null;
@@ -116,7 +114,8 @@ export const WebComponent = /*#__PURE__*/React.forwardRef(function WebComponent(
       baseUrl: Platform.OS === 'android' ? `https://${baseName}` : ''
     },
     onMessage: onMessage,
-    androidHardwareAccelerationDisabled: true
+    androidLayerType: "hardware",
+    webviewDebuggingEnabled: __DEV__
   });
 });
 //# sourceMappingURL=WebComponent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","NativeModules","Platform","WebView","EventBus","html","HTML_PLACEHOLDER","UnitMessage","useListenerToBus","getHtmlBody","fetchUnitScript","globalUnitScript","UnitSDK","SDKMessage","handleRequestDownload","getFontFacesString","UNAppInfo","WebComponent","forwardRef","props","webRef","unitScript","setUnitScript","sourceHtml","setSourceHtml","componentCurrentTheme","setComponentCurrentTheme","theme","getTheme","componentCurrentLanguage","setComponentCurrentLanguage","language","getLanguage","baseName","setBaseName","updateUnitScript","data","updateInitializedParams","busEventKey","IS_SCRIPT_FETCHED","action","IS_SDK_INITIALIZED","getAppName","OS","name","getBundleName","replace","error","console","themeParam","languageParam","componentParams","params","fontFaces","getFonts","newHtml","BODY","type","valueOf","presentationMode","FONT_FACES","SCRIPT_FROM_NATIVE","script","WINDOW_PARAMS","windowParams","onMessage","e","message","JSON","parse","nativeEvent","UNIT_REQUEST_REFRESH","details","Instance","event","UNIT_REQUEST_DOWNLOAD","UNIT_REQUEST_CLOSE_FLOW","_onScroll","handleScroll","createElement","ref","originWhitelist","mediaPlaybackRequiresUserAction","allowsInlineMediaPlayback","cacheEnabled","scrollEnabled","isScrollable","nestedScrollEnabled","onScroll","overScrollMode","injectedJavaScript","style","width","flex","opacity","backgroundColor","source","baseUrl","androidHardwareAccelerationDisabled"],"sources":["WebComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { NativeModules, Platform } from 'react-native';\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 } 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';\nimport type { PresentationMode, WebComponentType } from '../types/internal/webComponent.types';\nimport { getFontFacesString } from '../scripts/html/fontFaces';\n\nconst { UNAppInfo } = NativeModules;\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  theme?: string;\n  language?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  isScrollable?: boolean,\n  nestedScrollEnabled?: boolean,\n  handleScroll?: (event: any) => void,\n  windowParams?: string;\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 [componentCurrentLanguage, setComponentCurrentLanguage] = useState<string | undefined>(props.language ?? UnitSDK.getLanguage());\n  const [baseName, setBaseName] = useState<string>();\n\n  const updateUnitScript = (data: SdkScriptFetched) => {\n    setUnitScript(data.unitScript);\n  };\n\n  const updateInitializedParams = () => {\n    setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());\n    setComponentCurrentLanguage(props.language ?? UnitSDK.getLanguage());\n  };\n\n  useListenerToBus({ busEventKey: SDKMessage.IS_SCRIPT_FETCHED, action: updateUnitScript });\n  useListenerToBus({ busEventKey: SDKMessage.IS_SDK_INITIALIZED, action: updateInitializedParams });\n\n  useEffect(() => {\n\n    const getAppName = async () => {\n      // For iOS, we extend the app name from the HTML to display a prettier access request message.\n      // On Android, there is no request message sent from HTML.\n      try {\n        if (Platform.OS == 'ios') {\n          const name = await UNAppInfo.getBundleName();\n          setBaseName(name.replace(/ /g, '-'));\n        } else { // android\n          setBaseName('unit');\n        }\n      } catch (error: any) {\n        console.error(error);\n      }\n    };\n\n    getAppName();\n  }, []);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    const themeParam = componentCurrentTheme ? ` theme=\"${componentCurrentTheme}\"` : '';\n    const languageParam = componentCurrentLanguage ? ` language=\"${componentCurrentLanguage}\"` : '';\n\n    const componentParams = (props.params || '') + themeParam + languageParam;\n\n    const fontFaces = getFontFacesString(UnitSDK.getFonts());\n\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.FONT_FACES, fontFaces);\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.WINDOW_PARAMS, props.windowParams || '');\n    setSourceHtml(newHtml);\n  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme, componentCurrentLanguage, props.script, props.windowParams]);\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  if (!baseName) {\n    return null;\n  }\n\n  return (\n    <WebView\n      ref={webRef}\n      originWhitelist={['*']}\n      mediaPlaybackRequiresUserAction={false}\n      allowsInlineMediaPlayback={true}\n      cacheEnabled={false}\n      scrollEnabled={props.isScrollable}\n      nestedScrollEnabled={props.nestedScrollEnabled}\n      onScroll={_onScroll}\n      overScrollMode=\"never\"\n      injectedJavaScript={unitScript}\n      style={{ width: '100%', flex: 1, opacity: 0.99, backgroundColor: 'transparent' }}\n      source={{ html: sourceHtml, baseUrl: Platform.OS === 'android' ?  `https://${baseName}` : ''}}\n      onMessage={onMessage}\n      androidHardwareAccelerationDisabled\n    />\n  );\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useState","Platform","useDispatch","useSelector","WebView","html","HTML_PLACEHOLDER","UnitMessage","getHtmlBody","fetchUnitScript","UnitSDK","getInfoParams","handleRequestDownload","getFontFacesString","setEvent","AppInfo","WebComponent","forwardRef","props","webRef","dispatch","unitScript","state","configuration","globalTheme","theme","globalLanguage","language","sourceHtml","setSourceHtml","baseName","setBaseName","infoParams","setInfoParams","getAppName","OS","name","replace","error","console","updateInfoParams","componentCurrentTheme","componentCurrentLanguage","themeParam","languageParam","componentParams","params","fontFaces","getFonts","windowInfoParams","JSON","stringify","windowParams","newHtml","BODY","type","valueOf","presentationMode","FONT_FACES","SCRIPT_FROM_NATIVE","script","WINDOW_PARAMS","onMessage","e","message","parse","nativeEvent","data","UNIT_REQUEST_REFRESH","details","key","UNIT_REQUEST_DOWNLOAD","UNIT_REQUEST_CLOSE_FLOW","_onScroll","event","handleScroll","createElement","ref","originWhitelist","mediaPlaybackRequiresUserAction","allowsInlineMediaPlayback","cacheEnabled","scrollEnabled","isScrollable","nestedScrollEnabled","onScroll","overScrollMode","injectedJavaScript","style","width","flex","opacity","backgroundColor","source","baseUrl","androidLayerType","webviewDebuggingEnabled","__DEV__"],"sources":["WebComponent.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useState } from 'react';\nimport { Platform } from 'react-native';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { WebView, WebViewMessageEvent } from 'react-native-webview';\nimport html, { HTML_PLACEHOLDER } from './html';\nimport { RequestRefreshEvent, UnitMessage, RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nimport { getHtmlBody } from '../scripts/html/bodyHtml';\nimport { fetchUnitScript } from '../unitSdkManager/UnitSdk.api';\nimport { UnitSDK } from '../unitSdkManager/UnitSdkManager';\nimport type { WebViewMessage } from '../messages/webMessages';\n\nimport { getInfoParams, handleRequestDownload } from './WebComponent.utils';\nimport type { PresentationMode, WebComponentType } from '../types/internal/webComponent.types';\nimport { getFontFacesString } from '../scripts/html/fontFaces';\nimport type { RootState } from '../store';\nimport { setEvent } from '../slices/SharedEventsSlice';\nimport * as AppInfo from '../utils/AppInfo';\n\nexport interface WebComponentProps {\n  type: WebComponentType;\n  presentationMode?: PresentationMode,\n  params?: string;\n  theme?: string;\n  language?: string;\n  onMessage?: (message: WebViewMessage) => void;\n  script?: string;\n  isScrollable?: boolean,\n  nestedScrollEnabled?: boolean,\n  handleScroll?: (event: any) => void,\n  windowParams?: string;\n}\n\nexport const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {\n  const dispatch = useDispatch();\n  const unitScript = useSelector((state: RootState) => state.configuration.unitScript);\n  const globalTheme = useSelector((state: RootState) => state.configuration.theme);\n  const globalLanguage = useSelector((state: RootState) => state.configuration.language);\n  const [sourceHtml, setSourceHtml] = useState<string | null>(null);\n  const [baseName, setBaseName] = useState<string>();\n  const [infoParams, setInfoParams] = useState<{ [key: string]: string }>({});\n\n  useEffect(() => {\n    const getAppName = async () => {\n      // For iOS, we extend the app name from the HTML to display a prettier access request message.\n      // On Android, there is no request message sent from HTML.\n      try {\n        if (Platform.OS == 'ios') {\n          const name = await AppInfo.getAppName();\n          setBaseName(name.replace(/ /g, '-'));\n        } else { // android\n          setBaseName('unit');\n        }\n      } catch (error: any) {\n        console.error(error);\n      }\n    };\n\n    const updateInfoParams = async () => {\n      const infoParams = await getInfoParams();\n      setInfoParams(infoParams);\n    };\n\n    getAppName();\n    updateInfoParams();\n  }, []);\n\n  useEffect(() => {\n    if (!unitScript) {\n      fetchUnitScript();\n      return;\n    }\n\n    const componentCurrentTheme = props.theme ?? globalTheme;\n    const componentCurrentLanguage = props.language ?? globalLanguage;\n\n    const themeParam = componentCurrentTheme ? ` theme=\"${componentCurrentTheme}\"` : '';\n    const languageParam = componentCurrentLanguage ? ` language=\"${componentCurrentLanguage}\"` : '';\n\n    const componentParams = (props.params || '') + themeParam + languageParam;\n\n    const fontFaces = getFontFacesString(UnitSDK.getFonts());\n\n    const windowInfoParams = `window.UnitMobileSDKConfig['info'] = ${JSON.stringify(infoParams)}`;\n    const windowParams = `${windowInfoParams}; ${props.windowParams || ''}`;\n\n    let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.FONT_FACES, fontFaces);\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');\n    newHtml = newHtml.replace(HTML_PLACEHOLDER.WINDOW_PARAMS, windowParams);\n    setSourceHtml(newHtml);\n  }, [props.params, unitScript, props.presentationMode, props.script, props.windowParams, globalTheme, globalLanguage, infoParams]);\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          dispatch(setEvent({\n            key: UnitMessage.UNIT_REQUEST_REFRESH,\n            data: message.details as RequestRefreshEvent,\n          }));\n        break;\n      case UnitMessage.UNIT_REQUEST_DOWNLOAD:\n        message.details &&\n          handleRequestDownload(message.details as RequestDownloadEvent, () => {\n            dispatch(setEvent({ key: UnitMessage.UNIT_REQUEST_CLOSE_FLOW, data: {} }));\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\n  if (!baseName) {\n    return null;\n  }\n\n  return (\n    <WebView\n      ref={webRef}\n      originWhitelist={['*']}\n      mediaPlaybackRequiresUserAction={false}\n      allowsInlineMediaPlayback={true}\n      cacheEnabled={false}\n      scrollEnabled={props.isScrollable}\n      nestedScrollEnabled={props.nestedScrollEnabled}\n      onScroll={_onScroll}\n      overScrollMode='never'\n      injectedJavaScript={unitScript}\n      style={{ width: '100%', flex: 1, opacity: 0.99, backgroundColor: 'transparent' }}\n      source={{ html: sourceHtml, baseUrl: Platform.OS === 'android' ? `https://${baseName}` : '' }}\n      onMessage={onMessage}\n      androidLayerType='hardware'\n      webviewDebuggingEnabled={__DEV__}\n    />\n  );\n});\n"],"mappings":"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"}

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

@@ -1,8 +1,23 @@
 import axios from 'axios';
 import { Share, NativeModules, Platform } from 'react-native';
+import * as SDKInfo from '../utils/SDKInfo';
+import * as AppInfo from '../utils/AppInfo';
 const {
   RNShareFile
 } = NativeModules;
+export const getInfoParams = async () => {
+  const appVersion = await AppInfo.getVersion();
+  const appBuildNumber = await AppInfo.getBuildNumber();
+  const appIdentifier = await AppInfo.getAppIdentifier();
+  const infoParams = {};
+  infoParams['sdkVersion'] = SDKInfo.getSDKVersion();
+  infoParams['sdkPlatform'] = 'React Native';
+  infoParams['os'] = Platform.OS == 'android' ? 'Android' : 'iOS';
+  infoParams['hostedAppVersion'] = appVersion;
+  infoParams['hostedAppBuildNumber'] = appBuildNumber;
+  infoParams['hostedAppIdentifier'] = appIdentifier;
+  return infoParams;
+};
 export const handleRequestDownload = async (details, onReadyToShare) => {
   if (details.fileType === 'application/pdf') {
     const res = await axios.get(details.url, {

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,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"}
+{"version":3,"names":["axios","Share","NativeModules","Platform","SDKInfo","AppInfo","RNShareFile","getInfoParams","appVersion","getVersion","appBuildNumber","getBuildNumber","appIdentifier","getAppIdentifier","infoParams","getSDKVersion","OS","handleRequestDownload","details","onReadyToShare","fileType","res","get","url","headers","accessToken","responseEncoding","responseType","base64Data","request","_response","share","fileName"],"sources":["WebComponent.utils.ts"],"sourcesContent":["import axios from 'axios';\nimport { Share, NativeModules, Platform } from 'react-native';\nimport * as SDKInfo from '../utils/SDKInfo';\nimport * as AppInfo from '../utils/AppInfo';\nimport type { RequestDownloadEvent } from '../messages/webMessages/unitMessages';\nconst { RNShareFile } = NativeModules;\n\nexport const getInfoParams = async () => {\n  const appVersion = await AppInfo.getVersion();\n  const appBuildNumber = await AppInfo.getBuildNumber();\n  const appIdentifier = await AppInfo.getAppIdentifier();\n\n  const infoParams: { [key: string]: string } = {};\n  infoParams['sdkVersion'] = SDKInfo.getSDKVersion();\n  infoParams['sdkPlatform'] = 'React Native';\n  infoParams['os'] = Platform.OS == 'android' ? 'Android' : 'iOS';\n  infoParams['hostedAppVersion'] = appVersion;\n  infoParams['hostedAppBuildNumber'] = appBuildNumber;\n  infoParams['hostedAppIdentifier'] = appIdentifier;\n  return infoParams;\n};\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;AAC7D,OAAO,KAAKC,OAAO,MAAM,kBAAkB;AAC3C,OAAO,KAAKC,OAAO,MAAM,kBAAkB;AAE3C,MAAM;EAAEC;AAAY,CAAC,GAAGJ,aAAa;AAErC,OAAO,MAAMK,aAAa,GAAG,MAAAA,CAAA,KAAY;EACvC,MAAMC,UAAU,GAAG,MAAMH,OAAO,CAACI,UAAU,EAAE;EAC7C,MAAMC,cAAc,GAAG,MAAML,OAAO,CAACM,cAAc,EAAE;EACrD,MAAMC,aAAa,GAAG,MAAMP,OAAO,CAACQ,gBAAgB,EAAE;EAEtD,MAAMC,UAAqC,GAAG,CAAC,CAAC;EAChDA,UAAU,CAAC,YAAY,CAAC,GAAGV,OAAO,CAACW,aAAa,EAAE;EAClDD,UAAU,CAAC,aAAa,CAAC,GAAG,cAAc;EAC1CA,UAAU,CAAC,IAAI,CAAC,GAAGX,QAAQ,CAACa,EAAE,IAAI,SAAS,GAAG,SAAS,GAAG,KAAK;EAC/DF,UAAU,CAAC,kBAAkB,CAAC,GAAGN,UAAU;EAC3CM,UAAU,CAAC,sBAAsB,CAAC,GAAGJ,cAAc;EACnDI,UAAU,CAAC,qBAAqB,CAAC,GAAGF,aAAa;EACjD,OAAOE,UAAU;AACnB,CAAC;AAED,OAAO,MAAMG,qBAAqB,GAAG,MAAAA,CAAOC,OAA6B,EAAEC,cAA0B,KAAK;EACxG,IAAID,OAAO,CAACE,QAAQ,KAAK,iBAAiB,EAAE;IAC1C,MAAMC,GAAG,GAAG,MAAMrB,KAAK,CAACsB,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,IAAIhB,QAAQ,CAACa,EAAE,KAAK,KAAK,EAAE;MACzBf,KAAK,CAAC8B,KAAK,CAAC;QAAER,GAAG,EAAG,+BAA8BK,UAAW;MAAE,CAAC,CAAC;IACnE,CAAC,MAAM;MACLtB,WAAW,CAACyB,KAAK,CAACH,UAAU,EAAEV,OAAO,CAACc,QAAQ,CAAC;IACjD;EACF;AACF,CAAC"}

package/lib/module/webComponent/html.js

@@ -1,5 +1,5 @@
 import { Platform } from 'react-native';
-import { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT, DISPATCH_REQUEST_CARD_ACTION, DISPATCH_OPEN_ACTIONS_MENU, DISPATCH_REQUEST_ACCOUNT_ACTION, DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT } from '../scripts/html/bodyScript';
+import { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT, DISPATCH_REQUEST_CARD_ACTION, DISPATCH_OPEN_ACTIONS_MENU, DISPATCH_REQUEST_ACCOUNT_ACTION, DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT, DISPATCH_REQUEST_SHOW_SENSITIVE_DATA, DISPATCH_REQUEST_HIDE_SENSITIVE_DATA } from '../scripts/html/bodyScript';
 export const HTML_PLACEHOLDER = {
   SCRIPT_UNIT: '<SCRIPT_UNIT>',
   BODY: '<BODY_HTML_CODE>',
@@ -66,6 +66,10 @@ const htmlText = `
 
       ${DISPATCH_OPEN_ACTIONS_MENU}
 
+      ${DISPATCH_REQUEST_HIDE_SENSITIVE_DATA}
+
+      ${DISPATCH_REQUEST_SHOW_SENSITIVE_DATA}
+
       ${DISPATCH_REQUEST_CARD_ACTION}
 
       ${DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT}

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","DISPATCH_RENDERING_EVENT","LISTENERS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","DISPATCH_REQUEST_CARD_ACTION","DISPATCH_OPEN_ACTIONS_MENU","DISPATCH_REQUEST_ACCOUNT_ACTION","DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT","HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","WINDOW_PARAMS","FONT_FACES","htmlText","OS","isPageLoaded","onLoad","unitRequestDownload","requestRendering","requestOpenLink","requestCloseFlow","cardActivated","cardStatusChange","unitRequestExternalSdk","unitAccountChanged","unitActivityFiltersChanged"],"sources":["html.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT, DISPATCH_REQUEST_CARD_ACTION, DISPATCH_OPEN_ACTIONS_MENU, DISPATCH_REQUEST_ACCOUNT_ACTION, DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT } 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  WINDOW_PARAMS: '<WINDOW_PARAMS>',\n  FONT_FACES: '<FONT_FACES>'\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    ${HTML_PLACEHOLDER.WINDOW_PARAMS}\n    </script>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n\n    <style type=\"text/css\">\n      ${HTML_PLACEHOLDER.FONT_FACES}\n\n      body {\n        margin: 0;\n      }\n    </style>\n  </head>\n\n  <body>\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.cardActivated}\n\n      ${LISTENERS.cardStatusChange}\n\n      ${LISTENERS.unitRequestExternalSdk}\n\n      ${LISTENERS.unitAccountChanged}\n\n      ${LISTENERS.unitActivityFiltersChanged}\n\n      ${DISPATCH_RENDERING_EVENT}\n\n      ${DISPATCH_OPEN_ACTIONS_MENU}\n\n      ${DISPATCH_REQUEST_CARD_ACTION}\n\n      ${DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT}\n\n      ${DISPATCH_REQUEST_ACCOUNT_ACTION}\n\n      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}\n    </script>\n  </body>\n  </html>\n`;\n\nexport default htmlText;\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,wBAAwB,EAAEC,SAAS,EAAEC,mBAAmB,EAAEC,gBAAgB,EAAEC,4BAA4B,EAAEC,0BAA0B,EAAEC,+BAA+B,EAAEC,sCAAsC,QAAQ,4BAA4B;AAE1P,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,WAAW,EAAE,eAAe;EAC5BC,IAAI,EAAE,kBAAkB;EACxBC,kBAAkB,EAAE,sBAAsB;EAC1CC,aAAa,EAAE,iBAAiB;EAChCC,UAAU,EAAE;AACd,CAAC;AAED,MAAMC,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaf,QAAQ,CAACgB,EAAG;AACzB,qBAAqBhB,QAAQ,CAACgB,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAS;AAChE;AACA,MAAMP,gBAAgB,CAACI,aAAc;AACrC;AACA;AACA;AACA;AACA,QAAQJ,gBAAgB,CAACK,UAAW;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAML,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,QAAQR,mBAAoB;AAC5B;AACA,QAAQC,gBAAiB;AACzB;AACA,QAAQF,SAAS,CAACe,YAAa;AAC/B;AACA,QAAQf,SAAS,CAACgB,MAAO;AACzB;AACA,QAAQhB,SAAS,CAACiB,mBAAoB;AACtC;AACA,QAAQjB,SAAS,CAACkB,gBAAiB;AACnC;AACA,QAAQlB,SAAS,CAACmB,eAAgB;AAClC;AACA,QAAQnB,SAAS,CAACoB,gBAAiB;AACnC;AACA,QAAQpB,SAAS,CAACqB,aAAc;AAChC;AACA,QAAQrB,SAAS,CAACsB,gBAAiB;AACnC;AACA,QAAQtB,SAAS,CAACuB,sBAAuB;AACzC;AACA,QAAQvB,SAAS,CAACwB,kBAAmB;AACrC;AACA,QAAQxB,SAAS,CAACyB,0BAA2B;AAC7C;AACA,QAAQ1B,wBAAyB;AACjC;AACA,QAAQK,0BAA2B;AACnC;AACA,QAAQD,4BAA6B;AACrC;AACA,QAAQG,sCAAuC;AAC/C;AACA,QAAQD,+BAAgC;AACxC;AACA,QAAQE,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA;AACA,CAAC;AAED,eAAeG,QAAQ"}
+{"version":3,"names":["Platform","DISPATCH_RENDERING_EVENT","LISTENERS","POST_MESSAGE_TO_SDK","POST_PAGE_HEIGHT","DISPATCH_REQUEST_CARD_ACTION","DISPATCH_OPEN_ACTIONS_MENU","DISPATCH_REQUEST_ACCOUNT_ACTION","DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT","DISPATCH_REQUEST_SHOW_SENSITIVE_DATA","DISPATCH_REQUEST_HIDE_SENSITIVE_DATA","HTML_PLACEHOLDER","SCRIPT_UNIT","BODY","SCRIPT_FROM_NATIVE","WINDOW_PARAMS","FONT_FACES","htmlText","OS","isPageLoaded","onLoad","unitRequestDownload","requestRendering","requestOpenLink","requestCloseFlow","cardActivated","cardStatusChange","unitRequestExternalSdk","unitAccountChanged","unitActivityFiltersChanged"],"sources":["html.ts"],"sourcesContent":["import { Platform } from 'react-native';\nimport {\n  DISPATCH_RENDERING_EVENT,\n  LISTENERS,\n  POST_MESSAGE_TO_SDK,\n  POST_PAGE_HEIGHT,\n  DISPATCH_REQUEST_CARD_ACTION,\n  DISPATCH_OPEN_ACTIONS_MENU,\n  DISPATCH_REQUEST_ACCOUNT_ACTION,\n  DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT,\n  DISPATCH_REQUEST_SHOW_SENSITIVE_DATA, DISPATCH_REQUEST_HIDE_SENSITIVE_DATA,\n} 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  WINDOW_PARAMS: '<WINDOW_PARAMS>',\n  FONT_FACES: '<FONT_FACES>',\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    ${HTML_PLACEHOLDER.WINDOW_PARAMS}\n    </script>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0\">\n\n    <style type=\"text/css\">\n      ${HTML_PLACEHOLDER.FONT_FACES}\n\n      body {\n        margin: 0;\n      }\n    </style>\n  </head>\n\n  <body>\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.cardActivated}\n\n      ${LISTENERS.cardStatusChange}\n\n      ${LISTENERS.unitRequestExternalSdk}\n\n      ${LISTENERS.unitAccountChanged}\n\n      ${LISTENERS.unitActivityFiltersChanged}\n\n      ${DISPATCH_RENDERING_EVENT}\n\n      ${DISPATCH_OPEN_ACTIONS_MENU}\n\n      ${DISPATCH_REQUEST_HIDE_SENSITIVE_DATA}\n\n      ${DISPATCH_REQUEST_SHOW_SENSITIVE_DATA}\n\n      ${DISPATCH_REQUEST_CARD_ACTION}\n\n      ${DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT}\n\n      ${DISPATCH_REQUEST_ACCOUNT_ACTION}\n\n      ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}\n    </script>\n  </body>\n  </html>\n`;\n\nexport default htmlText;\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SACEC,wBAAwB,EACxBC,SAAS,EACTC,mBAAmB,EACnBC,gBAAgB,EAChBC,4BAA4B,EAC5BC,0BAA0B,EAC1BC,+BAA+B,EAC/BC,sCAAsC,EACtCC,oCAAoC,EAAEC,oCAAoC,QACrE,4BAA4B;AAEnC,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,WAAW,EAAE,eAAe;EAC5BC,IAAI,EAAE,kBAAkB;EACxBC,kBAAkB,EAAE,sBAAsB;EAC1CC,aAAa,EAAE,iBAAiB;EAChCC,UAAU,EAAE;AACd,CAAC;AAED,MAAMC,QAAQ,GAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAajB,QAAQ,CAACkB,EAAG;AACzB,qBAAqBlB,QAAQ,CAACkB,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAS;AAChE;AACA,MAAMP,gBAAgB,CAACI,aAAc;AACrC;AACA;AACA;AACA;AACA,QAAQJ,gBAAgB,CAACK,UAAW;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAML,gBAAgB,CAACE,IAAK;AAC5B;AACA;AACA,QAAQV,mBAAoB;AAC5B;AACA,QAAQC,gBAAiB;AACzB;AACA,QAAQF,SAAS,CAACiB,YAAa;AAC/B;AACA,QAAQjB,SAAS,CAACkB,MAAO;AACzB;AACA,QAAQlB,SAAS,CAACmB,mBAAoB;AACtC;AACA,QAAQnB,SAAS,CAACoB,gBAAiB;AACnC;AACA,QAAQpB,SAAS,CAACqB,eAAgB;AAClC;AACA,QAAQrB,SAAS,CAACsB,gBAAiB;AACnC;AACA,QAAQtB,SAAS,CAACuB,aAAc;AAChC;AACA,QAAQvB,SAAS,CAACwB,gBAAiB;AACnC;AACA,QAAQxB,SAAS,CAACyB,sBAAuB;AACzC;AACA,QAAQzB,SAAS,CAAC0B,kBAAmB;AACrC;AACA,QAAQ1B,SAAS,CAAC2B,0BAA2B;AAC7C;AACA,QAAQ5B,wBAAyB;AACjC;AACA,QAAQK,0BAA2B;AACnC;AACA,QAAQI,oCAAqC;AAC7C;AACA,QAAQD,oCAAqC;AAC7C;AACA,QAAQJ,4BAA6B;AACrC;AACA,QAAQG,sCAAuC;AAC/C;AACA,QAAQD,+BAAgC;AACxC;AACA,QAAQI,gBAAgB,CAACG,kBAAmB;AAC5C;AACA;AACA;AACA,CAAC;AAED,eAAeG,QAAQ"}

package/lib/typescript/{components → src/components}/UNACHCreditComponent/UNACHCreditComponent.d.ts

@@ -9,5 +9,7 @@ export interface UNACHCreditComponentProps {
     withPlaid?: boolean;
     onPaymentCreated?: (data: UNACHData) => void;
     onLoad?: (response: UNOnLoadResponse<UNACHOnLoadData>) => void;
+    sameDay?: boolean;
 }
-export declare const UNACHCreditComponent: (props: UNACHCreditComponentProps) => JSX.Element;
+declare const _default: (props: UNACHCreditComponentProps) => JSX.Element;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as UNACHCreditComponent, UNACHCreditComponentProps } from './UNACHCreditComponent';

package/lib/typescript/{components → src/components}/UNACHDebitComponent/UNACHDebitComponent.d.ts

@@ -8,5 +8,7 @@ export interface UNACHDebitComponentProps {
     fee?: number;
     onPaymentCreated?: (data: UNACHData) => void;
     onLoad?: (response: UNOnLoadResponse<UNACHOnLoadData>) => void;
+    sameDay?: boolean;
 }
-export declare const UNACHDebitComponent: (props: UNACHDebitComponentProps) => JSX.Element;
+declare const _default: (props: UNACHDebitComponentProps) => JSX.Element;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as UNACHDebitComponent, UNACHDebitComponentProps } from './UNACHDebitComponent';

package/lib/typescript/{components → src/components}/UNAccountComponent/UNAccountComponent.d.ts

@@ -16,8 +16,9 @@ export interface UNAccountRef {
     openActionsMenu: () => void;
     openAction: (action: UNAccountMenuAction) => void;
 }
-export declare enum AccountAction {
+export declare enum UNAccountAction {
     List = "account-list",
     Menu = "account-menu"
 }
-export declare const UNAccountComponent: React.ForwardRefExoticComponent<UNAccountComponentProps & React.RefAttributes<UNAccountRef>>;
+declare const _default: React.ForwardRefExoticComponent<UNAccountComponentProps & React.RefAttributes<UNAccountRef>>;
+export default _default;

package/lib/typescript/{components → src/components}/UNAccountComponent/UNAccountComponent.utils.d.ts

@@ -1,4 +1,4 @@
-import { AccountAction, UNAccountComponentProps } from './UNAccountComponent';
+import { UNAccountAction, UNAccountComponentProps } from './UNAccountComponent';
 import { RequestRefreshEvent, RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
 import type WebView from 'react-native-webview';
 import type { UNAccountMenuAction } from 'src/types/shared';
@@ -7,4 +7,4 @@ export declare const getAccountScript: () => string;
 export declare const injectOpenActionsMenuScript: (currentWeb: WebView | null) => void;
 export declare const injectRequestAccountActionScript: (currentWeb: WebView | null, action: UNAccountMenuAction) => void;
 export declare const injectRefreshEventIfNeeded: (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => void;
-export declare const getAccountActionType: (requestRendering: RequestRenderingEvent) => AccountAction;
+export declare const getAccountActionType: (requestRendering: RequestRenderingEvent) => UNAccountAction;

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

@@ -0,0 +1 @@
+export { default as UNAccountComponent, UNAccountComponentProps, UNAccountRef } from './UNAccountComponent';

package/lib/typescript/{components → src/components}/UNActivityComponent/UNActivityComponent.d.ts

@@ -1,5 +1,6 @@
 import type { UNOnLoadResponse } from '../../types/shared';
 import type { UNActivityOnLoadData } from '../../types/shared/activity.types';
+import type { UNActivityComponentPaginationType } from '../../types/shared';
 export interface UNActivityComponentProps {
     customerToken: string;
     accountId?: string;
@@ -7,6 +8,9 @@ export interface UNActivityComponentProps {
     theme?: string;
     language?: string;
     hideFilterButton?: boolean;
+    paginationType?: UNActivityComponentPaginationType;
+    transactionsPerPage?: number;
     onLoad?: (response: UNOnLoadResponse<UNActivityOnLoadData>) => void;
 }
-export declare const UNActivityComponent: (props: UNActivityComponentProps) => JSX.Element;
+declare const _default: (props: UNActivityComponentProps) => JSX.Element;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as UNActivityComponent, UNActivityComponentProps } from './UNActivityComponent';

package/lib/typescript/{components → src/components}/UNBookPaymentComponent/UNBookPaymentComponent.d.ts

@@ -11,4 +11,5 @@ export interface UNBookPaymentComponentProps {
     onPaymentCreated?: (data: UNBookPaymentData) => void;
     onLoad?: (response: UNOnLoadResponse<UNAccountData>) => void;
 }
-export declare const UNBookPaymentComponent: (props: UNBookPaymentComponentProps) => JSX.Element;
+declare const _default: (props: UNBookPaymentComponentProps) => JSX.Element;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as UNBookPaymentComponent, UNBookPaymentComponentProps } from './UNBookPaymentComponent';

package/lib/typescript/{components → src/components}/UNBottomSheetComponent/UNBottomSheetComponent.d.ts

@@ -4,4 +4,5 @@ export declare enum ScrollState {
     onlyWebView = "webViewScroll",
     onlyBottomSheet = "onlyBottomSheet"
 }
-export declare const UNBottomSheetComponent: () => JSX.Element;
+declare const _default: (props: unknown) => JSX.Element;
+export default _default;

package/lib/typescript/{components/UNBottomSheetComponent/components → src/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem}/UNAddToWalletBottomSheetItem.d.ts

@@ -1,5 +1,5 @@
-import { type RequestRenderingEvent } from '../../../messages/webMessages/unitMessages';
-import { BottomSheetRenderingType, WebComponentData } from '../../../types/internal/bottomSheet.types';
+import { type RequestRenderingEvent } from '../../../../messages/webMessages/unitMessages';
+import { BottomSheetRenderingType, WebComponentData } from '../../../../types/internal/bottomSheet.types';
 export interface UNAddToWalletBottomSheetItemProps {
     renderingType: BottomSheetRenderingType;
     renderingRequest?: RequestRenderingEvent;

package/lib/typescript/src/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem/index.d.ts

@@ -0,0 +1 @@
+export * from './UNAddToWalletBottomSheetItem';

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

@@ -0,0 +1 @@
+export * from './UNAddToWalletBottomSheetItem';

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

@@ -0,0 +1 @@
+export { default as UNBottomSheetComponent } from './UNBottomSheetComponent';

package/lib/typescript/{components → src/components}/UNCardComponent/UNCardComponent.d.ts

@@ -18,5 +18,8 @@ export interface UNCardComponentProps {
 export interface CardRef {
     openActionsMenu: () => void;
     openAction: (action: UNCardMenuAction) => void;
+    showSensitiveData: () => void;
+    hideSensitiveData: () => void;
 }
-export declare const UNCardComponent: React.ForwardRefExoticComponent<UNCardComponentProps & React.RefAttributes<CardRef>>;
+declare const _default: React.ForwardRefExoticComponent<UNCardComponentProps & React.RefAttributes<CardRef>>;
+export default _default;

package/lib/typescript/{components → src/components}/UNCardComponent/UNCardComponent.utils.d.ts

@@ -6,4 +6,6 @@ export declare const getCardParams: (props: UNCardComponentProps) => string;
 export declare const getCardScript: () => string;
 export declare const injectOpenActionsMenuScript: (currentWeb: WebView | null) => void;
 export declare const injectRequestCardActionScript: (currentWeb: WebView | null, action: UNCardMenuAction) => void;
+export declare const injectRequestHideSensitiveDataScript: (currentWeb: WebView | null) => void;
+export declare const injectRequestShowSensitiveDataScript: (currentWeb: WebView | null) => void;
 export declare const injectRefreshEventIfNeeded: (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => void;

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

@@ -0,0 +1 @@
+export { default as UNCardComponent, UNCardComponentProps, CardRef } from './UNCardComponent';

package/lib/typescript/{components → src/components}/UNCheckDepositComponent/UNCheckDepositComponent.d.ts

@@ -10,4 +10,5 @@ export interface UNCheckDepositComponentProps {
     onDepositCreated?: (checkData: UNCheckDepositData) => void;
     onRestartRequest?: (checkData: UNCheckDepositData) => void;
 }
-export declare const UNCheckDepositComponent: (props: UNCheckDepositComponentProps) => JSX.Element;
+declare const _default: (props: UNCheckDepositComponentProps) => JSX.Element;
+export default _default;

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

@@ -0,0 +1 @@
+export { default as UNCheckDepositComponent, UNCheckDepositComponentProps } from './UNCheckDepositComponent';

package/lib/typescript/src/components/UNMultipleCardsComponent/UNMultipleCardsComponent.d.ts

@@ -0,0 +1,15 @@
+import type { UNCardData, UNMultipleCardsComponentPaginationType, UNMultipleCardsOnLoadData, UNOnLoadResponse } from '../../types/shared';
+export interface UNMultipleCardsComponentProps {
+    customerToken: string;
+    paginationType?: UNMultipleCardsComponentPaginationType;
+    cardsPerPage?: number;
+    disableCardClick?: boolean;
+    theme?: string;
+    language?: string;
+    queryFilter?: string;
+    hideTitle?: boolean;
+    onLoad?: (response: UNOnLoadResponse<UNMultipleCardsOnLoadData>) => void;
+    onCardClicked?: (card: UNCardData) => void;
+}
+declare const _default: (props: UNMultipleCardsComponentProps) => JSX.Element;
+export default _default;

package/lib/typescript/src/components/UNMultipleCardsComponent/UNMultipleCardsComponent.utils.d.ts

@@ -0,0 +1,3 @@
+import type { UNMultipleCardsComponentProps } from './UNMultipleCardsComponent';
+export declare const getMultipleCardsParams: (props: UNMultipleCardsComponentProps) => string;
+export declare const getMultipleCardsScript: () => string;

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

@@ -0,0 +1 @@
+export { default as UNMultipleCardsComponent, UNMultipleCardsComponentProps, } from './UNMultipleCardsComponent';

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

@@ -0,0 +1,9 @@
+export * from './UNCardComponent';
+export * from './UNMultipleCardsComponent';
+export * from './UNBottomSheetComponent';
+export * from './UNBookPaymentComponent';
+export * from './UNActivityComponent';
+export * from './UNAccountComponent';
+export * from './UNCheckDepositComponent';
+export * from './UNACHDebitComponent';
+export * from './UNACHCreditComponent';

package/lib/typescript/src/helpers/pushProvisioningService/helpers.d.ts

@@ -0,0 +1,4 @@
+import { UNNativePromiseReject, UNVPError, UNVPErrorType } from './types';
+export declare const isUNVPError: (error: any) => error is UNVPError;
+export declare const isUNNativePromiseReject: (error: any) => error is UNNativePromiseReject;
+export declare const promiseRejectToUNVPErrorType: (error: any) => UNVPErrorType | null;

package/lib/typescript/src/helpers/pushProvisioningService/hooks/useLaunchInitialize.d.ts

@@ -0,0 +1,3 @@
+export declare const useLaunchInitialize: () => {
+    initializePushProvisioning: () => Promise<void>;
+};

package/lib/typescript/src/helpers/pushProvisioningService/types.d.ts

@@ -0,0 +1,49 @@
+export declare enum UNVPErrorType {
+    EmptyAppId = "EmptyAppId",
+    DeviceAuthenticationFailed = "DeviceAuthenticationFailed",
+    DeviceRootDetection = "DeviceRootDetection",
+    HookDetection = "HookDetection",
+    PlayIntegrityCheckFailed = "PlayIntegrityCheckFailed",
+    EmptyEncryptedPayload = "EmptyEncryptedPayload",
+    NoWallets = "NoWallets",
+    InvalidCardId = "InvalidCardId",
+    ProvisioningNotAllowed = "ProvisioningNotAllowed",
+    CancelledByUser = "CancelledByUser",
+    GoogleWalletCreationFailed = "GoogleWalletCreationFailed",
+    UnknownErrorOccurred = "UnknownErrorOccurred",
+    WalletProvisioningInconclusive = "WalletProvisioningInconclusive",
+    WalletProvisioningError = "WalletProvisioningError",
+    NetworkFailure = "NetworkFailure",
+    SessionExpired = "SessionExpired",
+    InvalidInfo = "InvalidInfo",
+    PayloadDecryptionFailed = "PayloadDecryptionFailed",
+    ApiError = "ApiError",
+    InvalidNonce = "InvalidNonce",
+    SDKLockout = "SDKLockout",
+    NoBrowserFound = "NoBrowserFound",
+    TLCMFeatureNotSupported = "TLCMFeatureNotSupported",
+    TLCMUnsupportedWallet = "TLCMUnsupportedWallet",
+    TLCMDetailsNotFoundInPaySdk = "TLCMDetailsNotFoundInPaySdk",
+    TLCMTokenStatusExists = "TLCMTokenStatusExists",
+    TLCMInvalidOperationInput = "TLCMInvalidOperationInput",
+    TLCMInvalidRequest = "TLCMInvalidRequest",
+    TLCMUpdateStatusNotAllowed = "TLCMUpdateStatusNotAllowed",
+    TLCMTokenNotFound = "TLCMTokenNotFound"
+}
+export interface UNVPError {
+    code: string;
+    description: string;
+    type: UNVPErrorType;
+    correlationId: string;
+}
+export type UNNativePromiseReject = {
+    code: string;
+    message: string;
+};
+export interface UNMobileWalletPayload {
+    data: {
+        attributes: {
+            payload: string;
+        };
+    };
+}

package/lib/typescript/src/helpers/store/helpers.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const withReduxStore: <Props>(Component: React.ComponentType<any>) => (props: Props) => JSX.Element;
+export declare const withReduxStoreAndRefForwarding: <Props, Ref>(Component: React.ComponentType<any>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Props> & React.RefAttributes<Ref>>;

package/lib/typescript/src/hooks/useListenerToEvent.d.ts

@@ -0,0 +1,9 @@
+import type { NativeMessageType } from '../messages/nativeMessages';
+import type { WebViewMessageType } from '../messages/webMessages';
+export type BusEventKey = NativeMessageType | WebViewMessageType;
+type EventListener = {
+    busEventKey: BusEventKey;
+    action: (data: any) => void;
+};
+export declare const useListenerToEvent: (listener: EventListener) => void;
+export {};