@edx/frontend-plugin-advertisements 1.3.0 → 1.4.0

package/dist/data/__factories__/experimentalUpgradeNotificationData.factory.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _rosie = require("rosie");
+// eslint-disable-line import/no-extraneous-dependencies
+
+_rosie.Factory.define('experimentalUpgradeNotificationData').option('host', 'http://localhost:18000').option('dateBlocks', []).option('offer', null).option('userTimezone', null).option('contentTypeGatingEnabled', false).attr('courseId', 'course-v1:edX+DemoX+Demo_Course').attr('upsellPageName', 'test').attr('verifiedMode', ['host'], host => ({
+  access_expiration_date: '2050-01-01T12:00:00',
+  currency: 'USD',
+  currencySymbol: '$',
+  price: 149,
+  sku: 'ABCD1234',
+  upgradeUrl: `${host}/dashboard`
+})).attr('org', 'edX').attrs({
+  accessExpiration: {
+    expiration_date: '1950-07-13T02:04:49.040006Z'
+  }
+}).attr('timeOffsetMillis', 0);
+//# sourceMappingURL=experimentalUpgradeNotificationData.factory.js.map

package/dist/data/__factories__/experimentalUpgradeNotificationData.factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"experimentalUpgradeNotificationData.factory.js","names":["_rosie","require","Factory","define","option","attr","host","access_expiration_date","currency","currencySymbol","price","sku","upgradeUrl","attrs","accessExpiration","expiration_date"],"sources":["../../../src/data/__factories__/experimentalUpgradeNotificationData.factory.js"],"sourcesContent":["import { Factory } from 'rosie'; // eslint-disable-line import/no-extraneous-dependencies\n\nFactory.define('experimentalUpgradeNotificationData')\n  .option('host', 'http://localhost:18000')\n  .option('dateBlocks', [])\n  .option('offer', null)\n  .option('userTimezone', null)\n  .option('contentTypeGatingEnabled', false)\n  .attr('courseId', 'course-v1:edX+DemoX+Demo_Course')\n  .attr('upsellPageName', 'test')\n  .attr('verifiedMode', ['host'], (host) => ({\n    access_expiration_date: '2050-01-01T12:00:00',\n    currency: 'USD',\n    currencySymbol: '$',\n    price: 149,\n    sku: 'ABCD1234',\n    upgradeUrl: `${host}/dashboard`,\n  }))\n  .attr('org', 'edX')\n  .attrs({\n    accessExpiration: {\n      expiration_date: '1950-07-13T02:04:49.040006Z',\n    },\n  })\n  .attr('timeOffsetMillis', 0);\n"],"mappings":";;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAiC;;AAEjCC,cAAO,CAACC,MAAM,CAAC,qCAAqC,CAAC,CAClDC,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CACxCA,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,CACxBA,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,CACrBA,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC,CAC5BA,MAAM,CAAC,0BAA0B,EAAE,KAAK,CAAC,CACzCC,IAAI,CAAC,UAAU,EAAE,iCAAiC,CAAC,CACnDA,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAC9BA,IAAI,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,EAAGC,IAAI,KAAM;EACzCC,sBAAsB,EAAE,qBAAqB;EAC7CC,QAAQ,EAAE,KAAK;EACfC,cAAc,EAAE,GAAG;EACnBC,KAAK,EAAE,GAAG;EACVC,GAAG,EAAE,UAAU;EACfC,UAAU,EAAG,GAAEN,IAAK;AACtB,CAAC,CAAC,CAAC,CACFD,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAClBQ,KAAK,CAAC;EACLC,gBAAgB,EAAE;IAChBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC,CACDV,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC","ignoreList":[]}

package/dist/data/__factories__/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./experimentalUpgradeNotificationData.factory");
+//# sourceMappingURL=index.js.map

package/dist/data/__factories__/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../src/data/__factories__/index.js"],"sourcesContent":["import './experimentalUpgradeNotificationData.factory';\n"],"mappings":";;AAAAA,OAAA","ignoreList":[]}

package/dist/index.js

