@edx/frontend-plugin-advertisements 1.33.3 → 1.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/data/index.js +8 -0
  2. package/dist/data/index.js.map +1 -1
  3. package/dist/generic/index.js +8 -15
  4. package/dist/generic/index.js.map +1 -1
  5. package/dist/generic/upsell-bullets/PaywallUpsellBullets.js +133 -0
  6. package/dist/generic/upsell-bullets/PaywallUpsellBullets.js.map +1 -0
  7. package/dist/generic/upsell-bullets/UpsellBullets.js +69 -116
  8. package/dist/generic/upsell-bullets/UpsellBullets.js.map +1 -1
  9. package/dist/generic/upsell-bullets/{ExperimentalUpsellTable.js → UpsellTable.js} +7 -7
  10. package/dist/generic/upsell-bullets/UpsellTable.js.map +1 -0
  11. package/dist/generic/upsell-bullets/index.js +14 -14
  12. package/dist/generic/upsell-bullets/index.js.map +1 -1
  13. package/dist/index.js +2 -8
  14. package/dist/index.js.map +1 -1
  15. package/dist/optimizely/utils.js +19 -3
  16. package/dist/optimizely/utils.js.map +1 -1
  17. package/dist/upgrade-modal/BaseModal.js +4 -10
  18. package/dist/upgrade-modal/BaseModal.js.map +1 -1
  19. package/dist/upgrade-modal/DefaultUpgradeModal.js +7 -5
  20. package/dist/upgrade-modal/DefaultUpgradeModal.js.map +1 -1
  21. package/dist/upgrade-modal/ExperimentalUpgradeModal.js +24 -11
  22. package/dist/upgrade-modal/ExperimentalUpgradeModal.js.map +1 -1
  23. package/dist/upgrade-modal/NextUnitButton.js +13 -25
  24. package/dist/upgrade-modal/NextUnitButton.js.map +1 -1
  25. package/dist/upgrade-notification/DefaultUpgradeNotification.js +16 -24
  26. package/dist/upgrade-notification/DefaultUpgradeNotification.js.map +1 -1
  27. package/dist/upgrade-notification/ExperimentalUpgradeNotification.js +34 -13
  28. package/dist/upgrade-notification/ExperimentalUpgradeNotification.js.map +1 -1
  29. package/dist/upgrade-notification/utils.js +2 -21
  30. package/dist/upgrade-notification/utils.js.map +1 -1
  31. package/package.json +1 -1
  32. package/dist/generic/UpsellFarAwayCardContent.js +0 -30
  33. package/dist/generic/UpsellFarAwayCardContent.js.map +0 -1
  34. package/dist/generic/upsell-bullets/ExperimentalUpsellBullets.js +0 -86
  35. package/dist/generic/upsell-bullets/ExperimentalUpsellBullets.js.map +0 -1
  36. package/dist/generic/upsell-bullets/ExperimentalUpsellTable.js.map +0 -1
  37. /package/dist/generic/upsell-bullets/{UpsellBullets.scss → PaywallUpsellBullets.scss} +0 -0
  38. /package/dist/generic/upsell-bullets/{ExperimentalUpsellTable.scss → UpsellTable.scss} +0 -0
@@ -27,6 +27,12 @@ Object.defineProperty(exports, "OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_
27
27
  return _optimizely.OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS;
28
28
  }
29
29
  });
30
+ Object.defineProperty(exports, "PAGE_NAMES", {
31
+ enumerable: true,
32
+ get: function () {
33
+ return _constants.default;
34
+ }
35
+ });
30
36
  Object.defineProperty(exports, "getOptimizely", {
31
37
  enumerable: true,
32
38
  get: function () {
@@ -34,4 +40,6 @@ Object.defineProperty(exports, "getOptimizely", {
34
40
  }
35
41
  });
36
42
  var _optimizely = require("./optimizely");
43
+ var _constants = _interopRequireDefault(require("./constants"));
44
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
37
45
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_optimizely","require"],"sources":["../../src/data/index.jsx"],"sourcesContent":["export {\n getOptimizely,\n OPTIMIZELY_EVENT_KEYS,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY,\n OPTIMIZELY_VTR_BULLET_EXPERIMENT,\n} from './optimizely';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_optimizely","require","_constants","_interopRequireDefault","obj","__esModule","default"],"sources":["../../src/data/index.jsx"],"sourcesContent":["export {\n getOptimizely,\n OPTIMIZELY_EVENT_KEYS,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY,\n OPTIMIZELY_VTR_BULLET_EXPERIMENT,\n} from './optimizely';\n\nexport { default as PAGE_NAMES } from './constants';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAoD,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}
@@ -9,18 +9,6 @@ Object.defineProperty(exports, "AccessExpirationDateBanner", {
9
9
  return _AccessExpirationDateBanner.default;
10
10
  }
11
11
  });
