npm - @edx/frontend-plugin-advertisements - Versions diffs - 1.26.8 → 1.27.1 - Mend

@edx/frontend-plugin-advertisements 1.26.8 → 1.27.1

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 (41) hide show

package/dist/data/index.js CHANGED Viewed

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "OPTIMIZELY_VTR_MODAL_EXPERIMENT", {
     return _optimizely.OPTIMIZELY_VTR_MODAL_EXPERIMENT;
   }
 });
+Object.defineProperty(exports, "OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT", {
+  enumerable: true,
+  get: function () {
+    return _optimizely.OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT;
+  }
+});
 Object.defineProperty(exports, "getOptimizely", {
   enumerable: true,
   get: function () {

package/dist/data/index.js.map CHANGED Viewed

	@@ -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_MODAL_EXPERIMENT,\n} from './optimizely';\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}
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_MODAL_EXPERIMENT,\n OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT,\n} from './optimizely';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}

package/dist/data/optimizely.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getOptimizely = exports.OPTIMIZELY_VTR_MODAL_EXPERIMENT = exports.OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS = exports.OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY = exports.OPTIMIZELY_EVENT_KEYS = void 0;
+exports.getOptimizely = exports.OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT = exports.OPTIMIZELY_VTR_MODAL_EXPERIMENT = exports.OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS = exports.OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY = exports.OPTIMIZELY_EVENT_KEYS = void 0;
 var _reactSdk = require("@optimizely/react-sdk");
 var _frontendPlatform = require("@edx/frontend-platform");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -48,6 +48,15 @@ const OPTIMIZELY_VTR_MODAL_EXPERIMENT = exports.OPTIMIZELY_VTR_MODAL_EXPERIMENT
     OFF: 'off'
   }
 };
