@edx/frontend-plugin-advertisements 1.26.7 → 1.27.0

package/dist/upgrade-notification/generic/UpsellFarAwayCardContent.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _upsellBullets = require("../../upsell-bullets");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const UpsellFarAwayCardContent = _ref => {
+  let {
+    isFBE
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    role: "list",
+    className: "pl-4 text-gray-700 pt-0 mb-4",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.VerifiedCertBullet, {}), isFBE && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.UnlockGradedBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.FullAccessBullet, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.SupportMissionBullet, {})]
+  });
+};
+UpsellFarAwayCardContent.defaultProps = {
+  isFBE: false
+};
+UpsellFarAwayCardContent.propTypes = {
+  isFBE: _propTypes.default.bool
+};
+var _default = exports.default = UpsellFarAwayCardContent;
+//# sourceMappingURL=UpsellFarAwayCardContent.js.map

package/dist/upgrade-notification/generic/UpsellFarAwayCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpsellFarAwayCardContent.js","names":["_propTypes","_interopRequireDefault","require","_upsellBullets","_jsxRuntime","obj","__esModule","default","UpsellFarAwayCardContent","_ref","isFBE","jsxs","role","className","children","jsx","VerifiedCertBullet","Fragment","UnlockGradedBullet","FullAccessBullet","SupportMissionBullet","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../../src/upgrade-notification/generic/UpsellFarAwayCardContent.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  VerifiedCertBullet,\n  UnlockGradedBullet,\n  FullAccessBullet,\n  SupportMissionBullet,\n} from '../../upsell-bullets';\n\nconst UpsellFarAwayCardContent = ({ isFBE }) => (\n  <div role=\"list\" className=\"pl-4 text-gray-700 pt-0 mb-4\">\n    <VerifiedCertBullet />\n    {isFBE && (\n      <>\n        <UnlockGradedBullet />\n        <FullAccessBullet />\n      </>\n    )}\n    <SupportMissionBullet />\n  </div>\n);\n\nUpsellFarAwayCardContent.defaultProps = {\n  isFBE: false,\n};\n\nUpsellFarAwayCardContent.propTypes = {\n  isFBE: PropTypes.bool,\n};\n\nexport default UpsellFarAwayCardContent;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAK8B,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9B,MAAMG,wBAAwB,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,oBACzC,IAAAL,WAAA,CAAAO,IAAA;IAAKC,IAAI,EAAC,MAAM;IAACC,SAAS,EAAC,8BAA8B;IAAAC,QAAA,gBACvD,IAAAV,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAa,kBAAkB,IAAE,CAAC,EACrBN,KAAK,iBACJ,IAAAN,WAAA,CAAAO,IAAA,EAAAP,WAAA,CAAAa,QAAA;MAAAH,QAAA,gBACE,IAAAV,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAe,kBAAkB,IAAE,CAAC,eACtB,IAAAd,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAgB,gBAAgB,IAAE,CAAC;IAAA,CACpB,CACH,eACD,IAAAf,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAiB,oBAAoB,IAAE,CAAC;EAAA,CACrB,CAAC;AAAA,CACP;AAEDZ,wBAAwB,CAACa,YAAY,GAAG;EACtCX,KAAK,EAAE;AACT,CAAC;AAEDF,wBAAwB,CAACc,SAAS,GAAG;EACnCZ,KAAK,EAAEa,kBAAS,CAACC;AACnB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEaC,wBAAwB","ignoreList":[]}