12
- Object.defineProperty(exports, "ExperimentalUpsellBullets", {
13
- enumerable: true,
14
- get: function () {
15
- return _upsellBullets.ExperimentalUpsellBullets;
16
- }
17
- });
18
- Object.defineProperty(exports, "ExperimentalUpsellTable", {
19
- enumerable: true,
20
- get: function () {
21
- return _upsellBullets.ExperimentalUpsellTable;
22
- }
23
- });
24
12
  Object.defineProperty(exports, "ExpirationCountdown", {
25
13
  enumerable: true,
26
14
  get: function () {
@@ -39,23 +27,28 @@ Object.defineProperty(exports, "PastExpirationDateBanner", {
39
27
  return _PastExpirationDateBanner.default;
40
28
  }
41
29
  });
30
+ Object.defineProperty(exports, "UpsellBullets", {
31
+ enumerable: true,
32
+ get: function () {
33
+ return _upsellBullets.UpsellBullets;
34
+ }
35
+ });
42
36
  Object.defineProperty(exports, "UpsellFBESoonCardContent", {
43
37
  enumerable: true,
44
38
  get: function () {
45
39
  return _UpsellFBESoonCardContent.default;
46
40
  }
47
41
  });
48
- Object.defineProperty(exports, "UpsellFarAwayCardContent", {
42
+ Object.defineProperty(exports, "UpsellTable", {
49
43
  enumerable: true,
50
44
  get: function () {
51
- return _UpsellFarAwayCardContent.default;
45
+ return _upsellBullets.UpsellTable;
52
46
  }
53
47
  });
54
48
  var _ExpirationCountdown = _interopRequireDefault(require("./ExpirationCountdown"));
55
49
  var _AccessExpirationDateBanner = _interopRequireDefault(require("./AccessExpirationDateBanner"));
56
50
  var _PastExpirationDateBanner = _interopRequireDefault(require("./PastExpirationDateBanner"));
57
51
  var _PastExpirationCardContent = _interopRequireDefault(require("./PastExpirationCardContent"));
58
- var _UpsellFarAwayCardContent = _interopRequireDefault(require("./UpsellFarAwayCardContent"));
59
52
  var _UpsellFBESoonCardContent = _interopRequireDefault(require("./UpsellFBESoonCardContent"));
60
53
  var _upsellBullets = require("./upsell-bullets");
61
54
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_ExpirationCountdown","_interopRequireDefault","require","_AccessExpirationDateBanner","_PastExpirationDateBanner","_PastExpirationCardContent","_UpsellFarAwayCardContent","_UpsellFBESoonCardContent","_upsellBullets","obj","__esModule","default"],"sources":["../../src/generic/index.jsx"],"sourcesContent":["import ExpirationCountdown from './ExpirationCountdown';\nimport AccessExpirationDateBanner from './AccessExpirationDateBanner';\nimport PastExpirationDateBanner from './PastExpirationDateBanner';\nimport PastExpirationCardContent from './PastExpirationCardContent';\nimport UpsellFarAwayCardContent from './UpsellFarAwayCardContent';\nimport UpsellFBESoonCardContent from './UpsellFBESoonCardContent';\nimport { ExperimentalUpsellBullets, ExperimentalUpsellTable } from './upsell-bullets';\n\nexport {\n ExpirationCountdown,\n AccessExpirationDateBanner,\n PastExpirationDateBanner,\n PastExpirationCardContent,\n UpsellFarAwayCardContent,\n UpsellFBESoonCardContent,\n ExperimentalUpsellBullets,\n ExperimentalUpsellTable,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,yBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,0BAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,yBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,yBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAAsF,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_ExpirationCountdown","_interopRequireDefault","require","_AccessExpirationDateBanner","_PastExpirationDateBanner","_PastExpirationCardContent","_UpsellFBESoonCardContent","_upsellBullets","obj","__esModule","default"],"sources":["../../src/generic/index.jsx"],"sourcesContent":["import ExpirationCountdown from './ExpirationCountdown';\nimport AccessExpirationDateBanner from './AccessExpirationDateBanner';\nimport PastExpirationDateBanner from './PastExpirationDateBanner';\nimport PastExpirationCardContent from './PastExpirationCardContent';\nimport UpsellFBESoonCardContent from './UpsellFBESoonCardContent';\nimport { UpsellBullets, UpsellTable } from './upsell-bullets';\n\nexport {\n ExpirationCountdown,\n AccessExpirationDateBanner,\n PastExpirationDateBanner,\n PastExpirationCardContent,\n UpsellFBESoonCardContent,\n UpsellBullets,\n UpsellTable,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,yBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,0BAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,yBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA8D,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}
@@ -0,0 +1,133 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.VerifiedCertBullet = exports.UnlockGradedBullet = exports.SupportMissionBullet = exports.FullAccessBullet = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _icons = require("@openedx/paragon/icons");
9
+ var _paragon = require("@openedx/paragon");
10
+ var _i18n = require("@edx/frontend-platform/i18n");
11
+ var _frontendPlatform = require("@edx/frontend-platform");
12
+ var _jsxRuntime = require("react/jsx-runtime");
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
+ const CheckmarkBullet = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
15
+ src: _icons.Check
16
+ });
17
+ const VerifiedCertBullet = () => {
18
+ const verifiedCertLink = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
19
+ className: "inline-link-underline font-weight-bold",
20
+ rel: "noopener noreferrer",
21
+ target: "_blank",
22
+ href: `${(0, _frontendPlatform.getConfig)().MARKETING_SITE_BASE_URL}/verified-certificate`,
23
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
24
+ id: "advertisements.upsell.verifiedCertBullet.verifiedCert",
25
+ defaultMessage: "verified certificate",
26
+ description: "Bolded words 'verified certificate', which is the name of credential the learner receives."
27
+ })
28
+ });
29
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
30
+ direction: "horizontal",
31
+ gap: 3,
32
+ role: "listitem",
33
+ className: "align-items-start",
34
+ "data-testid": "verified-cert-bullet",
35
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
36
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
37
+ id: "advertisements.upsell.verifiedCertBullet",
38
+ defaultMessage: "Earn a {verifiedCertLink} of completion to showcase on your resum\xE9",
39
+ description: "Bullet showcasing benefit of earned credential.",
40
+ values: {
41
+ verifiedCertLink
42
+ }
43
+ })
44
+ })]
45
+ });
46
+ };
47
+ exports.VerifiedCertBullet = VerifiedCertBullet;
48
+ const UnlockGradedBullet = () => {
49
+ const gradedAssignmentsInBoldText = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
50
+ className: "font-weight-bold",
51
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
52
+ id: "advertisements.upsell.unlockGradedBullet.gradedAssignments",
53
+ defaultMessage: "graded assignments",
54
+ description: "Bolded words 'graded assignments', which are the bolded portion of a bullet point highlighting that course content is unlocked when purchasing an upgrade. Graded assignments are any course content that is graded and are unlocked by upgrading to verified certificates."
55
+ })
56
+ });
57
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
58
+ direction: "horizontal",
59
+ gap: 3,
60
+ role: "listitem",
61
+ className: "align-items-start",
62
+ "data-testid": "unlock-graded-bullet",
63
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
64
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
65
+ id: "advertisements.upsell.unlockGradedBullet",
66
+ defaultMessage: "Unlock your access to all course activities, including {gradedAssignmentsInBoldText}",
67
+ description: "Bullet showcasing benefit of additional course material.",
68
+ values: {
69
+ gradedAssignmentsInBoldText
70
+ }
71
+ })
72
+ })]
73
+ });
74
+ };
75
+ exports.UnlockGradedBullet = UnlockGradedBullet;
76
+ const FullAccessBullet = () => {
77
+ const fullAccessInBoldText = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
78
+ className: "font-weight-bold",
79
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
80
+ id: "advertisements.upsell.fullAccessBullet.fullAccess",
81
+ defaultMessage: "Full access",
82
+ description: "Bolded phrase 'Full access', which is the bolded portion of a bullet point highlighting that access to course content will not have time limits."
83
+ })
84
+ });
85
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
86
+ direction: "horizontal",
87
+ gap: 3,
88
+ role: "listitem",
89
+ className: "align-items-start",
90
+ "data-testid": "full-access-bullet",
91
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
92
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
93
+ id: "advertisements.upsell.fullAccessBullet",
94
+ defaultMessage: "{fullAccessInBoldText} to course content and materials, even after the course ends",
95
+ description: "Bullet showcasing upgrade lifts access durations.",
96
+ values: {
97
+ fullAccessInBoldText
98
+ }
99
+ })
100
+ })]
101
+ });
102
+ };
103
+ exports.FullAccessBullet = FullAccessBullet;
104
+ const SupportMissionBullet = () => {
105
+ const missionInBoldText = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
106
+ className: "font-weight-bold",
107
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
108
+ id: "advertisements.upsell.supportMissionBullet.mission",
109
+ defaultMessage: "mission",
110
+ description: "Bolded word 'mission', which is the bolded portion of a bullet point encouraging the learner to support the goals of the website."
111
+ })
112
+ });
113
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
114
+ direction: "horizontal",
115
+ gap: 3,
116
+ role: "listitem",
117
+ className: "align-items-start",
118
+ "data-testid": "support-mission-bullet",
119
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
120
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
121
+ id: "advertisements.upsell.supportMissionBullet",
122
+ defaultMessage: "Support our {missionInBoldText} at {siteName}",
123
+ description: "Bullet encouraging user to support edX's goals.",
124
+ values: {
125
+ missionInBoldText,
126
+ siteName: (0, _frontendPlatform.getConfig)().SITE_NAME
127
+ }
128
+ })
129
+ })]
130
+ });
131
+ };
132
+ exports.SupportMissionBullet = SupportMissionBullet;
133
+ //# sourceMappingURL=PaywallUpsellBullets.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PaywallUpsellBullets.js","names":["_react","_interopRequireDefault","require","_icons","_paragon","_i18n","_frontendPlatform","_jsxRuntime","obj","__esModule","default","CheckmarkBullet","jsx","Icon","src","Check","VerifiedCertBullet","verifiedCertLink","className","rel","target","href","getConfig","MARKETING_SITE_BASE_URL","children","FormattedMessage","id","defaultMessage","description","jsxs","Stack","direction","gap","role","values","exports","UnlockGradedBullet","gradedAssignmentsInBoldText","FullAccessBullet","fullAccessInBoldText","SupportMissionBullet","missionInBoldText","siteName","SITE_NAME"],"sources":["../../../src/generic/upsell-bullets/PaywallUpsellBullets.jsx"],"sourcesContent":["import React from 'react';\nimport { Check } from '@openedx/paragon/icons';\nimport { Icon, Stack } from '@openedx/paragon';\nimport { FormattedMessage } from '@edx/frontend-platform/i18n';\nimport { getConfig } from '@edx/frontend-platform';\n\nconst CheckmarkBullet = () => (\n <Icon src={Check} />\n);\n\nexport const VerifiedCertBullet = () => {\n const verifiedCertLink = (\n <a className=\"inline-link-underline font-weight-bold\" rel=\"noopener noreferrer\" target=\"_blank\" href={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n <FormattedMessage\n id=\"advertisements.upsell.verifiedCertBullet.verifiedCert\"\n defaultMessage=\"verified certificate\"\n description=\"Bolded words 'verified certificate', which is the name of credential the learner receives.\"\n />\n </a>\n );\n return (\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\" data-testid=\"verified-cert-bullet\">\n <CheckmarkBullet />\n <span>\n <FormattedMessage\n id=\"advertisements.upsell.verifiedCertBullet\"\n defaultMessage=\"Earn a {verifiedCertLink} of completion to showcase on your resumé\"\n description=\"Bullet showcasing benefit of earned credential.\"\n values={{ verifiedCertLink }}\n />\n </span>\n </Stack>\n );\n};\n\nexport const UnlockGradedBullet = () => {\n const gradedAssignmentsInBoldText = (\n <span className=\"font-weight-bold\">\n <FormattedMessage\n id=\"advertisements.upsell.unlockGradedBullet.gradedAssignments\"\n defaultMessage=\"graded assignments\"\n description=\"Bolded words 'graded assignments', which are the bolded portion of a bullet point highlighting that course content is unlocked when purchasing an upgrade. Graded assignments are any course content that is graded and are unlocked by upgrading to verified certificates.\"\n />\n </span>\n );\n return (\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\" data-testid=\"unlock-graded-bullet\">\n <CheckmarkBullet />\n <span>\n <FormattedMessage\n id=\"advertisements.upsell.unlockGradedBullet\"\n defaultMessage=\"Unlock your access to all course activities, including {gradedAssignmentsInBoldText}\"\n description=\"Bullet showcasing benefit of additional course material.\"\n values={{ gradedAssignmentsInBoldText }}\n />\n </span>\n </Stack>\n );\n};\n\nexport const FullAccessBullet = () => {\n const fullAccessInBoldText = (\n <span className=\"font-weight-bold\">\n <FormattedMessage\n id=\"advertisements.upsell.fullAccessBullet.fullAccess\"\n defaultMessage=\"Full access\"\n description=\"Bolded phrase 'Full access', which is the bolded portion of a bullet point highlighting that access to course content will not have time limits.\"\n />\n </span>\n );\n return (\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\" data-testid=\"full-access-bullet\">\n <CheckmarkBullet />\n <span>\n <FormattedMessage\n id=\"advertisements.upsell.fullAccessBullet\"\n defaultMessage=\"{fullAccessInBoldText} to course content and materials, even after the course ends\"\n description=\"Bullet showcasing upgrade lifts access durations.\"\n values={{ fullAccessInBoldText }}\n />\n </span>\n </Stack>\n );\n};\n\nexport const SupportMissionBullet = () => {\n const missionInBoldText = (\n <span className=\"font-weight-bold\">\n <FormattedMessage\n id=\"advertisements.upsell.supportMissionBullet.mission\"\n defaultMessage=\"mission\"\n description=\"Bolded word 'mission', which is the bolded portion of a bullet point encouraging the learner to support the goals of the website.\"\n />\n </span>\n );\n return (\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\" data-testid=\"support-mission-bullet\">\n <CheckmarkBullet />\n <span>\n <FormattedMessage\n id=\"advertisements.upsell.supportMissionBullet\"\n defaultMessage=\"Support our {missionInBoldText} at {siteName}\"\n description=\"Bullet encouraging user to support edX's goals.\"\n values={{ missionInBoldText, siteName: getConfig().SITE_NAME }}\n />\n </span>\n </Stack>\n );\n};\n"],"mappings":"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","ignoreList":[]}
@@ -3,131 +3,84 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.VerifiedCertBullet = exports.UnlockGradedBullet = exports.SupportMissionBullet = exports.FullAccessBullet = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _icons = require("@openedx/paragon/icons");
9
- var _paragon = require("@openedx/paragon");
6
+ exports.default = void 0;
7
+ var _propTypes = _interopRequireDefault(require("prop-types"));
10
8
  var _i18n = require("@edx/frontend-platform/i18n");