+const OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT = exports.OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT = {
+  KEY: 'cta_bullet_points_experiment',
+  ACTION: 'upgrade_button_click',
+  VARIATIONS: {
+    OFF: 'off',
+    TABLE: 'comparison table',
+    BULLETS: 'new bullets'
+  }
+};
 const OPTIMIZELY_EVENT_KEYS = exports.OPTIMIZELY_EVENT_KEYS = {
   UPGRADE_BUTTON_CLICK: 'upgrade_button_click',
   DECLINE_UPGRADE_BUTTON_CLICK: 'decline_upgrade_button_click'

package/dist/data/optimizely.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"optimizely.js","names":["_reactSdk","require","_frontendPlatform","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","ensureConfig","DEFAULT_OPTIMIZELY_AGENT_CONFIG","eventFlushInterval","eventBatchSize","getOptimizely","OPTIMIZELY_SDK_KEY","getConfig","OPTIMIZELY_FULL_STACK_SDK_KEY","OPTIMIZELY_AGENT_CONFIG","createInstance","sdkKey","exports","OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY","OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS","CERTIFICATE_PREVIEW","CERTIFICATE_PREVIEW_WITH_COPY","CONTROL","OFF","OPTIMIZELY_VTR_MODAL_EXPERIMENT","KEY","ACTION","VARIATIONS","ON","OPTIMIZELY_EVENT_KEYS","UPGRADE_BUTTON_CLICK","DECLINE_UPGRADE_BUTTON_CLICK"],"sources":["../../src/data/optimizely.js"],"sourcesContent":["import { createInstance } from '@optimizely/react-sdk';\nimport { ensureConfig, getConfig } from '@edx/frontend-platform';\n\nensureConfig([\n 'OPTIMIZELY_FULL_STACK_SDK_KEY',\n], 'Frontend Plugin Advertisements Optimizely module');\n\nconst DEFAULT_OPTIMIZELY_AGENT_CONFIG = {\n eventFlushInterval: 1000,\n eventBatchSize: 10,\n};\n\n/*\n Initializing the Optimizely instance at the top-level will not work, becaused it may be initialized before\n * the OPTIMIZELY_FULL_STACK_SDK_KEY is available and will not be reinitialized afterward. Wrapping the initialization\n * in a function allows components to request the instance as-needed.\n */\nconst getOptimizely = () => {\n const OPTIMIZELY_SDK_KEY = getConfig().OPTIMIZELY_FULL_STACK_SDK_KEY;\n const OPTIMIZELY_AGENT_CONFIG = getConfig().OPTIMIZELY_AGENT_CONFIG \|\| {};\n\n if (OPTIMIZELY_SDK_KEY) {\n return createInstance({\n sdkKey: OPTIMIZELY_SDK_KEY,\n ...{\n ...DEFAULT_OPTIMIZELY_AGENT_CONFIG,\n ...OPTIMIZELY_AGENT_CONFIG,\n },\n });\n }\n\n return null;\n};\n\nconst OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY = 'verified_take_rate_preview_watermark_experimentation';\n\nconst OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS = {\n CERTIFICATE_PREVIEW: 'certificate_preview',\n CERTIFICATE_PREVIEW_WITH_COPY: 'certificate_preview_with_copy',\n CONTROL: 'control',\n OFF: 'off',\n};\n\nconst OPTIMIZELY_VTR_MODAL_EXPERIMENT = {\n KEY: 'vtr_in_course_popup_modal_all_orgs',\n ACTION: 'modal_upgrade_button_click',\n VARIATIONS: {\n ON: 'on', OFF: 'off',\n },\n};\n\nconst OPTIMIZELY_EVENT_KEYS = {\n UPGRADE_BUTTON_CLICK: 'upgrade_button_click',\n DECLINE_UPGRADE_BUTTON_CLICK: 'decline_upgrade_button_click',\n};\n\nexport {\n getOptimizely,\n OPTIMIZELY_EVENT_KEYS,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS,\n OPTIMIZELY_VTR_MODAL_EXPERIMENT,\n};\n"],"mappings":"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~~qBAAqB~~,GAAAZ,OAAA,CAAAY,qBAAA,GAAG;EAC5BC,oBAAoB,EAAE,sBAAsB;EAC5CC,4BAA4B,EAAE;AAChC,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"optimizely.js","names":["_reactSdk","require","_frontendPlatform","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","ensureConfig","DEFAULT_OPTIMIZELY_AGENT_CONFIG","eventFlushInterval","eventBatchSize","getOptimizely","OPTIMIZELY_SDK_KEY","getConfig","OPTIMIZELY_FULL_STACK_SDK_KEY","OPTIMIZELY_AGENT_CONFIG","createInstance","sdkKey","exports","OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY","OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS","CERTIFICATE_PREVIEW","CERTIFICATE_PREVIEW_WITH_COPY","CONTROL","OFF","OPTIMIZELY_VTR_MODAL_EXPERIMENT","KEY","ACTION","VARIATIONS","ON","OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT","TABLE","BULLETS","OPTIMIZELY_EVENT_KEYS","UPGRADE_BUTTON_CLICK","DECLINE_UPGRADE_BUTTON_CLICK"],"sources":["../../src/data/optimizely.js"],"sourcesContent":["import { createInstance } from '@optimizely/react-sdk';\nimport { ensureConfig, getConfig } from '@edx/frontend-platform';\n\nensureConfig([\n 'OPTIMIZELY_FULL_STACK_SDK_KEY',\n], 'Frontend Plugin Advertisements Optimizely module');\n\nconst DEFAULT_OPTIMIZELY_AGENT_CONFIG = {\n eventFlushInterval: 1000,\n eventBatchSize: 10,\n};\n\n/*\n Initializing the Optimizely instance at the top-level will not work, becaused it may be initialized before\n * the OPTIMIZELY_FULL_STACK_SDK_KEY is available and will not be reinitialized afterward. Wrapping the initialization\n * in a function allows components to request the instance as-needed.\n */\nconst getOptimizely = () => {\n const OPTIMIZELY_SDK_KEY = getConfig().OPTIMIZELY_FULL_STACK_SDK_KEY;\n const OPTIMIZELY_AGENT_CONFIG = getConfig().OPTIMIZELY_AGENT_CONFIG \|\| {};\n\n if (OPTIMIZELY_SDK_KEY) {\n return createInstance({\n sdkKey: OPTIMIZELY_SDK_KEY,\n ...{\n ...DEFAULT_OPTIMIZELY_AGENT_CONFIG,\n ...OPTIMIZELY_AGENT_CONFIG,\n },\n });\n }\n\n return null;\n};\n\nconst OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY = 'verified_take_rate_preview_watermark_experimentation';\n\nconst OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS = {\n CERTIFICATE_PREVIEW: 'certificate_preview',\n CERTIFICATE_PREVIEW_WITH_COPY: 'certificate_preview_with_copy',\n CONTROL: 'control',\n OFF: 'off',\n};\n\nconst OPTIMIZELY_VTR_MODAL_EXPERIMENT = {\n KEY: 'vtr_in_course_popup_modal_all_orgs',\n ACTION: 'modal_upgrade_button_click',\n VARIATIONS: {\n ON: 'on', OFF: 'off',\n },\n};\n\nconst OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT = {\n KEY: 'cta_bullet_points_experiment',\n ACTION: 'upgrade_button_click',\n VARIATIONS: {\n OFF: 'off',\n TABLE: 'comparison table',\n BULLETS: 'new bullets',\n },\n};\n\nconst OPTIMIZELY_EVENT_KEYS = {\n UPGRADE_BUTTON_CLICK: 'upgrade_button_click',\n DECLINE_UPGRADE_BUTTON_CLICK: 'decline_upgrade_button_click',\n};\n\nexport {\n getOptimizely,\n OPTIMIZELY_EVENT_KEYS,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_KEY,\n OPTIMIZELY_VTR_COPY_CHANGE_EXPERIMENT_VARIATION_KEYS,\n OPTIMIZELY_VTR_MODAL_EXPERIMENT,\n OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/upgrade-modal/UpgradeModal.js CHANGED Viewed

@@ -179,8 +179,8 @@ const UpgradeModal = _ref => {
       className: "pl-2 text-gray-700",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
         gap: 3,
-        role: "listitem",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Stack, {
+          role: "listitem",
           direction: "horizontal",
           gap: 3,
           className: "align-items-start",

package/dist/upgrade-modal/UpgradeModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UpgradeModal.js","names":["_react","require","_propTypes","_interopRequireDefault","_reactSdk","_frontendPlatform","_analytics","_i18n","_paragon","_icons","_data","_certificatePreview","_jsxRuntime","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","UpgradeModal","_ref","isOpen","close","verifiedMode","org","courseId","offer","marketingUrl","accessExpiration","optimizely","decision","useDecision","OPTIMIZELY_VTR_MODAL_EXPERIMENT","KEY","variationKey","enabled","experimentProperties","experiment_key","variation_key","upsellPageName","eventProperties","org_key","courserun_key","promotionEventProperties","creative","name","position","promotion_id","useEffect","VARIATIONS","ON","sendTrackingLogEvent","sendTrackEvent","OFF","logClick","location","linkCategory","linkName","linkType","pageName","track","ACTION","logClickPastExpiration","intl","useIntl","dateNow","Date","now","currencySymbol","price","upgradeUrl","upgradeDeadlineDate","upgradeDeadline","pastDeadline","modalTitle","formatMessage","id","defaultMessage","description","callToActionButton","jsx","Button","className","onClick","href","children","jsxs","MarketingModal","title","onClose","isBlocking","size","heroIsDark","heroNode","ModalDialog","Hero","style","background","borderTopLeftRadius","borderTopRightRadius","Content","bgColor","footerNode","ActionRow","isStacked","values","code","role","Stack","gap","direction","Icon","src","Check","linkedContent","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","boldContent","defaultProps","propTypes","PropTypes","shape","number","isRequired","string","func","bool","object","_default","exports","withOptimizely"],"sources":["../../src/upgrade-modal/UpgradeModal.jsx"],"sourcesContent":["import { useEffect, React } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDecision, withOptimizely } from '@optimizely/react-sdk';\nimport { getConfig } from '@edx/frontend-platform';\nimport { sendTrackEvent, sendTrackingLogEvent } from '@edx/frontend-platform/analytics';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n ActionRow, Button, Hyperlink, Icon, MarketingModal, ModalDialog, Stack,\n} from '@openedx/paragon';\nimport { Check } from '@openedx/paragon/icons';\nimport { OPTIMIZELY_VTR_MODAL_EXPERIMENT } from '../data';\nimport CertificatePreview from '../upgrade-notification/certificate-preview';\n\nconst UpgradeModal = ({\n isOpen,\n close,\n verifiedMode,\n org,\n courseId,\n offer,\n marketingUrl,\n accessExpiration,\n optimizely,\n}) => {\n const [decision] = useDecision(OPTIMIZELY_VTR_MODAL_EXPERIMENT.KEY);\n const { variationKey, enabled } = decision;\n\n // Experiment specific properties or data should not be sent to the tracking logs, so break this\n // object out to ensure it is only sent to Segment and not the tracking logs.\n const experimentProperties = {\n experiment_key: OPTIMIZELY_VTR_MODAL_EXPERIMENT.KEY,\n variation_key: variationKey,\n };\n\n const upsellPageName = 'course_sequence_modal';\n const eventProperties = {\n org_key: org,\n courserun_key: courseId,\n };\n const promotionEventProperties = {\n creative: 'marketmodalupsell',\n name: 'In-Course Verification Prompt',\n position: 'marketing-modal-message',\n promotion_id: 'courseware_verified_certificate_upsell',\n ...eventProperties,\n ...experimentProperties,\n };\n\n useEffect(() => {\n if (variationKey === OPTIMIZELY_VTR_MODAL_EXPERIMENT.VARIATIONS.ON) {\n sendTrackingLogEvent('edx.bi.course.upgrade.marketmodalupsell.displayed', eventProperties);\n sendTrackEvent('Promotion Viewed', promotionEventProperties);\n } else if (variationKey === OPTIMIZELY_VTR_MODAL_EXPERIMENT.VARIATIONS.OFF) {\n sendTrackingLogEvent('edx.bi.course.upgrade.marketmodalupsell.not_displayed', eventProperties);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [variationKey]);\n\n const logClick = () => {\n sendTrackingLogEvent('edx.bi.course.upgrade.marketingmodal.clicked', eventProperties);\n sendTrackingLogEvent('edx.course.enrollment.upgrade.clicked', {\n ...eventProperties,\n location: 'marketing-modal-message',\n });\n sendTrackEvent('Promotion Clicked', promotionEventProperties);\n sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n ...eventProperties,\n ...experimentProperties,\n linkCategory: 'green_upgrade',\n linkName: `${upsellPageName}_green`,\n linkType: 'button',\n pageName: upsellPageName,\n });\n optimizely.track(OPTIMIZELY_VTR_MODAL_EXPERIMENT.ACTION);\n };\n const logClickPastExpiration = () => {\n sendTrackEvent('edx.bi.ecommerce.upgrade_modal.past_expiration.button_clicked', {\n ...eventProperties,\n ...experimentProperties,\n linkCategory: 'upgrade_modal',\n linkName: `${upsellPageName}_course_details`,\n linkType: 'button',\n pageName: upsellPageName,\n });\n };\n\n const intl = useIntl();\n const dateNow = Date.now();\n const { currencySymbol, price, upgradeUrl } = verifiedMode \|\| {};\n const upgradeDeadlineDate = accessExpiration ? new Date(accessExpiration.upgradeDeadline) : null;\n const pastDeadline = accessExpiration ? new Date(dateNow) > upgradeDeadlineDate : false;\n const modalTitle = intl.formatMessage({\n id: 'learning.upgrade-modal.title',\n defaultMessage: 'Pursue a verified certificate',\n description: 'Upgrade modal title',\n });\n let callToActionButton = (\n <Button\n className=\"w-100\"\n onClick={logClick}\n href={upgradeUrl}\n >\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.upgrade-button.label',\n defaultMessage: 'Upgrade for {currencySymbol}{price}',\n description: 'Label for upgrade button',\n },\n { currencySymbol, price },\n )}\n </Button>\n );\n\n if (pastDeadline) {\n callToActionButton = (\n <Button\n className=\"w-100\"\n onClick={logClickPastExpiration}\n href={marketingUrl}\n >\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.upgrade-button.label',\n defaultMessage: 'View course details',\n description: 'Label for upgrade button',\n },\n )}\n </Button>\n );\n }\n\n if (variationKey === OPTIMIZELY_VTR_MODAL_EXPERIMENT.VARIATIONS.OFF) {\n close();\n }\n if (!enabled) {\n return null;\n }\n\n return (\n <MarketingModal\n title={modalTitle}\n isOpen={isOpen}\n onClose={close}\n isBlocking\n size=\"md\"\n heroIsDark\n heroNode={(\n <ModalDialog.Hero\n className=\"justify-content-center\"\n style={{\n background: 'linear-gradient(#001B1E, #0E3639)',\n borderTopLeftRadius: '6.8px',\n borderTopRightRadius: '6.8px',\n }}\n >\n <ModalDialog.Hero.Content className=\"m-0 text-primary-500\">\n {/* TODO: replace with simplified /}\n <CertificatePreview {...{ courseId, bgColor: 'bg-light-100' }} />\n </ModalDialog.Hero.Content>\n </ModalDialog.Hero>\n )}\n footerNode={(\n <ActionRow isStacked className=\"mb-2\">\n {callToActionButton}\n {offer && (\n <div className=\"text-center discount-info\">\n {intl.formatMessage({\n id: 'learning.generic.upgradeNotification.code',\n defaultMessage: 'Use code {code} at checkout',\n values: {\n code: (<span className=\"font-weight-bold\">{offer.code}</span>),\n },\n })}\n </div>\n )}\n </ActionRow>\n )}\n >\n <h2 className=\"h3 mb-3 mt-2.5\">\n {modalTitle}\n </h2>\n <div role=\"list\" className=\"pl-2 text-gray-700\">\n <Stack gap={3} role=\"listitem\">\n <Stack direction=\"horizontal\" gap={3} className=\"align-items-start\">\n <Icon size=\"md\" src={Check} />\n <span>\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.body-list.first-item',\n defaultMessage: 'Earn a {linkedContent} of completion to showcase your résumé',\n description: 'Message for first list item',\n },\n {\n linkedContent: (\n <Hyperlink\n className=\"font-weight-bold text-primary-500 inline-link-underline\"\n destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}\n >\n verified certificate\n </Hyperlink>\n ),\n },\n )}\n </span>\n </Stack>\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\">\n <Icon size=\"md\" src={Check} />\n <span>\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.body-list.second-item',\n defaultMessage: 'Unlock your access to all course activities, including {boldContent}',\n description: 'Message for second list item',\n },\n {\n boldContent: (\n <span className=\"font-weight-bold\">\n graded assignments\n </span>\n ),\n },\n )}\n </span>\n </Stack>\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\">\n <Icon size=\"md\" src={Check} />\n <span>\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.body-list.third-item',\n defaultMessage: '{boldContent} to course content and materials, even after the course ends',\n description: 'Message for third list item',\n },\n {\n boldContent: (\n <span className=\"font-weight-bold\">\n Full access\n </span>\n ),\n },\n )}\n </span>\n </Stack>\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\">\n <Icon size=\"md\" src={Check} />\n <span>\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.body-list.fourth-item',\n defaultMessage: 'Support our mission at edX',\n description: 'Message for fourth list item',\n },\n )}\n </span>\n </Stack>\n </Stack>\n </div>\n </MarketingModal>\n );\n};\n\nUpgradeModal.defaultProps = {\n verifiedMode: {},\n offer: null,\n accessExpiration: null,\n};\nUpgradeModal.propTypes = {\n verifiedMode: PropTypes.shape({\n price: PropTypes.number.isRequired,\n currencySymbol: PropTypes.string.isRequired,\n upgradeUrl: PropTypes.string.isRequired,\n }),\n offer: PropTypes.shape({\n code: PropTypes.string,\n }),\n accessExpiration: PropTypes.shape({\n upgradeDeadline: PropTypes.string,\n }),\n marketingUrl: PropTypes.string.isRequired,\n org: PropTypes.string.isRequired,\n courseId: PropTypes.string.isRequired,\n close: PropTypes.func.isRequired,\n isOpen: PropTypes.bool.isRequired,\n / eslint-disable-next-line react/forbid-prop-types */\n optimizely: PropTypes.object.isRequired,\n};\n\nexport default withOptimizely(UpgradeModal);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"UpgradeModal.js","names":["_react","require","_propTypes","_interopRequireDefault","_reactSdk","_frontendPlatform","_analytics","_i18n","_paragon","_icons","_data","_certificatePreview","_jsxRuntime","obj","__esModule","default","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","key","value","_toPropertyKey","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","UpgradeModal","_ref","isOpen","close","verifiedMode","org","courseId","offer","marketingUrl","accessExpiration","optimizely","decision","useDecision","OPTIMIZELY_VTR_MODAL_EXPERIMENT","KEY","variationKey","enabled","experimentProperties","experiment_key","variation_key","upsellPageName","eventProperties","org_key","courserun_key","promotionEventProperties","creative","name","position","promotion_id","useEffect","VARIATIONS","ON","sendTrackingLogEvent","sendTrackEvent","OFF","logClick","location","linkCategory","linkName","linkType","pageName","track","ACTION","logClickPastExpiration","intl","useIntl","dateNow","Date","now","currencySymbol","price","upgradeUrl","upgradeDeadlineDate","upgradeDeadline","pastDeadline","modalTitle","formatMessage","id","defaultMessage","description","callToActionButton","jsx","Button","className","onClick","href","children","jsxs","MarketingModal","title","onClose","isBlocking","size","heroIsDark","heroNode","ModalDialog","Hero","style","background","borderTopLeftRadius","borderTopRightRadius","Content","bgColor","footerNode","ActionRow","isStacked","values","code","role","Stack","gap","direction","Icon","src","Check","linkedContent","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","boldContent","defaultProps","propTypes","PropTypes","shape","number","isRequired","string","func","bool","object","_default","exports","withOptimizely"],"sources":["../../src/upgrade-modal/UpgradeModal.jsx"],"sourcesContent":["import { useEffect, React } from 'react';\nimport PropTypes from 'prop-types';\nimport { useDecision, withOptimizely } from '@optimizely/react-sdk';\nimport { getConfig } from '@edx/frontend-platform';\nimport { sendTrackEvent, sendTrackingLogEvent } from '@edx/frontend-platform/analytics';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n ActionRow, Button, Hyperlink, Icon, MarketingModal, ModalDialog, Stack,\n} from '@openedx/paragon';\nimport { Check } from '@openedx/paragon/icons';\nimport { OPTIMIZELY_VTR_MODAL_EXPERIMENT } from '../data';\nimport CertificatePreview from '../upgrade-notification/certificate-preview';\n\nconst UpgradeModal = ({\n isOpen,\n close,\n verifiedMode,\n org,\n courseId,\n offer,\n marketingUrl,\n accessExpiration,\n optimizely,\n}) => {\n const [decision] = useDecision(OPTIMIZELY_VTR_MODAL_EXPERIMENT.KEY);\n const { variationKey, enabled } = decision;\n\n // Experiment specific properties or data should not be sent to the tracking logs, so break this\n // object out to ensure it is only sent to Segment and not the tracking logs.\n const experimentProperties = {\n experiment_key: OPTIMIZELY_VTR_MODAL_EXPERIMENT.KEY,\n variation_key: variationKey,\n };\n\n const upsellPageName = 'course_sequence_modal';\n const eventProperties = {\n org_key: org,\n courserun_key: courseId,\n };\n const promotionEventProperties = {\n creative: 'marketmodalupsell',\n name: 'In-Course Verification Prompt',\n position: 'marketing-modal-message',\n promotion_id: 'courseware_verified_certificate_upsell',\n ...eventProperties,\n ...experimentProperties,\n };\n\n useEffect(() => {\n if (variationKey === OPTIMIZELY_VTR_MODAL_EXPERIMENT.VARIATIONS.ON) {\n sendTrackingLogEvent('edx.bi.course.upgrade.marketmodalupsell.displayed', eventProperties);\n sendTrackEvent('Promotion Viewed', promotionEventProperties);\n } else if (variationKey === OPTIMIZELY_VTR_MODAL_EXPERIMENT.VARIATIONS.OFF) {\n sendTrackingLogEvent('edx.bi.course.upgrade.marketmodalupsell.not_displayed', eventProperties);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [variationKey]);\n\n const logClick = () => {\n sendTrackingLogEvent('edx.bi.course.upgrade.marketingmodal.clicked', eventProperties);\n sendTrackingLogEvent('edx.course.enrollment.upgrade.clicked', {\n ...eventProperties,\n location: 'marketing-modal-message',\n });\n sendTrackEvent('Promotion Clicked', promotionEventProperties);\n sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n ...eventProperties,\n ...experimentProperties,\n linkCategory: 'green_upgrade',\n linkName: `${upsellPageName}_green`,\n linkType: 'button',\n pageName: upsellPageName,\n });\n optimizely.track(OPTIMIZELY_VTR_MODAL_EXPERIMENT.ACTION);\n };\n const logClickPastExpiration = () => {\n sendTrackEvent('edx.bi.ecommerce.upgrade_modal.past_expiration.button_clicked', {\n ...eventProperties,\n ...experimentProperties,\n linkCategory: 'upgrade_modal',\n linkName: `${upsellPageName}_course_details`,\n linkType: 'button',\n pageName: upsellPageName,\n });\n };\n\n const intl = useIntl();\n const dateNow = Date.now();\n const { currencySymbol, price, upgradeUrl } = verifiedMode \|\| {};\n const upgradeDeadlineDate = accessExpiration ? new Date(accessExpiration.upgradeDeadline) : null;\n const pastDeadline = accessExpiration ? new Date(dateNow) > upgradeDeadlineDate : false;\n const modalTitle = intl.formatMessage({\n id: 'learning.upgrade-modal.title',\n defaultMessage: 'Pursue a verified certificate',\n description: 'Upgrade modal title',\n });\n let callToActionButton = (\n <Button\n className=\"w-100\"\n onClick={logClick}\n href={upgradeUrl}\n >\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.upgrade-button.label',\n defaultMessage: 'Upgrade for {currencySymbol}{price}',\n description: 'Label for upgrade button',\n },\n { currencySymbol, price },\n )}\n </Button>\n );\n\n if (pastDeadline) {\n callToActionButton = (\n <Button\n className=\"w-100\"\n onClick={logClickPastExpiration}\n href={marketingUrl}\n >\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.upgrade-button.label',\n defaultMessage: 'View course details',\n description: 'Label for upgrade button',\n },\n )}\n </Button>\n );\n }\n\n if (variationKey === OPTIMIZELY_VTR_MODAL_EXPERIMENT.VARIATIONS.OFF) {\n close();\n }\n if (!enabled) {\n return null;\n }\n\n return (\n <MarketingModal\n title={modalTitle}\n isOpen={isOpen}\n onClose={close}\n isBlocking\n size=\"md\"\n heroIsDark\n heroNode={(\n <ModalDialog.Hero\n className=\"justify-content-center\"\n style={{\n background: 'linear-gradient(#001B1E, #0E3639)',\n borderTopLeftRadius: '6.8px',\n borderTopRightRadius: '6.8px',\n }}\n >\n <ModalDialog.Hero.Content className=\"m-0 text-primary-500\">\n {/* TODO: replace with simplified /}\n <CertificatePreview {...{ courseId, bgColor: 'bg-light-100' }} />\n </ModalDialog.Hero.Content>\n </ModalDialog.Hero>\n )}\n footerNode={(\n <ActionRow isStacked className=\"mb-2\">\n {callToActionButton}\n {offer && (\n <div className=\"text-center discount-info\">\n {intl.formatMessage({\n id: 'learning.generic.upgradeNotification.code',\n defaultMessage: 'Use code {code} at checkout',\n values: {\n code: (<span className=\"font-weight-bold\">{offer.code}</span>),\n },\n })}\n </div>\n )}\n </ActionRow>\n )}\n >\n <h2 className=\"h3 mb-3 mt-2.5\">\n {modalTitle}\n </h2>\n <div role=\"list\" className=\"pl-2 text-gray-700\">\n <Stack gap={3}>\n <Stack role=\"listitem\" direction=\"horizontal\" gap={3} className=\"align-items-start\">\n <Icon size=\"md\" src={Check} />\n <span>\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.body-list.first-item',\n defaultMessage: 'Earn a {linkedContent} of completion to showcase your résumé',\n description: 'Message for first list item',\n },\n {\n linkedContent: (\n <Hyperlink\n className=\"font-weight-bold text-primary-500 inline-link-underline\"\n destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}\n >\n verified certificate\n </Hyperlink>\n ),\n },\n )}\n </span>\n </Stack>\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\">\n <Icon size=\"md\" src={Check} />\n <span>\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.body-list.second-item',\n defaultMessage: 'Unlock your access to all course activities, including {boldContent}',\n description: 'Message for second list item',\n },\n {\n boldContent: (\n <span className=\"font-weight-bold\">\n graded assignments\n </span>\n ),\n },\n )}\n </span>\n </Stack>\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\">\n <Icon size=\"md\" src={Check} />\n <span>\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.body-list.third-item',\n defaultMessage: '{boldContent} to course content and materials, even after the course ends',\n description: 'Message for third list item',\n },\n {\n boldContent: (\n <span className=\"font-weight-bold\">\n Full access\n </span>\n ),\n },\n )}\n </span>\n </Stack>\n <Stack direction=\"horizontal\" gap={3} role=\"listitem\" className=\"align-items-start\">\n <Icon size=\"md\" src={Check} />\n <span>\n {intl.formatMessage(\n {\n id: 'learning.upgrade-modal.body-list.fourth-item',\n defaultMessage: 'Support our mission at edX',\n description: 'Message for fourth list item',\n },\n )}\n </span>\n </Stack>\n </Stack>\n </div>\n </MarketingModal>\n );\n};\n\nUpgradeModal.defaultProps = {\n verifiedMode: {},\n offer: null,\n accessExpiration: null,\n};\nUpgradeModal.propTypes = {\n verifiedMode: PropTypes.shape({\n price: PropTypes.number.isRequired,\n currencySymbol: PropTypes.string.isRequired,\n upgradeUrl: PropTypes.string.isRequired,\n }),\n offer: PropTypes.shape({\n code: PropTypes.string,\n }),\n accessExpiration: PropTypes.shape({\n upgradeDeadline: PropTypes.string,\n }),\n marketingUrl: PropTypes.string.isRequired,\n org: PropTypes.string.isRequired,\n courseId: PropTypes.string.isRequired,\n close: PropTypes.func.isRequired,\n isOpen: PropTypes.bool.isRequired,\n / eslint-disable-next-line react/forbid-prop-types */\n optimizely: PropTypes.object.isRequired,\n};\n\nexport default withOptimizely(UpgradeModal);\n"],"mappings":"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","ignoreList":[]}

package/dist/upgrade-notification/DefaultUpgradeNotification.js CHANGED Viewed

@@ -11,11 +11,11 @@ var _i18n = require("@edx/frontend-platform/i18n");
 var _analytics = require("@edx/frontend-platform/analytics");
 var _paragon = require("@openedx/paragon");
 var _icons = require("@openedx/paragon/icons");
-var _localStorage = require("@src/data/localStorage");
 var _upgradeButton = require("@src/generic/upgrade-button");
 var _modelStore = require("@src/generic/model-store");
-var _upsellBullets = require("../upsell-bullets");
 var _certificatePreview = _interopRequireDefault(require("./certificate-preview"));
+var _generic = require("./generic");
+var _messages = _interopRequireDefault(require("./messages"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -25,250 +25,17 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /* eslint import/no-unresolved: 0 */
-const UpsellNoFBECardContent = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
-  className: "fa-ul upgrade-notification-ul pt-0",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.VerifiedCertBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.SupportMissionBullet, {})]
-});
-const UpsellFBEFarAwayCardContent = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
-  className: "fa-ul upgrade-notification-ul",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.VerifiedCertBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.UnlockGradedBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.FullAccessBullet, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_upsellBullets.SupportMissionBullet, {})]
-});
-const UpsellFBESoonCardContent = _ref => {
-  let {
-    accessExpirationDate,
-    timezoneFormatArgs
-  } = _ref;
-  const includingAnyProgress = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    className: "font-weight-bold",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upgradeNotification.expirationAccessLoss.progress",
-      defaultMessage: "including any progress"
-    })
-  });
-  const date = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedDate, _objectSpread({
-    day: "numeric",
-    month: "long",
-    value: new Date(accessExpirationDate)
-  }, timezoneFormatArgs), "accessDate");
-  const benefitsOfUpgrading = /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-    className: "inline-link-underline font-weight-bold",
-    rel: "noopener noreferrer",
-    target: "_blank",
-    href: "https://support.edx.org/hc/en-us/articles/360013426573-What-are-the-differences-between-audit-free-and-verified-paid-courses-",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upgradeNotification.expirationVerifiedCert.benefits",
-      defaultMessage: "benefits of upgrading"
-    })
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "upgrade-notification-text",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-        id: "advertisements.upgradeNotification.expirationAccessLoss",
-        defaultMessage: "You will lose all access to this course, {includingAnyProgress}, on {date}.",
-        values: {
-          includingAnyProgress,
-          date
-        }
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-        id: "advertisements.upgradeNotification.expirationVerifiedCert",
-        defaultMessage: "Upgrading your course enables you to pursue a verified certificate and unlocks numerous features. Learn more about the {benefitsOfUpgrading}.",
-        values: {
-          benefitsOfUpgrading
-        }
-      })
-    })]
-  });
-};
-UpsellFBESoonCardContent.propTypes = {
-  accessExpirationDate: _propTypes.default.PropTypes.instanceOf(Date).isRequired,
-  timezoneFormatArgs: _propTypes.default.shape({
-    timeZone: _propTypes.default.string
-  })
-};
-UpsellFBESoonCardContent.defaultProps = {
-  timezoneFormatArgs: {}
-};
-const PastExpirationCardContent = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-  className: "upgrade-notification-text",
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upgradeNotification.pastExpiration.content",
-      defaultMessage: "The upgrade deadline for this course passed. To upgrade, enroll in the next available session."
-    })
-  })
-});
-const ExpirationCountdown = _ref2 => {
-  let {
-    courseId,
-    hoursToExpiration,
-    setupgradeNotificationCurrentState,
-    type
-  } = _ref2;
-  let expirationText;
-  if (hoursToExpiration >= 24) {
-    // More than 1 day left
-    // setupgradeNotificationCurrentState is available in NotificationTray (not course home)
-    if (setupgradeNotificationCurrentState) {
-      if (type === 'access') {
-        setupgradeNotificationCurrentState('accessDaysLeft');
-        (0, _localStorage.setLocalStorage)(`upgradeNotificationCurrentState.${courseId}`, 'accessDaysLeft');
-      }
-      if (type === 'offer') {
-        setupgradeNotificationCurrentState('FPDdaysLeft');
-        (0, _localStorage.setLocalStorage)(`upgradeNotificationCurrentState.${courseId}`, 'FPDdaysLeft');
-      }
-    }
-    expirationText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upgradeNotification.expirationDays",
-      defaultMessage: `{dayCount, number} {dayCount, plural,
-          one {day}
-          other {days}} left`,
-      values: {
-        dayCount: Math.floor(hoursToExpiration / 24)
-      }
-    });
-  } else if (hoursToExpiration >= 1) {
-    // More than 1 hour left
-    // setupgradeNotificationCurrentState is available in NotificationTray (not course home)
-    if (setupgradeNotificationCurrentState) {
-      if (type === 'access') {
-        setupgradeNotificationCurrentState('accessHoursLeft');
-        (0, _localStorage.setLocalStorage)(`upgradeNotificationCurrentState.${courseId}`, 'accessHoursLeft');
-      }
-      if (type === 'offer') {
-        setupgradeNotificationCurrentState('FPDHoursLeft');
-        (0, _localStorage.setLocalStorage)(`upgradeNotificationCurrentState.${courseId}`, 'FPDHoursLeft');
-      }
-    }
-    expirationText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upgradeNotification.expirationHours",
-      defaultMessage: `{hourCount, number} {hourCount, plural,
-          one {hour}
-          other {hours}} left`,
-      values: {
-        hourCount: hoursToExpiration
-      }
-    });
-  } else {
-    // Less than 1 hour
-    // setupgradeNotificationCurrentState is available in NotificationTray (not course home)
-    if (setupgradeNotificationCurrentState) {
-      if (type === 'access') {
-        setupgradeNotificationCurrentState('accessLastHour');
-        (0, _localStorage.setLocalStorage)(`upgradeNotificationCurrentState.${courseId}`, 'accessLastHour');
-      }
-      if (type === 'offer') {
-        setupgradeNotificationCurrentState('FPDLastHour');
-        (0, _localStorage.setLocalStorage)(`upgradeNotificationCurrentState.${courseId}`, 'FPDLastHour');
-      }
-    }
-    expirationText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upgradeNotification.expirationMinutes",
-      defaultMessage: "Less than 1 hour left"
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "upsell-warning",
-    children: expirationText
-  });
-};
-ExpirationCountdown.propTypes = {
-  courseId: _propTypes.default.string.isRequired,
-  hoursToExpiration: _propTypes.default.number.isRequired,
-  setupgradeNotificationCurrentState: _propTypes.default.func,
-  type: _propTypes.default.string
-};
-ExpirationCountdown.defaultProps = {
-  setupgradeNotificationCurrentState: null,
-  type: null
-};
-const AccessExpirationDateBanner = _ref3 => {
-  let {
-    courseId,
-    accessExpirationDate,
-    timezoneFormatArgs,
-    setupgradeNotificationCurrentState
-  } = _ref3;
-  if (setupgradeNotificationCurrentState) {
-    setupgradeNotificationCurrentState('accessDateView');
-    (0, _localStorage.setLocalStorage)(`upgradeNotificationCurrentState.${courseId}`, 'accessDateView');
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "upsell-warning-light",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upgradeNotification.expiration",
-      defaultMessage: "Course access will expire {date}",
-      values: {
-        date: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedDate, _objectSpread({
-          day: "numeric",
-          month: "long",
-          value: accessExpirationDate
-        }, timezoneFormatArgs), "accessExpireDate")
-      }
-    })
-  });
-};
-AccessExpirationDateBanner.propTypes = {
-  courseId: _propTypes.default.string.isRequired,
-  accessExpirationDate: _propTypes.default.PropTypes.instanceOf(Date).isRequired,
-  timezoneFormatArgs: _propTypes.default.shape({
-    timeZone: _propTypes.default.string
-  }),
-  setupgradeNotificationCurrentState: _propTypes.default.func
-};
-AccessExpirationDateBanner.defaultProps = {
-  timezoneFormatArgs: {},
-  setupgradeNotificationCurrentState: null
-};
-const PastExpirationDateBanner = _ref4 => {
-  let {
-    courseId,
-    accessExpirationDate,
-    timezoneFormatArgs,
-    setupgradeNotificationCurrentState
-  } = _ref4;
-  if (setupgradeNotificationCurrentState) {
-    setupgradeNotificationCurrentState('PastExpirationDate');
-    (0, _localStorage.setLocalStorage)(`upgradeNotificationCurrentState.${courseId}`, 'PastExpirationDate');
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "upsell-warning",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upgradeNotification.pastExpiration.banner",
-      defaultMessage: "Upgrade deadline passed on {date}",
-      values: {
-        date: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedDate, _objectSpread({
-          day: "numeric",
-          month: "long",
-          value: accessExpirationDate
-        }, timezoneFormatArgs), "accessExpireDate")
-      }
-    })
-  });
-};
-PastExpirationDateBanner.propTypes = {
-  courseId: _propTypes.default.string.isRequired,
-  accessExpirationDate: _propTypes.default.PropTypes.instanceOf(Date).isRequired,
-  timezoneFormatArgs: _propTypes.default.shape({
-    timeZone: _propTypes.default.string
-  }),
-  setupgradeNotificationCurrentState: _propTypes.default.func
-};
-PastExpirationDateBanner.defaultProps = {
-  timezoneFormatArgs: {},
-  setupgradeNotificationCurrentState: null
-};
-const DefaultUpgradeNotification = _ref5 => {
+const DefaultUpgradeNotification = _ref => {
   let {
     id,
     courseId,
     setNotificationCurrentState,
     toggleSidebar
-  } = _ref5;
+  } = _ref;
   const pluginLocationId = id;
+  const {
+    formatMessage
+  } = (0, _i18n.useIntl)();
   const {
     org,
     userTimezone,
@@ -290,7 +57,7 @@ const DefaultUpgradeNotification = _ref5 => {
   const correctedTime = new Date(dateNow + timeOffsetMillis);
   const accessExpirationDate = accessExpiration ? new Date(accessExpiration.expirationDate) : null;
   const pastExpirationDeadline = accessExpiration ? new Date(dateNow) > accessExpirationDate : false;
-  const shouldDisplayBorder = pluginLocationId !== 'outline_tab_notifications';
+  const shouldDisplayBorder = pluginLocationId.includes('outline');
   const upsellPageName = pluginLocationId === 'outline_tab_notifications' ? 'course_home' : 'in_course';
   const setupgradeNotificationCurrentState = setNotificationCurrentState;
   const eventProperties = {
@@ -352,69 +119,55 @@ const DefaultUpgradeNotification = _ref5 => {
       if (offer) {
         // countdown to the first purchase discount if there is one
         const hoursToDiscountExpiration = Math.floor((new Date(offer.expirationDate) - correctedTime) / 1000 / 60 / 60);
-        upgradeNotificationHeaderText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-          id: "advertisements.upgradeNotification.firstTimeLearnerDiscount",
-          defaultMessage: "{percentage}% First-Time Learner Discount",
-          values: {
-            percentage: offer.percentage
-          }
+        upgradeNotificationHeaderText = formatMessage(_messages.default.firstTimeLearnerDiscountHeader, {
+          percentage: offer.percentage
         });
-        expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpirationCountdown, {
+        expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(_generic.ExpirationCountdown, {
           courseId: courseId,
           hoursToExpiration: hoursToDiscountExpiration,
           setupgradeNotificationCurrentState: setupgradeNotificationCurrentState,
           type: "offer"
         });
       } else {
-        upgradeNotificationHeaderText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-          id: "advertisements.upgradeNotification.accessExpiration",
-          defaultMessage: "Upgrade your course today"
-        });
-        expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(AccessExpirationDateBanner, {
+        upgradeNotificationHeaderText = formatMessage(_messages.default.accessExpirationHeader);
+        expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(_generic.AccessExpirationDateBanner, {
           courseId: courseId,
           accessExpirationDate: accessExpirationDate,
           timezoneFormatArgs: timezoneFormatArgs,
           setupgradeNotificationCurrentState: setupgradeNotificationCurrentState
         });
       }
-      upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(UpsellFBEFarAwayCardContent, {});
+      upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(_generic.UpsellFarAwayCardContent, {
+        isFBE: true
+      });
     } else if (hoursToAccessExpiration < 7 * 24 && hoursToAccessExpiration >= 0) {
       // more urgent messaging if there's less than 7 days left to access expiration
-      upgradeNotificationHeaderText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-        id: "advertisements.upgradeNotification.accessExpirationUrgent",
-        defaultMessage: "Course Access Expiration"
-      });
-      expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpirationCountdown, {
+      upgradeNotificationHeaderText = formatMessage(_messages.default.accessExpirationUrgentHeader);
+      expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(_generic.ExpirationCountdown, {
         courseId: courseId,
         hoursToExpiration: hoursToAccessExpiration,
         setupgradeNotificationCurrentState: setupgradeNotificationCurrentState,
         type: "access"
       });
-      upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(UpsellFBESoonCardContent, {
+      upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(_generic.UpsellFBESoonCardContent, {
         accessExpirationDate: accessExpirationDate,
         timezoneFormatArgs: timezoneFormatArgs
       });
     } else {
       // access expiration deadline has passed
-      upgradeNotificationHeaderText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-        id: "advertisements.upgradeNotification.accessExpirationPast",
-        defaultMessage: "Course Access Expiration"
-      });
-      expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(PastExpirationDateBanner, {
+      upgradeNotificationHeaderText = formatMessage(_messages.default.accessExpirationPastHeader);
+      expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(_generic.PastExpirationDateBanner, {
         courseId: courseId,
         accessExpirationDate: accessExpirationDate,
         timezoneFormatArgs: timezoneFormatArgs,
         setupgradeNotificationCurrentState: setupgradeNotificationCurrentState
       });
-      upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(PastExpirationCardContent, {});
+      upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(_generic.PastExpirationCardContent, {});
     }
   } else {
     // FBE is turned off
-    upgradeNotificationHeaderText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-      id: "advertisements.upgradeNotification.pursueAverifiedCertificate",
-      defaultMessage: "Pursue a verified certificate"
-    });
-    upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(UpsellNoFBECardContent, {});
+    upgradeNotificationHeaderText = formatMessage(_messages.default.pursueCertificateMessage);
+    upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(_generic.UpsellFarAwayCardContent, {});
   }
   if (pastExpirationDeadline) {
     callToActionButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
@@ -422,7 +175,7 @@ const DefaultUpgradeNotification = _ref5 => {
       onClick: logClickPastExpiration,
       href: marketingUrl,
       block: true,
-      children: "View Course Details"
+      children: formatMessage(_messages.default.pastExpirationCallToActionLabel)
     });
   } else {
     callToActionButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_upgradeButton.UpgradeButton, {
@@ -436,25 +189,17 @@ const DefaultUpgradeNotification = _ref5 => {
     // if there's a first purchase discount, message the code at the bottom
     offerCode = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "text-center discount-info",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-        id: "advertisements.upgradeNotification.code",
-        defaultMessage: "Use code {code} at checkout",
-        values: {
-          code: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "font-weight-bold",
-            children: offer.code
-          })
-        }
+      children: formatMessage(_messages.default.discountCodeMessage, {
+        code: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "font-weight-bold",
+          children: offer.code
+        })
       })
     });
   }
-  const closeAltText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
-    id: "advertisements.close",
-    defaultMessage: "Close"
-  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
     className: (0, _classnames.default)('upgrade-notification small', {
-      'card mb-4': shouldDisplayBorder
+      'pgn__card pgn__card-light card mb-4 rounded': shouldDisplayBorder
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       id: "courseHome-upgradeNotification",
@@ -473,7 +218,7 @@ const DefaultUpgradeNotification = _ref5 => {
             iconAs: _paragon.Icon,
             onClick: toggleSidebar,
             className: "icon-hover",
-            alt: closeAltText
+            alt: formatMessage(_messages.default.closeAlt)
           })
         })]
       }), expirationBanner, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -496,5 +241,5 @@ DefaultUpgradeNotification.defaultProps = {
   setNotificationCurrentState: null,
   toggleSidebar: null
 };
-var _default = exports.default = (0, _i18n.injectIntl)(DefaultUpgradeNotification);
+var _default = exports.default = DefaultUpgradeNotification;
 //# sourceMappingURL=DefaultUpgradeNotification.js.map