react-native-unit-components 1.0.1 → 1.0.3

package/src/components/UNCardComponent/UNCardComponent.utils.ts

@@ -1,24 +1,22 @@
+import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';
 import type WebView from 'react-native-webview';
 import type { UNCardComponentProps } from './UNCardComponent';
 import { WebComponentType } from '../../webComponent/WebComponent';
-import { RequestRefreshEvent, UnitMessage } from '../../messages/webMessages/unitMessages';
-import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
+import type { NativeModules } from 'react-native';
+import { getMobileWalletPayload } from './networking/requests/UNWalletPayloadRequest';
+import { UNWallet, UNWalletCode, UNWalletName } from '../../../src/sharedTypes/wallet.types';
+import type { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';
 
 export const getCardParams = (props: UNCardComponentProps) => {
   return `
     card-id="${props.cardId}"
     customer-token="${props.customerToken}"
-    theme="${props.theme ?? UnitSDK.getTheme()}"
+    enable-mobile-wallet="${!!props.pushProvisioningModule}"
   `;
 };
 
 export const getCardScript = () => {
-  return `
-    const dispatchRefreshEvent = (details) => {
-    const event = new CustomEvent("${UnitMessage.UNIT_REQUEST_REFRESH}",{ detail: JSON.parse(details) })
-    window.dispatchEvent(event)
-    }
-  `;
+  return DISPATCH_REQUEST_REFRESH;
 };
 
 export const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => {
@@ -26,3 +24,43 @@ export const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRe
     currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
   }
 };
+
+export const launchGetWallets = async (customerToken: string, cardId: string, pushProvisioningModule: typeof NativeModules) => {
+  try {
+    const encryptedPayload = await getMobileWalletPayload(customerToken, cardId);
+    if (!encryptedPayload) return null;
+
+    const walletsResponse = await pushProvisioningModule.launchGetWallets(JSON.stringify({ encPayload: encryptedPayload }));
+    const parsedWalletsResponse = JSON.parse(walletsResponse);
+    const wallets = parsedWalletsResponse.wallets;
+
+    if (!wallets) return null;
+    if (wallets[0].code === UNWalletCode.Apple) {
+      return ({ name: UNWalletName.Apple, code: UNWalletCode.Apple, status: wallets[0].status });
+    } else {
+      const googleWallet = wallets.filter((wallet: { name: UNWalletName }) => {
+        return wallet.name === UNWalletName.Google;
+      });
+      if (!googleWallet) return;
+      return ({ name: UNWalletName.Google, code: UNWalletCode.Google, status: googleWallet[0].status });
+    }
+  } catch (error) {
+    return Promise.reject(error);
+  }
+
+};
+
+export const launchStartCardProvisioning = async (pushProvisioningModule: typeof NativeModules, wallet: UNWallet | null) => {
+  try {
+    const response = await pushProvisioningModule.launchStartCardProvisioning(
+      JSON.stringify({
+        walletCode: wallet?.code,
+        walletName: wallet?.name
+      }));
+    return response;
+  }
+
+  catch (error) {
+    return Promise.reject(error);
+  }
+};

package/src/components/UNCardComponent/networking/common/UNNetworkConstants.ts