9
+ var _paragon = require("@openedx/paragon");
10
+ var _icons = require("@openedx/paragon/icons");
11
11
  var _frontendPlatform = require("@edx/frontend-platform");
12
+ var _messages = _interopRequireDefault(require("./messages"));
12
13
  var _jsxRuntime = require("react/jsx-runtime");
13
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- const CheckmarkBullet = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
15
- src: _icons.Check
16
- });
17
- const VerifiedCertBullet = () => {
18
- const verifiedCertLink = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
19
- className: "inline-link-underline font-weight-bold",
20
- rel: "noopener noreferrer",
21
- target: "_blank",
22
- href: `${(0, _frontendPlatform.getConfig)().MARKETING_SITE_BASE_URL}/verified-certificate`,
23
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
24
- id: "advertisements.upsell.verifiedCertBullet.verifiedCert",
25
- defaultMessage: "verified certificate",
26
- description: "Bolded words 'verified certificate', which is the name of credential the learner receives."
27
- })
28
- });
29
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
30
- direction: "horizontal",
31
- gap: 3,
32
- role: "listitem",
33
- className: "align-items-start",
34
- "data-testid": "verified-cert-bullet",
35
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
36
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
37
- id: "advertisements.upsell.verifiedCertBullet",
38
- defaultMessage: "Earn a {verifiedCertLink} of completion to showcase on your resum\xE9",
39
- description: "Bullet showcasing benefit of earned credential.",
40
- values: {
41
- verifiedCertLink
42
- }
43
- })
44
- })]
45
- });
46
- };
47
- exports.VerifiedCertBullet = VerifiedCertBullet;
48
- const UnlockGradedBullet = () => {
49
- const gradedAssignmentsInBoldText = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
50
- className: "font-weight-bold",
51
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
52
- id: "advertisements.upsell.unlockGradedBullet.gradedAssignments",
53
- defaultMessage: "graded assignments",
54
- description: "Bolded words 'graded assignments', which are the bolded portion of a bullet point highlighting that course content is unlocked when purchasing an upgrade. Graded assignments are any course content that is graded and are unlocked by upgrading to verified certificates."
55
- })
56
- });
15
+ const ExperimentalUpsellBullets = _ref => {
16
+ let {
17
+ isFBE,
18
+ learningAssistantEnabled
19
+ } = _ref;
20
+ const intl = (0, _i18n.useIntl)();
57
21
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
58
- direction: "horizontal",
22
+ role: "list",
59
23
  gap: 3,
60
- role: "listitem",
61
- className: "align-items-start",
62
- "data-testid": "unlock-graded-bullet",
63
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
64
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
65
- id: "advertisements.upsell.unlockGradedBullet",
66
- defaultMessage: "Unlock your access to all course activities, including {gradedAssignmentsInBoldText}",
67
- description: "Bullet showcasing benefit of additional course material.",
68
- values: {
69
- gradedAssignmentsInBoldText
70
- }
71
- })
24
+ className: "m-4",
25
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
26
+ direction: "horizontal",
27
+ role: "listitem",
28
+ gap: 2,
29
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
30
+ src: _icons.ArrowForward,
31
+ size: "xs",
32
+ className: "text-brand-500"
33
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
34
+ children: intl.formatMessage(_messages.default.access)
35
+ })]
36
+ }), isFBE && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
37
+ direction: "horizontal",
38
+ role: "listitem",
39
+ gap: 2,
40
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
41
+ src: _icons.ArrowForward,
42
+ size: "xs",
43
+ className: "text-brand-500"
44
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
45
+ children: intl.formatMessage(_messages.default.grades)
46
+ })]
47
+ }), learningAssistantEnabled && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
48
+ direction: "horizontal",
49
+ role: "listitem",
50
+ gap: 2,
51
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
52
+ src: _icons.ArrowForward,
53
+ size: "xs",
54
+ className: "text-brand-500"
55
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
56
+ children: intl.formatMessage(_messages.default.learningAssistant)
57
+ })]
58
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
59
+ direction: "horizontal",
60
+ role: "listitem",
61
+ gap: 2,
62
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
63
+ src: _icons.ArrowForward,
64
+ size: "xs",
65
+ className: "text-brand-500"
66
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
67
+ children: intl.formatMessage(_messages.default.certificate, {
68
+ certificateLink: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Hyperlink, {
69
+ destination: `${(0, _frontendPlatform.getConfig)().MARKETING_SITE_BASE_URL}/verified-certificate`,
70
+ children: intl.formatMessage(_messages.default.certificateLinkText)
71
+ })
72
+ })
73
+ })]
72
74
  })]