package/dist/upgrade-notification/generic/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AccessExpirationDateBanner", {
+  enumerable: true,
+  get: function () {
+    return _AccessExpirationDateBanner.default;
+  }
+});
+Object.defineProperty(exports, "ExpirationCountdown", {
+  enumerable: true,
+  get: function () {
+    return _ExpirationCountdown.default;
+  }
+});
+Object.defineProperty(exports, "PastExpirationCardContent", {
+  enumerable: true,
+  get: function () {
+    return _PastExpirationCardContent.default;
+  }
+});
+Object.defineProperty(exports, "PastExpirationDateBanner", {
+  enumerable: true,
+  get: function () {
+    return _PastExpirationDateBanner.default;
+  }
+});
+Object.defineProperty(exports, "UpsellFBESoonCardContent", {
+  enumerable: true,
+  get: function () {
+    return _UpsellFBESoonCardContent.default;
+  }
+});
+Object.defineProperty(exports, "UpsellFarAwayCardContent", {
+  enumerable: true,
+  get: function () {
+    return _UpsellFarAwayCardContent.default;
+  }
+});
+var _ExpirationCountdown = _interopRequireDefault(require("./ExpirationCountdown"));
+var _AccessExpirationDateBanner = _interopRequireDefault(require("./AccessExpirationDateBanner"));
+var _PastExpirationDateBanner = _interopRequireDefault(require("./PastExpirationDateBanner"));
+var _PastExpirationCardContent = _interopRequireDefault(require("./PastExpirationCardContent"));
+var _UpsellFarAwayCardContent = _interopRequireDefault(require("./UpsellFarAwayCardContent"));
+var _UpsellFBESoonCardContent = _interopRequireDefault(require("./UpsellFBESoonCardContent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/dist/upgrade-notification/generic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ExpirationCountdown","_interopRequireDefault","require","_AccessExpirationDateBanner","_PastExpirationDateBanner","_PastExpirationCardContent","_UpsellFarAwayCardContent","_UpsellFBESoonCardContent","obj","__esModule","default"],"sources":["../../../src/upgrade-notification/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';\n\nexport {\n  ExpirationCountdown,\n  AccessExpirationDateBanner,\n  PastExpirationDateBanner,\n  PastExpirationCardContent,\n  UpsellFarAwayCardContent,\n  UpsellFBESoonCardContent,\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;AAAkE,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}

package/dist/upgrade-notification/messages.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@edx/frontend-platform/i18n");
+const messages = (0, _i18n.defineMessages)({
+  pursueCertificateMessage: {
+    id: 'advertisements.header.pursue-certificate',
+    defaultMessage: 'Pursue a verified certificate',
+    description: 'Text used as header for certificate advertisement'
+  },
+  closeAlt: {
+    id: 'advertisements.close',
+    defaultMessage: 'Close',
+    description: 'Alternative text for close icon'
+  },
+  firstTimeLearnerDiscountHeader: {
+    id: 'learning.generic.upgradeNotification.firstTimeLearnerDiscount',
+    defaultMessage: '{percentage}% First-Time Learner Discount',
+    description: 'Header for first time leaner discount'
+  },
+  accessExpirationHeader: {
+    id: 'learning.generic.upgradeNotification.accessExpiration',
+    defaultMessage: 'Upgrade your course today',
+    description: 'Header for access expiration countdown'
+  },
+  accessExpirationUrgentHeader: {
+    id: 'learning.generic.upgradeNotification.accessExpirationUrgent',
+    defaultMessage: 'Course Access Expiration',
+    description: 'Header for access expiration countdown banner'
+  },
+  accessExpirationPastHeader: {
+    id: 'learning.generic.upgradeNotification.accessExpirationPast',
+    defaultMessage: 'Course Access Expiration',
+    description: 'Header for past expiration countdown banner'
+  },
+  pastExpirationCallToActionLabel: {
+    id: 'learning.generic.upgradeNotification.past-expiration.call-to-action-button.label',
+    defaultMessage: 'View course details',
+    description: 'Button label to navigate to course details for expired upgrades'
+  },
+  discountCodeMessage: {
+    id: 'learning.generic.upgradeNotification.code',
+    defaultMessage: 'Use code {code} at checkout',
+    description: 'Message that provides user with a code to use at checkout'
+  }
+});
+var _default = exports.default = messages;
+//# sourceMappingURL=messages.js.map

package/dist/upgrade-notification/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","names":["_i18n","require","messages","defineMessages","pursueCertificateMessage","id","defaultMessage","description","closeAlt","firstTimeLearnerDiscountHeader","accessExpirationHeader","accessExpirationUrgentHeader","accessExpirationPastHeader","pastExpirationCallToActionLabel","discountCodeMessage","_default","exports","default"],"sources":["../../src/upgrade-notification/messages.js"],"sourcesContent":["import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n  pursueCertificateMessage: {\n    id: 'advertisements.header.pursue-certificate',\n    defaultMessage: 'Pursue a verified certificate',\n    description: 'Text used as header for certificate advertisement',\n  },\n  closeAlt: {\n    id: 'advertisements.close',\n    defaultMessage: 'Close',\n    description: 'Alternative text for close icon',\n  },\n  firstTimeLearnerDiscountHeader: {\n    id: 'learning.generic.upgradeNotification.firstTimeLearnerDiscount',\n    defaultMessage: '{percentage}% First-Time Learner Discount',\n    description: 'Header for first time leaner discount',\n  },\n  accessExpirationHeader: {\n    id: 'learning.generic.upgradeNotification.accessExpiration',\n    defaultMessage: 'Upgrade your course today',\n    description: 'Header for access expiration countdown',\n  },\n  accessExpirationUrgentHeader: {\n    id: 'learning.generic.upgradeNotification.accessExpirationUrgent',\n    defaultMessage: 'Course Access Expiration',\n    description: 'Header for access expiration countdown banner',\n  },\n  accessExpirationPastHeader: {\n    id: 'learning.generic.upgradeNotification.accessExpirationPast',\n    defaultMessage: 'Course Access Expiration',\n    description: 'Header for past expiration countdown banner',\n  },\n  pastExpirationCallToActionLabel: {\n    id: 'learning.generic.upgradeNotification.past-expiration.call-to-action-button.label',\n    defaultMessage: 'View course details',\n    description: 'Button label to navigate to course details for expired upgrades',\n  },\n  discountCodeMessage: {\n    id: 'learning.generic.upgradeNotification.code',\n    defaultMessage: 'Use code {code} at checkout',\n    description: 'Message that provides user with a code to use at checkout',\n  },\n});\n\nexport default messages;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA,MAAMC,QAAQ,GAAG,IAAAC,oBAAc,EAAC;EAC9BC,wBAAwB,EAAE;IACxBC,EAAE,EAAE,0CAA0C;IAC9CC,cAAc,EAAE,+BAA+B;IAC/CC,WAAW,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACRH,EAAE,EAAE,sBAAsB;IAC1BC,cAAc,EAAE,OAAO;IACvBC,WAAW,EAAE;EACf,CAAC;EACDE,8BAA8B,EAAE;IAC9BJ,EAAE,EAAE,+DAA+D;IACnEC,cAAc,EAAE,2CAA2C;IAC3DC,WAAW,EAAE;EACf,CAAC;EACDG,sBAAsB,EAAE;IACtBL,EAAE,EAAE,uDAAuD;IAC3DC,cAAc,EAAE,2BAA2B;IAC3CC,WAAW,EAAE;EACf,CAAC;EACDI,4BAA4B,EAAE;IAC5BN,EAAE,EAAE,6DAA6D;IACjEC,cAAc,EAAE,0BAA0B;IAC1CC,WAAW,EAAE;EACf,CAAC;EACDK,0BAA0B,EAAE;IAC1BP,EAAE,EAAE,2DAA2D;IAC/DC,cAAc,EAAE,0BAA0B;IAC1CC,WAAW,EAAE;EACf,CAAC;EACDM,+BAA+B,EAAE;IAC/BR,EAAE,EAAE,kFAAkF;IACtFC,cAAc,EAAE,qBAAqB;IACrCC,WAAW,EAAE;EACf,CAAC;EACDO,mBAAmB,EAAE;IACnBT,EAAE,EAAE,2CAA2C;IAC/CC,cAAc,EAAE,6BAA6B;IAC7CC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEYf,QAAQ","ignoreList":[]}

