@osano/osano-cmp-react-native 0.10.0 → 0.12.0

package/src/selectors.ts

@@ -30,6 +30,7 @@ export const isDialogOpen = (state: OsanoState) =>
 
 export const isGPCSupportEnabled = (state: OsanoState) =>
 	!!state.config?.gpcSupport &&
+	typeof navigator !== 'undefined' &&
 	// Native browser support uses Navigator.prototype
 	(Object.hasOwnProperty.call(navigator, 'globalPrivacyControl') ||
 		// Browser extension support uses the Navigator instance on window

package/src/services/consent.ts

@@ -305,6 +305,71 @@ export const fetchConfig = (customerId: string, configId: string) => {
 		})
 		.catch(() => {
 			// Consent not found or network/server error
-			return null;
+			throw new Error('Error fetching config');
 		});
 };
+
+export const getStoredConfig = async (
+	configId: string,
+): Promise<Config | null> => {
+	try {
+		const config = await getStorage(`${STORAGE_KEY}_${configId}_config`);
+		if (config) {
+			return JSON.parse(config) as Config;
+		}
+	} catch (error) {
+		// Failed to retrieve config
+	}
+	return null;
+};
+
+export const storeConfig = async (
+	configId: string,
+	config: Config,
+): Promise<void> => {
+	try {
+		await Promise.all([
+			setStorage(`${STORAGE_KEY}_${configId}_config`, JSON.stringify(config)),
+			setStorage(
+				`${STORAGE_KEY}_${configId}_config_last_stored_at`,
+				JSON.stringify(new Date()),
+			),
+		]);
+	} catch (error) {
+		throw new Error('Failed to store config');
+	}
+};
+
+export const getConfigLastStoredAt = async (
+	configId: string,
+): Promise<Date | null> => {
+	try {
+		const lastStoredAt = await getStorage(
+			`${STORAGE_KEY}_${configId}_config_last_stored_at`,
+		);
+		if (lastStoredAt) {
+			return new Date(JSON.parse(lastStoredAt));
+		}
+	} catch (error) {
+		// Failed to retrieve last stored at
+	}
+	return null;
+};
+
+/**
+ * Determine if a cached config is stale
+ *
+ * @async
+ * @param {string} configId
+ * @returns {Promise<boolean>}
+ */
+export const hasStaleConfig = async (configId: string): Promise<boolean> => {
+	const lastStoredAt = await getConfigLastStoredAt(configId);
+	if (!lastStoredAt) {
+		return true;
+	}
+	const now = new Date();
+	const diff = now.getTime() - lastStoredAt.getTime();
+	const diffInMinutes = Math.floor(diff / 60000);
+	return diffInMinutes > 1440; // 24 hours = 1440 minutes
+};

package/src/types/consent-config.d.ts

@@ -70,9 +70,6 @@ export type Config = {
 	type?: Flavor;
 	variant: 'one' | 'two' | 'three' | 'four' | 'five' | 'six' | '' | undefined;
 	country: string;
-	region: string;
-	iab: Iab;
-	palette: Palette;
 	additionalLinks: string[][];
 	iabEnabled: boolean;
 };

package/src/utils/EventEmitter.ts