@@ -12,10 +12,15 @@ Object.defineProperty(exports, "DefaultLockPaywall", {
 Object.defineProperty(exports, "DefaultUpgradeNotification", {
   enumerable: true,
   get: function () {
-    return _DefaultUpgradeNotification.default;
+    return _upgradeNotification.DefaultUpgradeNotification;
   }
 });
-var _DefaultUpgradeNotification = _interopRequireDefault(require("./upgrade-notification/DefaultUpgradeNotification"));
+Object.defineProperty(exports, "ExperimentalUpgradeNotification", {
+  enumerable: true,
+  get: function () {
+    return _upgradeNotification.ExperimentalUpgradeNotification;
+  }
+});
+var _upgradeNotification = require("./upgrade-notification");
 var _paywall = require("./paywall");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_DefaultUpgradeNotification","_interopRequireDefault","require","_paywall","obj","__esModule","default"],"sources":["../src/index.jsx"],"sourcesContent":["export { default as DefaultUpgradeNotification } from './upgrade-notification/DefaultUpgradeNotification';\nexport { DefaultLockPaywall } from './paywall';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,2BAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA+C,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_upgradeNotification","require","_paywall"],"sources":["../src/index.jsx"],"sourcesContent":["export { DefaultUpgradeNotification, ExperimentalUpgradeNotification } from './upgrade-notification';\nexport { DefaultLockPaywall } from './paywall';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}

package/dist/upgrade-notification/ExperimentalUpgradeNotification.js

@@ -0,0 +1,512 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+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 _UpsellBullets = require("@src/generic/upsell-bullets/UpsellBullets");
+var _messages = _interopRequireDefault(require("@src/generic/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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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: "learning.generic.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: "learning.generic.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: "learning.generic.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: "learning.generic.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: "learning.generic.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: "learning.generic.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: "learning.generic.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: "learning.generic.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: "learning.generic.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: "learning.generic.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 ExperimentalUpgradeNotification = _ref5 => {
+  let {
+    accessExpiration,
+    contentTypeGatingEnabled,
+    marketingUrl,
+    courseId,
+    offer,
+    org,
+    setupgradeNotificationCurrentState,
+    shouldDisplayBorder,
+    timeOffsetMillis,
+    upsellPageName,
+    userTimezone,
+    verifiedMode,
+    toggleSidebar
+  } = _ref5;
+  const intl = (0, _i18n.useIntl)();
+  const dateNow = Date.now();
+  const timezoneFormatArgs = userTimezone ? {
+    timeZone: userTimezone
+  } : {};
+  const correctedTime = new Date(dateNow + timeOffsetMillis);
+  const accessExpirationDate = accessExpiration ? new Date(accessExpiration.expirationDate) : null;
+  const pastExpirationDeadline = accessExpiration ? new Date(dateNow) > accessExpirationDate : false;
+  const eventProperties = {
+    org_key: org,
+    courserun_key: courseId
+  };
+  const promotionEventProperties = _objectSpread({
+    creative: 'sidebarupsell',
+    name: 'In-Course Verification Prompt',
+    position: 'sidebar-message',
+    promotion_id: 'courseware_verified_certificate_upsell'
+  }, eventProperties);
+  (0, _react.useEffect)(() => {
+    (0, _analytics.sendTrackingLogEvent)('edx.bi.course.upgrade.sidebarupsell.displayed', eventProperties);
+    (0, _analytics.sendTrackEvent)('Promotion Viewed', promotionEventProperties);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (!verifiedMode) {
+    return null;
+  }
+  const logClick = () => {
+    (0, _analytics.sendTrackingLogEvent)('edx.bi.course.upgrade.sidebarupsell.clicked', eventProperties);
+    (0, _analytics.sendTrackingLogEvent)('edx.course.enrollment.upgrade.clicked', _objectSpread(_objectSpread({}, eventProperties), {}, {
+      location: 'sidebar-message'
+    }));
+    (0, _analytics.sendTrackEvent)('Promotion Clicked', promotionEventProperties);
+    (0, _analytics.sendTrackEvent)('edx.bi.ecommerce.upsell_links_clicked', _objectSpread(_objectSpread({}, eventProperties), {}, {
+      linkCategory: 'green_upgrade',
+      linkName: `${upsellPageName}_green`,
+      linkType: 'button',
+      pageName: upsellPageName
+    }));
+  };
+  const logClickPastExpiration = () => {
+    (0, _analytics.sendTrackEvent)('edx.bi.ecommerce.upgrade_notification.past_expiration.button_clicked', _objectSpread(_objectSpread({}, eventProperties), {}, {
+      linkCategory: 'upgrade_notification',
+      linkName: `${upsellPageName}_course_details`,
+      linkType: 'button',
+      pageName: upsellPageName
+    }));
+  };
+
+  /*
+  There are 5 parts that change in the upgrade card:
+    upgradeNotificationHeaderText
+    expirationBanner
+    upsellMessage
+    callToActionButton
+    offerCode
+  */
+  let upgradeNotificationHeaderText;
+  let expirationBanner;
+  let upsellMessage;
+  let callToActionButton;
+  let offerCode;
+  if (!!accessExpiration && !!contentTypeGatingEnabled) {
+    const hoursToAccessExpiration = Math.floor((accessExpirationDate - correctedTime) / 1000 / 60 / 60);
+    if (hoursToAccessExpiration >= 7 * 24) {
+      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: "learning.generic.upgradeNotification.firstTimeLearnerDiscount",
+          defaultMessage: "{percentage}% First-Time Learner Discount",
+          values: {
+            percentage: offer.percentage
+          }
+        });
+        expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpirationCountdown, {
+          courseId: courseId,
+          hoursToExpiration: hoursToDiscountExpiration,
+          setupgradeNotificationCurrentState: setupgradeNotificationCurrentState,
+          type: "offer"
+        });
+      } else {
+        upgradeNotificationHeaderText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
+          id: "learning.generic.upgradeNotification.accessExpiration",
+          defaultMessage: "Upgrade your course today"
+        });
+        expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(AccessExpirationDateBanner, {
+          courseId: courseId,
+          accessExpirationDate: accessExpirationDate,
+          timezoneFormatArgs: timezoneFormatArgs,
+          setupgradeNotificationCurrentState: setupgradeNotificationCurrentState
+        });
+      }
+      upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(UpsellFBEFarAwayCardContent, {});
+    } 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: "learning.generic.upgradeNotification.accessExpirationUrgent",
+        defaultMessage: "Course Access Expiration"
+      });
+      expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(ExpirationCountdown, {
+        courseId: courseId,
+        hoursToExpiration: hoursToAccessExpiration,
+        setupgradeNotificationCurrentState: setupgradeNotificationCurrentState,
+        type: "access"
+      });
+      upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(UpsellFBESoonCardContent, {
+        accessExpirationDate: accessExpirationDate,
+        timezoneFormatArgs: timezoneFormatArgs
+      });
+    } else {
+      // access expiration deadline has passed
+      upgradeNotificationHeaderText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
+        id: "learning.generic.upgradeNotification.accessExpirationPast",
+        defaultMessage: "Course Access Expiration"
+      });
+      expirationBanner = /*#__PURE__*/(0, _jsxRuntime.jsx)(PastExpirationDateBanner, {
+        courseId: courseId,
+        accessExpirationDate: accessExpirationDate,
+        timezoneFormatArgs: timezoneFormatArgs,
+        setupgradeNotificationCurrentState: setupgradeNotificationCurrentState
+      });
+      upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(PastExpirationCardContent, {});
+    }
+  } else {
+    // FBE is turned off
+    upgradeNotificationHeaderText = /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.FormattedMessage, {
+      id: "learning.generic.upgradeNotification.pursueAverifiedCertificate",
+      defaultMessage: "Pursue a verified certificate"
+    });
+    upsellMessage = /*#__PURE__*/(0, _jsxRuntime.jsx)(UpsellNoFBECardContent, {});
+  }
+  if (pastExpirationDeadline) {
+    callToActionButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
+      variant: "primary",
+      onClick: logClickPastExpiration,
+      href: marketingUrl,
+      block: true,
+      children: "View Course Details"
+    });
+  } else {
+    callToActionButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_upgradeButton.UpgradeButton, {
+      offer: offer,
+      onClick: logClick,
+      verifiedMode: verifiedMode,
+      block: true
+    });
+  }
+  if (offer) {
+    // 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: "learning.generic.upgradeNotification.code",
+        defaultMessage: "Use code {code} at checkout",
+        values: {
+          code: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "font-weight-bold",
+            children: offer.code
+          })
+        }
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
+    className: (0, _classnames.default)('upgrade-notification small', {
+      'card mb-4': shouldDisplayBorder
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      id: "courseHome-upgradeNotification",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
+        className: (0, _classnames.default)('h5 upgrade-notification-header', {
+          'd-flex align-items-center mr-2 ml-4 my-1.5 font-size-18': !!toggleSidebar
+        }),
+        id: "outline-sidebar-upgrade-header",
+        children: [upgradeNotificationHeaderText, !!toggleSidebar && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "d-inline-flex ml-auto",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.IconButton, {
+            src: _icons.Close,
+            size: "sm",
+            iconAs: _paragon.Icon,
+            onClick: toggleSidebar,
+            className: "icon-hover",
+            alt: intl.formatMessage(_messages.default.close)
+          })
+        })]
+      }), expirationBanner, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "upgrade-notification-message",
+        children: upsellMessage
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "upgrade-notification-button",
+        children: callToActionButton
+      }), offerCode]
+    })
+  });
+};
+ExperimentalUpgradeNotification.propTypes = {
+  courseId: _propTypes.default.string.isRequired,
+  org: _propTypes.default.string.isRequired,
+  accessExpiration: _propTypes.default.shape({
+    expirationDate: _propTypes.default.string
+  }),
+  contentTypeGatingEnabled: _propTypes.default.bool,
+  marketingUrl: _propTypes.default.string,
+  offer: _propTypes.default.shape({
+    expirationDate: _propTypes.default.string,
+    percentage: _propTypes.default.number,
+    code: _propTypes.default.string
+  }),
+  toggleSidebar: _propTypes.default.func,
+  shouldDisplayBorder: _propTypes.default.bool,
+  setupgradeNotificationCurrentState: _propTypes.default.func,
+  timeOffsetMillis: _propTypes.default.number,
+  upsellPageName: _propTypes.default.string.isRequired,
+  userTimezone: _propTypes.default.string,
+  verifiedMode: _propTypes.default.shape({
+    currencySymbol: _propTypes.default.string.isRequired,
+    price: _propTypes.default.number.isRequired,
+    upgradeUrl: _propTypes.default.string.isRequired
+  })
+};
+ExperimentalUpgradeNotification.defaultProps = {
+  accessExpiration: null,
+  contentTypeGatingEnabled: false,
+  marketingUrl: null,
+  offer: null,
+  setupgradeNotificationCurrentState: null,
+  shouldDisplayBorder: null,
+  timeOffsetMillis: 0,
+  userTimezone: null,
+  verifiedMode: null,
+  toggleSidebar: null
+};
+var _default = exports.default = (0, _i18n.injectIntl)(ExperimentalUpgradeNotification);
+//# sourceMappingURL=ExperimentalUpgradeNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExperimentalUpgradeNotification.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_analytics","_paragon","_icons","_localStorage","_upgradeButton","_UpsellBullets","_messages","_jsxRuntime","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","key","value","_toPropertyKey","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","UpsellNoFBECardContent","jsxs","className","children","jsx","VerifiedCertBullet","SupportMissionBullet","UpsellFBEFarAwayCardContent","UnlockGradedBullet","FullAccessBullet","UpsellFBESoonCardContent","_ref","accessExpirationDate","timezoneFormatArgs","includingAnyProgress","FormattedMessage","id","defaultMessage","date","FormattedDate","day","month","Date","benefitsOfUpgrading","rel","target","href","values","propTypes","PropTypes","instanceOf","isRequired","shape","timeZone","string","defaultProps","PastExpirationCardContent","ExpirationCountdown","_ref2","courseId","hoursToExpiration","setupgradeNotificationCurrentState","type","expirationText","setLocalStorage","dayCount","Math","floor","hourCount","number","func","AccessExpirationDateBanner","_ref3","PastExpirationDateBanner","_ref4","ExperimentalUpgradeNotification","_ref5","accessExpiration","contentTypeGatingEnabled","marketingUrl","offer","org","shouldDisplayBorder","timeOffsetMillis","upsellPageName","userTimezone","verifiedMode","toggleSidebar","intl","useIntl","dateNow","now","correctedTime","expirationDate","pastExpirationDeadline","eventProperties","org_key","courserun_key","promotionEventProperties","creative","name","position","promotion_id","useEffect","sendTrackingLogEvent","sendTrackEvent","logClick","location","linkCategory","linkName","linkType","pageName","logClickPastExpiration","upgradeNotificationHeaderText","expirationBanner","upsellMessage","callToActionButton","offerCode","hoursToAccessExpiration","hoursToDiscountExpiration","percentage","Button","variant","onClick","block","UpgradeButton","code","classNames","IconButton","src","Close","size","iconAs","Icon","alt","formatMessage","messages","close","bool","currencySymbol","price","upgradeUrl","_default","exports","injectIntl"],"sources":["../../src/upgrade-notification/ExperimentalUpgradeNotification.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport {\n  useIntl, FormattedDate, FormattedMessage, injectIntl,\n} from '@edx/frontend-platform/i18n';\nimport { sendTrackEvent, sendTrackingLogEvent } from '@edx/frontend-platform/analytics';\nimport { Button, Icon, IconButton } from '@openedx/paragon';\nimport { Close } from '@openedx/paragon/icons';\n\nimport { setLocalStorage } from '@src/data/localStorage';\nimport { UpgradeButton } from '@src/generic/upgrade-button';\nimport {\n  VerifiedCertBullet,\n  UnlockGradedBullet,\n  FullAccessBullet,\n  SupportMissionBullet,\n} from '@src/generic/upsell-bullets/UpsellBullets';\nimport messages from '@src/generic/messages';\n\nconst UpsellNoFBECardContent = () => (\n  <ul className=\"fa-ul upgrade-notification-ul pt-0\">\n    <VerifiedCertBullet />\n    <SupportMissionBullet />\n  </ul>\n);\n\nconst UpsellFBEFarAwayCardContent = () => (\n  <ul className=\"fa-ul upgrade-notification-ul\">\n    <VerifiedCertBullet />\n    <UnlockGradedBullet />\n    <FullAccessBullet />\n    <SupportMissionBullet />\n  </ul>\n);\n\nconst UpsellFBESoonCardContent = ({ accessExpirationDate, timezoneFormatArgs }) => {\n  const includingAnyProgress = (\n    <span className=\"font-weight-bold\">\n      <FormattedMessage\n        id=\"learning.generic.upgradeNotification.expirationAccessLoss.progress\"\n        defaultMessage=\"including any progress\"\n      />\n    </span>\n  );\n\n  const date = (\n    <FormattedDate\n      key=\"accessDate\"\n      day=\"numeric\"\n      month=\"long\"\n      value={new Date(accessExpirationDate)}\n      {...timezoneFormatArgs}\n    />\n  );\n\n  const benefitsOfUpgrading = (\n    <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-\">\n      <FormattedMessage\n        id=\"learning.generic.upgradeNotification.expirationVerifiedCert.benefits\"\n        defaultMessage=\"benefits of upgrading\"\n      />\n    </a>\n  );\n\n  return (\n    <div className=\"upgrade-notification-text\">\n      <p>\n        <FormattedMessage\n          id=\"learning.generic.upgradeNotification.expirationAccessLoss\"\n          defaultMessage=\"You will lose all access to this course, {includingAnyProgress}, on {date}.\"\n          values={{\n            includingAnyProgress,\n            date,\n          }}\n        />\n      </p>\n      <p>\n        <FormattedMessage\n          id=\"learning.generic.upgradeNotification.expirationVerifiedCert\"\n          defaultMessage=\"Upgrading your course enables you to pursue a verified certificate and unlocks numerous features. Learn more about the {benefitsOfUpgrading}.\"\n          values={{ benefitsOfUpgrading }}\n        />\n      </p>\n    </div>\n  );\n};\n\nUpsellFBESoonCardContent.propTypes = {\n  accessExpirationDate: PropTypes.PropTypes.instanceOf(Date).isRequired,\n  timezoneFormatArgs: PropTypes.shape({\n    timeZone: PropTypes.string,\n  }),\n};\n\nUpsellFBESoonCardContent.defaultProps = {\n  timezoneFormatArgs: {},\n};\n\nconst PastExpirationCardContent = () => (\n  <div className=\"upgrade-notification-text\">\n    <p>\n      <FormattedMessage\n        id=\"learning.generic.upgradeNotification.pastExpiration.content\"\n        defaultMessage=\"The upgrade deadline for this course passed. To upgrade, enroll in the next available session.\"\n      />\n    </p>\n  </div>\n);\n\nconst ExpirationCountdown = ({\n  courseId, hoursToExpiration, setupgradeNotificationCurrentState, type,\n}) => {\n  let expirationText;\n  if (hoursToExpiration >= 24) { // More than 1 day left\n    // setupgradeNotificationCurrentState is available in NotificationTray (not course home)\n    if (setupgradeNotificationCurrentState) {\n      if (type === 'access') {\n        setupgradeNotificationCurrentState('accessDaysLeft');\n        setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'accessDaysLeft');\n      }\n      if (type === 'offer') {\n        setupgradeNotificationCurrentState('FPDdaysLeft');\n        setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'FPDdaysLeft');\n      }\n    }\n    expirationText = (\n      <FormattedMessage\n        id=\"learning.generic.upgradeNotification.expirationDays\"\n        defaultMessage={`{dayCount, number} {dayCount, plural,\n          one {day}\n          other {days}} left`}\n        values={{\n          dayCount: (Math.floor(hoursToExpiration / 24)),\n        }}\n      />\n    );\n  } else if (hoursToExpiration >= 1) { // More than 1 hour left\n    // setupgradeNotificationCurrentState is available in NotificationTray (not course home)\n    if (setupgradeNotificationCurrentState) {\n      if (type === 'access') {\n        setupgradeNotificationCurrentState('accessHoursLeft');\n        setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'accessHoursLeft');\n      }\n      if (type === 'offer') {\n        setupgradeNotificationCurrentState('FPDHoursLeft');\n        setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'FPDHoursLeft');\n      }\n    }\n    expirationText = (\n      <FormattedMessage\n        id=\"learning.generic.upgradeNotification.expirationHours\"\n        defaultMessage={`{hourCount, number} {hourCount, plural,\n          one {hour}\n          other {hours}} left`}\n        values={{\n          hourCount: (hoursToExpiration),\n        }}\n      />\n    );\n  } else { // Less than 1 hour\n    // setupgradeNotificationCurrentState is available in NotificationTray (not course home)\n    if (setupgradeNotificationCurrentState) {\n      if (type === 'access') {\n        setupgradeNotificationCurrentState('accessLastHour');\n        setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'accessLastHour');\n      }\n      if (type === 'offer') {\n        setupgradeNotificationCurrentState('FPDLastHour');\n        setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'FPDLastHour');\n      }\n    }\n    expirationText = (\n      <FormattedMessage\n        id=\"learning.generic.upgradeNotification.expirationMinutes\"\n        defaultMessage=\"Less than 1 hour left\"\n      />\n    );\n  }\n  return (<div className=\"upsell-warning\">{expirationText}</div>);\n};\n\nExpirationCountdown.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  hoursToExpiration: PropTypes.number.isRequired,\n  setupgradeNotificationCurrentState: PropTypes.func,\n  type: PropTypes.string,\n};\nExpirationCountdown.defaultProps = {\n  setupgradeNotificationCurrentState: null,\n  type: null,\n};\n\nconst AccessExpirationDateBanner = ({\n  courseId, accessExpirationDate, timezoneFormatArgs, setupgradeNotificationCurrentState,\n}) => {\n  if (setupgradeNotificationCurrentState) {\n    setupgradeNotificationCurrentState('accessDateView');\n    setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'accessDateView');\n  }\n  return (\n    <div className=\"upsell-warning-light\">\n      <FormattedMessage\n        id=\"learning.generic.upgradeNotification.expiration\"\n        defaultMessage=\"Course access will expire {date}\"\n        values={{\n          date: (\n            <FormattedDate\n              key=\"accessExpireDate\"\n              day=\"numeric\"\n              month=\"long\"\n              value={accessExpirationDate}\n              {...timezoneFormatArgs}\n            />\n          ),\n        }}\n      />\n    </div>\n  );\n};\n\nAccessExpirationDateBanner.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  accessExpirationDate: PropTypes.PropTypes.instanceOf(Date).isRequired,\n  timezoneFormatArgs: PropTypes.shape({\n    timeZone: PropTypes.string,\n  }),\n  setupgradeNotificationCurrentState: PropTypes.func,\n};\n\nAccessExpirationDateBanner.defaultProps = {\n  timezoneFormatArgs: {},\n  setupgradeNotificationCurrentState: null,\n};\n\nconst PastExpirationDateBanner = ({\n  courseId, accessExpirationDate, timezoneFormatArgs, setupgradeNotificationCurrentState,\n}) => {\n  if (setupgradeNotificationCurrentState) {\n    setupgradeNotificationCurrentState('PastExpirationDate');\n    setLocalStorage(`upgradeNotificationCurrentState.${courseId}`, 'PastExpirationDate');\n  }\n  return (\n    <div className=\"upsell-warning\">\n      <FormattedMessage\n        id=\"learning.generic.upgradeNotification.pastExpiration.banner\"\n        defaultMessage=\"Upgrade deadline passed on {date}\"\n        values={{\n          date: (\n            <FormattedDate\n              key=\"accessExpireDate\"\n              day=\"numeric\"\n              month=\"long\"\n              value={accessExpirationDate}\n              {...timezoneFormatArgs}\n            />\n          ),\n        }}\n      />\n    </div>\n  );\n};\n\nPastExpirationDateBanner.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  accessExpirationDate: PropTypes.PropTypes.instanceOf(Date).isRequired,\n  timezoneFormatArgs: PropTypes.shape({\n    timeZone: PropTypes.string,\n  }),\n  setupgradeNotificationCurrentState: PropTypes.func,\n};\n\nPastExpirationDateBanner.defaultProps = {\n  timezoneFormatArgs: {},\n  setupgradeNotificationCurrentState: null,\n};\n\nconst ExperimentalUpgradeNotification = ({\n  accessExpiration,\n  contentTypeGatingEnabled,\n  marketingUrl,\n  courseId,\n  offer,\n  org,\n  setupgradeNotificationCurrentState,\n  shouldDisplayBorder,\n  timeOffsetMillis,\n  upsellPageName,\n  userTimezone,\n  verifiedMode,\n  toggleSidebar,\n}) => {\n  const intl = useIntl();\n  const dateNow = Date.now();\n  const timezoneFormatArgs = userTimezone ? { timeZone: userTimezone } : {};\n  const correctedTime = new Date(dateNow + timeOffsetMillis);\n  const accessExpirationDate = accessExpiration ? new Date(accessExpiration.expirationDate) : null;\n  const pastExpirationDeadline = accessExpiration ? new Date(dateNow) > accessExpirationDate : false;\n\n  const eventProperties = {\n    org_key: org,\n    courserun_key: courseId,\n  };\n\n  const promotionEventProperties = {\n    creative: 'sidebarupsell',\n    name: 'In-Course Verification Prompt',\n    position: 'sidebar-message',\n    promotion_id: 'courseware_verified_certificate_upsell',\n    ...eventProperties,\n  };\n\n  useEffect(() => {\n    sendTrackingLogEvent('edx.bi.course.upgrade.sidebarupsell.displayed', eventProperties);\n    sendTrackEvent('Promotion Viewed', promotionEventProperties);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (!verifiedMode) {\n    return null;\n  }\n\n  const logClick = () => {\n    sendTrackingLogEvent('edx.bi.course.upgrade.sidebarupsell.clicked', eventProperties);\n    sendTrackingLogEvent('edx.course.enrollment.upgrade.clicked', {\n      ...eventProperties,\n      location: 'sidebar-message',\n    });\n    sendTrackEvent('Promotion Clicked', promotionEventProperties);\n    sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n      ...eventProperties,\n      linkCategory: 'green_upgrade',\n      linkName: `${upsellPageName}_green`,\n      linkType: 'button',\n      pageName: upsellPageName,\n    });\n  };\n\n  const logClickPastExpiration = () => {\n    sendTrackEvent('edx.bi.ecommerce.upgrade_notification.past_expiration.button_clicked', {\n      ...eventProperties,\n      linkCategory: 'upgrade_notification',\n      linkName: `${upsellPageName}_course_details`,\n      linkType: 'button',\n      pageName: upsellPageName,\n    });\n  };\n\n  /*\n  There are 5 parts that change in the upgrade card:\n    upgradeNotificationHeaderText\n    expirationBanner\n    upsellMessage\n    callToActionButton\n    offerCode\n  */\n  let upgradeNotificationHeaderText;\n  let expirationBanner;\n  let upsellMessage;\n  let callToActionButton;\n  let offerCode;\n\n  if (!!accessExpiration && !!contentTypeGatingEnabled) {\n    const hoursToAccessExpiration = Math.floor((accessExpirationDate - correctedTime) / 1000 / 60 / 60);\n\n    if (hoursToAccessExpiration >= (7 * 24)) {\n      if (offer) { // countdown to the first purchase discount if there is one\n        const hoursToDiscountExpiration = Math.floor((new Date(offer.expirationDate) - correctedTime) / 1000 / 60 / 60);\n        upgradeNotificationHeaderText = (\n          <FormattedMessage\n            id=\"learning.generic.upgradeNotification.firstTimeLearnerDiscount\"\n            defaultMessage=\"{percentage}% First-Time Learner Discount\"\n            values={{\n              percentage: (offer.percentage),\n            }}\n          />\n        );\n        expirationBanner = (\n          <ExpirationCountdown\n            courseId={courseId}\n            hoursToExpiration={hoursToDiscountExpiration}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n            type=\"offer\"\n          />\n        );\n      } else {\n        upgradeNotificationHeaderText = (\n          <FormattedMessage\n            id=\"learning.generic.upgradeNotification.accessExpiration\"\n            defaultMessage=\"Upgrade your course today\"\n          />\n        );\n        expirationBanner = (\n          <AccessExpirationDateBanner\n            courseId={courseId}\n            accessExpirationDate={accessExpirationDate}\n            timezoneFormatArgs={timezoneFormatArgs}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          />\n        );\n      }\n      upsellMessage = <UpsellFBEFarAwayCardContent />;\n    } else if (hoursToAccessExpiration < (7 * 24) && hoursToAccessExpiration >= 0) {\n      // more urgent messaging if there's less than 7 days left to access expiration\n      upgradeNotificationHeaderText = (\n        <FormattedMessage\n          id=\"learning.generic.upgradeNotification.accessExpirationUrgent\"\n          defaultMessage=\"Course Access Expiration\"\n        />\n      );\n      expirationBanner = (\n        <ExpirationCountdown\n          courseId={courseId}\n          hoursToExpiration={hoursToAccessExpiration}\n          setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          type=\"access\"\n        />\n      );\n      upsellMessage = (\n        <UpsellFBESoonCardContent\n          accessExpirationDate={accessExpirationDate}\n          timezoneFormatArgs={timezoneFormatArgs}\n        />\n      );\n    } else { // access expiration deadline has passed\n      upgradeNotificationHeaderText = (\n        <FormattedMessage\n          id=\"learning.generic.upgradeNotification.accessExpirationPast\"\n          defaultMessage=\"Course Access Expiration\"\n        />\n      );\n      expirationBanner = (\n        <PastExpirationDateBanner\n          courseId={courseId}\n          accessExpirationDate={accessExpirationDate}\n          timezoneFormatArgs={timezoneFormatArgs}\n          setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n        />\n      );\n      upsellMessage = (\n        <PastExpirationCardContent />\n      );\n    }\n  } else { // FBE is turned off\n    upgradeNotificationHeaderText = (\n      <FormattedMessage\n        id=\"learning.generic.upgradeNotification.pursueAverifiedCertificate\"\n        defaultMessage=\"Pursue a verified certificate\"\n      />\n    );\n    upsellMessage = (<UpsellNoFBECardContent />);\n  }\n\n  if (pastExpirationDeadline) {\n    callToActionButton = (\n      <Button\n        variant=\"primary\"\n        onClick={logClickPastExpiration}\n        href={marketingUrl}\n        block\n      >\n        View Course Details\n      </Button>\n    );\n  } else {\n    callToActionButton = (\n      <UpgradeButton\n        offer={offer}\n        onClick={logClick}\n        verifiedMode={verifiedMode}\n        block\n      />\n    );\n  }\n\n  if (offer) { // if there's a first purchase discount, message the code at the bottom\n    offerCode = (\n      <div className=\"text-center discount-info\">\n        <FormattedMessage\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  }\n\n  return (\n    <section className={classNames('upgrade-notification small', { 'card mb-4': shouldDisplayBorder })}>\n      <div id=\"courseHome-upgradeNotification\">\n        <h2\n          className={classNames('h5 upgrade-notification-header', {\n            'd-flex align-items-center mr-2 ml-4 my-1.5 font-size-18': !!toggleSidebar,\n          })}\n          id=\"outline-sidebar-upgrade-header\"\n        >\n          {upgradeNotificationHeaderText}\n          {!!toggleSidebar && (\n            <div className=\"d-inline-flex ml-auto\">\n              <IconButton\n                src={Close}\n                size=\"sm\"\n                iconAs={Icon}\n                onClick={toggleSidebar}\n                className=\"icon-hover\"\n                alt={intl.formatMessage(messages.close)}\n              />\n            </div>\n          )}\n        </h2>\n        {expirationBanner}\n        <div className=\"upgrade-notification-message\">\n          {upsellMessage}\n        </div>\n        <div className=\"upgrade-notification-button\">\n          {callToActionButton}\n        </div>\n        {offerCode}\n      </div>\n    </section>\n  );\n};\n\nExperimentalUpgradeNotification.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  org: PropTypes.string.isRequired,\n  accessExpiration: PropTypes.shape({\n    expirationDate: PropTypes.string,\n  }),\n  contentTypeGatingEnabled: PropTypes.bool,\n  marketingUrl: PropTypes.string,\n  offer: PropTypes.shape({\n    expirationDate: PropTypes.string,\n    percentage: PropTypes.number,\n    code: PropTypes.string,\n  }),\n  toggleSidebar: PropTypes.func,\n  shouldDisplayBorder: PropTypes.bool,\n  setupgradeNotificationCurrentState: PropTypes.func,\n  timeOffsetMillis: PropTypes.number,\n  upsellPageName: PropTypes.string.isRequired,\n  userTimezone: PropTypes.string,\n  verifiedMode: PropTypes.shape({\n    currencySymbol: PropTypes.string.isRequired,\n    price: PropTypes.number.isRequired,\n    upgradeUrl: PropTypes.string.isRequired,\n  }),\n};\n\nExperimentalUpgradeNotification.defaultProps = {\n  accessExpiration: null,\n  contentTypeGatingEnabled: false,\n  marketingUrl: null,\n  offer: null,\n  setupgradeNotificationCurrentState: null,\n  shouldDisplayBorder: null,\n  timeOffsetMillis: 0,\n  userTimezone: null,\n  verifiedMode: null,\n  toggleSidebar: null,\n};\n\nexport default injectIntl(ExperimentalUpgradeNotification);\n"],"mappings":"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","ignoreList":[]}

