@edx/frontend-plugin-advertisements 1.27.2 → 1.27.4

package/dist/upgrade-notification/DefaultUpgradeNotification.js

@@ -29,6 +29,7 @@ const DefaultUpgradeNotification = _ref => {
   let {
     id,
     courseId,
+    model,
     setNotificationCurrentState,
     toggleSidebar
   } = _ref;
@@ -44,12 +45,18 @@ const DefaultUpgradeNotification = _ref => {
   const {
     marketingUrl
   } = (0, _modelStore.useModel)('coursewareMeta', courseId);
+
+  /**
+   * model prop is use to select relevant model to get offer which is passed from the frontend-app-learning app.
+   * for OutlineTab component use outline model and
+   * for NotificationTray component use coursewareMeta model to show offer code.
+   */
   const {
     accessExpiration,
     datesBannerInfo,
     offer,
     timeOffsetMillis
-  } = (0, _modelStore.useModel)('outline', courseId);
+  } = (0, _modelStore.useModel)(model, courseId);
   const dateNow = Date.now();
   const timezoneFormatArgs = userTimezone ? {
     timeZone: userTimezone
@@ -234,12 +241,14 @@ const DefaultUpgradeNotification = _ref => {
 DefaultUpgradeNotification.propTypes = {
   id: _propTypes.default.string.isRequired,
   courseId: _propTypes.default.string.isRequired,
+  model: _propTypes.default.string,
   setNotificationCurrentState: _propTypes.default.func,
   toggleSidebar: _propTypes.default.func
 };
 DefaultUpgradeNotification.defaultProps = {
   setNotificationCurrentState: null,
-  toggleSidebar: null
+  toggleSidebar: null,
+  model: 'outline'
 };
 var _default = exports.default = DefaultUpgradeNotification;
 //# sourceMappingURL=DefaultUpgradeNotification.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultUpgradeNotification.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_analytics","_paragon","_icons","_upgradeButton","_modelStore","_certificatePreview","_generic","_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","DefaultUpgradeNotification","_ref","id","courseId","setNotificationCurrentState","toggleSidebar","pluginLocationId","formatMessage","useIntl","org","userTimezone","verifiedMode","useModel","marketingUrl","accessExpiration","datesBannerInfo","offer","timeOffsetMillis","dateNow","Date","now","timezoneFormatArgs","timeZone","correctedTime","accessExpirationDate","expirationDate","pastExpirationDeadline","shouldDisplayBorder","includes","upsellPageName","setupgradeNotificationCurrentState","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","contentTypeGatingEnabled","hoursToAccessExpiration","Math","floor","hoursToDiscountExpiration","messages","firstTimeLearnerDiscountHeader","percentage","jsx","ExpirationCountdown","hoursToExpiration","type","accessExpirationHeader","AccessExpirationDateBanner","UpsellFarAwayCardContent","isFBE","accessExpirationUrgentHeader","UpsellFBESoonCardContent","accessExpirationPastHeader","PastExpirationDateBanner","PastExpirationCardContent","pursueCertificateMessage","Button","variant","onClick","href","block","children","pastExpirationCallToActionLabel","UpgradeButton","className","discountCodeMessage","code","classNames","jsxs","IconButton","src","Close","size","iconAs","Icon","alt","closeAlt","propTypes","PropTypes","string","isRequired","func","defaultProps","_default","exports"],"sources":["../../src/upgrade-notification/DefaultUpgradeNotification.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useIntl } 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';\nimport { UpgradeButton } from '@src/generic/upgrade-button';\nimport { useModel } from '@src/generic/model-store';\n\nimport CertificatePreview from './certificate-preview';\nimport {\n  ExpirationCountdown,\n  AccessExpirationDateBanner,\n  PastExpirationCardContent,\n  PastExpirationDateBanner,\n  UpsellFarAwayCardContent,\n  UpsellFBESoonCardContent,\n} from './generic';\nimport messages from './messages';\n\nconst DefaultUpgradeNotification = ({\n  id,\n  courseId,\n  setNotificationCurrentState,\n  toggleSidebar,\n}) => {\n  const pluginLocationId = id;\n  const { formatMessage } = useIntl();\n  const {\n    org,\n    userTimezone,\n    verifiedMode,\n  } = useModel('courseHomeMeta', courseId);\n\n  const {\n    marketingUrl,\n  } = useModel('coursewareMeta', courseId);\n\n  const {\n    accessExpiration,\n    datesBannerInfo,\n    offer,\n    timeOffsetMillis,\n  } = useModel('outline', courseId);\n\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  const shouldDisplayBorder = pluginLocationId.includes('outline');\n  const upsellPageName = pluginLocationId === 'outline_tab_notifications' ? 'course_home' : 'in_course';\n  const setupgradeNotificationCurrentState = setNotificationCurrentState;\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 && !!datesBannerInfo?.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 = formatMessage(\n          messages.firstTimeLearnerDiscountHeader,\n          { percentage: (offer.percentage) },\n        );\n        expirationBanner = (\n          <ExpirationCountdown\n            courseId={courseId}\n            hoursToExpiration={hoursToDiscountExpiration}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n            type=\"offer\"\n          />\n        );\n      } else {\n        upgradeNotificationHeaderText = formatMessage(messages.accessExpirationHeader);\n        expirationBanner = (\n          <AccessExpirationDateBanner\n            courseId={courseId}\n            accessExpirationDate={accessExpirationDate}\n            timezoneFormatArgs={timezoneFormatArgs}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          />\n        );\n      }\n      upsellMessage = <UpsellFarAwayCardContent isFBE />;\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 = formatMessage(messages.accessExpirationUrgentHeader);\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 = formatMessage(messages.accessExpirationPastHeader);\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 = formatMessage(messages.pursueCertificateMessage);\n    upsellMessage = (<UpsellFarAwayCardContent />);\n  }\n\n  if (pastExpirationDeadline) {\n    callToActionButton = (\n      <Button\n        variant=\"primary\"\n        onClick={logClickPastExpiration}\n        href={marketingUrl}\n        block\n      >\n        {formatMessage(messages.pastExpirationCallToActionLabel)}\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        {formatMessage(\n          messages.discountCodeMessage,\n          {\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', { 'pgn__card pgn__card-light card mb-4 rounded': shouldDisplayBorder })}>\n      <div id=\"courseHome-upgradeNotification\">\n        <CertificatePreview courseId={courseId} />\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={formatMessage(messages.closeAlt)}\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\nDefaultUpgradeNotification.propTypes = {\n  id: PropTypes.string.isRequired,\n  courseId: PropTypes.string.isRequired,\n  setNotificationCurrentState: PropTypes.func,\n  toggleSidebar: PropTypes.func,\n};\n\nDefaultUpgradeNotification.defaultProps = {\n  setNotificationCurrentState: null,\n  toggleSidebar: null,\n};\n\nexport default DefaultUpgradeNotification;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DefaultUpgradeNotification.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_analytics","_paragon","_icons","_upgradeButton","_modelStore","_certificatePreview","_generic","_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","DefaultUpgradeNotification","_ref","id","courseId","model","setNotificationCurrentState","toggleSidebar","pluginLocationId","formatMessage","useIntl","org","userTimezone","verifiedMode","useModel","marketingUrl","accessExpiration","datesBannerInfo","offer","timeOffsetMillis","dateNow","Date","now","timezoneFormatArgs","timeZone","correctedTime","accessExpirationDate","expirationDate","pastExpirationDeadline","shouldDisplayBorder","includes","upsellPageName","setupgradeNotificationCurrentState","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","contentTypeGatingEnabled","hoursToAccessExpiration","Math","floor","hoursToDiscountExpiration","messages","firstTimeLearnerDiscountHeader","percentage","jsx","ExpirationCountdown","hoursToExpiration","type","accessExpirationHeader","AccessExpirationDateBanner","UpsellFarAwayCardContent","isFBE","accessExpirationUrgentHeader","UpsellFBESoonCardContent","accessExpirationPastHeader","PastExpirationDateBanner","PastExpirationCardContent","pursueCertificateMessage","Button","variant","onClick","href","block","children","pastExpirationCallToActionLabel","UpgradeButton","className","discountCodeMessage","code","classNames","jsxs","IconButton","src","Close","size","iconAs","Icon","alt","closeAlt","propTypes","PropTypes","string","isRequired","func","defaultProps","_default","exports"],"sources":["../../src/upgrade-notification/DefaultUpgradeNotification.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useIntl } 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';\nimport { UpgradeButton } from '@src/generic/upgrade-button';\nimport { useModel } from '@src/generic/model-store';\n\nimport CertificatePreview from './certificate-preview';\nimport {\n  ExpirationCountdown,\n  AccessExpirationDateBanner,\n  PastExpirationCardContent,\n  PastExpirationDateBanner,\n  UpsellFarAwayCardContent,\n  UpsellFBESoonCardContent,\n} from './generic';\nimport messages from './messages';\n\nconst DefaultUpgradeNotification = ({\n  id,\n  courseId,\n  model,\n  setNotificationCurrentState,\n  toggleSidebar,\n}) => {\n  const pluginLocationId = id;\n  const { formatMessage } = useIntl();\n  const {\n    org,\n    userTimezone,\n    verifiedMode,\n  } = useModel('courseHomeMeta', courseId);\n\n  const {\n    marketingUrl,\n  } = useModel('coursewareMeta', courseId);\n\n  /**\n   * model prop is use to select relevant model to get offer which is passed from the frontend-app-learning app.\n   * for OutlineTab component use outline model and\n   * for NotificationTray component use coursewareMeta model to show offer code.\n   */\n  const {\n    accessExpiration,\n    datesBannerInfo,\n    offer,\n    timeOffsetMillis,\n  } = useModel(model, courseId);\n\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  const shouldDisplayBorder = pluginLocationId.includes('outline');\n  const upsellPageName = pluginLocationId === 'outline_tab_notifications' ? 'course_home' : 'in_course';\n  const setupgradeNotificationCurrentState = setNotificationCurrentState;\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 && !!datesBannerInfo?.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 = formatMessage(\n          messages.firstTimeLearnerDiscountHeader,\n          { percentage: (offer.percentage) },\n        );\n        expirationBanner = (\n          <ExpirationCountdown\n            courseId={courseId}\n            hoursToExpiration={hoursToDiscountExpiration}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n            type=\"offer\"\n          />\n        );\n      } else {\n        upgradeNotificationHeaderText = formatMessage(messages.accessExpirationHeader);\n        expirationBanner = (\n          <AccessExpirationDateBanner\n            courseId={courseId}\n            accessExpirationDate={accessExpirationDate}\n            timezoneFormatArgs={timezoneFormatArgs}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          />\n        );\n      }\n      upsellMessage = <UpsellFarAwayCardContent isFBE />;\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 = formatMessage(messages.accessExpirationUrgentHeader);\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 = formatMessage(messages.accessExpirationPastHeader);\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 = formatMessage(messages.pursueCertificateMessage);\n    upsellMessage = (<UpsellFarAwayCardContent />);\n  }\n\n  if (pastExpirationDeadline) {\n    callToActionButton = (\n      <Button\n        variant=\"primary\"\n        onClick={logClickPastExpiration}\n        href={marketingUrl}\n        block\n      >\n        {formatMessage(messages.pastExpirationCallToActionLabel)}\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        {formatMessage(\n          messages.discountCodeMessage,\n          {\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', { 'pgn__card pgn__card-light card mb-4 rounded': shouldDisplayBorder })}>\n      <div id=\"courseHome-upgradeNotification\">\n        <CertificatePreview courseId={courseId} />\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={formatMessage(messages.closeAlt)}\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\nDefaultUpgradeNotification.propTypes = {\n  id: PropTypes.string.isRequired,\n  courseId: PropTypes.string.isRequired,\n  model: PropTypes.string,\n  setNotificationCurrentState: PropTypes.func,\n  toggleSidebar: PropTypes.func,\n};\n\nDefaultUpgradeNotification.defaultProps = {\n  setNotificationCurrentState: null,\n  toggleSidebar: null,\n  model: 'outline',\n};\n\nexport default DefaultUpgradeNotification;\n"],"mappings":"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","ignoreList":[]}

package/dist/upgrade-notification/ExperimentalUpgradeNotification.js

@@ -62,6 +62,7 @@ const ExperimentalUpgradeNotification = _ref2 => {
   let {
     id,
     courseId,
+    model,
     setNotificationCurrentState,
     toggleSidebar,
     optimizely
@@ -88,7 +89,7 @@ const ExperimentalUpgradeNotification = _ref2 => {
     datesBannerInfo,
     offer,
     timeOffsetMillis
-  } = (0, _modelStore.useModel)('outline', courseId);
+  } = (0, _modelStore.useModel)(model, courseId);
   const dateNow = Date.now();
   const timezoneFormatArgs = userTimezone ? {
     timeZone: userTimezone
@@ -289,6 +290,7 @@ const ExperimentalUpgradeNotification = _ref2 => {
 ExperimentalUpgradeNotification.propTypes = {
   id: _propTypes.default.string.isRequired,
   courseId: _propTypes.default.string.isRequired,
+  model: _propTypes.default.string,
   setNotificationCurrentState: _propTypes.default.func,
   toggleSidebar: _propTypes.default.func,
   /* eslint-disable-next-line react/forbid-prop-types */
@@ -296,7 +298,8 @@ ExperimentalUpgradeNotification.propTypes = {
 };
 ExperimentalUpgradeNotification.defaultProps = {
   setNotificationCurrentState: null,
-  toggleSidebar: null
+  toggleSidebar: null,
+  model: 'outline'
 };
 var _default = exports.default = (0, _reactSdk.withOptimizely)(ExperimentalUpgradeNotification);
 //# sourceMappingURL=ExperimentalUpgradeNotification.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExperimentalUpgradeNotification.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_analytics","_paragon","_icons","_reactSdk","_upgradeButton","_modelStore","_data","_ExperimentalUpsellTable","_ExperimentalUpsellBullets","_certificatePreview","_generic","_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","getVariation","_ref","isFBE","variationKey","enabled","VARIATIONS","OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT","TABLE","jsx","BULLETS","UpsellFarAwayCardContent","ExperimentalUpgradeNotification","_ref2","id","courseId","setNotificationCurrentState","toggleSidebar","optimizely","pluginLocationId","KEY","experimentKey","ACTION","formatMessage","useIntl","org","userTimezone","verifiedMode","useModel","marketingUrl","accessExpiration","datesBannerInfo","offer","timeOffsetMillis","dateNow","Date","now","timezoneFormatArgs","timeZone","correctedTime","accessExpirationDate","expirationDate","pastExpirationDeadline","shouldDisplayBorder","includes","upsellPageName","setupgradeNotificationCurrentState","contentTypeGatingEnabled","decision","useDecision","experimentProperties","experiment_key","variation_key","eventProperties","org_key","courserun_key","promotionEventProperties","creative","name","position","promotion_id","useEffect","sendTrackingLogEvent","sendTrackEvent","logClick","location","linkCategory","linkName","linkType","pageName","track","logClickPastExpiration","upgradeNotificationHeaderText","expirationBanner","upsellMessage","callToActionButton","offerCode","hoursToAccessExpiration","Math","floor","hoursToDiscountExpiration","messages","firstTimeLearnerDiscountHeader","percentage","ExpirationCountdown","hoursToExpiration","type","accessExpirationHeader","AccessExpirationDateBanner","accessExpirationUrgentHeader","OFF","UpsellFBESoonCardContent","accessExpirationPastHeader","PastExpirationDateBanner","PastExpirationCardContent","Button","variant","onClick","href","block","children","pastExpirationCallToActionLabel","UpgradeButton","className","discountCodeMessage","code","classNames","jsxs","pursueCertificateMessage","IconButton","src","Close","size","iconAs","Icon","alt","closeAlt","propTypes","PropTypes","string","isRequired","func","object","defaultProps","_default","exports","withOptimizely"],"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 { useIntl } 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';\nimport { useDecision, withOptimizely } from '@optimizely/react-sdk';\n\nimport { UpgradeButton } from '@src/generic/upgrade-button';\nimport { useModel } from '@src/generic/model-store';\n\nimport { OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT } from '../data';\nimport ExperimentalUpsellTable from '../upsell-bullets/ExperimentalUpsellTable';\nimport ExperimentalUpsellBullets from '../upsell-bullets/ExperimentalUpsellBullets';\nimport CertificatePreview from './certificate-preview';\nimport {\n  ExpirationCountdown,\n  AccessExpirationDateBanner,\n  PastExpirationDateBanner,\n  PastExpirationCardContent,\n  UpsellFarAwayCardContent,\n  UpsellFBESoonCardContent,\n} from './generic';\nimport messages from './messages';\n\nconst getVariation = ({ isFBE, variationKey, enabled }) => {\n  const { VARIATIONS } = OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT;\n\n  if (enabled) {\n    switch (variationKey) {\n      case VARIATIONS.TABLE:\n        return <ExperimentalUpsellTable {...{ isFBE }} />;\n      case VARIATIONS.BULLETS:\n        return <ExperimentalUpsellBullets {...{ isFBE }} />;\n      default:\n        return <UpsellFarAwayCardContent {...{ isFBE }} />;\n    }\n  }\n\n  return <UpsellFarAwayCardContent {...{ isFBE }} />;\n};\n\nconst ExperimentalUpgradeNotification = ({\n  id,\n  courseId,\n  setNotificationCurrentState,\n  toggleSidebar,\n  optimizely,\n}) => {\n  const pluginLocationId = id;\n  const { KEY: experimentKey, VARIATIONS, ACTION } = OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT;\n  const { formatMessage } = useIntl();\n\n  const {\n    org,\n    userTimezone,\n    verifiedMode,\n  } = useModel('courseHomeMeta', courseId);\n\n  const {\n    marketingUrl,\n  } = useModel('coursewareMeta', courseId);\n\n  const {\n    accessExpiration,\n    datesBannerInfo,\n    offer,\n    timeOffsetMillis,\n  } = useModel('outline', courseId);\n\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  const shouldDisplayBorder = pluginLocationId.includes('outline');\n  const upsellPageName = pluginLocationId === 'outline_tab_notifications' ? 'course_home' : 'in_course';\n  const setupgradeNotificationCurrentState = setNotificationCurrentState;\n  const isFBE = !!accessExpiration && !!datesBannerInfo?.contentTypeGatingEnabled;\n\n  const [decision] = useDecision(experimentKey);\n  const { enabled, variationKey } = 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: experimentKey,\n    variation_key: variationKey,\n  };\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    ...experimentProperties,\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      ...experimentProperties,\n      linkCategory: 'green_upgrade',\n      linkName: `${upsellPageName}_green`,\n      linkType: 'button',\n      pageName: upsellPageName,\n    });\n    optimizely.track(ACTION);\n  };\n\n  const logClickPastExpiration = () => {\n    sendTrackEvent('edx.bi.ecommerce.upgrade_notification.past_expiration.button_clicked', {\n      ...eventProperties,\n      ...experimentProperties,\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 = getVariation({ enabled, variationKey, isFBE });\n  let callToActionButton;\n  let offerCode;\n\n  if (isFBE) {\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 = formatMessage(\n          messages.firstTimeLearnerDiscountHeader,\n          { percentage: (offer.percentage) },\n        );\n        expirationBanner = (\n          <ExpirationCountdown\n            courseId={courseId}\n            hoursToExpiration={hoursToDiscountExpiration}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n            type=\"offer\"\n          />\n        );\n      } else {\n        upgradeNotificationHeaderText = formatMessage(messages.accessExpirationHeader);\n        expirationBanner = (\n          <AccessExpirationDateBanner\n            courseId={courseId}\n            accessExpirationDate={accessExpirationDate}\n            timezoneFormatArgs={timezoneFormatArgs}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          />\n        );\n      }\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 = formatMessage(messages.accessExpirationUrgentHeader);\n      expirationBanner = (\n        <ExpirationCountdown\n          courseId={courseId}\n          hoursToExpiration={hoursToAccessExpiration}\n          setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          type=\"access\"\n        />\n      );\n      if (variationKey === VARIATIONS.OFF) {\n        upsellMessage = (\n          <UpsellFBESoonCardContent\n            accessExpirationDate={accessExpirationDate}\n            timezoneFormatArgs={timezoneFormatArgs}\n          />\n        );\n      }\n    } else { // access expiration deadline has passed\n      upgradeNotificationHeaderText = formatMessage(messages.accessExpirationPastHeader);\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  }\n\n  if (pastExpirationDeadline) {\n    callToActionButton = (\n      <Button\n        variant=\"primary\"\n        onClick={logClickPastExpiration}\n        href={marketingUrl}\n        block\n      >\n        {formatMessage(messages.pastExpirationCallToActionLabel)}\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        {formatMessage(\n          messages.discountCodeMessage,\n          {\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', { 'pgn__card pgn__card-light card mb-4 rounded': shouldDisplayBorder })}>\n      <div id=\"courseHome-upgradeNotification\">\n        <h2\n          className={classNames('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          {formatMessage(messages.pursueCertificateMessage)}\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={formatMessage(messages.closeAlt)}\n              />\n            </div>\n          )}\n        </h2>\n        <CertificatePreview courseId={courseId} />\n        <h3 className=\"ml-4\">\n          {upgradeNotificationHeaderText}\n        </h3>\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  id: PropTypes.string.isRequired,\n  courseId: PropTypes.string.isRequired,\n  setNotificationCurrentState: PropTypes.func,\n  toggleSidebar: PropTypes.func,\n  /* eslint-disable-next-line react/forbid-prop-types */\n  optimizely: PropTypes.object.isRequired,\n};\n\nExperimentalUpgradeNotification.defaultProps = {\n  setNotificationCurrentState: null,\n  toggleSidebar: null,\n};\n\nexport default withOptimizely(ExperimentalUpgradeNotification);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ExperimentalUpgradeNotification.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_analytics","_paragon","_icons","_reactSdk","_upgradeButton","_modelStore","_data","_ExperimentalUpsellTable","_ExperimentalUpsellBullets","_certificatePreview","_generic","_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","getVariation","_ref","isFBE","variationKey","enabled","VARIATIONS","OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT","TABLE","jsx","BULLETS","UpsellFarAwayCardContent","ExperimentalUpgradeNotification","_ref2","id","courseId","model","setNotificationCurrentState","toggleSidebar","optimizely","pluginLocationId","KEY","experimentKey","ACTION","formatMessage","useIntl","org","userTimezone","verifiedMode","useModel","marketingUrl","accessExpiration","datesBannerInfo","offer","timeOffsetMillis","dateNow","Date","now","timezoneFormatArgs","timeZone","correctedTime","accessExpirationDate","expirationDate","pastExpirationDeadline","shouldDisplayBorder","includes","upsellPageName","setupgradeNotificationCurrentState","contentTypeGatingEnabled","decision","useDecision","experimentProperties","experiment_key","variation_key","eventProperties","org_key","courserun_key","promotionEventProperties","creative","name","position","promotion_id","useEffect","sendTrackingLogEvent","sendTrackEvent","logClick","location","linkCategory","linkName","linkType","pageName","track","logClickPastExpiration","upgradeNotificationHeaderText","expirationBanner","upsellMessage","callToActionButton","offerCode","hoursToAccessExpiration","Math","floor","hoursToDiscountExpiration","messages","firstTimeLearnerDiscountHeader","percentage","ExpirationCountdown","hoursToExpiration","type","accessExpirationHeader","AccessExpirationDateBanner","accessExpirationUrgentHeader","OFF","UpsellFBESoonCardContent","accessExpirationPastHeader","PastExpirationDateBanner","PastExpirationCardContent","Button","variant","onClick","href","block","children","pastExpirationCallToActionLabel","UpgradeButton","className","discountCodeMessage","code","classNames","jsxs","pursueCertificateMessage","IconButton","src","Close","size","iconAs","Icon","alt","closeAlt","propTypes","PropTypes","string","isRequired","func","object","defaultProps","_default","exports","withOptimizely"],"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 { useIntl } 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';\nimport { useDecision, withOptimizely } from '@optimizely/react-sdk';\n\nimport { UpgradeButton } from '@src/generic/upgrade-button';\nimport { useModel } from '@src/generic/model-store';\n\nimport { OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT } from '../data';\nimport ExperimentalUpsellTable from '../upsell-bullets/ExperimentalUpsellTable';\nimport ExperimentalUpsellBullets from '../upsell-bullets/ExperimentalUpsellBullets';\nimport CertificatePreview from './certificate-preview';\nimport {\n  ExpirationCountdown,\n  AccessExpirationDateBanner,\n  PastExpirationDateBanner,\n  PastExpirationCardContent,\n  UpsellFarAwayCardContent,\n  UpsellFBESoonCardContent,\n} from './generic';\nimport messages from './messages';\n\nconst getVariation = ({ isFBE, variationKey, enabled }) => {\n  const { VARIATIONS } = OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT;\n\n  if (enabled) {\n    switch (variationKey) {\n      case VARIATIONS.TABLE:\n        return <ExperimentalUpsellTable {...{ isFBE }} />;\n      case VARIATIONS.BULLETS:\n        return <ExperimentalUpsellBullets {...{ isFBE }} />;\n      default:\n        return <UpsellFarAwayCardContent {...{ isFBE }} />;\n    }\n  }\n\n  return <UpsellFarAwayCardContent {...{ isFBE }} />;\n};\n\nconst ExperimentalUpgradeNotification = ({\n  id,\n  courseId,\n  model,\n  setNotificationCurrentState,\n  toggleSidebar,\n  optimizely,\n}) => {\n  const pluginLocationId = id;\n  const { KEY: experimentKey, VARIATIONS, ACTION } = OPTIMIZELY_VTR_SIDEBAR_EXPERIMENT;\n  const { formatMessage } = useIntl();\n\n  const {\n    org,\n    userTimezone,\n    verifiedMode,\n  } = useModel('courseHomeMeta', courseId);\n\n  const {\n    marketingUrl,\n  } = useModel('coursewareMeta', courseId);\n\n  const {\n    accessExpiration,\n    datesBannerInfo,\n    offer,\n    timeOffsetMillis,\n  } = useModel(model, courseId);\n\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  const shouldDisplayBorder = pluginLocationId.includes('outline');\n  const upsellPageName = pluginLocationId === 'outline_tab_notifications' ? 'course_home' : 'in_course';\n  const setupgradeNotificationCurrentState = setNotificationCurrentState;\n  const isFBE = !!accessExpiration && !!datesBannerInfo?.contentTypeGatingEnabled;\n\n  const [decision] = useDecision(experimentKey);\n  const { enabled, variationKey } = 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: experimentKey,\n    variation_key: variationKey,\n  };\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    ...experimentProperties,\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      ...experimentProperties,\n      linkCategory: 'green_upgrade',\n      linkName: `${upsellPageName}_green`,\n      linkType: 'button',\n      pageName: upsellPageName,\n    });\n    optimizely.track(ACTION);\n  };\n\n  const logClickPastExpiration = () => {\n    sendTrackEvent('edx.bi.ecommerce.upgrade_notification.past_expiration.button_clicked', {\n      ...eventProperties,\n      ...experimentProperties,\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 = getVariation({ enabled, variationKey, isFBE });\n  let callToActionButton;\n  let offerCode;\n\n  if (isFBE) {\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 = formatMessage(\n          messages.firstTimeLearnerDiscountHeader,\n          { percentage: (offer.percentage) },\n        );\n        expirationBanner = (\n          <ExpirationCountdown\n            courseId={courseId}\n            hoursToExpiration={hoursToDiscountExpiration}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n            type=\"offer\"\n          />\n        );\n      } else {\n        upgradeNotificationHeaderText = formatMessage(messages.accessExpirationHeader);\n        expirationBanner = (\n          <AccessExpirationDateBanner\n            courseId={courseId}\n            accessExpirationDate={accessExpirationDate}\n            timezoneFormatArgs={timezoneFormatArgs}\n            setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          />\n        );\n      }\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 = formatMessage(messages.accessExpirationUrgentHeader);\n      expirationBanner = (\n        <ExpirationCountdown\n          courseId={courseId}\n          hoursToExpiration={hoursToAccessExpiration}\n          setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          type=\"access\"\n        />\n      );\n      if (variationKey === VARIATIONS.OFF) {\n        upsellMessage = (\n          <UpsellFBESoonCardContent\n            accessExpirationDate={accessExpirationDate}\n            timezoneFormatArgs={timezoneFormatArgs}\n          />\n        );\n      }\n    } else { // access expiration deadline has passed\n      upgradeNotificationHeaderText = formatMessage(messages.accessExpirationPastHeader);\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  }\n\n  if (pastExpirationDeadline) {\n    callToActionButton = (\n      <Button\n        variant=\"primary\"\n        onClick={logClickPastExpiration}\n        href={marketingUrl}\n        block\n      >\n        {formatMessage(messages.pastExpirationCallToActionLabel)}\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        {formatMessage(\n          messages.discountCodeMessage,\n          {\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', { 'pgn__card pgn__card-light card mb-4 rounded': shouldDisplayBorder })}>\n      <div id=\"courseHome-upgradeNotification\">\n        <h2\n          className={classNames('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          {formatMessage(messages.pursueCertificateMessage)}\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={formatMessage(messages.closeAlt)}\n              />\n            </div>\n          )}\n        </h2>\n        <CertificatePreview courseId={courseId} />\n        <h3 className=\"ml-4\">\n          {upgradeNotificationHeaderText}\n        </h3>\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  id: PropTypes.string.isRequired,\n  courseId: PropTypes.string.isRequired,\n  model: PropTypes.string,\n  setNotificationCurrentState: PropTypes.func,\n  toggleSidebar: PropTypes.func,\n  /* eslint-disable-next-line react/forbid-prop-types */\n  optimizely: PropTypes.object.isRequired,\n};\n\nExperimentalUpgradeNotification.defaultProps = {\n  setNotificationCurrentState: null,\n  toggleSidebar: null,\n  model: 'outline',\n};\n\nexport default withOptimizely(ExperimentalUpgradeNotification);\n"],"mappings":"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","ignoreList":[]}

package/dist/upsell-bullets/ExperimentalUpsellBullets.js

@@ -54,7 +54,7 @@ const ExperimentalUpsellBullets = _ref => {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: intl.formatMessage(_messages.default.certificate, {
           certificateLink: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Hyperlink, {
-            destination: `${(0, _frontendPlatform.getConfig)().MARKETING_BASE_URL}/verified-certificate`,
+            destination: `${(0, _frontendPlatform.getConfig)().MARKETING_SITE_BASE_URL}/verified-certificate`,
             children: intl.formatMessage(_messages.default.certificateLinkText)
           })
         })

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

@@ -1 +1 @@
-{"version":3,"file":"ExperimentalUpsellBullets.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellBullets","_ref","isFBE","intl","useIntl","jsxs","Stack","role","gap","className","children","direction","jsx","Icon","src","ArrowForward","size","formatMessage","messages","access","grades","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_BASE_URL","certificateLinkText","learningAssistant","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../src/upsell-bullets/ExperimentalUpsellBullets.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Hyperlink, Icon, Stack } from '@openedx/paragon';\nimport { ArrowForward } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport messages from './messages';\n\nconst ExperimentalUpsellBullets = ({ isFBE }) => {\n  const intl = useIntl();\n  return (\n    <Stack role=\"list\" gap={3} className=\"m-4\">\n      <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n        <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n        <span>\n          {intl.formatMessage(messages.access)}\n        </span>\n      </Stack>\n      {isFBE && (\n        <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n          <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n          <span>\n            {intl.formatMessage(messages.grades)}\n          </span>\n        </Stack>\n      )}\n      <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n        <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n        <span>\n          {intl.formatMessage(\n            messages.certificate,\n            {\n              certificateLink: (\n                <Hyperlink destination={`${getConfig().MARKETING_BASE_URL}/verified-certificate`}>\n                  {intl.formatMessage(messages.certificateLinkText)}\n                </Hyperlink>\n              ),\n            },\n          )}\n        </span>\n      </Stack>\n      <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n        <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n        <span>\n          {intl.formatMessage(messages.learningAssistant)}\n        </span>\n      </Stack>\n    </Stack>\n  );\n};\n\nExperimentalUpsellBullets.defaultProps = {\n  isFBE: false,\n};\n\nExperimentalUpsellBullets.propTypes = {\n  isFBE: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellBullets;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ExperimentalUpsellBullets.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellBullets","_ref","isFBE","intl","useIntl","jsxs","Stack","role","gap","className","children","direction","jsx","Icon","src","ArrowForward","size","formatMessage","messages","access","grades","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","certificateLinkText","learningAssistant","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../src/upsell-bullets/ExperimentalUpsellBullets.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { Hyperlink, Icon, Stack } from '@openedx/paragon';\nimport { ArrowForward } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport messages from './messages';\n\nconst ExperimentalUpsellBullets = ({ isFBE }) => {\n  const intl = useIntl();\n  return (\n    <Stack role=\"list\" gap={3} className=\"m-4\">\n      <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n        <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n        <span>\n          {intl.formatMessage(messages.access)}\n        </span>\n      </Stack>\n      {isFBE && (\n        <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n          <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n          <span>\n            {intl.formatMessage(messages.grades)}\n          </span>\n        </Stack>\n      )}\n      <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n        <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n        <span>\n          {intl.formatMessage(\n            messages.certificate,\n            {\n              certificateLink: (\n                <Hyperlink destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n                  {intl.formatMessage(messages.certificateLinkText)}\n                </Hyperlink>\n              ),\n            },\n          )}\n        </span>\n      </Stack>\n      <Stack direction=\"horizontal\" role=\"listitem\" gap={2}>\n        <Icon src={ArrowForward} size=\"xs\" className=\"text-brand-500\" />\n        <span>\n          {intl.formatMessage(messages.learningAssistant)}\n        </span>\n      </Stack>\n    </Stack>\n  );\n};\n\nExperimentalUpsellBullets.defaultProps = {\n  isFBE: false,\n};\n\nExperimentalUpsellBullets.propTypes = {\n  isFBE: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellBullets;\n"],"mappings":"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","ignoreList":[]}

package/dist/upsell-bullets/ExperimentalUpsellTable.js

@@ -78,22 +78,16 @@ const ExperimentalUpsellTable = _ref => {
         className: "feature-cell",
         children: intl.formatMessage(_messages.default.grades)
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
-        className: "audit-cell col-2",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "center-items",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
-            src: _icons.CloseSmall,
-            alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
-          })
+        className: "audit-cell col-2 center-items",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+          src: _icons.CloseSmall,
+          alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
-        className: "verified-cell col-2",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "center-items",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
-            src: _icons.CheckCircle,
-            alt: intl.formatMessage(_messages.default.includedAltMessage)
-          })
+        className: "verified-cell col-2 center-items",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+          src: _icons.CheckCircle,
+          alt: intl.formatMessage(_messages.default.includedAltMessage)
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Row, {
@@ -102,46 +96,36 @@ const ExperimentalUpsellTable = _ref => {
         className: "feature-cell",
         children: intl.formatMessage(_messages.default.access)
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
-        className: "audit-cell col-2",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "center-items",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
-            src: _icons.CloseSmall,
-            alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
-          })
+        className: "audit-cell col-2 center-items",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+          src: _icons.CloseSmall,
+          alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
-        className: "verified-cell col-2",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "center-items",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
-            src: _icons.CheckCircle,
-            alt: intl.formatMessage(_messages.default.includedAltMessage)
-          })
+        className: "verified-cell col-2 center-items",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+          src: _icons.CheckCircle,
+          alt: intl.formatMessage(_messages.default.includedAltMessage)
         })
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.Row, {
       className: "m-0",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
-        className: "bottom-feature-cell",
-        children: intl.formatMessage(_messages.default.learningAssistant)
+        className: "feature-cell bottom-no-border flex align-items-center pb-3",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: intl.formatMessage(_messages.default.learningAssistant)
+        })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
-        className: "audit-cell bottom-audit-border col-2",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "center-items",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
-            src: _icons.CloseSmall,
-            alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
-          })
+        className: "audit-cell bottom-audit-border col-2 center-items pb-3",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+          src: _icons.CloseSmall,
+          alt: intl.formatMessage(_messages.default.notIncludedAltMessage)
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Col, {
-        className: "verified-cell bottom-verified-border col-2",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "center-items",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
-            src: _icons.CheckCircle,
-            alt: intl.formatMessage(_messages.default.includedAltMessage)
-          })
+        className: "verified-cell bottom-verified-border col-2 center-items pb-3",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
+          src: _icons.CheckCircle,
+          alt: intl.formatMessage(_messages.default.includedAltMessage)
         })
       })]
     })]

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

