@edx/frontend-plugin-advertisements 1.26.7 → 1.27.0

package/dist/upsell-bullets/UpsellBullets.js

@@ -5,20 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VerifiedCertBullet = exports.UnlockGradedBullet = exports.SupportMissionBullet = exports.FullAccessBullet = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _faCheck = require("@fortawesome/free-solid-svg-icons/faCheck");
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
+var _icons = require("@openedx/paragon/icons");
+var _paragon = require("@openedx/paragon");
 var _i18n = require("@edx/frontend-platform/i18n");
 var _frontendPlatform = require("@edx/frontend-platform");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const CheckmarkBullet = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-  className: "fa-li",
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
-    icon: _faCheck.faCheck
-  })
+const CheckmarkBullet = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+  src: _icons.Check
 });
-
-// Must be child of a <ul className="fa-ul">
 const VerifiedCertBullet = () => {
   const verifiedCertLink = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
     className: "inline-link-underline font-weight-bold",
@@ -31,21 +26,24 @@ const VerifiedCertBullet = () => {
       description: "Bolded words 'verified certificate', which is the name of credential the learner receives."
     })
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-    className: "upsell-bullets",
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+    direction: "horizontal",
+    gap: 3,
+    role: "listitem",
+    className: "align-items-start",
     "data-testid": "verified-cert-bullet",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upsell.verifiedCertBullet",
-      defaultMessage: "Earn a {verifiedCertLink} of completion to showcase on your resum\xE9",
-      description: "Bullet showcasing benefit of earned credential.",
-      values: {
-        verifiedCertLink
-      }
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
+        id: "advertisements.upsell.verifiedCertBullet",
+        defaultMessage: "Earn a {verifiedCertLink} of completion to showcase on your resum\xE9",
+        description: "Bullet showcasing benefit of earned credential.",
+        values: {
+          verifiedCertLink
+        }
+      })
     })]
   });
 };
-
-// Must be child of a <ul className="fa-ul">
 exports.VerifiedCertBullet = VerifiedCertBullet;
 const UnlockGradedBullet = () => {
   const gradedAssignmentsInBoldText = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -56,21 +54,24 @@ const UnlockGradedBullet = () => {
       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."
     })
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-    className: "upsell-bullets",
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+    direction: "horizontal",
+    gap: 3,
+    role: "listitem",
+    className: "align-items-start",
     "data-testid": "unlock-graded-bullet",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upsell.unlockGradedBullet",
-      defaultMessage: "Unlock your access to all course activities, including {gradedAssignmentsInBoldText}",
-      description: "Bullet showcasing benefit of additional course material.",
-      values: {
-        gradedAssignmentsInBoldText
-      }
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
+        id: "advertisements.upsell.unlockGradedBullet",
+        defaultMessage: "Unlock your access to all course activities, including {gradedAssignmentsInBoldText}",
+        description: "Bullet showcasing benefit of additional course material.",
+        values: {
+          gradedAssignmentsInBoldText
+        }
+      })
     })]
   });
 };
-
-// Must be child of a <ul className="fa-ul">
 exports.UnlockGradedBullet = UnlockGradedBullet;
 const FullAccessBullet = () => {
   const fullAccessInBoldText = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -81,21 +82,24 @@ const FullAccessBullet = () => {
       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."
     })
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-    className: "upsell-bullets",
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+    direction: "horizontal",
+    gap: 3,
+    role: "listitem",
+    className: "align-items-start",
     "data-testid": "full-access-bullet",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upsell.fullAccessBullet",
-      defaultMessage: "{fullAccessInBoldText} to course content and materials, even after the course ends",
-      description: "Bullet showcasing upgrade lifts access durations.",
-      values: {
-        fullAccessInBoldText
-      }
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
+        id: "advertisements.upsell.fullAccessBullet",
+        defaultMessage: "{fullAccessInBoldText} to course content and materials, even after the course ends",
+        description: "Bullet showcasing upgrade lifts access durations.",
+        values: {
+          fullAccessInBoldText
+        }
+      })
     })]
   });
 };
-
-// Must be child of a <ul className="fa-ul">
 exports.FullAccessBullet = FullAccessBullet;
 const SupportMissionBullet = () => {
   const missionInBoldText = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -106,17 +110,22 @@ const SupportMissionBullet = () => {
       description: "Bolded word 'mission', which is the bolded portion of a bullet point encouraging the learner to support the goals of the website."
     })
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-    className: "upsell-bullets",
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+    direction: "horizontal",
+    gap: 3,
+    role: "listitem",
+    className: "align-items-start",
     "data-testid": "support-mission-bullet",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upsell.supportMissionBullet",
