react-native-unit-components 1.0.1 → 1.0.3

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

@@ -1,7 +1,14 @@
+import { WebComponentType } from '../../webComponent/WebComponent';
+import { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
 export declare enum ScrollState {
     onTop = "onTop",
+    unScrollable = "unScrollable",
     onlyWebView = "webViewScroll",
-    onlyBottomSheet = "onlyBottomSheet",
-    unScrollable = "unScrollable"
+    onlyBottomSheet = "onlyBottomSheet"
 }
+export declare type BottomSheetSlotData = {
+    componentName?: WebComponentType;
+    componentResourceId?: string;
+    requestRenderingEvent: RequestRenderingEvent;
+};
 export declare const UNBottomSheetComponent: () => JSX.Element;

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

@@ -1,5 +1,6 @@
 import type WebView from 'react-native-webview';
+import type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
 export declare const getBottomSheetScript: () => string;
-export declare const renderingBottomSheetRequest: (currentWebView: WebView, renderingRequest: string) => void;
+export declare const renderingBottomSheetRequest: (currentWebView: WebView, renderingRequest: RequestRenderingEvent) => void;
 export declare const resetHtml: (currentWebView: WebView) => void;
 export declare const handleHtmlFullHeight: (currentWebView: WebView | null, windowHeight: number) => number;

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

@@ -0,0 +1,6 @@
+import type { RequestRenderingEvent } from '../../../messages/webMessages/unitMessages';
+export interface UNAddToWalletBottomSheetItemProps {
+    renderingRequest?: RequestRenderingEvent;
+    cardId?: string;
+}
+export declare const UNAddToWalletBottomSheetItem: (props: UNAddToWalletBottomSheetItemProps) => JSX.Element;

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

@@ -0,0 +1,17 @@
+export declare const getStylesObject: () => {
+    addToWalletButton: {
+        position: "absolute";
+        height: number;
+        bottom: number;
+        left: number;
+        right: number;
+        marginHorizontal: number;
+    };
+    loader: {
+        position: "absolute";
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+};

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

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

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

@@ -1,6 +1,14 @@
 import type WebView from 'react-native-webview';
 import type { UNCardComponentProps } from './UNCardComponent';
-import { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';
+import type { NativeModules } from 'react-native';
+import { UNWallet, UNWalletCode, UNWalletName } from '../../../src/sharedTypes/wallet.types';
+import type { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';
 export declare const getCardParams: (props: UNCardComponentProps) => string;
 export declare const getCardScript: () => string;
 export declare const injectRefreshEventIfNeeded: (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => void;
+export declare const launchGetWallets: (customerToken: string, cardId: string, pushProvisioningModule: typeof NativeModules) => Promise<{
+    name: UNWalletName;
+    code: UNWalletCode;
+    status: any;
+} | null | undefined>;
+export declare const launchStartCardProvisioning: (pushProvisioningModule: typeof NativeModules, wallet: UNWallet | null) => Promise<any>;

package/lib/typescript/components/UNCardComponent/networking/common/UNNetworkConstants.d.ts

@@ -0,0 +1,8 @@
+export declare const APIHeaders: {
+    AUTHORIZATION: string;
+    CONTENT_TYPE: string;
+};
+export declare const UNIT_SECURE_URL: {
+    sandbox: string;
+    production: string;
+};

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

@@ -0,0 +1 @@
+export declare const getMobileWalletPayload: (customerToken: string, cardId: string) => Promise<any>;

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

@@ -2,3 +2,4 @@ export * from './UNCardComponent/UNCardComponent';
 export * from './UNBottomSheetComponent/UNBottomSheetComponent';
 export * from './UNBookPaymentComponent/UNBookPaymentComponent';
 export * from './UNActivityComponent/UNActivityComponent';
+export * from './UNAccountComponent/UNAccountComponent';

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

@@ -1,12 +1,12 @@
-import type { NativeMessage } from '../messages/nativeMessages';
+import type { NativeMessageType } from '../messages/nativeMessages';
 import type { WebViewMessageType } from '../messages/webMessages';
-export declare type BusEventKey = NativeMessage | WebViewMessageType;
+export declare type BusEventKey = NativeMessageType | WebViewMessageType;
 export default class EventBus {
     private static _instance;
     private eventListeners;
     private constructor();
     static get Instance(): EventBus;
-    event(event: BusEventKey, data: any): void;
+    event(event: BusEventKey, data?: any): void;
     addListener(event: BusEventKey, listener: (data: any) => void): void;
     removeListener(listener: (data: any) => void): void;
     private _remove;

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

@@ -0,0 +1,28 @@
+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 CardGetAddToWalletStatusEvent {
+    cardId: string;
+}
+export interface CardStartPushProvisioningEvent {
+    cardId: string;
+}
+export declare type CardNativeEvent = CardAddToWalletStatusEvent | CardGetAddToWalletStatusEvent | CardStartPushProvisioningEvent;

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

@@ -1,3 +1,8 @@
-export declare enum NativeMessage {
-    IS_SCRIPT_FETCHED = "isScriptFetched"
+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 interface NativeMessage {
+    type: NativeMessageType;
+    details?: NativeEvent;
 }

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

@@ -0,0 +1,8 @@
+export declare enum SDKMessage {
+    IS_SCRIPT_FETCHED = "isScriptFetched",
+    IS_SDK_INITIALIZED = "isSdkInitialized"
+}
+export interface SdkScriptFetched {
+    unitScript: string;
+}
+export declare type SDKEvent = SdkScriptFetched;

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

@@ -1,17 +1,20 @@
+import type { ResponseUnitOnLoadEvent } 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_ON_LOAD = "unitOnLoad",
+    UNIT_REQUEST_DOWNLOAD = "unitRequestDownload"
 }
-export interface RequestRenderingData {
+export interface RequestRenderingEvent {
+    data: RequestRenderingEventData;
+}
+export interface RequestRenderingEventData {
+    actionType?: string;
     nativePlace: string;
     nativeComponent: string;
 }
-export interface RequestRenderingEvent {
-    data: string;
-}
 export interface RequestRefreshEvent {
     refEvent: string;
     dependencies: string[];
@@ -21,4 +24,11 @@ export interface RequestOpenLinkEvent {
     href: string;
     target: string;
 }
-export declare type UnitEvent = RequestRenderingEvent | RequestRefreshEvent | RequestOpenLinkEvent;
+export interface RequestDownloadEvent {
+    url: string;
+    accessToken: string;
+    fileType: string;
+    responseType: string;
+    fileName: string;
+}
+export declare type UnitEvent = RequestRenderingEvent | RequestRefreshEvent | RequestOpenLinkEvent | ResponseUnitOnLoadEvent | RequestDownloadEvent;

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

@@ -3,9 +3,12 @@ export declare const POST_PAGE_HEIGHT: string;
 export declare const LISTENERS: {
     isPageLoaded: string;
     requestRendering: string;
+    requestRefresh: string;
     onLoad: string;
     requestCloseFlow: string;
     requestOpenLink: string;
+    unitRequestDownload: string;
     cardStatusChange: string;
 };
-export declare const DISPTACH_RENDERING_EVENT: string;
+export declare const DISPATCH_RENDERING_EVENT: string;
+export declare const DISPATCH_REQUEST_REFRESH: string;

package/lib/typescript/sharedTypes/bookPayment.types.d.ts

@@ -1,7 +1,7 @@
-import type { Tags, Relationship } from "./types";
-declare type BookPaymentStatus = "Sent" | "Rejected";
+import type { Tags, Relationship } from './types';
+declare type BookPaymentStatus = 'Sent' | 'Rejected';
 export declare type UNBookPaymentData = {
-    type: "bookPayment";
+    type: 'bookPayment';
     id: string;
     attributes: {
         createdAt: string | Date;

package/lib/typescript/sharedTypes/card.types.d.ts

@@ -1,9 +1,9 @@
-import type { Address, FullName, Limits, Relationship, Tags } from "./types";
+import type { Address, FullName, Limits, Relationship, Tags } from './types';
 export declare type UNCardData = IndividualDebitCard | BusinessDebitCard;
-declare type CardStatus = "Active" | "Inactive" | "Stolen" | "Lost" | "Frozen" | "ClosedByCustomer" | "SuspectedFraud";
-declare type IndividualDebitCard = {
+declare type CardStatus = 'Active' | 'Inactive' | 'Stolen' | 'Lost' | 'Frozen' | 'ClosedByCustomer' | 'SuspectedFraud';
+export declare type IndividualDebitCard = {
     id: string;
-    type: "individualDebitCard" | "individualVirtualDebitCard";
+    type: 'individualDebitCard' | 'individualVirtualDebitCard';
     attributes: {
         createdAt: string;
         last4Digits: string;
@@ -23,9 +23,9 @@ declare type IndividualDebitCard = {
         customer: Relationship;
     };
 };
-declare type BusinessDebitCard = {
+export declare type BusinessDebitCard = {
     id: string;
-    type: "businessDebitCard" | "businessVirtualDebitCard";
+    type: 'businessDebitCard' | 'businessVirtualDebitCard';
     attributes: {
         fullName: FullName;
         dateOfBirth: string;

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

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

package/lib/typescript/sharedTypes/onLoadResponse.types.d.ts

@@ -0,0 +1,18 @@
+import type { UNCardData } from '../sharedTypes';
+export declare type SuccessResponseUnitOnLoad = {
+    data: UNCardData | Object;
+    included: [Object];
+    errors: null;
+};
+export declare type ErrorResponseUnitOnLoad = {
+    errors: [
+        {
+            status: string;
+            title: string;
+            detail?: string;
+            details?: string;
+            meta?: Record<string, string>;
+        }
+    ];
+};
+export declare type ResponseUnitOnLoadEvent = SuccessResponseUnitOnLoad | ErrorResponseUnitOnLoad;

package/lib/typescript/sharedTypes/wallet.types.d.ts

@@ -0,0 +1,14 @@
+import type { CardAddToWalletStatus } from 'src/messages/nativeMessages/cardMessage';
+export declare enum UNWalletCode {
+    Apple = "ApplePayPushProvision",
+    Google = "GooglePayPushProvision"
+}
+export declare enum UNWalletName {
+    Apple = "APPLE",
+    Google = "GOOGLE"
+}
+export interface UNWallet {
+    name: string;
+    code: string;
+    status: CardAddToWalletStatus;
+}

package/lib/typescript/unitSdkManager/UnitSdkManager.d.ts

@@ -9,7 +9,10 @@ export declare const UNIT_SCRIPT_URL: {
 export declare class UnitSDK {
     protected static env?: UNEnvironment;
     protected static theme?: string;
+    protected static signedNonce?: string;
     static init: (env: UNEnvironment, theme?: string) => Promise<void>;
+    static setSignedNonce: (signedNonce: string) => void;
     static getEnv: () => UNEnvironment | undefined;
     static getTheme: () => string | undefined;
+    static getSignedNonce: () => string | undefined;
 }

package/lib/typescript/webComponent/WebComponent.d.ts

@@ -6,9 +6,11 @@ export interface WebComponentProps {
     type: WebComponentType;
     presentationMode?: PresentationMode;
     params?: string;
+    theme?: string;
     onMessage?: (message: WebViewMessage) => void;
     script?: string;
     isScrollable?: boolean;
+    nestedScrollEnabled?: boolean;
     handleScroll?: (event: any) => void;
     width?: number;
 }
@@ -16,6 +18,7 @@ export declare enum WebComponentType {
     card = "unit-elements-card",
     bookPayment = "unit-elements-book-payment",
     activity = "unit-elements-activity",
-    slot = "unit-elements-sdk-slot"
+    slot = "unit-elements-sdk-slot",
+    account = "unit-elements-account"
 }
 export declare const WebComponent: React.ForwardRefExoticComponent<WebComponentProps & React.RefAttributes<WebView<{}>>>;

package/lib/typescript/webComponent/WebComponent.utils.d.ts

@@ -0,0 +1,2 @@
+import type { RequestDownloadEvent } from '../messages/webMessages/unitMessages';
+export declare const handleRequestDownload: (details: RequestDownloadEvent, onReadyToShare: () => void) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unit-components",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Unit React Native components",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -77,6 +77,7 @@
     "react-native-webview": "*"
   },
   "dependencies": {
+    "axios": "^1.3.3",
     "react-native-webview": "11.23.1"
   },
   "jest": {

package/src/components/UNAccountComponent/UNAccountComponent.tsx

@@ -0,0 +1,82 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Dimensions, View } from 'react-native';
+import type WebView from 'react-native-webview';
+import { HeightEvent, PageMessage } from '../..//messages/webMessages/pageMessage';
+import { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';
+import EventBus from '../../helpers/EventBus';
+import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+import { useListenerToBus } from '../../hooks/listenerToBus';
+import type { WebViewMessage } from '../../messages/webMessages';
+import { getAccountParams, getAccountScript, injectRefreshEventIfNeeded } from './UNAccountComponent.utils';
+import { PresentationMode } from '../../scripts/html/bodyHtml';
+import type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';
+import type { ResponseUnitOnLoadEvent } from '../../sharedTypes';
+
+export interface UNAccountComponentProps {
+  accountId?: string;
+  customerToken: string;
+  theme?: string;
+  onLoad?: (response: ResponseUnitOnLoadEvent) => void;
+}
+
+export enum AccountAction {
+  List = 'account-list',
+  Menu = 'account-menu'
+}
+
+export const UNAccountComponent = (props: UNAccountComponentProps) => {
+  const [height, setHeight] = useState(0);
+  const windowWidth = Dimensions.get('window').width;
+
+  const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);
+
+  const webRef = useRef<WebView>(null);
+
+  const requestRefresh = (data: RequestRefreshEvent) => {
+    setRequestRefreshEvent(data);
+  };
+
+  useListenerToBus([
+    { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },
+  ]);
+
+  useEffect(() => {
+    injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent);
+  }, [requestRefreshEvent]);
+
+  const handleMessage = (message: WebViewMessage) => {
+    switch (message.type) {
+      case UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details as ResponseUnitOnLoadEvent);
+        break;
+      case UnitMessage.UNIT_REQUEST_RENDERING: {
+        const event: BottomSheetSlotData = {
+          componentName: WebComponentType.account,
+          componentResourceId: props.accountId,
+          requestRenderingEvent: message.details as RequestRenderingEvent
+        };
+        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);
+        break;
+      }
+      case PageMessage.PAGE_HEIGHT:
+        setHeight((message.details as HeightEvent).height);
+        break;
+    }
+  };
+
+  return (
+    <View style={{ height }}>
+      <WebComponent
+        ref={webRef}
+        type={WebComponentType.account}
+        presentationMode={PresentationMode.Default}
+        params={getAccountParams(props)}
+        script={getAccountScript()}
+        theme={props.theme}
+        onMessage={message => handleMessage(message)}
+        width={windowWidth}
+        isScrollable={false}
+      />
+    </View>
+  );
+};

package/src/components/UNAccountComponent/UNAccountComponent.utils.ts

@@ -0,0 +1,30 @@
+import { AccountAction, UNAccountComponentProps } from './UNAccountComponent';
+import { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';
+import type WebView from 'react-native-webview';
+import { WebComponentType } from '../../webComponent/WebComponent';
+
+export const getAccountParams = (props: UNAccountComponentProps) => {
+  return `
+    account-id="${props.accountId}"
+    customer-token="${props.customerToken}"
+  `;
+};
+
+export const getAccountScript = () => {
+  return `
+    const dispatchRefreshEvent = (details) => {
+    const event = new CustomEvent("${UnitMessage.UNIT_REQUEST_REFRESH}",{ detail: JSON.parse(details) })
+    window.dispatchEvent(event)
+    }
+  `;
+};
+
+export const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => {
+  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.account.valueOf())) {
+    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
+  }
+};
+
+export const getAccountActionType = (requestRendering: RequestRenderingEvent) => {
+  return requestRendering.data.nativeComponent.includes(AccountAction.List) ? AccountAction.List : AccountAction.Menu;
+};

package/src/components/UNActivityComponent/UNActivityComponent.tsx

@@ -1,21 +1,70 @@
-import React from 'react';
+import React, { useRef, useState } from 'react';
+import { Dimensions, View } from 'react-native';
+import { RequestRefreshEvent, UnitMessage } from '../../messages/webMessages/unitMessages';
+import { useListenerToBus } from '../../hooks/listenerToBus';
+import type { WebViewMessage } from '../../messages/webMessages';
+import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
 import { PresentationMode } from '../../scripts/html/bodyHtml';
+import type { ResponseUnitOnLoadEvent } from '../../sharedTypes';
 import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
-import { getActivityParams } from './UNActivityComponent.utils';
+import { getActivityParams, getActivityScript, injectRefreshEventIfNeeded } from './UNActivityComponent.utils';
+import type WebView from 'react-native-webview';
 
+const DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;
 export interface UNActivityComponentProps {
   accountId: string;
   customerToken: string;
   theme?: string;
+  onLoad?: (response: ResponseUnitOnLoadEvent) => void
 }
 
 export const UNActivityComponent = (props: UNActivityComponentProps) => {
+  const webRef = useRef<WebView>(null);
+  const [defaultHeight, setDefaultHeight] = useState<number>();
+
+  const requestRefresh = (data: RequestRefreshEvent) => {
+    injectRefreshEventIfNeeded(webRef.current, data);
+  };
+
+  useListenerToBus([
+    { busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh },
+  ]);
+
+  const handleWebViewMessage = (message: WebViewMessage) => {
+    switch (message.type) {
+      case UnitMessage.UNIT_ON_LOAD:
+        props.onLoad && props.onLoad(message.details as ResponseUnitOnLoadEvent);
+        break;
+      case PageMessage.PAGE_HEIGHT: {
+        const currentHeight = (message.details as HeightEvent).height;
+        currentHeight === 0 && setDefaultHeight(DEFAULT_HEIGHT);
+        break;
+      }
+    }
+  };
+
+  const renderActivityWebView = () => {
+    return (
+      <WebComponent
+        ref={webRef}
+        type={WebComponentType.activity}
+        presentationMode={PresentationMode.Inherit}
+        params={getActivityParams(props)}
+        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
+        nestedScrollEnabled={true}
+        theme={props.theme}
+        script={getActivityScript()}
+      />
+    );
+  };
+
+  if (!defaultHeight) {
+    return renderActivityWebView();
+  }
+
   return (
-    <WebComponent
-      type={WebComponentType.activity}
-      presentationMode={PresentationMode.Inherit}
-      params={getActivityParams(props)}
-      isScrollable={false}
-    />
+    <View style={{ height: defaultHeight }}>
+      {renderActivityWebView()}
+    </View>
   );
 };

package/src/components/UNActivityComponent/UNActivityComponent.utils.ts

@@ -1,11 +1,23 @@
-import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
+import { WebComponentType } from './../../webComponent/WebComponent';
+import type { RequestRefreshEvent } from './../../messages/webMessages/unitMessages';
+import type { WebView } from 'react-native-webview';
+import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';
 import type { UNActivityComponentProps } from './UNActivityComponent';
 
 export const getActivityParams = (props: UNActivityComponentProps) => {
   return `
     account-id="${props.accountId}"
     customer-token="${props.customerToken}"
-    theme="${props.theme ?? UnitSDK.getTheme()}"
     style="height: 100%"
   `;
 };
+
+export const getActivityScript = () => {
+  return DISPATCH_REQUEST_REFRESH;
+};
+
+export const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null) => {
+  if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.activity.valueOf())) {
+    currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
+  }
+};