73
75
  });
74
76
  };
75
- exports.UnlockGradedBullet = UnlockGradedBullet;
76
- const FullAccessBullet = () => {
77
- const fullAccessInBoldText = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
78
- className: "font-weight-bold",
79
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
80
- id: "advertisements.upsell.fullAccessBullet.fullAccess",
81
- defaultMessage: "Full access",
82
- description: "Bolded phrase 'Full access', which is the bolded portion of a bullet point highlighting that access to course content will not have time limits."
83
- })
84
- });
85
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
86
- direction: "horizontal",
87
- gap: 3,
88
- role: "listitem",
89
- className: "align-items-start",
90
- "data-testid": "full-access-bullet",
91
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
92
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
93
- id: "advertisements.upsell.fullAccessBullet",
94
- defaultMessage: "{fullAccessInBoldText} to course content and materials, even after the course ends",
95
- description: "Bullet showcasing upgrade lifts access durations.",
96
- values: {
97
- fullAccessInBoldText
98
- }
99
- })
100
- })]
101
- });
77
+ ExperimentalUpsellBullets.defaultProps = {
78
+ isFBE: false,
79
+ learningAssistantEnabled: false
102
80
  };
103
- exports.FullAccessBullet = FullAccessBullet;
104
- const SupportMissionBullet = () => {
105
- const missionInBoldText = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
106
- className: "font-weight-bold",
107
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
108
- id: "advertisements.upsell.supportMissionBullet.mission",
109
- defaultMessage: "mission",
110
- description: "Bolded word 'mission', which is the bolded portion of a bullet point encouraging the learner to support the goals of the website."
111
- })
112
- });
113
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
114
- direction: "horizontal",
115
- gap: 3,
116
- role: "listitem",
117
- className: "align-items-start",
118
- "data-testid": "support-mission-bullet",
119
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
120
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
121
- id: "advertisements.upsell.supportMissionBullet",
122
- defaultMessage: "Support our {missionInBoldText} at {siteName}",
123
- description: "Bullet encouraging user to support edX's goals.",
124
- values: {
125
- missionInBoldText,
126
- siteName: (0, _frontendPlatform.getConfig)().SITE_NAME
127
- }
128
- })
129
- })]
130
- });
81
+ ExperimentalUpsellBullets.propTypes = {
82
+ isFBE: _propTypes.default.bool,
83
+ learningAssistantEnabled: _propTypes.default.bool
131
84
  };