package/dist/upsell-bullets/ExperimentalUpsellBullets.js

@@ -3,37 +3,81 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LifetimeAccessBullet = exports.GradesAndFeedbackBullet = exports.AdditionalToolsBullet = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _faCheck = require("@fortawesome/free-solid-svg-icons/faCheck");
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _i18n = require("@edx/frontend-platform/i18n");
+var _paragon = require("@openedx/paragon");
+var _icons = require("@openedx/paragon/icons");
+var _frontendPlatform = require("@edx/frontend-platform");
+var _messages = _interopRequireDefault(require("./messages"));
 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
-  })
-});
-
-// Must be child of a <ul className="fa-ul">
-const LifetimeAccessBullet = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-  className: "upsell-bullet",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), "Lifetime access to course materials"]
-});
-
-// Must be child of a <ul className="fa-ul">
-exports.LifetimeAccessBullet = LifetimeAccessBullet;
-const GradesAndFeedbackBullet = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-  className: "upsell-bullet",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), "Graded assignments and instructor feedback"]
-});
-
-// Must be child of a <ul className="fa-ul">
-exports.GradesAndFeedbackBullet = GradesAndFeedbackBullet;
-const AdditionalToolsBullet = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-  className: "upsell-bullet",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CheckmarkBullet, {}), "Additional learning tools such as the AI-Powered Xpert Learning Assistant"]
-});
-exports.AdditionalToolsBullet = AdditionalToolsBullet;
+const ExperimentalUpsellBullets = _ref => {
+  let {
+    isFBE
+  } = _ref;
+  const intl = (0, _i18n.useIntl)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+    role: "list",
+    gap: 3,
+    className: "m-4",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+      direction: "horizontal",
+      role: "listitem",
+      gap: 2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+        src: _icons.ArrowForward,
+        size: "xs",
+        className: "text-brand-500"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: intl.formatMessage(_messages.default.access)
+      })]
+    }), isFBE && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+      direction: "horizontal",
+      role: "listitem",
+      gap: 2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+        src: _icons.ArrowForward,
+        size: "xs",
+        className: "text-brand-500"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: intl.formatMessage(_messages.default.grades)
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+      direction: "horizontal",
+      role: "listitem",
+      gap: 2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+        src: _icons.ArrowForward,
+        size: "xs",
+        className: "text-brand-500"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: intl.formatMessage(_messages.default.certificate, {
+          certificateLink: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Hyperlink, {
+            destination: `${(0, _frontendPlatform.getConfig)().MARKETING_BASE_URL}/verified-certificate`,
+            children: intl.formatMessage(_messages.default.certificateLinkText)
+          })
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+      direction: "horizontal",
+      role: "listitem",
+      gap: 2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+        src: _icons.ArrowForward,
+        size: "xs",
+        className: "text-brand-500"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: intl.formatMessage(_messages.default.learningAssistant)
+      })]
+    })]
+  });
+};
+ExperimentalUpsellBullets.defaultProps = {
+  isFBE: false
+};
+ExperimentalUpsellBullets.propTypes = {
+  isFBE: _propTypes.default.bool
+};
+var _default = exports.default = ExperimentalUpsellBullets;
 //# sourceMappingURL=ExperimentalUpsellBullets.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExperimentalUpsellBullets.js","names":["_react","_interopRequireDefault","require","_faCheck","_reactFontawesome","_jsxRuntime","obj","__esModule","default","CheckmarkBullet","jsx","className","children","FontAwesomeIcon","icon","faCheck","LifetimeAccessBullet","jsxs","exports","GradesAndFeedbackBullet","AdditionalToolsBullet"],"sources":["../../src/upsell-bullets/ExperimentalUpsellBullets.jsx"],"sourcesContent":["import React from 'react';\nimport { faCheck } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\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 LifetimeAccessBullet = () => (\n  <li className=\"upsell-bullet\">\n    <CheckmarkBullet />\n    Lifetime access to course materials\n  </li>\n);\n\n// Must be child of a <ul className=\"fa-ul\">\nexport const GradesAndFeedbackBullet = () => (\n  <li className=\"upsell-bullet\">\n    <CheckmarkBullet />\n    Graded assignments and instructor feedback\n  </li>\n);\n\n// Must be child of a <ul className=\"fa-ul\">\nexport const AdditionalToolsBullet = () => (\n  <li className=\"upsell-bullet\">\n    <CheckmarkBullet />\n    Additional learning tools such as the AI-Powered Xpert Learning Assistant\n  </li>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,IAAAC,QAAA,GAAAD,OAAA;AAE1B,IAAAE,iBAAA,GAAAF,OAAA;AAAiE,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjE,MAAMG,eAAe,GAAGA,CAAA,kBACtB,IAAAJ,WAAA,CAAAK,GAAA;EAAMC,SAAS,EAAC,OAAO;EAAAC,QAAA,eAAC,IAAAP,WAAA,CAAAK,GAAA,EAACN,iBAAA,CAAAS,eAAe;IAACC,IAAI,EAAEC;EAAQ,CAAE;AAAC,CAAM,CACjE;;AAED;AACO,MAAMC,oBAAoB,GAAGA,CAAA,kBAClC,IAAAX,WAAA,CAAAY,IAAA;EAAIN,SAAS,EAAC,eAAe;EAAAC,QAAA,gBAC3B,IAAAP,WAAA,CAAAK,GAAA,EAACD,eAAe,IAAE,CAAC,uCAErB;AAAA,CAAI,CACL;;AAED;AAAAS,OAAA,CAAAF,oBAAA,GAAAA,oBAAA;AACO,MAAMG,uBAAuB,GAAGA,CAAA,kBACrC,IAAAd,WAAA,CAAAY,IAAA;EAAIN,SAAS,EAAC,eAAe;EAAAC,QAAA,gBAC3B,IAAAP,WAAA,CAAAK,GAAA,EAACD,eAAe,IAAE,CAAC,8CAErB;AAAA,CAAI,CACL;;AAED;AAAAS,OAAA,CAAAC,uBAAA,GAAAA,uBAAA;AACO,MAAMC,qBAAqB,GAAGA,CAAA,kBACnC,IAAAf,WAAA,CAAAY,IAAA;EAAIN,SAAS,EAAC,eAAe;EAAAC,QAAA,gBAC3B,IAAAP,WAAA,CAAAK,GAAA,EAACD,eAAe,IAAE,CAAC,6EAErB;AAAA,CAAI,CACL;AAACS,OAAA,CAAAE,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"file":"ExperimentalUpsellBullets.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellBullets","_ref","isFBE","intl","useIntl","jsxs","Stack","role","gap","className","children","direction","jsx","Icon","src","ArrowForward","size","formatMessage","messages","access","grades","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_BASE_URL","certificateLinkText","learningAssistant","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../src/upsell-bullets/ExperimentalUpsellBullets.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 }) => {\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      <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_BASE_URL}/verified-certificate`}>\n                  {intl.formatMessage(messages.certificateLinkText)}\n                </Hyperlink>\n              ),\n            },\n          )}\n        </span>\n      </Stack>\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    </Stack>\n  );\n};\n\nExperimentalUpsellBullets.defaultProps = {\n  isFBE: false,\n};\n\nExperimentalUpsellBullets.propTypes = {\n  isFBE: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellBullets;\n"],"mappings":"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","ignoreList":[]}

