Merge pull request #53 from contentpass/CP-4020-consentmanager-cmp-wrapper

Add CMP wrapper for Consentmanager

Author: 0x7f

examples/consentmanager/.gitignore

@@ -0,0 +1,38 @@
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native (generated by expo prebuild)
+ios/
+android/
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

examples/consentmanager/app.json

@@ -0,0 +1,32 @@
+{
+  "expo": {
+    "name": "ContentpassConsentmanagerExample",
+    "slug": "consentmanagerExample",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.contentpassConsentmanagerExample.consentmanagerExample"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "com.contentpassConsentmanagerExample.consentmanagerExample"
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    },
+    "plugins": [
+      "react-native-app-auth"
+    ]
+  }
+}

examples/consentmanager/assets/adaptive-icon.png

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['babel-preset-expo'],
+};

examples/consentmanager/assets/favicon.png

@@ -0,0 +1,5 @@
+import { registerRootComponent } from 'expo';
+
+import App from './src/App';
+
+registerRootComponent(App);

examples/consentmanager/assets/icon.png

@@ -0,0 +1,66 @@
+const { getDefaultConfig } = require('expo/metro-config');
+const { getConfig } = require('react-native-builder-bob/metro-config');
+const path = require('path');
+
+const workspaceRoot = path.resolve(__dirname, '..', '..');
+const workspacePath = (name) => path.resolve(workspaceRoot, name);
+
+const workspacePackages = [
+  {
+    name: '@contentpass/react-native-contentpass',
+    root: workspacePath('packages/react-native-contentpass'),
+  },
+  {
+    name: '@contentpass/react-native-contentpass-ui',
+    root: workspacePath('packages/react-native-contentpass-ui'),
+  },
+  {
+    name: '@contentpass/react-native-contentpass-cmp-consentmanager',
+    root: workspacePath('packages/react-native-contentpass-cmp-consentmanager'),
+  },
+];
+
+const pkg = require('../../packages/react-native-contentpass/package.json');
+const root = path.resolve(__dirname, '..', '..');
+
+/** @type {import('expo/metro-config').MetroConfig} */
+const config = getConfig(getDefaultConfig(__dirname), {
+  root,
+  pkg,
+  project: __dirname,
+});
+
+config.watchFolders = [
+  ...(config.watchFolders || []),
+  ...workspacePackages.flatMap(({ root }) => [path.join(root, 'src'), root]),
+];
+
+const exampleNodeModules = path.resolve(__dirname, 'node_modules');
+const rootNodeModules = path.resolve(__dirname, '..', '..', 'node_modules');
+const libraryNodeModules = path.join(
+  workspacePath('packages/react-native-contentpass'),
+  'node_modules'
+);
+const workspaceExtraNodeModules = Object.fromEntries(
+  workspacePackages.map(({ name, root }) => [name, path.join(root, 'src')])
+);
+
+config.resolver = {
+  ...config.resolver,
+  disableHierarchicalLookup: true,
+  extraNodeModules: {
+    ...config.resolver?.extraNodeModules,
+    'react': path.join(exampleNodeModules, 'react'),
+    'react-native': path.join(exampleNodeModules, 'react-native'),
+    ...workspaceExtraNodeModules,
+  },
+  nodeModulesPaths: [
+    exampleNodeModules,
+    rootNodeModules,
+    libraryNodeModules,
+    ...(config.resolver?.nodeModulesPaths || []),
+  ],
+  unstable_enablePackageExports: false,
+};
+
+module.exports = config;

examples/consentmanager/assets/splash-icon.png

@@ -0,0 +1,37 @@
+{
+  "name": "@contentpass/examples-consentmanager",
+  "version": "0.0.1",
+  "main": "index.ts",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
+  },
+  "dependencies": {
+    "@contentpass/react-native-contentpass": "workspace:*",
+    "@contentpass/react-native-contentpass-cmp-consentmanager": "workspace:*",
+    "@contentpass/react-native-contentpass-ui": "workspace:*",
+    "cm-sdk-react-native-v3": "^3.10.0",
+    "expo": "~54.0.33",
+    "expo-status-bar": "~3.0.9",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-app-auth": "^8.1.0",
+    "react-native-encrypted-storage": "^4.0.3",
+    "react-native-webview": "^13.15.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
+    "@babel/runtime": "^7.28.6",
+    "@react-native-community/cli": "19.1.2",
+    "@react-native-community/cli-platform-android": "19.1.2",
+    "@react-native-community/cli-platform-ios": "19.1.2",
+    "@react-native/babel-preset": "0.81.5",
+    "@react-native/metro-config": "0.81.5",
+    "@react-native/typescript-config": "0.81.5",
+    "babel-preset-expo": "^54.0.10",
+    "react-native-builder-bob": "^0.40.17"
+  },
+  "private": true
+}