132
- exports.SupportMissionBullet = SupportMissionBullet;
85
+ var _default = exports.default = ExperimentalUpsellBullets;
133
86
  //# sourceMappingURL=UpsellBullets.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UpsellBullets.js","names":["_react","_interopRequireDefault","require","_icons","_paragon","_i18n","_frontendPlatform","_jsxRuntime","obj","__esModule","default","CheckmarkBullet","jsx","Icon","src","Check","VerifiedCertBullet","verifiedCertLink","className","rel","target","href","getConfig","MARKETING_SITE_BASE_URL","children","FormattedMessage","id","defaultMessage","description","jsxs","Stack","direction","gap","role","values","exports","UnlockGradedBullet","gradedAssignmentsInBoldText","FullAccessBullet","fullAccessInBoldText","SupportMissionBullet","missionInBoldText","siteName","SITE_NAME"],"sources":["../../../src/generic/upsell-bullets/UpsellBullets.jsx"],"sourcesContent":["import React from 'react';\nimport { Check } from '@openedx/paragon/icons';\nimport { Icon, Stack } from '@openedx/paragon';\nimport { FormattedMessage } from '@edx/frontend-platform/i18n';\nimport { getConfig } from '@edx/frontend-platform';\n\nconst CheckmarkBullet = () => (\n <Icon src={Check} />\n);\n\nexport const VerifiedCertBullet = () => {\n const verifiedCertLink = (\n <a className=\"inline-link-underline font-weight-bold\" rel=\"noopener noreferrer\" target=\"_blank\" href={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n <FormattedMessage\n id=\"advertisements.upsell.verifiedCertBullet.verifiedCert\"\n defaultMessage=\"verified certificate\"\n description=\"Bolded words 'verified certificate', which is the name of credential the learner receives.\"\n />\n </a>\n );\n return (\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\" data-testid=\"verified-cert-bullet\">\n <CheckmarkBullet />\n <span>\n <FormattedMessage\n id=\"advertisements.upsell.verifiedCertBullet\"\n defaultMessage=\"Earn a {verifiedCertLink} of completion to showcase on your resumé\"\n description=\"Bullet showcasing benefit of earned credential.\"\n values={{ verifiedCertLink }}\n />\n </span>\n </Stack>\n );\n};\n\nexport const UnlockGradedBullet = () => {\n const gradedAssignmentsInBoldText = (\n <span className=\"font-weight-bold\">\n <FormattedMessage\n id=\"advertisements.upsell.unlockGradedBullet.gradedAssignments\"\n defaultMessage=\"graded assignments\"\n description=\"Bolded words 'graded assignments', which are the bolded portion of a bullet point highlighting that course content is unlocked when purchasing an upgrade. Graded assignments are any course content that is graded and are unlocked by upgrading to verified certificates.\"\n />\n </span>\n );\n return (\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\" data-testid=\"unlock-graded-bullet\">\n <CheckmarkBullet />\n <span>\n <FormattedMessage\n id=\"advertisements.upsell.unlockGradedBullet\"\n defaultMessage=\"Unlock your access to all course activities, including {gradedAssignmentsInBoldText}\"\n description=\"Bullet showcasing benefit of additional course material.\"\n values={{ gradedAssignmentsInBoldText }}\n />\n </span>\n </Stack>\n );\n};\n\nexport const FullAccessBullet = () => {\n const fullAccessInBoldText = (\n <span className=\"font-weight-bold\">\n <FormattedMessage\n id=\"advertisements.upsell.fullAccessBullet.fullAccess\"\n defaultMessage=\"Full access\"\n description=\"Bolded phrase 'Full access', which is the bolded portion of a bullet point highlighting that access to course content will not have time limits.\"\n />\n </span>\n );\n return (\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\" data-testid=\"full-access-bullet\">\n <CheckmarkBullet />\n <span>\n <FormattedMessage\n id=\"advertisements.upsell.fullAccessBullet\"\n defaultMessage=\"{fullAccessInBoldText} to course content and materials, even after the course ends\"\n description=\"Bullet showcasing upgrade lifts access durations.\"\n values={{ fullAccessInBoldText }}\n />\n </span>\n </Stack>\n );\n};\n\nexport const SupportMissionBullet = () => {\n const missionInBoldText = (\n <span className=\"font-weight-bold\">\n <FormattedMessage\n id=\"advertisements.upsell.supportMissionBullet.mission\"\n defaultMessage=\"mission\"\n description=\"Bolded word 'mission', which is the bolded portion of a bullet point encouraging the learner to support the goals of the website.\"\n />\n </span>\n );\n return (\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\" data-testid=\"support-mission-bullet\">\n <CheckmarkBullet />\n <span>\n <FormattedMessage\n id=\"advertisements.upsell.supportMissionBullet\"\n defaultMessage=\"Support our {missionInBoldText} at {siteName}\"\n description=\"Bullet encouraging user to support edX's goals.\"\n values={{ missionInBoldText, siteName: getConfig().SITE_NAME }}\n />\n </span>\n </Stack>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAmD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,MAAMG,eAAe,GAAGA,CAAA,kBACtB,IAAAJ,WAAA,CAAAK,GAAA,EAACR,QAAA,CAAAS,IAAI;EAACC,GAAG,EAAEC;AAAM,CAAE,CACpB;AAEM,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,gBAAgB,gBACpB,IAAAV,WAAA,CAAAK,GAAA;IAAGM,SAAS,EAAC,wCAAwC;IAACC,GAAG,EAAC,qBAAqB;IAACC,MAAM,EAAC,QAAQ;IAACC,IAAI,EAAE,GAAG,IAAAC,2BAAS,EAAC,CAAC,CAACC,uBAAuB,uBAAwB;IAAAC,QAAA,eAClK,IAAAjB,WAAA,CAAAK,GAAA,EAACP,KAAA,CAAAoB,gBAAgB;MACfC,EAAE,EAAC,uDAAuD;MAC1DC,cAAc,EAAC,sBAAsB;MACrCC,WAAW,EAAC;IAA4F,CACzG;EAAC,CACD,CACJ;EACD,oBACE,IAAArB,WAAA,CAAAsB,IAAA,EAACzB,QAAA,CAAA0B,KAAK;IAACC,SAAS,EAAC,YAAY;IAACC,GAAG,EAAE,CAAE;IAACC,IAAI,EAAC,UAAU;IAACf,SAAS,EAAC,mBAAmB;IAAC,eAAY,sBAAsB;IAAAM,QAAA,gBACpH,IAAAjB,WAAA,CAAAK,GAAA,EAACD,eAAe,IAAE,CAAC,eACnB,IAAAJ,WAAA,CAAAK,GAAA;MAAAY,QAAA,eACE,IAAAjB,WAAA,CAAAK,GAAA,EAACP,KAAA,CAAAoB,gBAAgB;QACfC,EAAE,EAAC,0CAA0C;QAC7CC,cAAc,EAAC,uEAAoE;QACnFC,WAAW,EAAC,iDAAiD;QAC7DM,MAAM,EAAE;UAAEjB;QAAiB;MAAE,CAC9B;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAEZ,CAAC;AAACkB,OAAA,CAAAnB,kBAAA,GAAAA,kBAAA;AAEK,MAAMoB,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,2BAA2B,gBAC/B,IAAA9B,WAAA,CAAAK,GAAA;IAAMM,SAAS,EAAC,kBAAkB;IAAAM,QAAA,eAChC,IAAAjB,WAAA,CAAAK,GAAA,EAACP,KAAA,CAAAoB,gBAAgB;MACfC,EAAE,EAAC,4DAA4D;MAC/DC,cAAc,EAAC,oBAAoB;MACnCC,WAAW,EAAC;IAA6Q,CAC1R;EAAC,CACE,CACP;EACD,oBACE,IAAArB,WAAA,CAAAsB,IAAA,EAACzB,QAAA,CAAA0B,KAAK;IAACC,SAAS,EAAC,YAAY;IAACC,GAAG,EAAE,CAAE;IAACC,IAAI,EAAC,UAAU;IAACf,SAAS,EAAC,mBAAmB;IAAC,eAAY,sBAAsB;IAAAM,QAAA,gBACpH,IAAAjB,WAAA,CAAAK,GAAA,EAACD,eAAe,IAAE,CAAC,eACnB,IAAAJ,WAAA,CAAAK,GAAA;MAAAY,QAAA,eACE,IAAAjB,WAAA,CAAAK,GAAA,EAACP,KAAA,CAAAoB,gBAAgB;QACfC,EAAE,EAAC,0CAA0C;QAC7CC,cAAc,EAAC,sFAAsF;QACrGC,WAAW,EAAC,0DAA0D;QACtEM,MAAM,EAAE;UAAEG;QAA4B;MAAE,CACzC;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAEZ,CAAC;AAACF,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAEK,MAAME,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,oBAAoB,gBACxB,IAAAhC,WAAA,CAAAK,GAAA;IAAMM,SAAS,EAAC,kBAAkB;IAAAM,QAAA,eAChC,IAAAjB,WAAA,CAAAK,GAAA,EAACP,KAAA,CAAAoB,gBAAgB;MACfC,EAAE,EAAC,mDAAmD;MACtDC,cAAc,EAAC,aAAa;MAC5BC,WAAW,EAAC;IAAkJ,CAC/J;EAAC,CACE,CACP;EACD,oBACE,IAAArB,WAAA,CAAAsB,IAAA,EAACzB,QAAA,CAAA0B,KAAK;IAACC,SAAS,EAAC,YAAY;IAACC,GAAG,EAAE,CAAE;IAACC,IAAI,EAAC,UAAU;IAACf,SAAS,EAAC,mBAAmB;IAAC,eAAY,oBAAoB;IAAAM,QAAA,gBAClH,IAAAjB,WAAA,CAAAK,GAAA,EAACD,eAAe,IAAE,CAAC,eACnB,IAAAJ,WAAA,CAAAK,GAAA;MAAAY,QAAA,eACE,IAAAjB,WAAA,CAAAK,GAAA,EAACP,KAAA,CAAAoB,gBAAgB;QACfC,EAAE,EAAC,wCAAwC;QAC3CC,cAAc,EAAC,oFAAoF;QACnGC,WAAW,EAAC,mDAAmD;QAC/DM,MAAM,EAAE;UAAEK;QAAqB;MAAE,CAClC;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAEZ,CAAC;AAACJ,OAAA,CAAAG,gBAAA,GAAAA,gBAAA;AAEK,MAAME,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,iBAAiB,gBACrB,IAAAlC,WAAA,CAAAK,GAAA;IAAMM,SAAS,EAAC,kBAAkB;IAAAM,QAAA,eAChC,IAAAjB,WAAA,CAAAK,GAAA,EAACP,KAAA,CAAAoB,gBAAgB;MACfC,EAAE,EAAC,oDAAoD;MACvDC,cAAc,EAAC,SAAS;MACxBC,WAAW,EAAC;IAAmI,CAChJ;EAAC,CACE,CACP;EACD,oBACE,IAAArB,WAAA,CAAAsB,IAAA,EAACzB,QAAA,CAAA0B,KAAK;IAACC,SAAS,EAAC,YAAY;IAACC,GAAG,EAAE,CAAE;IAACC,IAAI,EAAC,UAAU;IAACf,SAAS,EAAC,mBAAmB;IAAC,eAAY,wBAAwB;IAAAM,QAAA,gBACtH,IAAAjB,WAAA,CAAAK,GAAA,EAACD,eAAe,IAAE,CAAC,eACnB,IAAAJ,WAAA,CAAAK,GAAA;MAAAY,QAAA,eACE,IAAAjB,WAAA,CAAAK,GAAA,EAACP,KAAA,CAAAoB,gBAAgB;QACfC,EAAE,EAAC,4CAA4C;QAC/CC,cAAc,EAAC,+CAA+C;QAC9DC,WAAW,EAAC,iDAAiD;QAC7DM,MAAM,EAAE;UAAEO,iBAAiB;UAAEC,QAAQ,EAAE,IAAApB,2BAAS,EAAC,CAAC,CAACqB;QAAU;MAAE,CAChE;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAEZ,CAAC;AAACR,OAAA,CAAAK,oBAAA,GAAAA,oBAAA","ignoreList":[]}