@@ -0,0 +1,11 @@
+import { UNEnvironment } from '../../../../unitSdkManager/UnitSdkManager';
+
+export const APIHeaders = {
+  AUTHORIZATION: 'Authorization',
+  CONTENT_TYPE: 'application/vnd.api+json',
+};
+
+export const UNIT_SECURE_URL = {
+  [UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',
+  [UNEnvironment.production]: 'https://secure.api.unit.co'
+};

package/src/components/UNCardComponent/networking/requests/UNWalletPayloadRequest.ts

@@ -0,0 +1,34 @@
+import axios from 'axios';
+import { APIHeaders, UNIT_SECURE_URL } from '../common/UNNetworkConstants';
+import { UNEnvironment, UnitSDK } from 'react-native-unit-components';
+
+const env = UnitSDK.getEnv();
+
+export const getMobileWalletPayload = async (customerToken: string, cardId: string) => {
+  const headers = {
+    'Content-Type': APIHeaders.CONTENT_TYPE,
+    'Authorization': `Bearer ${customerToken}`,
+  };
+
+  const data = {
+    data: {
+      attributes: {
+        signedNonce: UnitSDK.getSignedNonce(),
+      },
+    },
+  };
+
+  const baseURL = `${UNIT_SECURE_URL[env as keyof typeof UNEnvironment]}/cards/${cardId}/mobile-wallet-payload`;
+  try {
+    const response = await axios.post(
+      baseURL,
+      data,
+      {
+        headers: headers,
+      });
+    const encryptedPayload = response.data.data.attributes.payload;
+    return encryptedPayload;
+  } catch (error) {
+    return Promise.reject(error);
+  }
+};

package/src/components/index.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/src/helpers/BottomSheet/BottomSheet.styles.ts

@@ -1,5 +1,5 @@
 import { Dimensions, StyleSheet } from 'react-native';
-import { BOTTOM_SHEET_MAX_PRECANTAGE_SIZE } from '../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';
+import { BOTTOM_SHEET_MAX_PERCENTAGE_SIZE } from '../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';
 import { VARIABLES } from '../../styles/variables';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -20,7 +20,7 @@ export const getStylesObject = (fadeAnim: any) => {
     container: {
       position: 'relative',
       flex: 1,
-      marginTop: Dimensions.get('window').height * (1 - BOTTOM_SHEET_MAX_PRECANTAGE_SIZE),
+      marginTop: Dimensions.get('window').height * (1 - BOTTOM_SHEET_MAX_PERCENTAGE_SIZE),
       shadowColor: VARIABLES.COLORS.BLACK,
       shadowOffset: {
         width: 0,

package/src/helpers/BottomSheet/BottomSheet.tsx

@@ -13,8 +13,9 @@ import {
 } from 'react-native';
 import PropTypes from 'prop-types';
 import { CloseIcon } from '../../assets/images';
-import { BOTTOM_SHEET_MAX_PRECANTAGE_SIZE } from '../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';
+import { BOTTOM_SHEET_MAX_PERCENTAGE_SIZE } from '../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';
 import { getStylesObject } from './BottomSheet.styles';
+import { useAppStateListener } from '../../hooks/useAppStateListener';
 
 export interface BottomSheetProps {
   isOpen: boolean
@@ -40,6 +41,8 @@ const BottomSheet = (props: BottomSheetProps) => {
 
   const [dy, setDy] = useState(0);
 
+  const isAppActive = useAppStateListener();
+
   const _parentPanResponder = PanResponder.create({
     onMoveShouldSetPanResponderCapture: (_, gestureState) => {
       return props.shouldEnableBottomSheetScroll && Math.abs(gestureState.dy) > 10;
@@ -66,6 +69,13 @@ const BottomSheet = (props: BottomSheetProps) => {
     }
   });
 
+  useEffect(() => {
+    if (!isAppActive && isPanelOpened) {
+      setContentHeight(0);
+      _dismiss(false);
+    }
+  }, [isAppActive]);
+
   useEffect(() => {
     if (props.isOpen && !isPanelOpened) {
       fadeIn();
@@ -86,21 +96,27 @@ const BottomSheet = (props: BottomSheetProps) => {
   }, []);
 
   const fadeIn = () => {
+    setIsPanelOpened(true);
     Animated.timing(fadeAnim, {
       toValue: 0.3,
       duration: 500,
       useNativeDriver: false
-    }).start(() => { setIsPanelOpened(true); });
+    }).start();
   };
 
-  const fadeOut = () => {
+  const fadeOut = (withTimeout = true) => {
+    /*
+      withTimeout - most of the time we declare 'Close' after the animation is end.
+      In a case that the app is not active we do it without timeout. (Otherwise a race condition may occur.)
+    */
+    setIsPanelOpened(false);
+    !withTimeout && props.onClose();
     Animated.timing(fadeAnim, {
       toValue: 0,
       duration: 500,
       useNativeDriver: false
     }).start(() => {
-      setIsPanelOpened(false);
-      props.onClose();
+      withTimeout && props.onClose();
     });
   };
 
@@ -115,7 +131,7 @@ const BottomSheet = (props: BottomSheetProps) => {
 
   const expand = () => {
     const { animationDuration } = props;
-
+    props.onOpen();
     if (contentHeight && currentHeight > (sliderMaxHeight - contentHeight)) {
       setToContentHeight(contentHeight);
       return;
@@ -150,7 +166,7 @@ const BottomSheet = (props: BottomSheetProps) => {
     setToContentHeight(newContentHeight);
   };
 
-  const _dismiss = () => {
+  const _dismiss = (withTimeout = true) => {
     const { animationDuration } = props;
     Animated.timing(panelHeightValue, {
       duration: animationDuration,
@@ -160,7 +176,7 @@ const BottomSheet = (props: BottomSheetProps) => {
     }).start(() => {
       null;
     });
-    fadeOut();
+    fadeOut(withTimeout);
   };
 
   const {
@@ -172,7 +188,7 @@ const BottomSheet = (props: BottomSheetProps) => {
     <>
       <TouchableOpacity
         style={styles.outsideContainer} activeOpacity={1}
-        onPress={_dismiss}
+        onPress={() => _dismiss()}
       >
         <Animated.View
           style={styles.animation}
@@ -195,7 +211,7 @@ const BottomSheet = (props: BottomSheetProps) => {
           <TouchableOpacity
             activeOpacity={1}
             style={styles.closeButton}
-            onPress={_dismiss}
+            onPress={() => _dismiss()}
           >
             <Image source={CloseIcon} />
           </TouchableOpacity>
@@ -206,7 +222,7 @@ const BottomSheet = (props: BottomSheetProps) => {
             <KeyboardAvoidingView
               behavior="padding"
               style={{ height: props.height }}
-              keyboardVerticalOffset={props.height * (1 - BOTTOM_SHEET_MAX_PRECANTAGE_SIZE)}
+              keyboardVerticalOffset={props.height * (1 - BOTTOM_SHEET_MAX_PERCENTAGE_SIZE)}
             >
               {children}
             </KeyboardAvoidingView>
@@ -231,7 +247,7 @@ BottomSheet.propTypes = {
 BottomSheet.defaultProps = {
   children: <View />,
   isOpen: true,
-  sliderMaxHeight: Dimensions.get('window').height * BOTTOM_SHEET_MAX_PRECANTAGE_SIZE,
+  sliderMaxHeight: Dimensions.get('window').height * BOTTOM_SHEET_MAX_PERCENTAGE_SIZE,
   animationDuration: 200,
   onOpen: () => null,
   onClose: () => null,

package/src/helpers/EventBus.ts

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { NativeMessage } from '../messages/nativeMessages';
+import type { NativeMessageType } from '../messages/nativeMessages';
 import type { WebViewMessageType } from '../messages/webMessages';
 
-export type BusEventKey = NativeMessage | WebViewMessageType
+export type BusEventKey = NativeMessageType | WebViewMessageType
 
 export default class EventBus {
   private static _instance: EventBus;
@@ -17,7 +17,7 @@ export default class EventBus {
     return this._instance || (this._instance = new this());
   }
 
-  public event(event: BusEventKey, data: any) {
+  public event(event: BusEventKey, data?: any) {
     const listeners = this.eventListeners[event.valueOf()];
     if (Array.isArray(listeners)) {
       listeners.map(listener => {

package/src/messages/nativeMessages/cardMessage.ts

@@ -0,0 +1,37 @@
+export enum CardNativeMessage {
+  CARD_GET_ADD_TO_WALLET_STATUS = 'cardGetAddToWalletStatus',
+  CARD_UPDATE_ADD_TO_WALLET_STATUS = 'cardUpdateAddToWalletStatus',
+  CARD_START_PUSH_PROVISIONING = 'cardStartPushProvisioning'
+}
+
+export enum CardAddToWalletStatus {
+  pending,
+  readyToProvisioning = 'ReadyToProvision',
+  addedToWallet = 'AlreadyProvisioned',
+  iosProvisionedInCurrentDevice = 'ProvisionedInCurrentDevice',
+  iosProvisionedInPairedDevice = 'ProvisionedInPairedDevice',
+  androidNotInstalled = 'NotInstalled',
+  androidWalletSetupNotCompleted = 'WalletSetupNotCompleted',
+  androidWalletAppUpdateAvailable = 'WalletAppUpdateAvailable'
+
+}
+
+export enum CardAddToWalletErrors {
+  closedNativeWalletScreen = 'VP_ERROR_302'
+}
+export interface CardAddToWalletStatusEvent {
+  status: CardAddToWalletStatus
+}
+
+export interface CardGetAddToWalletStatusEvent {
+  cardId: string
+}
+
+export interface CardStartPushProvisioningEvent {
+  cardId: string
+}
+
+export type CardNativeEvent =
+  | CardAddToWalletStatusEvent
+  | CardGetAddToWalletStatusEvent
+  | CardStartPushProvisioningEvent

package/src/messages/nativeMessages/index.ts

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

package/src/messages/nativeMessages/sdkMessage.ts

@@ -0,0 +1,11 @@
+export enum SDKMessage {
+  IS_SCRIPT_FETCHED = 'isScriptFetched',
+  IS_SDK_INITIALIZED = 'isSdkInitialized',
+}
+
+export interface SdkScriptFetched {
+  unitScript: string
+}
+
+export type SDKEvent =
+  | SdkScriptFetched

package/src/messages/webMessages/unitMessages.ts

@@ -1,18 +1,21 @@
+import type { ResponseUnitOnLoadEvent } from '../../sharedTypes';
+
 export 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 {
-  nativePlace: string;
-  nativeComponent: string;
+export interface RequestRenderingEvent {
+  data: RequestRenderingEventData
 }
 
-export interface RequestRenderingEvent {
-  data: string;
+export interface RequestRenderingEventData {
+  actionType?: string,
+  nativePlace: string,
+  nativeComponent: string,
 }
 
 export interface RequestRefreshEvent {
@@ -26,7 +29,17 @@ export interface RequestOpenLinkEvent {
   target: string
 }
 
+export interface RequestDownloadEvent {
+  url: string
+  accessToken: string
+  fileType: string
+  responseType: string
+  fileName: string
+}
+
 export type UnitEvent =
   | RequestRenderingEvent
   | RequestRefreshEvent
   | RequestOpenLinkEvent
+  | ResponseUnitOnLoadEvent
+  | RequestDownloadEvent

package/src/scripts/html/bodyHtml.ts

@@ -15,7 +15,7 @@ export enum PresentationMode {
 }
 
 export const getHtmlBody = (unitComponent: string, unitComponentProps?: string, presentationMode?: PresentationMode) => {
-  const currentComponent = `<${unitComponent} ${unitComponentProps || ''}> </${unitComponent}>`;
+  const currentComponent = `<${unitComponent} ${unitComponentProps || ''} }> </${unitComponent}>`;
 
   switch (presentationMode) {
     case PresentationMode.CoverInjectedHeight:

package/src/scripts/html/bodyScript.ts

@@ -21,20 +21,25 @@ export const POST_PAGE_HEIGHT = `
 `;
 
 export const LISTENERS = {
-  isPageLoaded:`
+  isPageLoaded: `
     window.addEventListener('DOMContentLoaded', e => {
       postMessageToSDK({ type: "${PageMessage.PAGE_LOADED}" })
     });
   `,
   requestRendering: `
     window.addEventListener("${UnitMessage.UNIT_REQUEST_RENDERING}", (e) => {
-      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_RENDERING}", details: { data: JSON.stringify(e.detail) }})
+      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_RENDERING}", details: { data: e.detail }})
+    });
+  `,
+  requestRefresh: `
+    window.addEventListener("${UnitMessage.UNIT_REQUEST_REFRESH}", (e) => {
+      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_REFRESH}", details:  e.detail  })
     });
   `,
   onLoad: `
     window.addEventListener("${UnitMessage.UNIT_ON_LOAD}", (e) => {
       postHeight()
-      postMessageToSDK({ type: "${UnitMessage.UNIT_ON_LOAD}" })
+      postMessageToSDK({ type: "${UnitMessage.UNIT_ON_LOAD}", details: e.detail })
     });
   `,
   requestCloseFlow: `
@@ -47,6 +52,11 @@ export const LISTENERS = {
       postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_OPEN_LINK}", details: e.detail })
     });
   `,
+  unitRequestDownload: `
+    window.addEventListener("${UnitMessage.UNIT_REQUEST_DOWNLOAD}", (e) => {
+      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_DOWNLOAD}", details: e.detail })
+    });
+  `,
   cardStatusChange: `
     window.addEventListener("${CardMessage.CARD_STATUS_CHANGED}", (e) => {
       const response = e.detail
@@ -59,9 +69,16 @@ export const LISTENERS = {
   `
 };
 
-export const DISPTACH_RENDERING_EVENT = `
+export const DISPATCH_RENDERING_EVENT = `
   const dispatchRenderingEvent = (details) => {
     const event = new CustomEvent("${UnitMessage.UNIT_REQUEST_RENDERING}",{ detail: JSON.parse(details) })
     window.dispatchEvent(event)
   }
 `;
+
+export const DISPATCH_REQUEST_REFRESH = `
+    const dispatchRefreshEvent = (details) => {
+    const event = new CustomEvent("${UnitMessage.UNIT_REQUEST_REFRESH}",{ detail: JSON.parse(details) })
+    window.dispatchEvent(event)
+    }
+`;

package/src/sharedTypes/bookPayment.types.ts

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

package/src/sharedTypes/card.types.ts

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

package/src/sharedTypes/index.ts

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

package/src/sharedTypes/onLoadResponse.types.ts

@@ -0,0 +1,27 @@
+/* eslint-disable @typescript-eslint/ban-types */
+import type { UNCardData } from '../sharedTypes';
+
+export type SuccessResponseUnitOnLoad = {
+  /*
+   Object since the current response data types from 'Activities' and 'BookPayment' do not have documentation.
+   When things are determined, we may update it
+  */
+  data: UNCardData | Object,
+  included: [Object],
+  errors: null
+}
+
+export type ErrorResponseUnitOnLoad = {
+  errors: [
+    {
+      status: string,
+      title: string,
+      detail?: string,
+      details?: string,
+      meta?: Record<string, string>
+    }
+  ]
+}
+export type ResponseUnitOnLoadEvent =
+  | SuccessResponseUnitOnLoad
+  | ErrorResponseUnitOnLoad

package/src/sharedTypes/wallet.types.ts

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

package/src/unitSdkManager/UnitSdk.api.ts

@@ -1,5 +1,5 @@
 import EventBus from '../helpers/EventBus';
-import { NativeMessage } from '../messages/nativeMessages';
+import { SDKMessage, SdkScriptFetched } from '../messages/nativeMessages/sdkMessage';
 import { UnitSDK, UNIT_SCRIPT_URL } from './UnitSdkManager';
 
 let isLoadingScript = false;
@@ -18,7 +18,8 @@ export const fetchUnitScript = async () => {
     const unitScriptRes = await fetch(UNIT_SCRIPT_URL[env]);
     const unitScript = await unitScriptRes.text();
     if (unitScript) {
-      EventBus.Instance.event(NativeMessage.IS_SCRIPT_FETCHED, { unitScript });
+      const scriptFetchData: SdkScriptFetched = { unitScript };
+      EventBus.Instance.event(SDKMessage.IS_SCRIPT_FETCHED, scriptFetchData);
       globalUnitScript = unitScript;
     }
     return null;

package/src/unitSdkManager/UnitSdkManager.ts

@@ -1,3 +1,5 @@
+import EventBus from '../helpers/EventBus';
+import { SDKMessage } from '../messages/nativeMessages/sdkMessage';
 import { fetchUnitScript } from './UnitSdk.api';
 
 export enum UNEnvironment {
@@ -12,17 +14,23 @@ export const UNIT_SCRIPT_URL = {
 export class UnitSDK {
   protected static env?: UNEnvironment;
   protected static theme?: string;
+  protected static signedNonce?: string;
 
   public static init = async (env: UNEnvironment, theme?: string) => {
     try {
       this.env = env;
       this.theme = theme;
       await fetchUnitScript();
+      EventBus.Instance.event(SDKMessage.IS_SDK_INITIALIZED, {});
     } catch (e) {
       console.log(e);
     }
   };
 
+  public static setSignedNonce = (signedNonce: string) => {
+    this.signedNonce = signedNonce;
+  };
+
   public static getEnv = () => {
     return this.env;
   };
@@ -30,4 +38,8 @@ export class UnitSDK {
   public static getTheme = () => {
     return this.theme;
   };
+
+  public static getSignedNonce = () => {
+    return this.signedNonce;
+  };
 }