fix: initial optimizely and segment events (#170)

openedx · Jun 30, 2023 · e7d9255 · e7d9255
1 parent 2c7e10f
commit e7d9255
Show file tree

Hide file tree

Showing 23 changed files with 542 additions and 47 deletions.
diff --git a/.env b/.env
@@ -40,3 +40,4 @@ ACCOUNT_SETTINGS_URL=''
 ACCOUNT_PROFILE_URL=''
 ENABLE_NOTICES=''
 CAREER_LINK_URL=''
+OPTIMIZELY_FULL_STACK_SDK_KEY=''
diff --git a/.env.development b/.env.development
@@ -47,3 +47,4 @@ ACCOUNT_SETTINGS_URL='http://localhost:1997'
 ACCOUNT_PROFILE_URL='http://localhost:1995'
 ENABLE_NOTICES=''
 CAREER_LINK_URL=''
+OPTIMIZELY_FULL_STACK_SDK_KEY=''
diff --git a/.env.test b/.env.test
@@ -46,3 +46,4 @@ ACCOUNT_SETTINGS_URL='http://account-settings-url.test'
 ACCOUNT_PROFILE_URL='http://account-profile-url.test'
 ENABLE_NOTICES=''
 CAREER_LINK_URL=''
+OPTIMIZELY_FULL_STACK_SDK_KEY='SDK Key'
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -36,6 +36,7 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.1.15",
+    "@optimizely/react-sdk": "^2.9.2",
     "@redux-beacon/segment": "^1.1.0",
     "@reduxjs/toolkit": "^1.6.1",
     "@testing-library/user-event": "^13.5.0",

diff --git a/src/widgets/ProductRecommendations/__snapshots__/index.test.jsx.snap b/src/widgets/ProductRecommendations/__snapshots__/index.test.jsx.snap
@@ -5,97 +5,103 @@ exports[`ProductRecommendations matches snapshot 1`] = `
   crossProductCourses={
     Array [
       Object {
+        "courseRunKey": "course-v1:Test+Course+2022T2",
         "courseType": "executive-education-2u",
         "image": Object {
           "src": "https://www.image-2.com/ed79a49b-64c1-48d2-afdc-054bf921e38d-6a76ceb47dea.small.jpg",
         },
+        "marketingUrl": "https://www.edx.org/course/some-course?utm_source=source",
         "owners": Array [
           Object {
             "key": "HarvardX",
             "logoImageUrl": "http://www.image.com/ef72daf3-c9a1-4c00-ba37-b3514392bdcf-8839c516815a.png",
             "name": "Harvard University",
           },
         ],
-        "prospectusPath": "course/introduction-to-computer-sceince",
         "title": "Introduction to Computer Science",
       },
       Object {
+        "courseRunKey": "course-v1:Test+Course+2022T2",
         "courseType": "bootcamp-2u",
         "image": Object {
           "src": "https://www.image-2.com/ed79a49b-64c1-48d2-afdc-054bf921e38d-6a76ceb47dea.small.jpg",
         },
+        "marketingUrl": "https://www.edx.org/course/some-course?utm_source=source",
         "owners": Array [
           Object {
             "key": "HarvardX",
             "logoImageUrl": "http://www.image.com/ef72daf3-c9a1-4c00-ba37-b3514392bdcf-8839c516815a.png",
             "name": "Harvard University",
           },
         ],
-        "prospectusPath": "course/introduction-to-computer-sceince",
         "title": "Introduction to Computer Science",
       },
     ]
   }
   openCourses={
     Array [
       Object {
+        "courseRunKey": "course-v1:Test+Course+2022T2",
         "courseType": "verified-audit",
         "image": Object {
           "src": "https://www.image-2.com/ed79a49b-64c1-48d2-afdc-054bf921e38d-6a76ceb47dea.small.jpg",
         },
+        "marketingUrl": "https://www.edx.org/course/some-course?utm_source=source",
         "owners": Array [
           Object {
             "key": "HarvardX",
             "logoImageUrl": "http://www.image.com/ef72daf3-c9a1-4c00-ba37-b3514392bdcf-8839c516815a.png",
             "name": "Harvard University",
           },
         ],
-        "prospectusPath": "course/introduction-to-computer-sceince",
         "title": "Introduction to Computer Science",
       },
       Object {
+        "courseRunKey": "course-v1:Test+Course+2022T2",
         "courseType": "audit",
         "image": Object {
           "src": "https://www.image-2.com/ed79a49b-64c1-48d2-afdc-054bf921e38d-6a76ceb47dea.small.jpg",
         },
+        "marketingUrl": "https://www.edx.org/course/some-course?utm_source=source",
         "owners": Array [
           Object {
             "key": "HarvardX",
             "logoImageUrl": "http://www.image.com/ef72daf3-c9a1-4c00-ba37-b3514392bdcf-8839c516815a.png",
             "name": "Harvard University",
           },
         ],
-        "prospectusPath": "course/introduction-to-computer-sceince",
         "title": "Introduction to Computer Science",
       },
       Object {
+        "courseRunKey": "course-v1:Test+Course+2022T2",
         "courseType": "verified",
         "image": Object {
           "src": "https://www.image-2.com/ed79a49b-64c1-48d2-afdc-054bf921e38d-6a76ceb47dea.small.jpg",
         },
+        "marketingUrl": "https://www.edx.org/course/some-course?utm_source=source",
         "owners": Array [
           Object {
             "key": "HarvardX",
             "logoImageUrl": "http://www.image.com/ef72daf3-c9a1-4c00-ba37-b3514392bdcf-8839c516815a.png",
             "name": "Harvard University",
           },
         ],
-        "prospectusPath": "course/introduction-to-computer-sceince",
         "title": "Introduction to Computer Science",
       },
       Object {
+        "courseRunKey": "course-v1:Test+Course+2022T2",
         "courseType": "course",
         "image": Object {
           "src": "https://www.image-2.com/ed79a49b-64c1-48d2-afdc-054bf921e38d-6a76ceb47dea.small.jpg",
         },
+        "marketingUrl": "https://www.edx.org/course/some-course?utm_source=source",
         "owners": Array [
           Object {
             "key": "HarvardX",
             "logoImageUrl": "http://www.image.com/ef72daf3-c9a1-4c00-ba37-b3514392bdcf-8839c516815a.png",
             "name": "Harvard University",
           },
         ],
-        "prospectusPath": "course/introduction-to-computer-sceince",
         "title": "Introduction to Computer Science",
       },
     ]

diff --git a/src/widgets/ProductRecommendations/components/ProductCard.test.jsx b/src/widgets/ProductRecommendations/components/ProductCard.test.jsx
@@ -20,7 +20,7 @@ describe('ProductRecommendations ProductCard', () => {
     headerImage,
     schoolLogo,
     courseType: courseTypeToProductTypeMap[course.courseType],
-    url: `https://www.edx.org/${course.prospectusPath}`,
+    url: `${course.marketingUrl}&linked_from=recommender`,
   };
 
   it('matches snapshot', () => {

diff --git a/src/widgets/ProductRecommendations/components/ProductCardContainer.jsx b/src/widgets/ProductRecommendations/components/ProductCardContainer.jsx
@@ -22,7 +22,7 @@ const ProductCardContainer = ({ finalProductList, courseTypes }) => (
               .map((item) => (
                 <ProductCard
                   key={item.title}
-                  url={`https://www.edx.org/${item.prospectusPath}`}
+                  url={`${item.marketingUrl}&linked_from=recommender`}
                   title={item.title}
                   subtitle={item.owners[0].name}
                   headerImage={item.image.src}