-      defaultMessage: "Support our {missionInBoldText} at {siteName}",
-      description: "Bullet encouraging user to support edX's goals.",
-      values: {
-        missionInBoldText,
-        siteName: (0, _frontendPlatform.getConfig)().SITE_NAME
-      }
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
+        id: "advertisements.upsell.supportMissionBullet",
+        defaultMessage: "Support our {missionInBoldText} at {siteName}",
+        description: "Bullet encouraging user to support edX's goals.",
+        values: {
+          missionInBoldText,
+          siteName: (0, _frontendPlatform.getConfig)().SITE_NAME
+        }
+      })
     })]
   });
 };

package/dist/upsell-bullets/UpsellBullets.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpsellBullets.js","names":["_react","_interopRequireDefault","require","_faCheck","_reactFontawesome","_i18n","_frontendPlatform","_jsxRuntime","obj","__esModule","default","CheckmarkBullet","jsx","className","children","FontAwesomeIcon","icon","faCheck","VerifiedCertBullet","verifiedCertLink","rel","target","href","getConfig","MARKETING_SITE_BASE_URL","FormattedMessage","id","defaultMessage","description","jsxs","values","exports","UnlockGradedBullet","gradedAssignmentsInBoldText","FullAccessBullet","fullAccessInBoldText","SupportMissionBullet","missionInBoldText","siteName","SITE_NAME"],"sources":["../../src/upsell-bullets/UpsellBullets.jsx"],"sourcesContent":["import React from 'react';\nimport { faCheck } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { FormattedMessage } from '@edx/frontend-platform/i18n';\nimport { getConfig } from '@edx/frontend-platform';\n\nconst CheckmarkBullet = () => (\n  <span className=\"fa-li\"><FontAwesomeIcon icon={faCheck} /></span>\n);\n\n// Must be child of a <ul className=\"fa-ul\">\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    <li className=\"upsell-bullets\" data-testid=\"verified-cert-bullet\">\n      <CheckmarkBullet />\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    </li>\n  );\n};\n\n// Must be child of a <ul className=\"fa-ul\">\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    <li className=\"upsell-bullets\" data-testid=\"unlock-graded-bullet\">\n      <CheckmarkBullet />\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    </li>\n  );\n};\n\n// Must be child of a <ul className=\"fa-ul\">\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    <li className=\"upsell-bullets\" data-testid=\"full-access-bullet\">\n      <CheckmarkBullet />\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    </li>\n  );\n};\n\n// Must be child of a <ul className=\"fa-ul\">\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    <li className=\"upsell-bullets\" data-testid=\"support-mission-bullet\">\n      <CheckmarkBullet />\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    </li>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"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/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":"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","ignoreList":[]}

package/dist/upsell-bullets/UpsellBullets.scss

@@ -2,10 +2,5 @@
   a {
     color: $primary-500;
   }
-
-  & > .fa-li {
-    left: -31px;
-    padding-right: 22px;
-  }
 }
 

package/dist/upsell-bullets/index.js

@@ -3,30 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AdditionalToolsBullet", {
-  enumerable: true,
-  get: function () {
-    return _ExperimentalUpsellBullets.AdditionalToolsBullet;
-  }
-});
 Object.defineProperty(exports, "FullAccessBullet", {
   enumerable: true,
   get: function () {
     return _UpsellBullets.FullAccessBullet;
   }
 });