package/dist/upgrade-notification/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefaultUpgradeNotification", {
+  enumerable: true,
+  get: function () {
+    return _DefaultUpgradeNotification.default;
+  }
+});
+Object.defineProperty(exports, "ExperimentalUpgradeNotification", {
+  enumerable: true,
+  get: function () {
+    return _ExperimentalUpgradeNotification.default;
+  }
+});
+var _DefaultUpgradeNotification = _interopRequireDefault(require("./DefaultUpgradeNotification"));
+var _ExperimentalUpgradeNotification = _interopRequireDefault(require("./ExperimentalUpgradeNotification"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_DefaultUpgradeNotification","_interopRequireDefault","require","_ExperimentalUpgradeNotification","obj","__esModule","default"],"sources":["../../src/upgrade-notification/index.jsx"],"sourcesContent":["export { default as DefaultUpgradeNotification } from './DefaultUpgradeNotification';\nexport { default as ExperimentalUpgradeNotification } from './ExperimentalUpgradeNotification';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,2BAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gCAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA+F,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-plugin-advertisements",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Frontend plugin for edX in course advertisements",
   "repository": {
     "type": "git",
@@ -49,7 +49,8 @@
     "glob": "7.2.3",
     "husky": "7.0.4",
     "jest": "29.7.0",
-    "semantic-release": "^21.0.7"
+    "semantic-release": "^21.0.7",
+    "rosie": "2.1.1"
   },
   "peerDependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",