From d07c24e251391c7964282abcb2f1c57b69b1a9b0 Mon Sep 17 00:00:00 2001
From: Patrick Wu <patrick.wu@rokt.com>
Date: Fri, 21 Mar 2025 16:49:31 -0400
Subject: [PATCH] Demo for rokt optimizely mp joint deploy

---
 .../core-snippet-sample-app/index.html        | 43 +++++++++++---
 .../core-snippet-sample-app/src/kitConfig.js  | 58 +++++++++++++++++++
 .../src/sideloadedKits.js                     |  2 +
 .../core-snippet-sample-app/src/snippet.js    |  2 +-
 4 files changed, 97 insertions(+), 8 deletions(-)
 create mode 100644 core-sdk-samples/core-snippet-sample-app/src/kitConfig.js

diff --git a/core-sdk-samples/core-snippet-sample-app/index.html b/core-sdk-samples/core-snippet-sample-app/index.html
index c70c2f3b..43deb6f8 100644
--- a/core-sdk-samples/core-snippet-sample-app/index.html
+++ b/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>
diff --git a/core-sdk-samples/core-snippet-sample-app/src/kitConfig.js b/core-sdk-samples/core-snippet-sample-app/src/kitConfig.js
new file mode 100644
index 00000000..f19dbd3c
--- /dev/null
+++ b/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,
+  }
+);
\ No newline at end of file
diff --git a/core-sdk-samples/core-snippet-sample-app/src/sideloadedKits.js b/core-sdk-samples/core-snippet-sample-app/src/sideloadedKits.js
index bfe06625..74f3a177 100644
--- a/core-sdk-samples/core-snippet-sample-app/src/sideloadedKits.js
+++ b/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)
 );
diff --git a/core-sdk-samples/core-snippet-sample-app/src/snippet.js b/core-sdk-samples/core-snippet-sample-app/src/snippet.js
index c02223c1..3b6c0870 100644
--- a/core-sdk-samples/core-snippet-sample-app/src/snippet.js
+++ b/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');