feat: implement authId common interface

Author: andresilveirah

example/src/App.tsx

@@ -1,5 +1,12 @@
 import React, { useState, useEffect, useCallback, useRef } from 'react';
-import { View, Text, SafeAreaView, Button, StyleSheet } from 'react-native';
+import {
+  View,
+  Text,
+  SafeAreaView,
+  Button,
+  StyleSheet,
+  TextInput,
+} from 'react-native';
 import { LaunchArguments } from 'react-native-launch-arguments';
 
 import {
@@ -38,6 +45,7 @@ const config = {
 export default function App() {
   const [userData, setUserData] = useState<SPUserData>({});
   const [sdkStatus, setSDKStatus] = useState<SDKStatus>(SDKStatus.NotStarted);
+  const [authId, setAuthId] = useState<string | undefined>(launchArgs.authId);
   const consentManager = useRef<SPConsentManager | null>();
 
   useEffect(() => {
@@ -75,7 +83,7 @@ export default function App() {
 
     consentManager.current?.getUserData().then(setUserData);
 
-    consentManager.current?.loadMessage();
+    consentManager.current?.loadMessage({ authId });
 
     setSDKStatus(SDKStatus.Networking);
 
@@ -85,9 +93,9 @@ export default function App() {
   }, []);
 
   const onLoadMessagePress = useCallback(() => {
-    consentManager.current?.loadMessage();
+    consentManager.current?.loadMessage({ authId });
     setSDKStatus(SDKStatus.Networking);
-  }, []);
+  }, [authId]);
 
   const onGDPRPMPress = useCallback(() => {
     setSDKStatus(SDKStatus.Networking);
@@ -111,8 +119,18 @@ export default function App() {
     <SafeAreaView style={styles.container}>
       <View>
         <Text style={styles.title}>Sourcepoint CMP</Text>
+        <TextInput
+          value={authId}
+          placeholder="(optional) authId"
+          onChangeText={setAuthId}
+          style={styles.authIdInput}
+          autoCapitalize="none"
+          autoCorrect={false}
+          autoComplete="off"
+          clearButtonMode="always"
+        />
         <Button
-          title="Load Messages"
+          title={authId ? `Load Messages (${authId})` : 'Load Messages'}
           onPress={onLoadMessagePress}
           disabled={disable}
         />
@@ -131,7 +149,7 @@ export default function App() {
           {sdkStatus}
         </Text>
       </View>
-      <UserDataView data={userData} />
+      <UserDataView data={userData} authId={authId} />
     </SafeAreaView>
   );
 }
@@ -146,4 +164,13 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     color: '#999',
   },
+  authIdInput: {
+    marginVertical: 12,
+    marginHorizontal: 'auto',
+    width: '70%',
+    padding: 8,
+    fontSize: 18,
+    textAlign: 'center',
+    borderWidth: 1,
+  },
 });

example/src/LaunchArgs.ts

@@ -1,13 +1,14 @@
 import type { SPCampaigns } from '@sourcepoint/react-native-cmp';
 
 export type LaunchArgs = {
-  config: {
+  config?: {
     accountId?: number;
     propertyId?: number;
     propertyName?: string;
     gdprPMId?: string;
     usnatPMId?: string;
     campaigns?: SPCampaigns;
   };
+  authId?: string;
   clearData?: boolean;
 };

example/src/TestableText.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Text, StyleSheet } from 'react-native';
 
 export type TestableTextProps = {
-  testID: string | undefined;
+  testID?: string;
 } & React.PropsWithChildren;
 
 export const TestableText = ({ testID, children }: TestableTextProps) => (

example/src/UserDataView.tsx

@@ -4,9 +4,11 @@ import { ScrollView, View, Text, StyleSheet } from 'react-native';
 import { TestableText } from './TestableText';
 import type { SPUserData } from '@sourcepoint/react-native-cmp';
 
-export default ({ data }: UserDataViewProps) => (
+export default ({ data, authId }: UserDataViewProps) => (
   <View style={styles.container}>
-    <Text style={styles.header}>Local User Data</Text>
+    <Text style={styles.header}>
+      {authId ? `User Data (${authId})` : `User Data`}
+    </Text>
     <TestableText testID="gdpr.uuid">{data?.gdpr?.consents?.uuid}</TestableText>
     <TestableText testID="gdpr.consentStatus">
       {data?.gdpr?.consents?.statuses?.consentedAll
@@ -31,6 +33,7 @@ export default ({ data }: UserDataViewProps) => (
 
 type UserDataViewProps = {
   data: SPUserData;
+  authId?: string;
 };
 
 const styles = StyleSheet.create({

src/index.ts

@@ -1,5 +1,5 @@
 import { NativeModules, Platform, NativeEventEmitter } from 'react-native';
-import type { Spec, SPCampaigns, SPUserData } from './types';
+import type { Spec, SPCampaigns, SPUserData, LoadMessageParams } from './types';
 
 const LINKING_ERROR =
   `The package '@sourcepoint/react-native-cmp' doesn't seem to be linked. Make sure: \n\n` +
@@ -45,8 +45,8 @@ export class SPConsentManager implements Spec {
     return RNSourcepointCmp.getUserData();
   }
 
-  loadMessage() {
-    RNSourcepointCmp.loadMessage();
+  loadMessage(params?: LoadMessageParams) {
+    RNSourcepointCmp.loadMessage(params);
   }
 
   clearLocalData() {

src/types.ts

@@ -86,6 +86,10 @@ export type SPUserData = {
   usnat?: CampaignConsent<USNatConsent>;
 };
 
+export type LoadMessageParams = {
+  authId?: string;
+};
+
 export interface Spec extends TurboModule {
   build(
     accountId: number,
@@ -94,7 +98,7 @@ export interface Spec extends TurboModule {
     campaigns: SPCampaigns
   ): void;
   getUserData(): Promise<SPUserData>;
-  loadMessage(): void;
+  loadMessage(params?: LoadMessageParams): void;
   clearLocalData(): void;
   loadGDPRPrivacyManager(pmId: string): void;
   loadUSNatPrivacyManager(pmId: string): void;