package/dist/upsell-bullets/ExperimentalUpsellTable.js

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _i18n = require("@edx/frontend-platform/i18n");
+var _paragon = require("@openedx/paragon");
+var _icons = require("@openedx/paragon/icons");
+var _frontendPlatform = require("@edx/frontend-platform");
+require("./ExperimentalUpsellTable.scss");
+var _messages = _interopRequireDefault(require("./messages"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ExperimentalUpsellTable = _ref => {
+  let {
+    isFBE
+  } = _ref;
+  const intl = (0, _i18n.useIntl)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Col, {
+    className: "px-4 pb-4 small",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+      className: "mb-4 primary-500",
+      children: intl.formatMessage(_messages.default.tableSectionHeader)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Row, {
+      className: "m-0 text-center",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "sr-only",
+          children: intl.formatMessage(_messages.default.featureHeader)
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "audit-cell top-audit-border col-2 ",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: intl.formatMessage(_messages.default.auditHeader)
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "verified-cell top-verified-border font-weight-bold col-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: intl.formatMessage(_messages.default.verifiedHeader)
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Row, {
+      className: "m-0",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "feature-cell",
+        children: intl.formatMessage(_messages.default.certificate, {
+          certificateLink: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Hyperlink, {
+            destination: `${(0, _frontendPlatform.getConfig)().MARKETING_SITE_BASE_URL}/verified-certificate`,
+            children: intl.formatMessage(_messages.default.certificateLinkText)
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "audit-cell col-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+            src: _icons.CloseSmall,
+            alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "verified-cell col-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+            src: _icons.CheckCircle,
+            alt: intl.formatMessage(_messages.default.includedAltMessage)
+          })
+        })
+      })]
+    }), isFBE && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Row, {
+      className: "m-0",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "feature-cell",
+        children: intl.formatMessage(_messages.default.grades)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "audit-cell col-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+            src: _icons.CloseSmall,
+            alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "verified-cell col-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+            src: _icons.CheckCircle,
+            alt: intl.formatMessage(_messages.default.includedAltMessage)
+          })
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Row, {
+      className: "m-0",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "feature-cell",
+        children: intl.formatMessage(_messages.default.access)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "audit-cell col-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+            src: _icons.CloseSmall,
+            alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "verified-cell col-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+            src: _icons.CheckCircle,
+            alt: intl.formatMessage(_messages.default.includedAltMessage)
+          })
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Row, {
+      className: "m-0",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "bottom-feature-cell",
+        children: intl.formatMessage(_messages.default.learningAssistant)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "audit-cell bottom-audit-border col-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+            src: _icons.CloseSmall,
+            alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
+        className: "verified-cell bottom-verified-border col-2",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "center-items",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+            src: _icons.CheckCircle,
+            alt: intl.formatMessage(_messages.default.includedAltMessage)
+          })
+        })
+      })]
+    })]
+  });
+};
+ExperimentalUpsellTable.defaultProps = {
+  isFBE: false
+};
+ExperimentalUpsellTable.propTypes = {
+  isFBE: _propTypes.default.bool
+};
+var _default = exports.default = ExperimentalUpsellTable;
+//# sourceMappingURL=ExperimentalUpsellTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentalUpsellTable.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellTable","_ref","isFBE","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","access","learningAssistant","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../src/upsell-bullets/ExperimentalUpsellTable.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 './ExperimentalUpsellTable.scss';\nimport messages from './messages';\n\nconst ExperimentalUpsellTable = ({ isFBE }) => {\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\">\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      )}\n      <Row className=\"m-0\">\n        <Col className=\"feature-cell\">\n          {intl.formatMessage(messages.access)}\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      <Row className=\"m-0\">\n        <Col className=\"bottom-feature-cell\">\n          {intl.formatMessage(messages.learningAssistant)}\n        </Col>\n        <Col className=\"audit-cell bottom-audit-border 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 bottom-verified-border col-2\">\n          <div className=\"center-items\">\n            <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n          </div>\n        </Col>\n      </Row>\n    </Col>\n  );\n};\n\nExperimentalUpsellTable.defaultProps = {\n  isFBE: false,\n};\n\nExperimentalUpsellTable.propTypes = {\n  isFBE: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellTable;\n"],"mappings":"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","ignoreList":[]}