@@ -1 +1 @@
-{"version":3,"file":"ExperimentalUpsellTable.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellTable","_ref","isFBE","intl","useIntl","jsxs","Col","className","children","jsx","formatMessage","messages","tableSectionHeader","Row","featureHeader","auditHeader","verifiedHeader","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","certificateLinkText","Icon","src","CloseSmall","alt","notIncludedAltMessage","CheckCircle","includedAltMessage","grades","access","learningAssistant","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../src/upsell-bullets/ExperimentalUpsellTable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  Col,\n  Hyperlink,\n  Icon,\n  Row,\n} from '@openedx/paragon';\nimport { CheckCircle, CloseSmall } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport './ExperimentalUpsellTable.scss';\nimport messages from './messages';\n\nconst ExperimentalUpsellTable = ({ isFBE }) => {\n  const intl = useIntl();\n  return (\n    <Col className=\"px-4 pb-4 small\">\n      <h3 className=\"mb-4 primary-500\">\n        {intl.formatMessage(messages.tableSectionHeader)}\n      </h3>\n      <Row className=\"m-0 text-center\">\n        <Col>\n          <span className=\"sr-only\">\n            {intl.formatMessage(messages.featureHeader)}\n          </span>\n        </Col>\n        <Col className=\"audit-cell top-audit-border col-2 \">\n          <div className=\"center-items\">\n            {intl.formatMessage(messages.auditHeader)}\n          </div>\n        </Col>\n        <Col className=\"verified-cell top-verified-border font-weight-bold col-2\">\n          <div className=\"center-items\">\n            {intl.formatMessage(messages.verifiedHeader)}\n          </div>\n        </Col>\n      </Row>\n      <Row className=\"m-0\">\n        <Col className=\"feature-cell\">\n          {intl.formatMessage(\n            messages.certificate,\n            {\n              certificateLink: (\n                <Hyperlink destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n                  {intl.formatMessage(messages.certificateLinkText)}\n                </Hyperlink>\n              ),\n            },\n          )}\n        </Col>\n        <Col className=\"audit-cell col-2\">\n          <div className=\"center-items\">\n            <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n          </div>\n        </Col>\n        <Col className=\"verified-cell col-2\">\n          <div className=\"center-items\">\n            <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n          </div>\n        </Col>\n      </Row>\n      {isFBE && (\n        <Row className=\"m-0\">\n          <Col className=\"feature-cell\">\n            {intl.formatMessage(messages.grades)}\n          </Col>\n          <Col className=\"audit-cell col-2\">\n            <div className=\"center-items\">\n              <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n            </div>\n          </Col>\n          <Col className=\"verified-cell col-2\">\n            <div className=\"center-items\">\n              <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n            </div>\n          </Col>\n        </Row>\n      )}\n      <Row className=\"m-0\">\n        <Col className=\"feature-cell\">\n          {intl.formatMessage(messages.access)}\n        </Col>\n        <Col className=\"audit-cell col-2\">\n          <div className=\"center-items\">\n            <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n          </div>\n        </Col>\n        <Col className=\"verified-cell col-2\">\n          <div className=\"center-items\">\n            <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n          </div>\n        </Col>\n      </Row>\n      <Row className=\"m-0\">\n        <Col className=\"bottom-feature-cell\">\n          {intl.formatMessage(messages.learningAssistant)}\n        </Col>\n        <Col className=\"audit-cell bottom-audit-border col-2\">\n          <div className=\"center-items\">\n            <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n          </div>\n        </Col>\n        <Col className=\"verified-cell bottom-verified-border col-2\">\n          <div className=\"center-items\">\n            <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n          </div>\n        </Col>\n      </Row>\n    </Col>\n  );\n};\n\nExperimentalUpsellTable.defaultProps = {\n  isFBE: false,\n};\n\nExperimentalUpsellTable.propTypes = {\n  isFBE: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellTable;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ExperimentalUpsellTable.js","names":["_propTypes","_interopRequireDefault","require","_i18n","_paragon","_icons","_frontendPlatform","_messages","_jsxRuntime","obj","__esModule","default","ExperimentalUpsellTable","_ref","isFBE","intl","useIntl","jsxs","Col","className","children","jsx","formatMessage","messages","tableSectionHeader","Row","featureHeader","auditHeader","verifiedHeader","certificate","certificateLink","Hyperlink","destination","getConfig","MARKETING_SITE_BASE_URL","certificateLinkText","Icon","src","CloseSmall","alt","notIncludedAltMessage","CheckCircle","includedAltMessage","grades","access","learningAssistant","defaultProps","propTypes","PropTypes","bool","_default","exports"],"sources":["../../src/upsell-bullets/ExperimentalUpsellTable.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  Col,\n  Hyperlink,\n  Icon,\n  Row,\n} from '@openedx/paragon';\nimport { CheckCircle, CloseSmall } from '@openedx/paragon/icons';\nimport { getConfig } from '@edx/frontend-platform';\n\nimport './ExperimentalUpsellTable.scss';\nimport messages from './messages';\n\nconst ExperimentalUpsellTable = ({ isFBE }) => {\n  const intl = useIntl();\n  return (\n    <Col className=\"px-4 pb-4 small\">\n      <h3 className=\"mb-4 primary-500\">\n        {intl.formatMessage(messages.tableSectionHeader)}\n      </h3>\n      <Row className=\"m-0 text-center\">\n        <Col>\n          <span className=\"sr-only\">\n            {intl.formatMessage(messages.featureHeader)}\n          </span>\n        </Col>\n        <Col className=\"audit-cell top-audit-border col-2 \">\n          <div className=\"center-items\">\n            {intl.formatMessage(messages.auditHeader)}\n          </div>\n        </Col>\n        <Col className=\"verified-cell top-verified-border font-weight-bold col-2\">\n          <div className=\"center-items\">\n            {intl.formatMessage(messages.verifiedHeader)}\n          </div>\n        </Col>\n      </Row>\n      <Row className=\"m-0\">\n        <Col className=\"feature-cell\">\n          {intl.formatMessage(\n            messages.certificate,\n            {\n              certificateLink: (\n                <Hyperlink destination={`${getConfig().MARKETING_SITE_BASE_URL}/verified-certificate`}>\n                  {intl.formatMessage(messages.certificateLinkText)}\n                </Hyperlink>\n              ),\n            },\n          )}\n        </Col>\n        <Col className=\"audit-cell col-2\">\n          <div className=\"center-items\">\n            <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n          </div>\n        </Col>\n        <Col className=\"verified-cell col-2\">\n          <div className=\"center-items\">\n            <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n          </div>\n        </Col>\n      </Row>\n      {isFBE && (\n        <Row className=\"m-0\">\n          <Col className=\"feature-cell\">\n            {intl.formatMessage(messages.grades)}\n          </Col>\n          <Col className=\"audit-cell col-2 center-items\">\n            <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n          </Col>\n          <Col className=\"verified-cell col-2 center-items\">\n            <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n          </Col>\n        </Row>\n      )}\n      <Row className=\"m-0\">\n        <Col className=\"feature-cell\">\n          {intl.formatMessage(messages.access)}\n        </Col>\n        <Col className=\"audit-cell col-2 center-items\">\n          <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n        </Col>\n        <Col className=\"verified-cell col-2 center-items\">\n          <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n        </Col>\n      </Row>\n      <Row className=\"m-0\">\n        <Col className=\"feature-cell bottom-no-border flex align-items-center pb-3\">\n          <span>\n            {intl.formatMessage(messages.learningAssistant)}\n          </span>\n        </Col>\n        <Col className=\"audit-cell bottom-audit-border col-2 center-items pb-3\">\n          <Icon src={CloseSmall} alt={intl.formatMessage(messages.notIncludedAltMessage)} />\n        </Col>\n        <Col className=\"verified-cell bottom-verified-border col-2 center-items pb-3\">\n          <Icon src={CheckCircle} alt={intl.formatMessage(messages.includedAltMessage)} />\n        </Col>\n      </Row>\n    </Col>\n  );\n};\n\nExperimentalUpsellTable.defaultProps = {\n  isFBE: false,\n};\n\nExperimentalUpsellTable.propTypes = {\n  isFBE: PropTypes.bool,\n};\n\nexport default ExperimentalUpsellTable;\n"],"mappings":"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","ignoreList":[]}

package/dist/upsell-bullets/ExperimentalUpsellTable.scss

@@ -5,14 +5,12 @@
   border-left: 3px solid $success-500;
   border-right: 3px solid $success-500;
   padding: 8px;
-  width: 74px;
 }
 
 .bottom-verified-border {
   border-bottom-left-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
   border-bottom: 3px solid $success-500;
-  padding-bottom: 16px;
 }
 
 .top-verified-border {
@@ -25,7 +23,6 @@
   border-bottom-left-radius: 0.375rem;
   border-bottom-right-radius: 0.375rem;
   border-bottom: 1px solid $light-500;
-  padding-bottom: 16px;
 }
 
 .top-audit-border {
@@ -49,13 +46,12 @@
   padding: 8px 8px 8px 0;
 }
 
-.bottom-feature-cell {
-  color: $gray-700;
-  padding: 8px 16px 8px 0;
+.bottom-no-border {
+  border-bottom: 0;
 }
 
 .center-items {
   display: flex;
-  align-items: top;
+  align-items: center;
   justify-content: center;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-plugin-advertisements",
-  "version": "1.27.2",
+  "version": "1.27.4",
   "description": "Frontend plugin for edX in course advertisements",
   "main": "dist/index.js",
   "repository": {