@@ -19,7 +19,6 @@ export class EventEmitter {
 	private _events: Record<string, Function[]> = {};
 
 	on(event: string, listener: Function) {
-		// console.log('EventEmitter.on', event, listener);
 		if (typeof this._events[event] !== 'object') {
 			this._events[event] = [];
 		}
@@ -29,7 +28,6 @@ export class EventEmitter {
 	}
 
 	off(event: string, listener: Function) {
-		// console.log('EventEmitter.off', event, listener);
 		if (typeof this._events[event] === 'object') {
 			const idx = this._events[event]!.indexOf(listener);
 			if (idx > -1) {
@@ -40,7 +38,7 @@ export class EventEmitter {
 
 	emit(event: string, ...args: unknown[]) {
 		if (typeof this._events[event] === 'object') {
-			this._events[event]?.forEach(listener => listener.apply(this, args));
+			this._events[event]?.forEach((listener) => listener.apply(this, args));
 		}
 	}
 

package/src/utils/Translator.ts

@@ -57,7 +57,7 @@ export default class Translator extends EventEmitter {
 	constructor(
 		consentManager: ConsentManager,
 		messages: LocalizedStrings = {},
-		defaultLocale = 'en'
+		defaultLocale = 'en',
 	) {
 		super();
 		this._consentManager = consentManager;
@@ -103,15 +103,15 @@ export default class Translator extends EventEmitter {
 	load(
 		desiredLocale?: string,
 		onLangLoadSuccess?: () => void,
-		onLangLoadFailure?: () => void
+		onLangLoadFailure?: () => void,
 	): Promise<PromiseSettledResult<string | undefined>[]> {
 		const allLocales = desiredLocale
 			? Translator.fallbackLanguages(
-					desiredLocale.toLowerCase().replace(/_/g, '-')
+					desiredLocale.toLowerCase().replace(/_/g, '-'),
 				)
-			: [];
+			: [Translator.DEFAULT_LANGUAGE];
 
-		const locale = allLocales?.shift();
+		const locale = allLocales.shift();
 		const customerId = this._consentManager.customerId;
 		const configId = this._consentManager.configId;
 		this._langLoadFailureSubscription =
@@ -130,7 +130,7 @@ export default class Translator extends EventEmitter {
 				} else {
 					const localesToTry = [...allLocales];
 					globalPromise = this._loading[locale] = fetchGlobalLocalePhrases(
-						locale
+						locale,
 					)
 						.then((phrases) => {
 							this._currentLocale = locale;
@@ -146,7 +146,7 @@ export default class Translator extends EventEmitter {
 							while (nextLocale) {
 								try {
 									this._loading[`${nextLocale}`] = fetchGlobalLocalePhrases(
-										nextLocale
+										nextLocale,
 									).then((phrases) => {
 										this._currentLocale = nextLocale!;
 										this.extend(phrases as LocalizedStrings, nextLocale);
@@ -179,7 +179,7 @@ export default class Translator extends EventEmitter {
 						] = fetchLocalLocalePhrases(
 							this._consentManager.customerId,
 							this._consentManager.configId,
-							locale
+							locale,
 						)
 							.then((phrases) => {
 								this.override(phrases as LocalizedStrings, locale);
@@ -196,7 +196,7 @@ export default class Translator extends EventEmitter {
 											fetchLocalLocalePhrases(
 												this._consentManager.customerId,
 												this._consentManager.configId,
-												nextLocale
+												nextLocale,
 											).then((phrases) => {
 												this.override(phrases as LocalizedStrings, nextLocale);
 												delete this._loading[
@@ -217,7 +217,7 @@ export default class Translator extends EventEmitter {
 								}
 								this.emit(
 									'langLoadFailure',
-									`Locale ${locale} is not available for translation`
+									`Locale ${locale} is not available for translation`,
 								);
 								throw error;
 							});
@@ -231,12 +231,12 @@ export default class Translator extends EventEmitter {
 		} else {
 			this.emit(
 				'langLoadFailure',
-				`Locale ${locale} is not available for translation`
+				`Locale ${locale} is not available for translation`,
 			);
 			this._langLoadFailureSubscription?.remove();
 			this._langLoadSuccessSubscription?.remove();
 			return Promise.reject(
-				new Error(`Locale ${locale} is not available for translation`)
+				new Error(`Locale ${locale} is not available for translation`),
 			);
 		}
 	}
@@ -262,10 +262,10 @@ export default class Translator extends EventEmitter {
 	 * Create a translation template for a particular key path
 	 */
 	template(
-		key: string
+		key: string,
 	): (
 		props: string | il8nProps,
-		defaultPhrase: string
+		defaultPhrase: string,
 	) => string | LocalizedStrings {
 		return (props: string | il8nProps, defaultPhrase: string) =>
 			this.translate(key, props, defaultPhrase);
@@ -277,7 +277,7 @@ export default class Translator extends EventEmitter {
 	translate(
 		path: string | string[],
 		props: string | il8nProps = {},
-		defaultPhrase?: string
+		defaultPhrase?: string,
 	): string | LocalizedStrings {
 		const localePassed = typeof props === 'string';
 		const locale = localePassed ? props : props.locale || this.locale;

package/src/views/Dialog/Message.tsx

@@ -8,12 +8,13 @@ export const Message = () => {
 	const isFirstLayerUsageRequired = config?.firstLayerUsageRequired;
 
 	const analyticsTranslation =
-		`${translate('categories.ESSENTIAL.label')}`.toLowerCase();
+		`${translate('categories.ANALYTICS.label')}`.toLowerCase();
 	const personalizationTranslation =
 		`${translate('categories.PERSONALIZATION.label')}`.toLowerCase();
 	const marketingTranslation =
 		`${translate('categories.MARKETING.label')}`.toLowerCase();
 	const stackTranslations = [
+		translate('iab.purposes.1.name'),
 		translate('iab.stacks.20.name'),
 		translate('iab.stacks.3.name'),
 		translate('iab.stacks.44.name'),

package/src/views/Dialog/index.tsx

@@ -305,6 +305,7 @@ export const Dialog = (): ReactElement<Modal> => {
 							]}
 						/>
 						<CloseButton
+							testID="close-dialog"
 							onPress={handleClose}
 							style={[
 								styles.close,

package/src/views/Drawer/index.tsx

@@ -259,6 +259,7 @@ export const Drawer: React.FC<DrawerProps> = () => {
 					]}
 				>
 					<CloseButton
+						testID="close-drawer"
 						style={isRTL ? styles.closeLeft : styles.closeRight}
 						color={infoDialogForegroundColor}
 					/>