package/dist/upsell-bullets/ExperimentalUpsellTable.scss

@@ -0,0 +1,61 @@
+@import '~@openedx/paragon/scss/core/core.scss';
+.verified-cell {
+  color: $success-700;
+  background-color: $success-100;
+  border-left: 3px solid $success-500;
+  border-right: 3px solid $success-500;
+  padding: 8px;
+  width: 74px;
+}
+
+.bottom-verified-border {
+  border-bottom-left-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+  border-bottom: 3px solid $success-500;
+  padding-bottom: 16px;
+}
+
+.top-verified-border {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+  border-top: 3px solid $success-500;
+}
+
+.bottom-audit-border {
+  border-bottom-left-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+  border-bottom: 1px solid $light-500;
+  padding-bottom: 16px;
+}
+
+.top-audit-border {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+  border-top: 1px solid $light-500;
+}
+
+.audit-cell {
+  color: $gray-500;
+  background-color: $light-200;
+  border-left: 1px solid $light-500;
+  border-right: 1px solid $light-500;
+  margin-right: 8px;
+  padding: 8px;
+}
+
+.feature-cell {
+  border-bottom: 1px solid $light-500;
+  color: $gray-700;
+  padding: 8px 8px 8px 0;
+}
+
+.bottom-feature-cell {
+  color: $gray-700;
+  padding: 8px 16px 8px 0;
+}
+
+.center-items {
+  display: flex;
+  align-items: top;
+  justify-content: center;
+}