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

package/src/native/OsanoCmp.ts

@@ -1,4 +1,7 @@
 import { NativeModules, Platform } from 'react-native';
+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` +
@@ -6,56 +9,69 @@ const LINKING_ERROR =
 	'- You rebuilt the app after installing the package\n' +
 	'- You are not using Expo Go\n';
 
-const OsanoCmpNativeModule = NativeModules.OsanoCmpSdk;
-const OsanoCmp = OsanoCmpNativeModule
-	? OsanoCmpNativeModule
-	: new Proxy(
-			{},
-			{
-				get() {
-					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');

package/src/services/consent.ts

@@ -1,5 +1,5 @@
 import { sha512 } from 'js-sha512';
-import { Platform } from 'react-native';
+import { Platform, NativeModules } from 'react-native';
 import { TextEncoder } from 'text-encoding';
 import type { ConsentManager } from '../ConsentManager';
 import {
@@ -17,6 +17,10 @@ const Buffer = require('buffer').Buffer;
 
 const { CONSENT_URI, LOOKUPS_URI, OSANO_ORIGIN } = env;
 
+const IS_OFFICIAL_SAMPLE: boolean = (NativeModules as any)?.OsanoCmpSdk?.IS_OFFICIAL_SAMPLE;
+
+const CONSENTING_PLATFORM_TAG = IS_OFFICIAL_SAMPLE ? `${Platform.OS}.sample-react-native` : `${Platform.OS}.react-native`;
+
 const overrideConfig: Partial<Config> = {
 	// Override config here
 	variant: 'two',
@@ -52,13 +56,14 @@ function createConsentPayload(
 	cmp: ConsentManager,
 	consent?: ConsentCategoryType[],
 ): ConsentPayload {
+	osanoLogger.debug(`Consenting Platform: ${CONSENTING_PLATFORM_TAG}`);
 	return Object.fromEntries(
 		Object.entries({
 			customerId: cmp.customerId,
 			configId: cmp.configId,
 			consented: consent ?? cmp.consent,
 			consentingDomain: cmp.consentingDomain,
-			consentingPlatform: `${Platform.OS}.react-native`,
+			consentingPlatform: CONSENTING_PLATFORM_TAG,
 			deviceId: cmp.deviceId,
 			extUsrData: cmp.extUsrData,
 		}).filter(([, value]) => value !== undefined),
@@ -81,7 +86,7 @@ function createConsentRecordPayload(
 			osnoConfigId: cmp.configId,
 			consented: consentedCategories.join(','),
 			consentingDomain: cmp.consentingDomain,
-			consentingPlatform: `${Platform.OS}.react-native`,
+			consentingPlatform: CONSENTING_PLATFORM_TAG,
 			userConsentId: cmp.deviceId,
 			extUsrData: hashedExtUsrData,
 		}).filter(([, value]) => value !== undefined),
@@ -134,6 +139,7 @@ export const clearConsent = async (cmp: ConsentManager) => {
 				clearStorage(`${STORAGE_KEY}_${cmp.configId}`).then(resConsent);
 				break;
 			default:
+				resConsent();
 				break;
 		}
 	});

package/src/utils/ExpoDetector.ts

@@ -0,0 +1,114 @@
+import { Platform } from 'react-native';
+import { osanoLogger as OsanoLogger } from './OsanoLogger';
+
+interface ExpoDetectionResult {
+	isExpo: boolean;
+	isExpoGo: boolean;
+}
+
+export class ExpoDetector {
+	private static _detectionResult: ExpoDetectionResult | null = null;
+	
+	/**
+	 * Detect Expo environment and cache result
+	 */
+	public static detect(): ExpoDetectionResult {
+		// Return cached result if available
+		if (this._detectionResult) {
+			return this._detectionResult;
+		}
+
+		const result: ExpoDetectionResult = {
+			isExpo: false,
+			isExpoGo: false,
+		};
+
+		// Check for Expo runtime via globals
+		try {
+			const hasExpoGlobalProp = !!(global as any).expo;
+			
+			if (hasExpoGlobalProp) {
+				result.isExpo = true;
+				
+				// Analyze global.expo to distinguish Expo Go from dev builds
+				const globalExpoContent = (global as any).expo;
+				
+				if (globalExpoContent && typeof globalExpoContent === 'object') {
+					const documentsDir = globalExpoContent.documentsDir || '';
+					const cacheDir = globalExpoContent.cacheDir || '';
+					
+					// Check execution environment
+					const exponentConstants = globalExpoContent.modules?.ExponentConstants;
+					const executionEnvironment = exponentConstants?.executionEnvironment;
+					
+					// Check for Expo Go app ID
+					const expoApplication = globalExpoContent.modules?.ExpoApplication;
+					const applicationId = expoApplication?.applicationId;
+					
+					// Expo Go indicators: package name, execution env, app ID
+					const hasExpoGoPackageName = documentsDir.includes('host.exp.exponent') || 
+						cacheDir.includes('host.exp.exponent');
+					const isStoreClient = executionEnvironment === 'storeClient';
+					const hasExpoGoAppId = applicationId === 'host.exp.exponent';
+					
+					if (hasExpoGoPackageName || isStoreClient || hasExpoGoAppId) {
+						result.isExpoGo = true;
+					} else {
+						result.isExpoGo = false;
+					}
+				} else {
+					// Assume dev build for safety
+					result.isExpoGo = false;
+				}
+			}
+		} catch (error) {
+			OsanoLogger.debug(`Expo detection failed: ${String(error)}`);
+		}
+
+		// Cache the result
+		this._detectionResult = result;
+		
+		return result;
+	}
+
+	/**
+	 * Check if running in Expo Go
+	 */
+	public static isExpoGo(): boolean {
+		const result = this.detect();
+		return result.isExpoGo;
+	}
+
+	/**
+	 * Check if any Expo environment
+	 */
+	public static isExpo(): boolean {
+		const result = this.detect();
+		return result.isExpo;
+	}
+
+	/**
+	 * Get environment description
+	 */
+	public static getEnvironmentDescription(): string {
+		const result = this.detect();
+		
+		if (!result.isExpo) {
+			return 'Bare React Native';
+		}
+
+		if (result.isExpoGo) {
+			return 'Expo Go';
+		}
+
+		return 'Expo Development Build';
+	}
+
+	/**
+	 * Reset cached result for testing
+	 */
+	public static resetCache(): void {
+		this._detectionResult = null;
+	}
+}
+

package/src/utils/ExpoGoMemoryStorage.ts

@@ -0,0 +1,61 @@
+/**
+ * In-memory storage fallback for Expo Go environment
+ * Provides storage functionality when native modules are not available
+ */
+export class ExpoGoMemoryStorage {
+	private static storage = new Map<string, string>();
+	private static defaultStorage = new Map<string, string | number | boolean>();
+
+	static setStorage(key: string, value: string): Promise<string> {
+		this.storage.set(key, value);
+		return Promise.resolve(value);
+	}
+
+	static getStorage(key: string): Promise<string | null> {
+		const value = this.storage.get(key) || null;
+		return Promise.resolve(value);
+	}
+
+	static clearStorage(key: string): Promise<void> {
+		this.storage.delete(key);
+		return Promise.resolve();
+	}
+
+	static setStorageToDefault(key: string, value: string): Promise<string> {
+		this.defaultStorage.set(key, value);
+		return Promise.resolve(value);
+	}
+
+	static setIntStorageToDefault(key: string, value: number): Promise<number> {
+		this.defaultStorage.set(key, value);
+		return Promise.resolve(value);
+	}
+
+	static setBoolStorageToDefault(key: string, value: boolean): Promise<boolean> {
+		this.defaultStorage.set(key, value);
+		return Promise.resolve(value);
+	}
+
+	static clearStorageFromDefault(key: string): Promise<void> {
+		this.defaultStorage.delete(key);
+		return Promise.resolve();
+	}
+
+	static getDeviceId(): Promise<string> {
+		// Generate a consistent device ID for Expo Go session
+		let deviceId = this.storage.get('__expo_device_id');
+		if (!deviceId) {
+			deviceId = `expo_go_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+			this.storage.set('__expo_device_id', deviceId);
+		}
+		return Promise.resolve(deviceId);
+	}
+
+	/**
+	 * Clear all storage for testing purposes
+	 */
+	static clearAll(): void {
+		this.storage.clear();
+		this.defaultStorage.clear();
+	}
+}