-Object.defineProperty(exports, "GradesAndFeedbackBullet", {
-  enumerable: true,
-  get: function () {
-    return _ExperimentalUpsellBullets.GradesAndFeedbackBullet;
-  }
-});
-Object.defineProperty(exports, "LifetimeAccessBullet", {
-  enumerable: true,
-  get: function () {
-    return _ExperimentalUpsellBullets.LifetimeAccessBullet;
-  }
-});
 Object.defineProperty(exports, "SupportMissionBullet", {
   enumerable: true,
   get: function () {
@@ -46,5 +28,4 @@ Object.defineProperty(exports, "VerifiedCertBullet", {
   }
 });
 var _UpsellBullets = require("./UpsellBullets");
-var _ExperimentalUpsellBullets = require("./ExperimentalUpsellBullets");
 //# sourceMappingURL=index.js.map

package/dist/upsell-bullets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_UpsellBullets","require","_ExperimentalUpsellBullets"],"sources":["../../src/upsell-bullets/index.jsx"],"sourcesContent":["export {\n  VerifiedCertBullet,\n  UnlockGradedBullet,\n  FullAccessBullet,\n  SupportMissionBullet,\n} from './UpsellBullets';\nexport {\n  LifetimeAccessBullet,\n  GradesAndFeedbackBullet,\n  AdditionalToolsBullet,\n} from './ExperimentalUpsellBullets';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAMA,IAAAC,0BAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_UpsellBullets","require"],"sources":["../../src/upsell-bullets/index.jsx"],"sourcesContent":["export {\n  VerifiedCertBullet,\n  UnlockGradedBullet,\n  FullAccessBullet,\n  SupportMissionBullet,\n} from './UpsellBullets';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/upsell-bullets/messages.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@edx/frontend-platform/i18n");
+const messages = (0, _i18n.defineMessages)({
+  featureHeader: {
+    id: 'upsell-table.table-header.features',
+    defaultMessage: 'Features',
+    description: 'Screenreader text for feature column header'
+  },
+  auditHeader: {
+    id: 'upsell-table.table-header.audit',
+    defaultMessage: 'Audit Track',
+    description: 'Text for the audit track column header'
+  },
+  verifiedHeader: {
+    id: 'upsell-table.table-header.verified',
+    defaultMessage: 'Verified Track',
+    description: 'Text for the verified track column header'
+  },
+  certificateLinkText: {
+    id: 'upsell.features.certificate.hyperlink',
+    defaultMessage: 'verified certificate',
+    description: 'Text for verfied certificate explanation link'
+  },
+  certificate: {
+    id: 'upsell.features.certificate',
+    defaultMessage: 'Shareable {certificateLink}',
+    description: 'Text for certificate feature cell'
+  },
+  grades: {
+    id: 'upsell.features.grades',
+    defaultMessage: 'Graded assessments and assignments',
+    description: 'Text for grades feature cell'
+  },
+  access: {
+    id: 'upsell.features.access',
+    defaultMessage: 'Unlimited access to all course materials',
+    description: 'Text for access feature cell'
+  },
+  learningAssistant: {
+    id: 'upsell.features.learning-assistant',
+    defaultMessage: 'Xpert AI Learning Assistant',
+    description: 'Text for learning assistant feature cell'
+  },
+  notIncludedAltMessage: {
+    id: 'upsell-table.table-row.audit.not-included',
+    defaultMessage: 'This feature is not included in the audit track',
+    description: 'Alt message for x icon in the audit track column'
+  },
+  includedAltMessage: {
+    id: 'upsell-table.table-row.audit.not-included',
+    defaultMessage: 'This feature is included in the verified track',
+    description: 'Alt message for check icon in the verified track column'
+  },
+  tableSectionHeader: {
+    id: 'upsell-table.section.header',
+    defaultMessage: 'Compare benefits of upgrading',
+    description: 'Header for section dispaly audit and verified comparison'
+  }
+});
+var _default = exports.default = messages;
+//# sourceMappingURL=messages.js.map

package/dist/upsell-bullets/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","names":["_i18n","require","messages","defineMessages","featureHeader","id","defaultMessage","description","auditHeader","verifiedHeader","certificateLinkText","certificate","grades","access","learningAssistant","notIncludedAltMessage","includedAltMessage","tableSectionHeader","_default","exports","default"],"sources":["../../src/upsell-bullets/messages.js"],"sourcesContent":["import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n  featureHeader: {\n    id: 'upsell-table.table-header.features',\n    defaultMessage: 'Features',\n    description: 'Screenreader text for feature column header',\n  },\n  auditHeader: {\n    id: 'upsell-table.table-header.audit',\n    defaultMessage: 'Audit Track',\n    description: 'Text for the audit track column header',\n  },\n  verifiedHeader: {\n    id: 'upsell-table.table-header.verified',\n    defaultMessage: 'Verified Track',\n    description: 'Text for the verified track column header',\n  },\n  certificateLinkText: {\n    id: 'upsell.features.certificate.hyperlink',\n    defaultMessage: 'verified certificate',\n    description: 'Text for verfied certificate explanation link',\n  },\n  certificate: {\n    id: 'upsell.features.certificate',\n    defaultMessage: 'Shareable {certificateLink}',\n    description: 'Text for certificate feature cell',\n  },\n  grades: {\n    id: 'upsell.features.grades',\n    defaultMessage: 'Graded assessments and assignments',\n    description: 'Text for grades feature cell',\n  },\n  access: {\n    id: 'upsell.features.access',\n    defaultMessage: 'Unlimited access to all course materials',\n    description: 'Text for access feature cell',\n  },\n  learningAssistant: {\n    id: 'upsell.features.learning-assistant',\n    defaultMessage: 'Xpert AI Learning Assistant',\n    description: 'Text for learning assistant feature cell',\n  },\n  notIncludedAltMessage: {\n    id: 'upsell-table.table-row.audit.not-included',\n    defaultMessage: 'This feature is not included in the audit track',\n    description: 'Alt message for x icon in the audit track column',\n  },\n  includedAltMessage: {\n    id: 'upsell-table.table-row.audit.not-included',\n    defaultMessage: 'This feature is included in the verified track',\n    description: 'Alt message for check icon in the verified track column',\n  },\n  tableSectionHeader: {\n    id: 'upsell-table.section.header',\n    defaultMessage: 'Compare benefits of upgrading',\n    description: 'Header for section dispaly audit and verified comparison',\n  },\n});\n\nexport default messages;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,MAAMC,QAAQ,GAAG,IAAAC,oBAAc,EAAC;EAC9BC,aAAa,EAAE;IACbC,EAAE,EAAE,oCAAoC;IACxCC,cAAc,EAAE,UAAU;IAC1BC,WAAW,EAAE;EACf,CAAC;EACDC,WAAW,EAAE;IACXH,EAAE,EAAE,iCAAiC;IACrCC,cAAc,EAAE,aAAa;IAC7BC,WAAW,EAAE;EACf,CAAC;EACDE,cAAc,EAAE;IACdJ,EAAE,EAAE,oCAAoC;IACxCC,cAAc,EAAE,gBAAgB;IAChCC,WAAW,EAAE;EACf,CAAC;EACDG,mBAAmB,EAAE;IACnBL,EAAE,EAAE,uCAAuC;IAC3CC,cAAc,EAAE,sBAAsB;IACtCC,WAAW,EAAE;EACf,CAAC;EACDI,WAAW,EAAE;IACXN,EAAE,EAAE,6BAA6B;IACjCC,cAAc,EAAE,6BAA6B;IAC7CC,WAAW,EAAE;EACf,CAAC;EACDK,MAAM,EAAE;IACNP,EAAE,EAAE,wBAAwB;IAC5BC,cAAc,EAAE,oCAAoC;IACpDC,WAAW,EAAE;EACf,CAAC;EACDM,MAAM,EAAE;IACNR,EAAE,EAAE,wBAAwB;IAC5BC,cAAc,EAAE,0CAA0C;IAC1DC,WAAW,EAAE;EACf,CAAC;EACDO,iBAAiB,EAAE;IACjBT,EAAE,EAAE,oCAAoC;IACxCC,cAAc,EAAE,6BAA6B;IAC7CC,WAAW,EAAE;EACf,CAAC;EACDQ,qBAAqB,EAAE;IACrBV,EAAE,EAAE,2CAA2C;IAC/CC,cAAc,EAAE,iDAAiD;IACjEC,WAAW,EAAE;EACf,CAAC;EACDS,kBAAkB,EAAE;IAClBX,EAAE,EAAE,2CAA2C;IAC/CC,cAAc,EAAE,gDAAgD;IAChEC,WAAW,EAAE;EACf,CAAC;EACDU,kBAAkB,EAAE;IAClBZ,EAAE,EAAE,6BAA6B;IACjCC,cAAc,EAAE,+BAA+B;IAC/CC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEYlB,QAAQ","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-plugin-advertisements",
-  "version": "1.26.7",
+  "version": "1.27.0",
   "description": "Frontend plugin for edX in course advertisements",
   "main": "dist/index.js",
   "repository": {
@@ -57,11 +57,6 @@
   "peerDependencies": {
     "@edx/brand": "npm:@edx/brand-edx.org@^2.1.2",
     "@edx/frontend-platform": "^8.0.0",
-    "@fortawesome/fontawesome-svg-core": "6.6.0",
-    "@fortawesome/free-brands-svg-icons": "5.15.4",
-    "@fortawesome/free-regular-svg-icons": "5.15.4",
-    "@fortawesome/free-solid-svg-icons": "5.15.4",
-    "@fortawesome/react-fontawesome": "^0.1.4",
     "@openedx/paragon": "^22.1.1",
     "classnames": "^2.3.1",
     "core-js": "3.22.2",