react-native-unit-components 1.15.0 → 2.0.1

package/src/hooks/useAppStateListener.ts

@@ -6,14 +6,48 @@ const getIsAppActive = (currentAppState: AppStateStatus) => {
   return currentAppState !== 'background' && currentAppState !== 'inactive';
 };
 
-export const useAppStateListener = () => {
+const BACKGROUND_THRESHOLD = 30000; // 30 seconds in milliseconds
+
+/*
+ * This hook is used to check if the app is in the background for a long period of time.
+ * If yes - returns true and trigger closing the bottomsheet.
+ * If no - returns false and keep the bottomsheet open.
+ *
+ * Returns false unless background time is more than 30 seconds.
+*/
+
+export const useIsBackFromLongBackground = () => {
   const appState = useRef(AppState.currentState);
-  const [isAppActive, setIsAppActive] = useState<boolean>(getIsAppActive(appState.current));
+  const [isLongBackgroundTime, setIsLongBackgroundTime] = useState<boolean>(false);
+  const backgroundTimestamp = useRef<number | null>(null);
+  const activeTimestamp = useRef<number | null>(null);
 
   useEffect(() => {
     const subscription = AppState.addEventListener('change', nextAppState => {
+      const nextAppStateActive = getIsAppActive(nextAppState);
+      const currentAppStateActive = getIsAppActive(appState.current);
+
+      if (!nextAppStateActive && currentAppStateActive) {
+        // Set background timestamp when first entering background
+        backgroundTimestamp.current = Date.now();
+        activeTimestamp.current = null;
+      } else if (nextAppStateActive && !currentAppStateActive) {
+        // Set active timestamp when coming back from background
+        activeTimestamp.current = Date.now();
+
+        // Check if time difference is more than threshold
+        if (activeTimestamp.current - (backgroundTimestamp.current ?? 0) > BACKGROUND_THRESHOLD) {
+          setIsLongBackgroundTime(true);
+        } else {
+          setIsLongBackgroundTime(false);
+        }
+
+        // Reset timestamps for next cycle
+        backgroundTimestamp.current = null;
+        activeTimestamp.current = null;
+      }
+
       appState.current = nextAppState;
-      setIsAppActive(getIsAppActive(appState.current));
     });
 
     return () => {
@@ -21,5 +55,5 @@ export const useAppStateListener = () => {
     };
   }, []);
 
-  return isAppActive;
+  return isLongBackgroundTime;
 };

package/src/hooks/useSnapshotProtection.ts

@@ -1,7 +1,7 @@
 import { Platform } from 'react-native';
 import UNSnapshotProtectionHelper from '../nativeModulesHelpers/UNSanpshotProtectionHelper/UNSnapshotProtectionHelper';
-import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
-import { UNSnapshotProtectionStrategy } from '../types/shared/securitySettings';
+import { UnitComponentsSDK } from '../unitComponentsSdkManager/UnitComponentsSdkManager';
+import { UNComponentsSnapshotProtectionStrategy } from '../types/shared/securitySettings';
 import { useEffect } from 'react';
 
 export const useSnapshotProtection = () => {
@@ -10,11 +10,11 @@ export const useSnapshotProtection = () => {
    * For iOS, a native service is utilized instead.
    */
   useEffect(() => {
-    if (!UnitSDK.isInitialized()) {
+    if (!UnitComponentsSDK.isInitialized()) {
       return;
     }
 
-    if (UnitSDK.getSecuritySettings().snapshotProtectionStrategy == UNSnapshotProtectionStrategy.None) {
+    if (UnitComponentsSDK.getSecuritySettings().snapshotProtectionStrategy == UNComponentsSnapshotProtectionStrategy.None) {
       return;
     }
 

package/src/index.tsx

@@ -2,4 +2,4 @@ export * from './components';
 
 export * from './types/shared';
 
-export { UnitSDK } from './unitSdkManager/UnitSdkManager';
+export { UnitComponentsSDK } from './unitComponentsSdkManager/UnitComponentsSdkManager';

package/src/messages/webMessages/accountMessage.ts

@@ -1,11 +1,11 @@
-import type { UNAccountData } from '../../types/shared';
+import type { UNAccount } from '../../types/shared';
 
 export enum AccountMessage {
   UNIT_ACCOUNT_CHANGED = 'unitAccountChanged'
 }
 
 export interface AccountChangedEvent {
-  account: UNAccountData;
+  account: UNAccount;
 }
 
 export type AccountEvent =

package/src/messages/webMessages/achCreditMessage.ts

@@ -1,8 +1,8 @@
-import type { UNACHData } from '../../types/shared';
+import type { UNPayment } from '../../types/shared';
 
 export interface PaymentCreatedEvent {
-  data: UNACHData
+  data: UNPayment
 }
 
 export type ACHEvent =
-| PaymentCreatedEvent
+  | PaymentCreatedEvent

package/src/messages/webMessages/bookPaymentMessage.ts

@@ -1,8 +1,8 @@
-import type { UNBookPaymentData } from '../../types/shared';
+import type { UNPayment } from '../../types/shared';
 
 export interface PaymentCreatedEvent {
-  data: UNBookPaymentData
+  data: UNPayment
 }
 
 export type BookPaymentEvent =
-| PaymentCreatedEvent
+  | PaymentCreatedEvent

package/src/messages/webMessages/cardMessage.ts

@@ -1,4 +1,4 @@
-import type { UNCardData } from '../../types/shared';
+import type { UNCard } from '../../types/shared';
 
 export enum CardMessage {
   CARD_ACTIVATED = 'unitCardActivated',
@@ -6,11 +6,11 @@ export enum CardMessage {
 }
 
 export interface CardStatusChangedEvent {
-  card: UNCardData;
+  card: UNCard;
 }
 
 export interface CardActivatedEvent {
-  card: UNCardData;
+  card: UNCard;
 }
 
 export type CardEvent =

package/src/messages/webMessages/checkMessage.ts

@@ -1,14 +1,14 @@
-import type { UNCheckDepositData } from '../../types/shared/checkDeposit.types';
+import type { UNCheckDeposit } from '../../types/shared';
 
 export enum CheckMessage {
   // check deposit
-    CHECK_DEPOSIT_CREATED = 'unitCheckDepositCreated',
-    CHECK_DEPOSIT_RESTART_REQUEST = 'unitCheckDepositRestartRequest'
+  CHECK_DEPOSIT_CREATED = 'unitCheckDepositCreated',
+  CHECK_DEPOSIT_RESTART_REQUEST = 'unitCheckDepositRestartRequest'
 }
 
-export type CheckDepositCreatedEvent = UNCheckDepositData
-export type CheckDepositRestartRequestEvent = UNCheckDepositData
+export type CheckDepositCreatedEvent = UNCheckDeposit
+export type CheckDepositRestartRequestEvent = UNCheckDeposit
 
 export type CheckEvent =
-| CheckDepositCreatedEvent
-| CheckDepositRestartRequestEvent
+  | CheckDepositCreatedEvent
+  | CheckDepositRestartRequestEvent

package/src/messages/webMessages/index.ts

@@ -1,24 +1,23 @@
 import type { ACHEvent } from './achCreditMessage';
 import type { BookPaymentEvent } from './bookPaymentMessage';
-
 import type { CardEvent, CardMessage } from './cardMessage';
 import type { PageEvent, PageMessage } from './pageMessage';
 import type { PaymentMessage } from './paymentsMessage';
-import type { UnitEvent, UnitMessage } from './unitMessages';
+import type { UnitEvent, UnitComponentsMessage, MultiFactorAuthenticationFinishedEvent } from './unitComponentsMessages';
 import type { AccountEvent, AccountMessage } from './accountMessage';
 import type { CheckEvent, CheckMessage } from './checkMessage';
 import type { ActivityEvent, ActivityMessage } from './activityMessage';
 import type { MultipleCardsEvent, MultipleCardsMessage } from './multipleCardsMessage';
-import { FundAccountPaymentEvent } from './fundAccountPaymentMessage';
 import { PlaidEvent, PlaidMessage } from './plaidMessages';
 import { PayeeManagementMessage, PayeeManagementEvent } from './payeeManagementMessage';
 import { MultiFactorAuthenticationMessage } from './multiFactorAuthenticationMessage';
+import { WirePaymentCreatedEvent } from './wirePaymentMessage';
 
 export type WebViewMessageType =
   | PageMessage
   | CardMessage
   | MultipleCardsMessage
-  | UnitMessage
+  | UnitComponentsMessage
   | PaymentMessage
   | AccountMessage
   | CheckMessage
@@ -35,12 +34,13 @@ type WebViewEvent =
   | BookPaymentEvent
   | PaymentMessage
   | ACHEvent
-  | FundAccountPaymentEvent
   | AccountEvent
   | CheckEvent
   | ActivityEvent
   | PlaidEvent
   | PayeeManagementEvent
+  | WirePaymentCreatedEvent
+  | MultiFactorAuthenticationFinishedEvent
 
 export interface WebViewMessage {
   type: WebViewMessageType,

package/src/messages/webMessages/multipleCardsMessage.ts

@@ -1,9 +1,9 @@
-import type { UNCardData } from '../../types/shared';
+import type { UNCard } from '../../types/shared';
 
 export enum MultipleCardsMessage {
   UNIT_MULTIPLE_CARDS_CARD_CLICKED = 'unitMultipleCardsCardClicked',
 }
 
-export type MultipleCardsCardClickedEvent = UNCardData;
+export type MultipleCardsCardClickedEvent = UNCard;
 
 export type MultipleCardsEvent = MultipleCardsCardClickedEvent

package/src/messages/webMessages/onLoadMessage.ts

@@ -1,14 +1,12 @@
 import type {
-  UNAccountData,
-  UNCounterpartyAccountData,
-  UNCardData,
-  UNError,
-  UNOnLoadResponseData,
-  UNPayeeCounterparty
+  UNAccount,
+  UNCard,
+  UNComponentsError,
+  UNComponentsOnLoadResponseData,
+  UNAuthorization,
+  UNCounterparty,
+  UNTransaction
 } from '../../types/shared';
-import type { UNAuthorizationData } from '../../types/shared/authorization.types';
-import type { UNTransactionData } from '../../types/shared/transactions.types';
-import type { UNAstraExternalCardData } from '../../types/shared/payments.types';
 
 export enum RESPONSE_KEYS {
   errors = 'errors',
@@ -19,45 +17,37 @@ export enum RESPONSE_KEYS {
   transactions = 'transactionsResult',
   authorizations = 'authorizationsResult',
   repayment = 'repaymentResult',
-  astraExternalCard = 'astraCardsResult',
   accountCards = 'accountCardsResult',
   counterpartiesResult = 'counterpartiesResult'
 }
 
 export type CardsOnLoadResponse = {
-  [RESPONSE_KEYS.cards]: UNOnLoadResponseData<[UNCardData]>
+  [RESPONSE_KEYS.cards]: UNComponentsOnLoadResponseData<[UNCard]>
 }
 export type CardOnLoadResponse = {
-  [RESPONSE_KEYS.card]: UNOnLoadResponseData<UNCardData>
+  [RESPONSE_KEYS.card]: UNComponentsOnLoadResponseData<UNCard>
 }
 
 export type AccountOnLoadResponse = {
-  [RESPONSE_KEYS.account]: UNOnLoadResponseData<UNAccountData>
+  [RESPONSE_KEYS.account]: UNComponentsOnLoadResponseData<UNAccount>
 }
 
 export type AccountsOnLoadResponse = {
-  [RESPONSE_KEYS.account]: UNOnLoadResponseData<[UNAccountData]>
+  [RESPONSE_KEYS.account]: UNComponentsOnLoadResponseData<[UNAccount]>
 }
 
 export type ACHOnLoadResponse = {
-  [RESPONSE_KEYS.account]: UNOnLoadResponseData<UNAccountData> | UNOnLoadResponseData<[UNAccountData]>,
-  [RESPONSE_KEYS.counterpartyAccount]: UNOnLoadResponseData<[UNCounterpartyAccountData]>
+  [RESPONSE_KEYS.account]: UNComponentsOnLoadResponseData<UNAccount> | UNComponentsOnLoadResponseData<[UNAccount]>,
+  [RESPONSE_KEYS.counterpartyAccount]: UNComponentsOnLoadResponseData<[UNCounterparty]>
 }
 
 export type ActivityOnLoadResponse = {
-  [RESPONSE_KEYS.authorizations]: UNOnLoadResponseData<[UNAuthorizationData]>,
-  [RESPONSE_KEYS.transactions]: UNOnLoadResponseData<[UNTransactionData]>
-}
-
-export type FundAccountPaymentOnLoadResponse = {
-  // Currently, FundAccountPaymentComponent get 2 on load events: 1- for the external cards, 2- for the internal cards;
-  // we may consider unite them.
-  [RESPONSE_KEYS.astraExternalCard]?: UNOnLoadResponseData<[UNAstraExternalCardData]>,
-  [RESPONSE_KEYS.accountCards]?: UNOnLoadResponseData<[UNCardData]>
+  [RESPONSE_KEYS.authorizations]: UNComponentsOnLoadResponseData<[UNAuthorization]>,
+  [RESPONSE_KEYS.transactions]: UNComponentsOnLoadResponseData<[UNTransaction]>
 }
 
 export type PayeeManagementOnLoadResponse = {
-  [RESPONSE_KEYS.counterpartiesResult]: UNOnLoadResponseData<[UNPayeeCounterparty]>
+  [RESPONSE_KEYS.counterpartiesResult]: UNComponentsOnLoadResponseData<[UNCounterparty]>
 }
 
 export type UnitOnLoadResponseSuccessData =
@@ -67,9 +57,8 @@ export type UnitOnLoadResponseSuccessData =
   | AccountsOnLoadResponse
   | AccountOnLoadResponse
   | ActivityOnLoadResponse
-  | FundAccountPaymentOnLoadResponse
   | PayeeManagementOnLoadResponse
 
 export type UnitOnLoadResponseEvent =
-  | UNError
+  | UNComponentsError
   | UnitOnLoadResponseSuccessData

package/src/messages/webMessages/payeeManagementMessage.ts

@@ -1,4 +1,4 @@
-import type { UNPayeeConnectedAccount, UNPayeeCounterparty } from '../../types/shared';
+import { UNConnectedAccount, UNCounterparty } from '../../types/shared';
 
 export enum PayeeManagementMessage {
   UNIT_COUNTERPARTY_CREATED = 'unitCounterpartyCreated',
@@ -9,15 +9,15 @@ export enum PayeeManagementMessage {
 }
 
 export interface PayeeConnectedAccountEvent {
-  account: UNPayeeConnectedAccount;
+  account: UNConnectedAccount;
 }
 
 export interface PayeeCounterpartyEvent {
-  counterparty: UNPayeeCounterparty;
+  counterparty: UNCounterparty;
 }
 
 export interface PayeeMicroDepositeConnectionEvent {
-  account: UNPayeeCounterparty;
+  account: UNCounterparty;
 }
 
 export type PayeeManagementEvent =

package/src/messages/webMessages/plaidMessages.ts

@@ -25,5 +25,5 @@ interface PlaidLinkTokenAttributes {
 }
 
 export type PlaidEvent =
-| PlaidTokenCreatedEvent
-| OpenPlaidEvent
+  | PlaidTokenCreatedEvent
+  | OpenPlaidEvent

package/src/messages/webMessages/{unitMessages.ts → unitComponentsMessages.ts}

@@ -2,7 +2,7 @@ import type { UnitOnLoadResponseEvent } from './onLoadMessage';
 import { BottomSheetNativePlaceType } from '../../types/internal/bottomSheet.types';
 import { WebComponentType } from '../../types/internal/webComponent.types';
 
-export enum UnitMessage {
+export enum UnitComponentsMessage {
   UNIT_REQUEST_RENDERING = 'unitRequestRendering',
   UNIT_REQUEST_REFRESH = 'unitRequestRefresh',
   UNIT_REQUEST_CLOSE_FLOW = 'unitRequestCloseFlow',
@@ -77,13 +77,16 @@ interface PlaidLinkTokenAttributes {
   expiration: string
 }
 
-export interface UnitWhiteLabelAppEvent {
+export type UNWhiteLabelAppResponseCustomerToken = {
   type: 'customerToken';
   attributes: {
     customerToken: string;
   };
 }
 
+export type UnitWhiteLabelAppEvent =
+  | UNWhiteLabelAppResponseCustomerToken
+
 export interface RequestExternalSdkEvent {
   type: string;
 }

package/src/messages/webMessages/wirePaymentMessage.ts

@@ -0,0 +1,5 @@
+import { UNWirePayment } from '../../types/shared';
+
+export interface WirePaymentCreatedEvent {
+  data: UNWirePayment
+}

package/src/nativeComponents/UNAddToWallet/UNAddToWalletComponent/UNAddToWalletComponent.tsx

@@ -4,7 +4,7 @@ import React, { useRef } from 'react';
 import { WebComponent } from '../../../webComponent/WebComponent';
 import { PresentationMode, WebComponentType } from '../../../types/internal/webComponent.types';
 import { UNCardAddToWalletStatus } from '../../../types/shared/wallet.types';
-import UnitAddToWalletButtonView from '../UnitAddToWalletButton';
+import UnitAddToWalletButtonView from '../UnitAddToWalletButtonNativeComponent';
 import WebView from 'react-native-webview';
 import { useDispatch } from 'react-redux';
 import {
@@ -13,7 +13,7 @@ import {
 import { useCardWallet } from '../../../helpers/pushProvisioningService/hooks/useCardWallet';
 import { getAddToWalletParams, getAddToWalletWindowParams } from './UNAddToWalletComponent.utils';
 import { WebViewMessage } from '../../../messages/webMessages';
-import { UnitMessage } from '../../../messages/webMessages/unitMessages';
+import { UnitComponentsMessage } from '../../../messages/webMessages/unitComponentsMessages';
 import { injectHtmlFullScreenHeight } from '../../../components/UNBottomSheetComponent/UNBottomSheetComponent.utils';
 import { setEvent } from '../../../slices/SharedEventsSlice';
 import {
@@ -50,9 +50,9 @@ const UNAddToWalletComponent = (props: UNAddToWalletComponentProps) => {
       case PageMessage.PAGE_LOADED:
         injectHtmlFullScreenHeight(webRef.current, overFullScreenHeight);
         break;
-      case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:
+      case UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW:
         dispatch(setEvent({
-          key: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
+          key: UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW,
           data: {},
         }));
         break;
@@ -65,7 +65,7 @@ const UNAddToWalletComponent = (props: UNAddToWalletComponentProps) => {
       return <ActivityIndicator style={styles.loader} />;
     }
     return (
-      <UNBaseView style={{flex: 1}}>
+      <UNBaseView style={{flex: 1}} fallback={<></>}>
         {
           shouldRenderAddToWalletWebView() &&
             <WebComponent

package/src/nativeComponents/UNAddToWallet/UnitAddToWalletButtonNativeComponent.ts

@@ -0,0 +1,14 @@
+import {
+  HostComponent,
+  ViewProps,
+} from 'react-native';
+import { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  onAddToWalletClicked: DirectEventHandler<null>;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  'UnitAddToWalletButtonNativeView',
+) as HostComponent<NativeProps>;

package/src/nativeComponents/UNBaseView/UNBaseView.tsx

@@ -1,33 +1,28 @@
 import React, { useEffect } from 'react';
 import {
   Platform,
-  StyleProp,
   View,
   ViewStyle,
-  requireNativeComponent,
 } from 'react-native';
-import { UNError } from '../../types/shared';
+import { UNComponentsError, UNComponentsErrorCodes, UNComponentsErrorData } from '../../types/shared';
 import { useIsJailbrokeDevice } from '../../hooks/useIsJailbrokeDevice';
 import { useSnapshotProtection } from '../../hooks/useSnapshotProtection';
-
-type UnitAndroidSecureViewProps = {
-  style?: StyleProp<ViewStyle>;
-  filterTouchesWhenObscured: boolean;
-  children: React.ReactNode;
-};
+import UnitAndroidSecureView from '../UNSecureView/UNSecureViewNativeComponent';
+import { RootState } from '../../store';
+import { useSelector } from 'react-redux';
 
 type UnitSecureViewProps = {
-  style?: StyleProp<ViewStyle>;
+  style?: ViewStyle;
   children: React.ReactNode;
-  onLoadError?: (error: UNError) => void;
+  onLoadError?: (error: UNComponentsError) => void;
+  fallback?: React.ReactNode;
 };
 
-const UnitAndroidSecureView = requireNativeComponent<UnitAndroidSecureViewProps>('UNSecureView');
-
 const UNBaseView = (props: UnitSecureViewProps) => {
   useSnapshotProtection();
-
+  const customerToken = useSelector((state: RootState) => state.configuration.customerToken);
   const isJailbroke = useIsJailbrokeDevice();
+
   useEffect(() => {
     if (isJailbroke) {
       props.onLoadError && props.onLoadError({errors: [{title: 'Device is Jailbroke'}]});
@@ -37,6 +32,16 @@ const UNBaseView = (props: UnitSecureViewProps) => {
   if (isJailbroke) {
     return null;
   }
+  if (props.onLoadError && !customerToken) {
+    props.onLoadError(
+      {
+        errors: [{ code: UNComponentsErrorCodes.MISSING_TOKEN } as UNComponentsErrorData]
+      }
+    );
+    if (props.fallback) {
+      return <>{props.fallback}</>;
+    }
+  }
 
   if (Platform.OS == 'android') {
     return <UnitAndroidSecureView filterTouchesWhenObscured={true} {...props}/>;

package/src/nativeComponents/UNSecureView/UNSecureViewNativeComponent.ts

@@ -0,0 +1,10 @@
+import type { HostComponent, ViewProps } from 'react-native';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  filterTouchesWhenObscured: boolean;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  'UNSecureNativeView',
+) as HostComponent<NativeProps>;

package/src/nativeModulesHelpers/RNShareFile/RNShareFile.ts

@@ -0,0 +1,20 @@
+import type {TurboModule} from 'react-native';
+import {Platform, TurboModuleRegistry} from 'react-native';
+
+let UNShareFileModule: any = null;
+
+if (Platform.OS === 'android') {
+  interface Spec extends TurboModule {
+    share(base64pdf: string, filename: string): boolean
+  }
+  UNShareFileModule = TurboModuleRegistry.getEnforcing<Spec>('UNShareFileModule');
+} else {
+  UNShareFileModule = {
+    requestAccess: async () => {
+      console.warn('Share file module is not available on iOS.');
+      return Promise.resolve('Share file module is not available');
+    },
+  };
+}
+
+export default UNShareFileModule;

package/src/nativeModulesHelpers/UNPermissionsHelper/UNPermissionsHelper.ts

@@ -0,0 +1,20 @@
+import type {TurboModule} from 'react-native';
+import {Platform, TurboModuleRegistry} from 'react-native';
+
+let UNPermissionsModule: any = null;
+
+if (Platform.OS === 'ios') {
+  interface Spec extends TurboModule {
+    camera(): void
+  }
+  UNPermissionsModule = TurboModuleRegistry.getEnforcing<Spec>('UNPermissionsModule');
+} else {
+  UNPermissionsModule = {
+    camera: async () => {
+      console.warn('Permissions module is not available on Android.');
+      return Promise.resolve('Permissions module is not available');
+    },
+  };
+}
+
+export default UNPermissionsModule;

package/src/nativeModulesHelpers/UNSanpshotProtectionHelper/UNSnapshotProtectionHelper.ts

@@ -1,20 +1,25 @@
-import { NativeModules } from 'react-native';
+import { TurboModule, TurboModuleRegistry } from 'react-native';
 
-const { UNSnapshotProtectionManager } = NativeModules;
+interface Spec extends TurboModule {
+  setSecureFlags(): void
+  configureSnapshotProtectionStrategy(shouldProtectFromSnapshot: boolean, style: string): void
+}
+
+const SnapshotProtectionModule = TurboModuleRegistry.getEnforcing<Spec>('UNComponentsSnapshotProtectionModule');
 
 class UNSnapshotProtectionHelper {
   static setAndroidSecurity() {
     /**
      * Set secure flag on the activity's window (if it doesn't exist)
      */
-    UNSnapshotProtectionManager.setSecureFlags();
+    SnapshotProtectionModule.setSecureFlags();
   }
 
   static setIosSecurity(shouldProtectFromSnapshot: boolean, style: string) {
     /**
      * Activate a Global native service for managing the snapshotProtection by the given arguments.
      */
-    UNSnapshotProtectionManager.configureSnapshotProtectionStrategy(shouldProtectFromSnapshot, style);
+    SnapshotProtectionModule.configureSnapshotProtectionStrategy(shouldProtectFromSnapshot, style);
   }
 }
 

package/src/nativeModulesHelpers/UNSecurityHelper.ts

@@ -1,6 +1,4 @@
-import { NativeModules } from 'react-native';
-
-const { UNSecurityHelper } = NativeModules;
+import { TurboModule, TurboModuleRegistry } from 'react-native';
 
 enum UNJailbrokeState {
   Unknown,
@@ -8,6 +6,12 @@ enum UNJailbrokeState {
   NotJailbroke
 }
 
+interface Spec extends TurboModule {
+  isDeviceJailbroke(): boolean
+}
+
+const UNSecurityHelper = TurboModuleRegistry.getEnforcing<Spec>('UNSecurityHelperModule');
+
 class UNSecurityManagerHelper {
   static deviceJailbrokeState: UNJailbrokeState = UNJailbrokeState.Unknown;
 

package/src/nativeModulesHelpers/UNStoreModuleHelper/UNStoreModuleHelper.ts

@@ -0,0 +1,9 @@
+import { TurboModule, TurboModuleRegistry } from 'react-native';
+
+interface Spec extends TurboModule {
+  saveValue(key: string, value: string): void
+  getValue(key: string): string
+  cleanValue(key: string): void
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('UNStoreModule');

package/src/networking/common/UNNetworkConstants.ts

@@ -1,4 +1,4 @@
-import { UNEnvironment } from '../../types/shared/env.types';
+import { UNComponentsEnvironment } from '../../types/shared/env.types';
 
 export const APIHeaders = {
   AUTHORIZATION: 'Authorization',
@@ -6,7 +6,7 @@ export const APIHeaders = {
 };
 
 export const UNIT_SECURE_URL = {
-  [UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',
-  [UNEnvironment.production]: 'https://secure.api.unit.co',
-  [UNEnvironment.mock]: ''
+  [UNComponentsEnvironment.sandbox]: 'https://secure.api.s.unit.sh',
+  [UNComponentsEnvironment.production]: 'https://secure.api.unit.co',
+  [UNComponentsEnvironment.mock]: ''
 };