1
+ {"version":3,"file":"UpsellBullets.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellBullets","_ref","isFBE","learningAssistantEnabled","intl","useIntl","jsxs","Stack","role","gap","className","children","direction","jsx","Icon","src","ArrowForward","size","formatMessage","messages","access","grades","learningAssistant","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","certificateLinkText","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../../src/generic/upsell-bullets/UpsellBullets.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Hyperlink, Icon, Stack } from '@openedx/paragon';\nimport { ArrowForward } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport messages from './messages';\n\nconst ExperimentalUpsellBullets = ({ isFBE, learningAssistantEnabled }) => {\n const intl = useIntl();\n return (\n <Stack role=\"list\" gap={3} className=\"m-4\">\n <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n <span>\n {intl.formatMessage(messages.access)}\n </span>\n </Stack>\n {isFBE && (\n <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n <span>\n {intl.formatMessage(messages.grades)}\n </span>\n </Stack>\n )}\n {learningAssistantEnabled && (\n <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n <span>\n {intl.formatMessage(messages.learningAssistant)}\n </span>\n </Stack>\n )}\n <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n <span>\n {intl.formatMessage(\n messages.certificate,\n {\n certificateLink: (\n <Hyperlink destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n {intl.formatMessage(messages.certificateLinkText)}\n </Hyperlink>\n ),\n },\n )}\n </span>\n </Stack>\n </Stack>\n );\n};\n\nExperimentalUpsellBullets.defaultProps = {\n isFBE: false,\n learningAssistantEnabled: false,\n};\n\nExperimentalUpsellBullets.propTypes = {\n isFBE: PropTypes.bool,\n learningAssistantEnabled: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellBullets;\n"],"mappings":"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","ignoreList":[]}
@@ -9,11 +9,11 @@ var _i18n = require("@edx/frontend-platform/i18n");
9
9
  var _paragon = require("@openedx/paragon");