package/src/views/Dialog/Buttons.tsx

@@ -1,3 +1,5 @@
+import React, { useContext, useMemo } from 'react';
+import { StyleSheet, View, type ViewProps, type ViewStyle } from 'react-native';
 import {
 	AcceptAllButton,
 	AcceptButton,
@@ -6,24 +8,27 @@ import {
 	RejectAllButton,
 	SaveButton,
 } from '../../components/Button';
-import React, { useContext } from 'react';
-import { StyleSheet, View, type ViewProps } from 'react-native';
-
 import { OsanoPrivateContext } from '../../context';
 import { isDialogOpen } from '../../selectors';
 
-export const Buttons: React.FC<ViewProps> = (props) => {
+export const Buttons: React.FC<ViewProps & { buttonStyle?: ViewStyle }> = (
+	props,
+) => {
 	const { style } = props;
 	const { config, getState } = useContext(OsanoPrivateContext);
 
 	const state = getState();
 	const disabled = !isDialogOpen(state);
+	const buttonStyle = useMemo(
+		() => [styles.button, props.buttonStyle],
+		[props.buttonStyle],
+	);
 
 	// Button Group 1
 	if (config?.isConsentImplied) {
 		return config.forceManagePreferencesButton ? (
-			<View style={style}>
-				<ManagePreferencesButton disabled={disabled} style={styles.fullWidth} />
+			<View style={[styles.container, style]}>
+				<ManagePreferencesButton disabled={disabled} style={buttonStyle} />
 			</View>
 		) : null;
 	}
@@ -31,41 +36,46 @@ export const Buttons: React.FC<ViewProps> = (props) => {
 	// Button Group 2
 	if (config?.tcfIsApplicable || config?.isButtonGroupTwo) {
 		return (
-			<View style={style}>
+			<View style={[styles.container, style]}>
 				{config.showManagePreferencesButtonInDialog ? (
-					<ManagePreferencesButton
-						disabled={disabled}
-						style={styles.fullWidth}
-					/>
+					<ManagePreferencesButton disabled={disabled} style={buttonStyle} />
 				) : (
-					<SaveButton disabled={disabled} style={styles.fullWidth} />
+					<SaveButton disabled={disabled} style={buttonStyle} />
 				)}
-				<AcceptAllButton disabled={disabled} style={styles.fullWidth} />
+				<AcceptAllButton disabled={disabled} style={buttonStyle} />
 				{config.rejectAllRequired ? (
-					<RejectAllButton disabled={disabled} style={styles.fullWidth} />
+					<RejectAllButton disabled={disabled} style={buttonStyle} />
 				) : null}
 			</View>
 		);
 	}
 
+	// Default button group
 	return (
-		<View style={style}>
-			<AcceptButton disabled={disabled} style={styles.fullWidth} />
-			<DenyButton disabled={disabled} style={styles.fullWidth} />
+		<View style={[styles.container, style]}>
+			<AcceptButton disabled={disabled} style={buttonStyle} />
+			<DenyButton disabled={disabled} style={buttonStyle} />
 			{config?.rejectAllRequired ? (
-				<RejectAllButton disabled={disabled} style={styles.fullWidth} />
+				<RejectAllButton disabled={disabled} style={buttonStyle} />
 			) : null}
 			{config?.forceManagePreferencesButton ? (
-				<ManagePreferencesButton disabled={disabled} style={styles.fullWidth} />
+				<ManagePreferencesButton disabled={disabled} style={buttonStyle} />
 			) : null}
 		</View>
 	);
 };
 
-export default Buttons;
-
 const styles = StyleSheet.create({
-	fullWidth: {
-		flexBasis: '100%',
+	container: {
+		justifyContent: 'center',
+		alignItems: 'center',
+		gap: 8,
+	},
+	button: {
+		flex: 1,
+		minWidth: 120,
+		maxWidth: 200,
 	},
 });
+
+export default Buttons;