@sourcepoint/react-native-cmp v0.0.1

@sourcepoint/react-native-cmp

Sourcepoint's CMP bridge for React Native

Installation

npm install @sourcepoint/react-native-cmp

Usage

//...

import { SPConsentManager } from '@sourcepoint/react-native-cmp';

const config = {
  accountId: 22,
  propertyId: 999,
  propertyName: "mobile.multicampaign.demo",
  gdprPMId: "488393",
  ccpaPMId: "509688"
}

const consentManager = new SPConsentManager(
  config.accountId,
  config.propertyId,
  config.propertyName
);

export default function App() {
  const [userData, setUserData] = React.useState<{}>({});

  React.useEffect(() => {
    // it's important to wrap `onFinished` and `loadMessage` in a 
    // useEffect hook so they only get called once.
    consentManager.onFinished(() => {
      consentManager.getUserData().then(setUserData);
    })
    consentManager.loadMessage();
    consentManager.getUserData().then(setUserData);
  }, []);

  return (
    <SafeAreaView>
      <View>
        <Button title="Load Messages" onPress={() => {
          consentManager.loadMessage();
        }}/>
        <Button title="Load GDPR PM" onPress={() => {
          consentManager.loadGDPRPrivacyManager(config.gdprPMId);
        }}/>
        <Button title="Load CCPA PM" onPress={() => {
          consentManager.loadCCPAPrivacyManager(config.ccpaPMId);
        }}/>
        <Button title="Clear All" onPress={() => {
          consentManager.clearLocalData()
          consentManager.getUserData().then(setUserData)
        }}/>
      </View>
      <ScrollView>
        <ScrollView horizontal={true}>
          <Text>
            {JSON.stringify(userData, undefined, ' ')}
          </Text>
        </ScrollView>
      </ScrollView>
    </SafeAreaView>
  );
}

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library