10
10
  var _icons = require("@openedx/paragon/icons");
11
11
  var _frontendPlatform = require("@edx/frontend-platform");
12
- require("./ExperimentalUpsellTable.scss");
12
+ require("./UpsellTable.scss");
13
13
  var _messages = _interopRequireDefault(require("./messages"));
14
14
  var _jsxRuntime = require("react/jsx-runtime");
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
- const ExperimentalUpsellTable = _ref => {
16
+ const UpsellTable = _ref => {
17
17
  let {
18
18
  isFBE,
19
19
  learningAssistantEnabled
@@ -117,7 +117,7 @@ const ExperimentalUpsellTable = _ref => {
117
117
  className: "feature-cell bottom-no-border flex align-items-center pb-3",
118
118
  children: intl.formatMessage(_messages.default.access)
119
119
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
120
- className: "audit-cell bottom-audit-border col-2 pb-3",
120
+ className: "audit-cell bottom-audit-border col-2 pb-3 center-items",
121
121
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
122
122
  src: _icons.CloseSmall,
123
123
  alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
@@ -132,13 +132,13 @@ const ExperimentalUpsellTable = _ref => {
132
132
  })]
133
133
  });
134
134
  };
135
- ExperimentalUpsellTable.defaultProps = {
135
+ UpsellTable.defaultProps = {
136
136
  isFBE: false,
137
137
  learningAssistantEnabled: false
138
138
  };
139
- ExperimentalUpsellTable.propTypes = {
139
+ UpsellTable.propTypes = {
140
140
  isFBE: _propTypes.default.bool,
141
141
  learningAssistantEnabled: _propTypes.default.bool
142
142
  };
143
- var _default = exports.default = ExperimentalUpsellTable;
144
- //# sourceMappingURL=ExperimentalUpsellTable.js.map
143
+ var _default = exports.default = UpsellTable;
144
+ //# sourceMappingURL=UpsellTable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UpsellTable.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","UpsellTable","_ref","isFBE","learningAssistantEnabled","intl","useIntl","jsxs","Col","className","children","jsx","formatMessage","messages","tableSectionHeader","Row","featureHeader","auditHeader","verifiedHeader","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","certificateLinkText","Icon","src","CloseSmall","alt","notIncludedAltMessage","CheckCircle","includedAltMessage","grades","learningAssistant","access","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../../src/generic/upsell-bullets/UpsellTable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n Col,\n Hyperlink,\n Icon,\n Row,\n} from '@openedx/paragon';\nimport { CheckCircle, CloseSmall } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport './UpsellTable.scss';\nimport messages from './messages';\n\nconst UpsellTable = ({ isFBE, learningAssistantEnabled }) => {\n const intl = useIntl();\n return (\n <Col className=\"px-4 pb-4 small\">\n <h3 className=\"mb-4 primary-500\">\n {intl.formatMessage(messages.tableSectionHeader)}\n </h3>\n <Row className=\"m-0 text-center\">\n <Col>\n <span className=\"sr-only\">\n {intl.formatMessage(messages.featureHeader)}\n </span>\n </Col>\n <Col className=\"audit-cell top-audit-border col-2 \">\n <div className=\"center-items\">\n {intl.formatMessage(messages.auditHeader)}\n </div>\n </Col>\n <Col className=\"verified-cell top-verified-border font-weight-bold col-2\">\n <div className=\"center-items\">\n {intl.formatMessage(messages.verifiedHeader)}\n </div>\n </Col>\n </Row>\n <Row className=\"m-0\">\n <Col className=\"feature-cell\">\n {intl.formatMessage(\n messages.certificate,\n {\n certificateLink: (\n <Hyperlink destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n {intl.formatMessage(messages.certificateLinkText)}\n </Hyperlink>\n ),\n },\n )}\n </Col>\n <Col className=\"audit-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </div>\n </Col>\n <Col className=\"verified-cell col-2\">\n <div className=\"center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </div>\n </Col>\n </Row>\n {isFBE && (\n <Row className=\"m-0\">\n <Col className=\"feature-cell\">\n {intl.formatMessage(messages.grades)}\n </Col>\n <Col className=\"audit-cell col-2 center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </Col>\n <Col className=\"verified-cell col-2 center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </Col>\n </Row>\n )}\n {learningAssistantEnabled && (\n <Row className=\"m-0\">\n <Col className=\"feature-cell\">\n <span>\n {intl.formatMessage(messages.learningAssistant)}\n </span>\n </Col>\n <Col className=\"audit-cell col-2 center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </Col>\n <Col className=\"verified-cell col-2 center-items\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </Col>\n </Row>\n )}\n <Row className=\"m-0\">\n <Col className=\"feature-cell bottom-no-border flex align-items-center pb-3\">\n {intl.formatMessage(messages.access)}\n </Col>\n <Col className=\"audit-cell bottom-audit-border col-2 pb-3 center-items\">\n <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n </Col>\n <Col className=\"verified-cell bottom-verified-border col-2 center-items pb-3\">\n <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n </Col>\n </Row>\n </Col>\n );\n};\n\nUpsellTable.defaultProps = {\n isFBE: false,\n learningAssistantEnabled: false,\n};\n\nUpsellTable.propTypes = {\n isFBE: PropTypes.bool,\n learningAssistantEnabled: PropTypes.bool,\n};\n\nexport default UpsellTable;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAMA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAEAA,OAAA;AACA,IAAAK,SAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAkC,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElC,MAAMG,WAAW,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,KAAK;IAAEC;EAAyB,CAAC,GAAAF,IAAA;EACtD,MAAMG,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EACtB,oBACE,IAAAT,WAAA,CAAAU,IAAA,EAACd,QAAA,CAAAe,GAAG;IAACC,SAAS,EAAC,iBAAiB;IAAAC,QAAA,gBAC9B,IAAAb,WAAA,CAAAc,GAAA;MAAIF,SAAS,EAAC,kBAAkB;MAAAC,QAAA,EAC7BL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACC,kBAAkB;IAAC,CAC9C,CAAC,eACL,IAAAjB,WAAA,CAAAU,IAAA,EAACd,QAAA,CAAAsB,GAAG;MAACN,SAAS,EAAC,iBAAiB;MAAAC,QAAA,gBAC9B,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAAAE,QAAA,eACF,IAAAb,WAAA,CAAAc,GAAA;UAAMF,SAAS,EAAC,SAAS;UAAAC,QAAA,EACtBL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACG,aAAa;QAAC,CACvC;MAAC,CACJ,CAAC,eACN,IAAAnB,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,oCAAoC;QAAAC,QAAA,eACjD,IAAAb,WAAA,CAAAc,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,EAC1BL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACI,WAAW;QAAC,CACtC;MAAC,CACH,CAAC,eACN,IAAApB,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,0DAA0D;QAAAC,QAAA,eACvE,IAAAb,WAAA,CAAAc,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,EAC1BL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACK,cAAc;QAAC,CACzC;MAAC,CACH,CAAC;IAAA,CACH,CAAC,eACN,IAAArB,WAAA,CAAAU,IAAA,EAACd,QAAA,CAAAsB,GAAG;MAACN,SAAS,EAAC,KAAK;MAAAC,QAAA,gBAClB,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,cAAc;QAAAC,QAAA,EAC1BL,IAAI,CAACO,aAAa,CACjBC,iBAAQ,CAACM,WAAW,EACpB;UACEC,eAAe,eACb,IAAAvB,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAA4B,SAAS;YAACC,WAAW,EAAE,GAAG,IAAAC,2BAAS,EAAC,CAAC,CAACC,uBAAuB,uBAAwB;YAAAd,QAAA,EACnFL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACY,mBAAmB;UAAC,CACxC;QAEf,CACF;MAAC,CACE,CAAC,eACN,IAAA5B,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,kBAAkB;QAAAC,QAAA,eAC/B,IAAAb,WAAA,CAAAc,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAiC,IAAI;YAACC,GAAG,EAAEC,iBAAW;YAACC,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACiB,qBAAqB;UAAE,CAAE;QAAC,CAC/E;MAAC,CACH,CAAC,eACN,IAAAjC,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,qBAAqB;QAAAC,QAAA,eAClC,IAAAb,WAAA,CAAAc,GAAA;UAAKF,SAAS,EAAC,cAAc;UAAAC,QAAA,eAC3B,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAiC,IAAI;YAACC,GAAG,EAAEI,kBAAY;YAACF,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACmB,kBAAkB;UAAE,CAAE;QAAC,CAC7E;MAAC,CACH,CAAC;IAAA,CACH,CAAC,EACL7B,KAAK,iBACJ,IAAAN,WAAA,CAAAU,IAAA,EAACd,QAAA,CAAAsB,GAAG;MAACN,SAAS,EAAC,KAAK;MAAAC,QAAA,gBAClB,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,cAAc;QAAAC,QAAA,EAC1BL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACoB,MAAM;MAAC,CACjC,CAAC,eACN,IAAApC,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,+BAA+B;QAAAC,QAAA,eAC5C,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAiC,IAAI;UAACC,GAAG,EAAEC,iBAAW;UAACC,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACiB,qBAAqB;QAAE,CAAE;MAAC,CAC/E,CAAC,eACN,IAAAjC,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,kCAAkC;QAAAC,QAAA,eAC/C,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAiC,IAAI;UAACC,GAAG,EAAEI,kBAAY;UAACF,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACmB,kBAAkB;QAAE,CAAE;MAAC,CAC7E,CAAC;IAAA,CACH,CACN,EACA5B,wBAAwB,iBACvB,IAAAP,WAAA,CAAAU,IAAA,EAACd,QAAA,CAAAsB,GAAG;MAACN,SAAS,EAAC,KAAK;MAAAC,QAAA,gBAClB,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,cAAc;QAAAC,QAAA,eAC3B,IAAAb,WAAA,CAAAc,GAAA;UAAAD,QAAA,EACGL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACqB,iBAAiB;QAAC,CAC3C;MAAC,CACJ,CAAC,eACN,IAAArC,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,+BAA+B;QAAAC,QAAA,eAC5C,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAiC,IAAI;UAACC,GAAG,EAAEC,iBAAW;UAACC,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACiB,qBAAqB;QAAE,CAAE;MAAC,CAC/E,CAAC,eACN,IAAAjC,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,kCAAkC;QAAAC,QAAA,eAC/C,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAiC,IAAI;UAACC,GAAG,EAAEI,kBAAY;UAACF,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACmB,kBAAkB;QAAE,CAAE;MAAC,CAC7E,CAAC;IAAA,CACH,CACN,eACD,IAAAnC,WAAA,CAAAU,IAAA,EAACd,QAAA,CAAAsB,GAAG;MAACN,SAAS,EAAC,KAAK;MAAAC,QAAA,gBAClB,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,4DAA4D;QAAAC,QAAA,EACxEL,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACsB,MAAM;MAAC,CACjC,CAAC,eACN,IAAAtC,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,wDAAwD;QAAAC,QAAA,eACrE,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAiC,IAAI;UAACC,GAAG,EAAEC,iBAAW;UAACC,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACiB,qBAAqB;QAAE,CAAE;MAAC,CAC/E,CAAC,eACN,IAAAjC,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAe,GAAG;QAACC,SAAS,EAAC,8DAA8D;QAAAC,QAAA,eAC3E,IAAAb,WAAA,CAAAc,GAAA,EAAClB,QAAA,CAAAiC,IAAI;UAACC,GAAG,EAAEI,kBAAY;UAACF,GAAG,EAAExB,IAAI,CAACO,aAAa,CAACC,iBAAQ,CAACmB,kBAAkB;QAAE,CAAE;MAAC,CAC7E,CAAC;IAAA,CACH,CAAC;EAAA,CACH,CAAC;AAEV,CAAC;AAED/B,WAAW,CAACmC,YAAY,GAAG;EACzBjC,KAAK,EAAE,KAAK;EACZC,wBAAwB,EAAE;AAC5B,CAAC;AAEDH,WAAW,CAACoC,SAAS,GAAG;EACtBlC,KAAK,EAAEmC,kBAAS,CAACC,IAAI;EACrBnC,wBAAwB,EAAEkC,kBAAS,CAACC;AACtC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzC,OAAA,GAEaC,WAAW","ignoreList":[]}