Demo for rokt optimizely mp joint deploy

core-sdk-samples/core-snippet-sample-app/index.html

@@ -9,7 +9,7 @@
             window.mParticle = {
                 config: {
                     // If you are doing local development, set this to false
-                    requestConfig: true,
+                    requestConfig: false,
 
                     flags: {},
 
@@ -43,20 +43,49 @@ <h1>mParticle Core Web Snippet Sample App</h1>
         <button id="js-log-event">Fire Event</button>
 
         <!-- Disable the following to override the CDN Snippet for local development -->
-        <script src="src/snippet.js"></script>
+        <!-- <script src="src/snippet.js"></script> -->
 
         <!-- Local Development: Enable the following to override the Snippet -->
-        <!-- <script src="node_modules/%40mparticle/web-sdk/dist/mparticle.js"></script>
-        <script src="src/events.fns.js"></script>
-        <script src="src/sideloadedKits.js"></script>
+        <script src="node_modules/%40mparticle/web-sdk/dist/mparticle.js"></script>
+        <script src="node_modules/%40mparticle/web-rokt-kit/dist/Rokt-Kit.iife.js"></script>
+        <script src="node_modules/%40mparticle/web-optimizely-kit/dist/OptimizelyKit.iife.js"></script>
+        <script src="src/kitConfig.js"></script>
+        <!-- <script src="src/events.fns.js"></script> -->
+        <!-- <script src="src/sideloadedKits.js"></script> -->
         <script>
             setTimeout(function () {
                 console.log('init mParticle', window.mParticle.config);
                 window.mParticle.init(
-                    'REPLACE WITH API KEY',
+                    'API_KEY',
                     window.mParticle.config
                 );
             }, 100);
-        </script> -->
+        </script>
+
+        <script type="module">
+            setTimeout(function () {
+                window.mParticle.Rokt.selectPlacements({
+                attributes: {
+                    "testsession": "true",
+                    email: "",
+                    firstname: "",
+                    lastname: "",
+                    confirmationref: "",
+                    billingzipcode: "",
+                    amount: "",
+                    paymenttype: "",
+                    ccbin: "",
+                    mobile: "",
+                    country: "",
+                    language: "",
+                    currency: "",
+                    billingaddress1: "",
+                    billingaddress2: "",
+                    age: "",
+                    gender: ""
+                },
+            });
+            }, 500);
+        </script>
     </body>
 </html>

core-sdk-samples/core-snippet-sample-app/src/kitConfig.js

@@ -0,0 +1,58 @@
+console.log("Loading Kit Configs");
+window.mParticle = window.mParticle || {};
+window.mParticle.config = window.mParticle.config || {};
+window.mParticle.config.kitConfigs = [];
+
+window.mParticle.config.kitConfigs.push({
+    name: "Rokt",
+    moduleId: 181,
+    isDebug: true,
+    isVisible: true,
+    isDebugString: "false",
+    hasDebugString: "true",
+    settings: {
+      accountId: "3322233813126778880",
+      sandboxMode: "True",
+      enableOnboardingFlow: "True",
+      onboardingExpProvider: "Optimizely",
+    },
+    screenNameFilters: [],
+    screenAttributeFilters: [],
+    userIdentityFilters: [],
+    userAttributeFilters: [],
+    eventNameFilters: [],
+    eventTypeFilters: [],
+    attributeFilters: [],
+    consentRegulationFilters: [],
+    consentRegulationPurposeFilters: [],
+    messageTypeFilters: [],
+    messageTypeStateFilters: [],
+    eventSubscriptionId: 7682,
+    excludeAnonymousUser: false,
+  }, {
+    name: 'Optimizely',
+    moduleId: 54,
+    isDebug: true,
+    isVisible: true,
+    isDebugString: "false",
+    hasDebugString: "true",
+    settings: {
+        useFullStack: "False",
+        projectId: "5107779900276736",
+        userIdField: "user_id",
+    },
+    screenNameFilters: [],
+    screenAttributeFilters: [],
+    userIdentityFilters: [],
+    userAttributeFilters: [],
+    eventNameFilters: [],
+    eventTypeFilters: [],
+    attributeFilters: [],
+    consentRegulationFilters: [],
+    consentRegulationPurposeFilters: [],
+    messageTypeFilters: [],
+    messageTypeStateFilters: [],
+    eventSubscriptionId: 7682,
+    excludeAnonymousUser: false,
+  }
+);

core-sdk-samples/core-snippet-sample-app/src/sideloadedKits.js

@@ -4,6 +4,7 @@ window.mParticle = window.mParticle || {};
 window.mParticle.config = window.mParticle.config || {};
 window.mParticle.config.sideloadedKits = [];
 
+
 function sideLoadedKit(forwarderName, forwarderId) {
     const register = (config) => {
         if (!config.kits) {
@@ -39,6 +40,7 @@ function sideLoadedKit(forwarderName, forwarderId) {
 
 const sidewinder = new sideLoadedKit('Sidewinder', 42);
 
+
 window.mParticle.config.sideloadedKits.push(
     new window.mParticle.MPSideloadedKit(sidewinder)
 );

core-sdk-samples/core-snippet-sample-app/src/snippet.js

@@ -83,4 +83,4 @@
         dbUrl;
     var c = document.getElementsByTagName('script')[0];
     c.parentNode.insertBefore(mp, c);
-})('REPLACE WITH API KEY');
+})('API_KEY');