@osano/osano-cmp-react-native 0.14.0 → 0.15.0

package/src/ConsentManager.ts

@@ -195,7 +195,7 @@ export class ConsentConfig extends EventEmitter {
 	load() {
 		if (!this._customerId || !this._configId) {
 			this.emit('loadFailure', CONFIG_ID_ERROR);
-			return Promise.reject(CONFIG_ID_ERROR);
+			return;
 		}
 		return fetchConfigWithRetries(this._customerId, this._configId)
 			.then((config: Config | null) => {
@@ -220,11 +220,9 @@ export class ConsentConfig extends EventEmitter {
 				this._config = merge(this._config, config) as Config;
 				storeConfig(this._configId, this._config);
 				this.emit('loadSuccess', this._config);
-				return this._config;
 			})
 			.catch((err) => {
 				this.emit('loadFailure', err);
-				throw err;
 			});
 	}
 	get config(): Config {
@@ -674,6 +672,41 @@ export class ConsentManager {
 		if (extUsrData) {
 			this._extUsrData = extUsrData;
 		}
+		// Optimized helper function to get device locale compatible with legacy and new architectures
+		const getDeviceLocale = (platform: string): string => {
+			const fallbackLocale = 'en-US';
+			
+			try {
+				if (platform === 'android') {
+					// I18nManager (legacy architecture)
+					const i18nLocale = NativeModules.I18nManager?.localeIdentifier;
+					if (i18nLocale) return i18nLocale;
+
+					// PlatformConstants (legacy architecture)
+					const platformLocale = NativeModules.PlatformConstants?.getConstants?.()?.Localization?.locale;
+					if (platformLocale) return platformLocale;
+
+				} else if (platform === 'ios') {
+					// SettingsManager (legacy architecture)
+					const appleLanguage = NativeModules.SettingsManager?.settings?.AppleLanguages?.[0];
+					if (appleLanguage) return appleLanguage;
+					
+					const appleLocale = NativeModules.SettingsManager?.settings?.AppleLocale;
+					if (appleLocale) return appleLocale;
+				}
+
+				// Intl API (works in both architectures)
+				if (global.Intl && Intl.DateTimeFormat) {
+					const intlLocale = Intl.DateTimeFormat().resolvedOptions().locale;
+					if (intlLocale) return intlLocale;
+				}
+			} catch (error) {
+				OsanoLogger.debug(`[ConsentManager] Locale detection failed: ${error}`);
+			}
+			
+			return fallbackLocale;
+		};
+
 		switch (Platform.OS) {
 			case 'android': {
 				try {
@@ -684,15 +717,7 @@ export class ConsentManager {
 						err instanceof Error ? err : undefined,
 					);
 				}
-				// Safely access I18nManager.localeIdentifier with null check
-				try {
-					this._locale =
-						NativeModules.I18nManager?.localeIdentifier ||
-						Translator.DEFAULT_LANGUAGE;
-				} catch (err) {
-					console.log(`Error getting locale from I18nManager: ${err}`);
-					this._locale = Translator.DEFAULT_LANGUAGE;
-				}
+				this._locale = getDeviceLocale('android');
 				break;
 			}
 			case 'ios': {
@@ -704,32 +729,10 @@ export class ConsentManager {
 						err instanceof Error ? err : undefined,
 					);
 				}
-				try {
-					this._locale =
-						NativeModules.SettingsManager?.settings?.AppleLanguages?.[0] || //iOS 13
-						NativeModules.SettingsManager?.settings?.AppleLocale ||
-						Translator.DEFAULT_LANGUAGE;
-				} catch (err) {
-					console.log(`Error getting locale from SettingsManager: ${err}`);
-					this._locale = Translator.DEFAULT_LANGUAGE;
-				}
+				this._locale = getDeviceLocale('ios');
 				break;
 			}
 			default: {
-				try {
-					getDeviceId().then(setDeviceId);
-				} catch (err) {
-					OsanoLogger.error(
-						`Error getting device id: ${err}`,
-						err instanceof Error ? err : undefined,
-					);
-				}
-				try {
-					this._locale = navigator.language;
-				} catch (err) {
-					console.log(`Error getting locale from I18nManager: ${err}`);
-					this._locale = Translator.DEFAULT_LANGUAGE;
-				}
 				break;
 			}
 		}
@@ -754,9 +757,9 @@ export class ConsentManager {
 		customerId?: string;
 		configId?: string;
 		onConfigLoadSuccess?: () => void;
-		onConfigLoadFailure?: (err: Error) => void;
+		onConfigLoadFailure?: () => void;
 		onLangLoadSuccess?: () => void;
-		onLangLoadFailure?: (err: Error) => void;
+		onLangLoadFailure?: () => void;
 	}) {
 		const {
 			customerId,
@@ -803,18 +806,12 @@ export class ConsentManager {
 			}
 		}
 		this._loaded = false;
-		const cancelPromise = new Promise((_, reject) => {
-			this._cancelLoading = reject;
-		});
-		this.config.customerId = customerId;
-		this.config.configId = configId;
-		this._loading = Promise.race([this._config.load(), cancelPromise])
-			.then(() => {
-				// If the config loads successfully, we can fetch the consent
-				onConfigLoadSuccess && onConfigLoadSuccess();
-				OsanoLogger.debug(
-					`ConsentManager: Config loaded successfully for customerId: ${customerId}, configId: ${configId}`,
-				);
+		this._loading = new Promise((resolveLoadConfig, rejectLoadConfig) => {
+			this._cancelLoading = rejectLoadConfig;
+
+			const handleConfigLoadSuccess = () => {
+				this._configLoadSuccessSubscription?.remove();
+				this._configLoadFailureSubscription?.remove();
 				const locale = this._locale;
 				if (this._overridePalette) {
 					this._config.palette = merge(
@@ -822,81 +819,65 @@ export class ConsentManager {
 						this._overridePalette,
 					) as Palette;
 				}
-				OsanoLogger.debug(`ConsentManager: Loading consent`);
-				return fetchConsent(this)
-					.catch(() => {
-						OsanoLogger.debug(
-							`ConsentManager: No stored consent found for customerId: ${customerId}, configId: ${configId}`,
-						);
-						// If no stored consent, return essential consent by default
-						// This is to ensure CMP can render even if no consent is stored
-						// Consent not found
-						return Promise.resolve([ConsentCategory.ESSENTIAL]);
-					})
-					.then((consent) => {
-						OsanoLogger.debug(
-							`ConsentManager: Consent loaded successfully for customerId: ${customerId}, configId: ${configId}, consent: ${JSON.stringify(consent)}`,
-						);
-						this.consent = consent;
-						this.triggerGoogleConsentUpdate(consent);
-						return this._translator
-							.load(locale, onLangLoadSuccess, onLangLoadFailure)
-							.then((results) => {
-								OsanoLogger.debug(
-									`ConsentManager: Locale loaded successfully for customerId: ${customerId}, configId: ${configId}, locale: ${locale}`,
-								);
-								delete this._cancelLoading;
-								delete this._loading;
-								const globalResult = results[0];
-								// As long as the global locale is loaded, we can render the CMP
-								if (globalResult?.status === 'fulfilled') {
-									this._loaded = true;
-									const globalLocale = globalResult?.value || locale;
-									return {
-										config: this._config,
-										customerId,
-										configId,
-										locale: globalLocale,
-										consent,
-									};
-								}
-								// If the global locale failed to load, we can't render the CMP
-								throw new Error(globalResult?.reason);
+				resolveLoadConfig(
+					new Promise((resolve, reject) => {
+						this._cancelLoading = reject;
+						fetchConsent(this)
+							.catch(() => {
+								// Consent not found
+								return Promise.resolve([ConsentCategory.ESSENTIAL]);
 							})
-							.catch((err) => {
-								this._loaded = false;
-								OsanoLogger.error(
-									`ConsentManager: Error loading locale for customerId: ${customerId}, configId: ${configId}: ${err}`,
-								);
-								delete this._cancelLoading;
-								delete this._loading;
-								onLangLoadFailure && onLangLoadFailure(err);
-								return {
-									config: this._config,
-									customerId,
-									configId,
-									locale,
-									consent,
-								};
+							.then((consent) => {
+								this.consent = consent;
+								this.triggerGoogleConsentUpdate(consent);
+								return this._translator
+									.load(locale, onLangLoadSuccess, onLangLoadFailure)
+									.then((results) => {
+										delete this._cancelLoading;
+										delete this._loading;
+										const globalResult = results[0];
+										// As long as the global locale is loaded, we can render the CMP
+										if (globalResult?.status === 'fulfilled') {
+											this._loaded = true;
+											const globalLocale = globalResult?.value || locale;
+											resolve({
+												config: this._config,
+												customerId,
+												configId,
+												locale: globalLocale,
+												consent,
+											});
+											return;
+										}
+										// If the global locale failed to load, we can't render the CMP
+										reject(new Error(globalResult?.reason));
+									});
 							});
-					});
-			})
-			.catch((err) => {
-				this._loaded = false;
-				OsanoLogger.error(
-					`ConsentManager: Error loading config for customerId: ${customerId}, configId: ${configId}: ${err}`,
+					}),
 				);
+				onConfigLoadSuccess && onConfigLoadSuccess();
+			};
+			const handleConfigLoadFailure = (err: Error) => {
+				this._loaded = false;
 				delete this._cancelLoading;
 				delete this._loading;
-				onConfigLoadFailure && onConfigLoadFailure(err);
-				return {
-					config: this._config,
-					customerId,
-					configId,
-					locale: this._translator.locale,
-					consent: [ConsentCategory.ESSENTIAL],
-				};
-			});
+				this._configLoadSuccessSubscription?.remove();
+				this._configLoadFailureSubscription?.remove();
+				onConfigLoadFailure && onConfigLoadFailure();
+				rejectLoadConfig(err);
+			};
+			this._configLoadSuccessSubscription = this._config.on(
+				'loadSuccess',
+				handleConfigLoadSuccess,
+			);
+			this._configLoadFailureSubscription = this._config.on(
+				'loadFailure',
+				handleConfigLoadFailure,
+			);
+			this.config.customerId = customerId;
+			this.config.configId = configId;
+			this._config.load();
+		});
 
 		return this._loading;
 	}

package/src/components/Button.tsx

@@ -252,4 +252,4 @@ export const SaveButton: React.FC<ButtonProps> = (props) => {
 			testID="Save"
 		/>
 	);
-};
+};

package/src/components/Locale.tsx

@@ -49,4 +49,4 @@ export const Locale = (props: LocaleProps = { path: '' }) => {
 	return translatedText ? <>{translatedText}</> : null;
 };
 
-export default Locale;
+export default Locale;

package/src/constants.ts

@@ -33,4 +33,4 @@ export const env = {
 	LOOKUPS_URI: OSANO_DEV === 'true'
 		? 'https://lookups-ci.api.osano.com'
 		: 'https://lookups.api.osano.com',
-};
+};

package/src/iab/tcf/middleware.ts

@@ -1,31 +1,31 @@
 // @ts-nocheck
 import { CLEAR_CONSENT, CLOSE, RELOAD, SET_CONFIG } from '../../actions';
-import type { IabMiddlewareFactory, Tcf_v2 } from './types';
+import { clearStorage, getStorage, setStorage } from '../../native/OsanoCmp';
 import type { OsanoAction, OsanoState } from '../../types/store';
+import { osanoLogger } from '../../utils/OsanoLogger';
+import { SET_CONSENT_DATA, setConsentData } from '../actions';
 import {
 	SET_ALL_PURPOSE_CONSENT,
 	SET_ALL_SPECIAL_FEATURE_CONSENT,
 	SET_ALL_VENDOR_CONSENT,
 	setConsent,
 } from './actions';
-import { SET_CONSENT_DATA, setConsentData } from '../actions';
-import { clearAllIABKeys, setAllIABKeys } from './iab-storage-utils';
-import { clearStorage, getStorage, setStorage } from '../../native/OsanoCmp';
-import { getConsentString, getPurposeIds } from './selectors';
+import { makeFormatConsentString, makeParseConsentString } from './consent';
 import {
 	idRecordToBinaryString,
 	updatePurposeOptOuts,
 	updateSpecialFeatureOptIns,
 	updateVendorOptOuts,
 } from './helpers';
-import { makeFormatConsentString, makeParseConsentString } from './consent';
+import { clearAllIABKeys, setAllIABKeys } from './iab-storage-utils';
+import { getConsentString, getPurposeIds } from './selectors';
+import type { IabMiddlewareFactory, Tcf_v2 } from './types';
 
-import type { ConsentManager } from '../../ConsentManager';
-import type { IabInitOptions } from './types';
-import type { IabState } from '../types';
 import { Platform } from 'react-native';
+import type { ConsentManager } from '../../ConsentManager';
 import type { Store } from '../../hooks/useThunkReducer';
-import { osanoLogger } from '../../utils/OsanoLogger';
+import type { IabState } from '../types';
+import type { IabInitOptions } from './types';
 
 export const makeMiddleware: IabMiddlewareFactory = (
 	initOptions: IabInitOptions,
@@ -66,17 +66,42 @@ export const makeMiddleware: IabMiddlewareFactory = (
 						}
 						store.dispatch(setConsent(payload));
 					};
-					getStorage(`${gppSection}_${configId}`)
-						.then(resConsent)
-						.catch(() => {
-							// Consent not found
-							clearStorage(`${gppSection}_${configId}`);
-						});
+					switch (Platform.OS) {
+						case 'ios':
+						case 'android':
+							getStorage(`${gppSection}_${configId}`)
+								.then(resConsent)
+								.catch(() => {
+									// Consent not found
+									clearStorage(`${gppSection}_${configId}`);
+								});
+							break;
+						default:
+							try {
+								resConsent(
+									window.localStorage.getItem(`${gppSection}_${configId}`),
+								);
+							} catch (e) {
+								window.localStorage.removeItem(`${gppSection}_${configId}`);
+							}
+							break;
+					}
 					break;
 				}
 				case CLEAR_CONSENT: {
-					clearStorage(`${gppSection}_${configId}`);
-					clearAllIABKeys();
+					switch (Platform.OS) {
+						case 'ios':
+						case 'android':
+							clearStorage(`${gppSection}_${configId}`);
+
+							clearAllIABKeys();
+							break;
+						default:
+							try {
+								window.localStorage.removeItem(`${gppSection}_${configId}`);
+							} catch {}
+							break;
+					}
 					store.dispatch(setConsentData(gppSection, ''));
 					break;
 				}

package/src/iab/tcf/reducer.ts

@@ -134,10 +134,23 @@ export default function makeReducer(initOptions: IabInitOptions) {
 				const { config } = payload as ConsentManager;
 				if (config.configId && config.iabEnabled) {
 					const payload = createConsentPayload(state);
-					setStorage(
-						`${gppSection}_${config.configId}`,
-						JSON.stringify(payload),
-					);
+					switch (Platform.OS) {
+						case 'ios':
+						case 'android':
+							setStorage(
+								`${gppSection}_${config.configId}`,
+								JSON.stringify(payload),
+							);
+							break;
+						default:
+							try {
+								window.localStorage.setItem(
+									`${gppSection}_${config.configId}`,
+									JSON.stringify(payload),
+								);
+							} catch (e) {}
+							break;
+					}
 				}
 				return state;
 			}

package/src/index.tsx

@@ -70,7 +70,7 @@ export const Osano: React.FunctionComponent<
 			reducer,
 			{ configId, customerId },
 			init,
-			[consentManager.current.middleware],
+			[consentManager.current.middleware.bind(consentManager.current)],
 		);
 		const { addMiddleware, dispatch, getState, removeMiddleware } = store;
 

package/src/native/OsanoCmp.ts

@@ -1,5 +1,7 @@
 import { NativeModules, Platform } from 'react-native';
-import NativeOsanoCmpSdk from '../NativeOsanoCmpSdk';
+import OsanoCmpSdkTurboModule from './OsanoCmpSdkSpec';
+import { ExpoDetector } from '../utils/ExpoDetector';
+import { ExpoGoMemoryStorage } from '../utils/ExpoGoMemoryStorage';
 
 const LINKING_ERROR =
 	`The package 'osano-cmp-react-native' doesn't seem to be linked. Make sure: \n\n` +
@@ -7,51 +9,69 @@ const LINKING_ERROR =
 	'- You rebuilt the app after installing the package\n' +
 	'- You are not using Expo Go\n';
 
-// Use TurboModule if available, fallback to legacy NativeModules
-const OsanoCmp = NativeOsanoCmpSdk ?? NativeModules.OsanoCmpSdk;
-
-if (!OsanoCmp) {
-	throw new Error(LINKING_ERROR);
-}
+const OsanoCmp = OsanoCmpSdkTurboModule || NativeModules.OsanoCmpSdk || new Proxy(
+	{},
+	{
+		get(_, prop) {
+			throw new Error(`${LINKING_ERROR}\nAttempted to call: ${String(prop)}`);
+		},
+	},
+);
 
 export function getDeviceId(): Promise<string | null | undefined> {
+	if (ExpoDetector.isExpoGo()) {
+		return ExpoGoMemoryStorage.getDeviceId();
+	}
 	return OsanoCmp.getDeviceId();
 }
 export function setStorage(key: string, value: string): Promise<string> {
+	if (ExpoDetector.isExpoGo()) {
+		return ExpoGoMemoryStorage.setStorage(key, value);
+	}
 	return OsanoCmp.setStorage(key, value);
 }
 export function getStorage(key: string): Promise<string | null | undefined> {
+	if (ExpoDetector.isExpoGo()) {
+		return ExpoGoMemoryStorage.getStorage(key);
+	}
 	return OsanoCmp.getStorage(key);
 }
 export function clearStorage(key: string): Promise<void> {
+	if (ExpoDetector.isExpoGo()) {
+		return ExpoGoMemoryStorage.clearStorage(key);
+	}
 	return OsanoCmp.clearStorage(key);
 }
 export function setStorageToDefault(
 	key: string,
 	value: string,
 ): Promise<string> {
-	return OsanoCmp.setStorageToDefault
-		? OsanoCmp.setStorageToDefault(key, value)
-		: Promise.resolve(value);
+	if (ExpoDetector.isExpoGo()) {
+		return ExpoGoMemoryStorage.setStorageToDefault(key, value);
+	}
+	return OsanoCmp.setStorageToDefault?.(key, value) ?? Promise.resolve(value);
 }
 export function setIntStorageToDefault(
 	key: string,
 	value: number,
 ): Promise<number> {
-	return OsanoCmp.setIntStorageToDefault
-		? OsanoCmp.setIntStorageToDefault(key, value)
-		: Promise.resolve(value);
+	if (ExpoDetector.isExpoGo()) {
+		return ExpoGoMemoryStorage.setIntStorageToDefault(key, value);
+	}
+	return OsanoCmp.setIntStorageToDefault?.(key, value) ?? Promise.resolve(value);
 }
 export function setBoolStorageToDefault(
 	key: string,
 	value: boolean,
 ): Promise<boolean> {
-	return OsanoCmp.setBoolStorageToDefault
-		? OsanoCmp.setBoolStorageToDefault(key, value)
-		: Promise.resolve(value);
+	if (ExpoDetector.isExpoGo()) {
+		return ExpoGoMemoryStorage.setBoolStorageToDefault(key, value);
+	}
+	return OsanoCmp.setBoolStorageToDefault?.(key, value) ?? Promise.resolve(value);
 }
 export function clearStorageFromDefault(key: string): Promise<void> {
-	return OsanoCmp.clearStorageFromDefault
-		? OsanoCmp.clearStorageFromDefault(key)
-		: Promise.resolve();
+	if (ExpoDetector.isExpoGo()) {
+		return ExpoGoMemoryStorage.clearStorageFromDefault(key);
+	}
+	return OsanoCmp.clearStorageFromDefault?.(key) ?? Promise.resolve();
 }

package/src/native/OsanoCmpSdkSpec.ts

@@ -0,0 +1,25 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  // Core storage methods
+  setStorage(key: string, value: string): Promise<string>;
+  getStorage(key: string): Promise<string | null>;
+  clearStorage(key: string): Promise<void>;
+  
+  // Default storage methods (iOS specific functionality)
+  setStorageToDefault(key: string, value: string): Promise<string>;
+  setIntStorageToDefault(key: string, value: number): Promise<number>;
+  setBoolStorageToDefault(key: string, value: boolean): Promise<boolean>;
+  clearStorageFromDefault(key: string): Promise<void>;
+  
+  // Device identification
+  getDeviceId(): Promise<string>;
+  
+  // Constants only (no synchronous methods for TurboModule compatibility)
+  getConstants(): {
+    IS_OFFICIAL_SAMPLE: boolean;
+  };
+}
+
+export default TurboModuleRegistry.get<Spec>('OsanoCmpSdk');