@osano/osano-cmp-react-native 0.6.0 → 0.8.0

package/src/index.tsx

@@ -45,10 +45,11 @@ export const Osano: React.FunctionComponent<
 			onLangLoadFailure,
 			onLangLoadSuccess,
 			overrides,
+			extUsrData
 		} = props;
 		const { flavor, iabEnabled } = overrides || {};
 		const consentManager = useRef<ConsentManager>(
-			new ConsentManager(overrides)
+			new ConsentManager(overrides, extUsrData)
 		);
 
 		const [_state, store] = useThunkReducer<OsanoState, OsanoAction>(

package/src/services/consent.ts

@@ -30,6 +30,16 @@ export type ConsentPayload = {
 	extUsrData?: string;
 };
 
+export type ConsentRecordPayload = {
+	osnoCustomerId: string;
+	osnoConfigId: string;
+	consented?: string;
+	consentingDomain: string;
+	consentingPlatform: string;
+	userConsentId: string;
+	extUsrData?: string;
+};
+
 function createConsentPayload(
 	cmp: ConsentManager,
 	consent?: ConsentCategoryType[],
@@ -47,6 +57,24 @@ function createConsentPayload(
 	) as ConsentPayload;
 }
 
+function createConsentRecordPayload(
+	cmp: ConsentManager,
+	consent?: ConsentCategoryType[],
+): ConsentRecordPayload{
+	const consentedCategories = consent ?? cmp.consent
+	return Object.fromEntries(
+		Object.entries({
+			osnoCustomerId: cmp.customerId,
+			osnoConfigId: cmp.configId,
+			consented: consentedCategories.join(','),
+			consentingDomain: cmp.consentingDomain,
+			consentingPlatform: `${Platform.OS}.react-native`,
+			userConsentId: cmp.deviceId,
+			extUsrData: cmp.extUsrData,
+		}).filter(([, value]) => value !== undefined),
+	) as ConsentRecordPayload;
+}
+
 const STORAGE_KEY = 'osano_consentmanager';
 
 const storeConsent = async (
@@ -134,9 +162,9 @@ export const recordConsent = (
 	cmp: ConsentManager,
 	consent?: ConsentCategoryType[],
 ) => {
-	const payload = createConsentPayload(cmp, consent);
-	return API.post(`${CONSENT_URI}/record`, createConsentPayload(cmp, consent))
-		.then(() => payload.consented ?? cmp.consent)
+	const payload = createConsentRecordPayload(cmp, consent);
+	return API.post(`${CONSENT_URI}/record`, payload, {referrer: cmp.consentingDomain})
+		.then(() => consent ?? cmp.consent)
 		.then((consentCategories) => storeConsent(cmp, consentCategories))
 		.catch((error) => {
 			// Cannot record consent

package/src/types/index.d.ts

@@ -31,4 +31,5 @@ export interface OsanoProps {
 	onLangLoadSuccess?: () => void;
 	onLangLoadFailure?: () => void;
 	overrides?: OsanoOverrides;
+	extUsrData?: string
 }

package/src/utils/API.ts

@@ -3,6 +3,7 @@ const makeFetch = (
 	path: string,
 	params = {},
 	returnHeaders = false,
+	headers = {},
 ): Promise<unknown | { json: object; headers: Headers }> => {
 	const url = new URL(path);
 	if (method.toLowerCase() === 'get') {
@@ -22,6 +23,7 @@ const makeFetch = (
 		mode: 'cors',
 		referrer: 'no-referrer',
 		body: method !== 'GET' ? JSON.stringify(params) : undefined,
+		...headers
 	}).then((response) => {
 		if (response.status === 204 || response.type === 'opaque') {
 			return '';
@@ -44,5 +46,5 @@ export default {
 			typeof queryObj !== 'boolean' ? queryObj : undefined,
 			typeof queryObj === 'boolean',
 		),
-	post: (path: string, params?: object) => makeFetch('POST', path, params),
+	post: (path: string, params?: object, headers?: object) => makeFetch('POST', path, params, false, headers),
 };