@edx/frontend-plugin-advertisements 1.30.0 → 1.31.0

package/dist/upgrade-modal/BaseModal.js

@@ -54,19 +54,19 @@ const BaseModal = _ref => {
     footerNode: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ActionRow, {
       isStacked: true,
       className: "mb-2",
-      children: [callToActionButton, offer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "text-center discount-info",
+      children: [offer && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "text-center",
         children: intl.formatMessage({
           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
-            })
-          }
+          description: 'Message to user with code for discounted course price'
+        }, {
+          code: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "font-weight-bold",
+            children: offer.code
+          })
         })
-      })]
+      }), callToActionButton]
     }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
       className: "h3 mb-3 mt-2.5",

package/dist/upgrade-modal/BaseModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_i18n","_paragon","_certificatePreview","_data","_jsxRuntime","obj","__esModule","default","BaseModal","_ref","isOpen","close","courseId","offer","callToActionButton","variationKey","children","intl","useIntl","title","formatMessage","id","defaultMessage","description","isTableVariation","OPTIMIZELY_VTR_BULLET_EXPERIMENT","VARIATIONS","EXPERIMENT","jsxs","MarketingModal","onClose","isBlocking","size","heroIsDark","heroNode","jsx","ModalDialog","Hero","className","style","background","borderTopLeftRadius","borderTopRightRadius","Content","bgColor","footerNode","ActionRow","isStacked","values","code","defaultProps","propTypes","PropTypes","shape","string","isRequired","func","bool","node","_default","exports"],"sources":["../../src/upgrade-modal/BaseModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { ActionRow, MarketingModal, ModalDialog } from '@openedx/paragon';\nimport CertificatePreview from '../upgrade-notification/certificate-preview';\nimport { OPTIMIZELY_VTR_BULLET_EXPERIMENT } from '../data';\n\nconst BaseModal = ({\n  isOpen,\n  close,\n  courseId,\n  offer,\n  callToActionButton,\n  variationKey,\n  children,\n}) => {\n  const intl = useIntl();\n  const title = intl.formatMessage({\n    id: 'learning.upgrade-modal.title',\n    defaultMessage: 'Pursue a verified certificate',\n    description: 'Upgrade modal title',\n  });\n\n  const isTableVariation = variationKey === OPTIMIZELY_VTR_BULLET_EXPERIMENT.VARIATIONS.EXPERIMENT;\n\n  return (\n    <MarketingModal\n      title={title}\n      isOpen={isOpen}\n      onClose={close}\n      isBlocking\n      size=\"md\"\n      heroIsDark\n      heroNode={(\n        <ModalDialog.Hero\n          className=\"justify-content-center\"\n          style={{\n            background: 'linear-gradient(#001B1E, #0E3639)',\n            borderTopLeftRadius: '6.8px',\n            borderTopRightRadius: '6.8px',\n          }}\n        >\n          <ModalDialog.Hero.Content className=\"m-0 text-primary-500\">\n            <CertificatePreview {...{ courseId, bgColor: 'bg-light-100' }} />\n          </ModalDialog.Hero.Content>\n        </ModalDialog.Hero>\n      )}\n      footerNode={(\n        <ActionRow isStacked className=\"mb-2\">\n          {callToActionButton}\n          {offer && (\n            <div className=\"text-center discount-info\">\n              {intl.formatMessage({\n                id: 'learning.generic.upgradeNotification.code',\n                defaultMessage: 'Use code {code} at checkout',\n                values: {\n                  code: (<span className=\"font-weight-bold\">{offer.code}</span>),\n                },\n              })}\n            </div>\n          )}\n        </ActionRow>\n      )}\n    >\n      <h2 className=\"h3 mb-3 mt-2.5\">\n        {!isTableVariation && title}\n      </h2>\n      <div className={isTableVariation ? 'mx-n4' : 'ml-n4'}>\n        {children}\n      </div>\n    </MarketingModal>\n  );\n};\n\nBaseModal.defaultProps = {\n  offer: null,\n};\n\nBaseModal.propTypes = {\n  offer: PropTypes.shape({\n    code: PropTypes.string,\n  }),\n  variationKey: PropTypes.string.isRequired,\n  courseId: PropTypes.string.isRequired,\n  close: PropTypes.func.isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  callToActionButton: PropTypes.node.isRequired,\n  children: PropTypes.node.isRequired,\n};\n\nexport default BaseModal;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAA2D,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3D,MAAMG,SAAS,GAAGC,IAAA,IAQZ;EAAA,IARa;IACjBC,MAAM;IACNC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC,kBAAkB;IAClBC,YAAY;IACZC;EACF,CAAC,GAAAP,IAAA;EACC,MAAMQ,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EACtB,MAAMC,KAAK,GAAGF,IAAI,CAACG,aAAa,CAAC;IAC/BC,EAAE,EAAE,8BAA8B;IAClCC,cAAc,EAAE,+BAA+B;IAC/CC,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAGT,YAAY,KAAKU,sCAAgC,CAACC,UAAU,CAACC,UAAU;EAEhG,oBACE,IAAAvB,WAAA,CAAAwB,IAAA,EAAC3B,QAAA,CAAA4B,cAAc;IACbV,KAAK,EAAEA,KAAM;IACbT,MAAM,EAAEA,MAAO;IACfoB,OAAO,EAAEnB,KAAM;IACfoB,UAAU;IACVC,IAAI,EAAC,IAAI;IACTC,UAAU;IACVC,QAAQ,eACN,IAAA9B,WAAA,CAAA+B,GAAA,EAAClC,QAAA,CAAAmC,WAAW,CAACC,IAAI;MACfC,SAAS,EAAC,wBAAwB;MAClCC,KAAK,EAAE;QACLC,UAAU,EAAE,mCAAmC;QAC/CC,mBAAmB,EAAE,OAAO;QAC5BC,oBAAoB,EAAE;MACxB,CAAE;MAAA1B,QAAA,eAEF,IAAAZ,WAAA,CAAA+B,GAAA,EAAClC,QAAA,CAAAmC,WAAW,CAACC,IAAI,CAACM,OAAO;QAACL,SAAS,EAAC,sBAAsB;QAAAtB,QAAA,eACxD,IAAAZ,WAAA,CAAA+B,GAAA,EAACjC,mBAAA,CAAAK,OAAkB;UAAOK,QAAQ;UAAEgC,OAAO,EAAE;QAAc,CAAK;MAAC,CACzC;IAAC,CACX,CAClB;IACFC,UAAU,eACR,IAAAzC,WAAA,CAAAwB,IAAA,EAAC3B,QAAA,CAAA6C,SAAS;MAACC,SAAS;MAACT,SAAS,EAAC,MAAM;MAAAtB,QAAA,GAClCF,kBAAkB,EAClBD,KAAK,iBACJ,IAAAT,WAAA,CAAA+B,GAAA;QAAKG,SAAS,EAAC,2BAA2B;QAAAtB,QAAA,EACvCC,IAAI,CAACG,aAAa,CAAC;UAClBC,EAAE,EAAE,2CAA2C;UAC/CC,cAAc,EAAE,6BAA6B;UAC7C0B,MAAM,EAAE;YACNC,IAAI,eAAG,IAAA7C,WAAA,CAAA+B,GAAA;cAAMG,SAAS,EAAC,kBAAkB;cAAAtB,QAAA,EAAEH,KAAK,CAACoC;YAAI,CAAO;UAC9D;QACF,CAAC;MAAC,CACC,CACN;IAAA,CACQ,CACX;IAAAjC,QAAA,gBAEF,IAAAZ,WAAA,CAAA+B,GAAA;MAAIG,SAAS,EAAC,gBAAgB;MAAAtB,QAAA,EAC3B,CAACQ,gBAAgB,IAAIL;IAAK,CACzB,CAAC,eACL,IAAAf,WAAA,CAAA+B,GAAA;MAAKG,SAAS,EAAEd,gBAAgB,GAAG,OAAO,GAAG,OAAQ;MAAAR,QAAA,EAClDA;IAAQ,CACN,CAAC;EAAA,CACQ,CAAC;AAErB,CAAC;AAEDR,SAAS,CAAC0C,YAAY,GAAG;EACvBrC,KAAK,EAAE;AACT,CAAC;AAEDL,SAAS,CAAC2C,SAAS,GAAG;EACpBtC,KAAK,EAAEuC,kBAAS,CAACC,KAAK,CAAC;IACrBJ,IAAI,EAAEG,kBAAS,CAACE;EAClB,CAAC,CAAC;EACFvC,YAAY,EAAEqC,kBAAS,CAACE,MAAM,CAACC,UAAU;EACzC3C,QAAQ,EAAEwC,kBAAS,CAACE,MAAM,CAACC,UAAU;EACrC5C,KAAK,EAAEyC,kBAAS,CAACI,IAAI,CAACD,UAAU;EAChC7C,MAAM,EAAE0C,kBAAS,CAACK,IAAI,CAACF,UAAU;EACjCzC,kBAAkB,EAAEsC,kBAAS,CAACM,IAAI,CAACH,UAAU;EAC7CvC,QAAQ,EAAEoC,kBAAS,CAACM,IAAI,CAACH;AAC3B,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAArD,OAAA,GAEaC,SAAS","ignoreList":[]}
+{"version":3,"file":"BaseModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_i18n","_paragon","_certificatePreview","_data","_jsxRuntime","obj","__esModule","default","BaseModal","_ref","isOpen","close","courseId","offer","callToActionButton","variationKey","children","intl","useIntl","title","formatMessage","id","defaultMessage","description","isTableVariation","OPTIMIZELY_VTR_BULLET_EXPERIMENT","VARIATIONS","EXPERIMENT","jsxs","MarketingModal","onClose","isBlocking","size","heroIsDark","heroNode","jsx","ModalDialog","Hero","className","style","background","borderTopLeftRadius","borderTopRightRadius","Content","bgColor","footerNode","ActionRow","isStacked","code","defaultProps","propTypes","PropTypes","shape","string","isRequired","func","bool","node","_default","exports"],"sources":["../../src/upgrade-modal/BaseModal.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { ActionRow, MarketingModal, ModalDialog } from '@openedx/paragon';\nimport CertificatePreview from '../upgrade-notification/certificate-preview';\nimport { OPTIMIZELY_VTR_BULLET_EXPERIMENT } from '../data';\n\nconst BaseModal = ({\n  isOpen,\n  close,\n  courseId,\n  offer,\n  callToActionButton,\n  variationKey,\n  children,\n}) => {\n  const intl = useIntl();\n  const title = intl.formatMessage({\n    id: 'learning.upgrade-modal.title',\n    defaultMessage: 'Pursue a verified certificate',\n    description: 'Upgrade modal title',\n  });\n\n  const isTableVariation = variationKey === OPTIMIZELY_VTR_BULLET_EXPERIMENT.VARIATIONS.EXPERIMENT;\n\n  return (\n    <MarketingModal\n      title={title}\n      isOpen={isOpen}\n      onClose={close}\n      isBlocking\n      size=\"md\"\n      heroIsDark\n      heroNode={(\n        <ModalDialog.Hero\n          className=\"justify-content-center\"\n          style={{\n            background: 'linear-gradient(#001B1E, #0E3639)',\n            borderTopLeftRadius: '6.8px',\n            borderTopRightRadius: '6.8px',\n          }}\n        >\n          <ModalDialog.Hero.Content className=\"m-0 text-primary-500\">\n            <CertificatePreview {...{ courseId, bgColor: 'bg-light-100' }} />\n          </ModalDialog.Hero.Content>\n        </ModalDialog.Hero>\n      )}\n      footerNode={(\n        <ActionRow isStacked className=\"mb-2\">\n          {offer && (\n            <div className=\"text-center\">\n              {intl.formatMessage(\n                {\n                  id: 'learning.generic.upgradeNotification.code',\n                  defaultMessage: 'Use code {code} at checkout',\n                  description: 'Message to user with code for discounted course price',\n                },\n                {\n                  code: (<span className=\"font-weight-bold\">{offer.code}</span>),\n                },\n              )}\n            </div>\n          )}\n          {callToActionButton}\n        </ActionRow>\n      )}\n    >\n      <h2 className=\"h3 mb-3 mt-2.5\">\n        {!isTableVariation && title}\n      </h2>\n      <div className={isTableVariation ? 'mx-n4' : 'ml-n4'}>\n        {children}\n      </div>\n    </MarketingModal>\n  );\n};\n\nBaseModal.defaultProps = {\n  offer: null,\n};\n\nBaseModal.propTypes = {\n  offer: PropTypes.shape({\n    code: PropTypes.string,\n  }),\n  variationKey: PropTypes.string.isRequired,\n  courseId: PropTypes.string.isRequired,\n  close: PropTypes.func.isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  callToActionButton: PropTypes.node.isRequired,\n  children: PropTypes.node.isRequired,\n};\n\nexport default BaseModal;\n"],"mappings":"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","ignoreList":[]}

package/dist/upgrade-notification/DefaultUpgradeNotification.js

@@ -62,7 +62,7 @@ const DefaultUpgradeNotification = _ref => {
     timeZone: userTimezone
   } : {};
   const correctedTime = new Date(dateNow + timeOffsetMillis);
-  const accessExpirationDate = accessExpiration ? new Date(accessExpiration.expirationDate) : null;
+  const accessExpirationDate = accessExpiration ? new Date(accessExpiration.upgradeDeadline) : null;
   const pastExpirationDeadline = accessExpiration ? new Date(dateNow) > accessExpirationDate : false;
   const shouldDisplayBorder = pluginLocationId.includes('outline');
   const upsellPageName = pluginLocationId === 'outline_tab_notifications' ? 'course_home' : 'in_course';

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","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":[]}
+{"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","upgradeDeadline","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","expirationDate","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.upgradeDeadline) : 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

@@ -66,7 +66,7 @@ const ExperimentalUpgradeNotification = _ref => {
     timeZone: userTimezone
   } : {};
   const correctedTime = new Date(dateNow + timeOffsetMillis);
-  const accessExpirationDate = accessExpiration ? new Date(accessExpiration.expirationDate) : null;
+  const accessExpirationDate = accessExpiration ? new Date(accessExpiration.upgradeDeadline) : null;
   const pastExpirationDeadline = accessExpiration ? new Date(dateNow) > accessExpirationDate : false;
   const shouldDisplayBorder = pluginLocationId.includes('outline');
   const upsellPageName = pluginLocationId === 'outline_tab_notifications' ? 'course_home' : 'in_course';

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","_utils","_data","_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","ExperimentalUpgradeNotification","_ref","id","courseId","model","setNotificationCurrentState","toggleSidebar","optimizely","pluginLocationId","KEY","experimentKey","VARIATIONS","ANY_CLICK_ACTION","SIDEBAR_CLICK_ACTION","OPTIMIZELY_VTR_BULLET_EXPERIMENT","formatMessage","useIntl","org","userTimezone","verifiedMode","useModel","marketingUrl","accessExpiration","datesBannerInfo","offer","timeOffsetMillis","dateNow","Date","now","timezoneFormatArgs","timeZone","correctedTime","accessExpirationDate","expirationDate","pastExpirationDeadline","shouldDisplayBorder","includes","upsellPageName","setupgradeNotificationCurrentState","isFBE","contentTypeGatingEnabled","decision","useDecision","enabled","variationKey","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","getBulletVariation","enabledVariation","jsx","ExperimentalUpsellBullets","callToActionButton","offerCode","hoursToAccessExpiration","Math","floor","hoursToDiscountExpiration","messages","firstTimeLearnerDiscountHeader","percentage","ExpirationCountdown","hoursToExpiration","type","accessExpirationHeader","AccessExpirationDateBanner","accessExpirationUrgentHeader","CONTROL","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 getBulletVariation from '../optimizely/utils';\nimport { OPTIMIZELY_VTR_BULLET_EXPERIMENT } from '../data';\nimport CertificatePreview from './certificate-preview';\nimport {\n  ExpirationCountdown,\n  AccessExpirationDateBanner,\n  PastExpirationDateBanner,\n  PastExpirationCardContent,\n  UpsellFBESoonCardContent,\n  ExperimentalUpsellBullets,\n} from '../generic';\nimport messages from './messages';\n\nconst ExperimentalUpgradeNotification = ({\n  id,\n  courseId,\n  model,\n  setNotificationCurrentState,\n  toggleSidebar,\n  optimizely,\n}) => {\n  const pluginLocationId = id;\n  const {\n    KEY: experimentKey,\n    VARIATIONS,\n    ANY_CLICK_ACTION,\n    SIDEBAR_CLICK_ACTION,\n  } = OPTIMIZELY_VTR_BULLET_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(ANY_CLICK_ACTION);\n    optimizely.track(SIDEBAR_CLICK_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 = getBulletVariation({\n    enabled,\n    variationKey,\n    isFBE,\n    enabledVariation: (\n      <ExperimentalUpsellBullets {...{ isFBE }} />\n    ),\n  });\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.CONTROL) {\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":[]}
+{"version":3,"file":"ExperimentalUpgradeNotification.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_analytics","_paragon","_icons","_reactSdk","_upgradeButton","_modelStore","_utils","_data","_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","ExperimentalUpgradeNotification","_ref","id","courseId","model","setNotificationCurrentState","toggleSidebar","optimizely","pluginLocationId","KEY","experimentKey","VARIATIONS","ANY_CLICK_ACTION","SIDEBAR_CLICK_ACTION","OPTIMIZELY_VTR_BULLET_EXPERIMENT","formatMessage","useIntl","org","userTimezone","verifiedMode","useModel","marketingUrl","accessExpiration","datesBannerInfo","offer","timeOffsetMillis","dateNow","Date","now","timezoneFormatArgs","timeZone","correctedTime","accessExpirationDate","upgradeDeadline","pastExpirationDeadline","shouldDisplayBorder","includes","upsellPageName","setupgradeNotificationCurrentState","isFBE","contentTypeGatingEnabled","decision","useDecision","enabled","variationKey","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","getBulletVariation","enabledVariation","jsx","ExperimentalUpsellBullets","callToActionButton","offerCode","hoursToAccessExpiration","Math","floor","hoursToDiscountExpiration","expirationDate","messages","firstTimeLearnerDiscountHeader","percentage","ExpirationCountdown","hoursToExpiration","type","accessExpirationHeader","AccessExpirationDateBanner","accessExpirationUrgentHeader","CONTROL","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 getBulletVariation from '../optimizely/utils';\nimport { OPTIMIZELY_VTR_BULLET_EXPERIMENT } from '../data';\nimport CertificatePreview from './certificate-preview';\nimport {\n  ExpirationCountdown,\n  AccessExpirationDateBanner,\n  PastExpirationDateBanner,\n  PastExpirationCardContent,\n  UpsellFBESoonCardContent,\n  ExperimentalUpsellBullets,\n} from '../generic';\nimport messages from './messages';\n\nconst ExperimentalUpgradeNotification = ({\n  id,\n  courseId,\n  model,\n  setNotificationCurrentState,\n  toggleSidebar,\n  optimizely,\n}) => {\n  const pluginLocationId = id;\n  const {\n    KEY: experimentKey,\n    VARIATIONS,\n    ANY_CLICK_ACTION,\n    SIDEBAR_CLICK_ACTION,\n  } = OPTIMIZELY_VTR_BULLET_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.upgradeDeadline) : 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(ANY_CLICK_ACTION);\n    optimizely.track(SIDEBAR_CLICK_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 = getBulletVariation({\n    enabled,\n    variationKey,\n    isFBE,\n    enabledVariation: (\n      <ExperimentalUpsellBullets {...{ isFBE }} />\n    ),\n  });\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.CONTROL) {\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":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AAEA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAEA,IAAAW,MAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,KAAA,GAAAZ,OAAA;AACA,IAAAa,mBAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,QAAA,GAAAd,OAAA;AAQA,IAAAe,SAAA,GAAAb,sBAAA,CAAAF,OAAA;AAAkC,IAAAgB,WAAA,GAAAhB,OAAA;AAAA,SAAAE,uBAAAe,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAtB,wBAAAsB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAd,CAAA,EAAAY,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAhB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAjB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAM,MAAA,CAAAS,IAAA,CAAAlB,CAAA,OAAAS,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAAnB,CAAA,GAAAE,CAAA,KAAAkB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAnB,CAAA,WAAAO,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAE,CAAA,EAAAoB,UAAA,OAAAnB,CAAA,CAAAoB,IAAA,CAAAC,KAAA,CAAArB,CAAA,EAAAiB,CAAA,YAAAjB,CAAA;AAAA,SAAAsB,cAAAzB,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAAwB,SAAA,CAAAC,MAAA,EAAAzB,CAAA,UAAAC,CAAA,WAAAuB,SAAA,CAAAxB,CAAA,IAAAwB,SAAA,CAAAxB,CAAA,QAAAA,CAAA,OAAAe,OAAA,CAAAR,MAAA,CAAAN,CAAA,OAAAyB,OAAA,WAAA1B,CAAA,IAAA2B,eAAA,CAAA7B,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAO,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAA/B,CAAA,EAAAS,MAAA,CAAAqB,yBAAA,CAAA3B,CAAA,KAAAc,OAAA,CAAAR,MAAA,CAAAN,CAAA,GAAAyB,OAAA,WAAA1B,CAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAV,CAAA,EAAAE,CAAA,EAAAO,MAAA,CAAAE,wBAAA,CAAAR,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAAA,SAAA6B,gBAAAjC,GAAA,EAAAoC,GAAA,EAAAC,KAAA,IAAAD,GAAA,GAAAE,cAAA,CAAAF,GAAA,OAAAA,GAAA,IAAApC,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAoC,GAAA,IAAAC,KAAA,EAAAA,KAAA,EAAAX,UAAA,QAAAa,YAAA,QAAAC,QAAA,oBAAAxC,GAAA,CAAAoC,GAAA,IAAAC,KAAA,WAAArC,GAAA;AAAA,SAAAsC,eAAA/B,CAAA,QAAAY,CAAA,GAAAsB,YAAA,CAAAlC,CAAA,uCAAAY,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAsB,aAAAlC,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAH,CAAA,GAAAG,CAAA,CAAAmC,MAAA,CAAAC,WAAA,kBAAAvC,CAAA,QAAAe,CAAA,GAAAf,CAAA,CAAAc,IAAA,CAAAX,CAAA,EAAAD,CAAA,uCAAAa,CAAA,SAAAA,CAAA,YAAAyB,SAAA,yEAAAtC,CAAA,GAAAuC,MAAA,GAAAC,MAAA,EAAAvC,CAAA,KAxBlC;AA0BA,MAAMwC,+BAA+B,GAAGC,IAAA,IAOlC;EAAA,IAPmC;IACvCC,EAAE;IACFC,QAAQ;IACRC,KAAK;IACLC,2BAA2B;IAC3BC,aAAa;IACbC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,gBAAgB,GAAGN,EAAE;EAC3B,MAAM;IACJO,GAAG,EAAEC,aAAa;IAClBC,UAAU;IACVC,gBAAgB;IAChBC;EACF,CAAC,GAAGC,sCAAgC;EACpC,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEnC,MAAM;IACJC,GAAG;IACHC,YAAY;IACZC;EACF,CAAC,GAAG,IAAAC,oBAAQ,EAAC,gBAAgB,EAAEjB,QAAQ,CAAC;EAExC,MAAM;IACJkB;EACF,CAAC,GAAG,IAAAD,oBAAQ,EAAC,gBAAgB,EAAEjB,QAAQ,CAAC;EAExC,MAAM;IACJmB,gBAAgB;IAChBC,eAAe;IACfC,KAAK;IACLC;EACF,CAAC,GAAG,IAAAL,oBAAQ,EAAChB,KAAK,EAAED,QAAQ,CAAC;EAE7B,MAAMuB,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;EAC1B,MAAMC,kBAAkB,GAAGX,YAAY,GAAG;IAAEY,QAAQ,EAAEZ;EAAa,CAAC,GAAG,CAAC,CAAC;EACzE,MAAMa,aAAa,GAAG,IAAIJ,IAAI,CAACD,OAAO,GAAGD,gBAAgB,CAAC;EAC1D,MAAMO,oBAAoB,GAAGV,gBAAgB,GAAG,IAAIK,IAAI,CAACL,gBAAgB,CAACW,eAAe,CAAC,GAAG,IAAI;EACjG,MAAMC,sBAAsB,GAAGZ,gBAAgB,GAAG,IAAIK,IAAI,CAACD,OAAO,CAAC,GAAGM,oBAAoB,GAAG,KAAK;EAClG,MAAMG,mBAAmB,GAAG3B,gBAAgB,CAAC4B,QAAQ,CAAC,SAAS,CAAC;EAChE,MAAMC,cAAc,GAAG7B,gBAAgB,KAAK,2BAA2B,GAAG,aAAa,GAAG,WAAW;EACrG,MAAM8B,kCAAkC,GAAGjC,2BAA2B;EACtE,MAAMkC,KAAK,GAAG,CAAC,CAACjB,gBAAgB,IAAI,CAAC,CAACC,eAAe,EAAEiB,wBAAwB;EAE/E,MAAM,CAACC,QAAQ,CAAC,GAAG,IAAAC,qBAAW,EAAChC,aAAa,CAAC;EAC7C,MAAM;IAAEiC,OAAO;IAAEC;EAAa,CAAC,GAAGH,QAAQ;;EAE1C;EACA;EACA,MAAMI,oBAAoB,GAAG;IAC3BC,cAAc,EAAEpC,aAAa;IAC7BqC,aAAa,EAAEH;EACjB,CAAC;EAED,MAAMI,eAAe,GAAG;IACtBC,OAAO,EAAEhC,GAAG;IACZiC,aAAa,EAAE/C;EACjB,CAAC;EAED,MAAMgD,wBAAwB,GAAArE,aAAA,CAAAA,aAAA;IAC5BsE,QAAQ,EAAE,eAAe;IACzBC,IAAI,EAAE,+BAA+B;IACrCC,QAAQ,EAAE,iBAAiB;IAC3BC,YAAY,EAAE;EAAwC,GACnDP,eAAe,GACfH,oBAAoB,CACxB;EAED,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAAC,+BAAoB,EAAC,+CAA+C,EAAET,eAAe,CAAC;IACtF,IAAAU,yBAAc,EAAC,kBAAkB,EAAEP,wBAAwB,CAAC;IAC5D;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAAChC,YAAY,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,MAAMwC,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAAF,+BAAoB,EAAC,6CAA6C,EAAET,eAAe,CAAC;IACpF,IAAAS,+BAAoB,EAAC,uCAAuC,EAAA3E,aAAA,CAAAA,aAAA,KACvDkE,eAAe;MAClBY,QAAQ,EAAE;IAAiB,EAC5B,CAAC;IACF,IAAAF,yBAAc,EAAC,mBAAmB,EAAEP,wBAAwB,CAAC;IAC7D,IAAAO,yBAAc,EAAC,uCAAuC,EAAA5E,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACjDkE,eAAe,GACfH,oBAAoB;MACvBgB,YAAY,EAAE,eAAe;MAC7BC,QAAQ,EAAE,GAAGzB,cAAc,QAAQ;MACnC0B,QAAQ,EAAE,QAAQ;MAClBC,QAAQ,EAAE3B;IAAc,EACzB,CAAC;IACF9B,UAAU,CAAC0D,KAAK,CAACrD,gBAAgB,CAAC;IAClCL,UAAU,CAAC0D,KAAK,CAACpD,oBAAoB,CAAC;EACxC,CAAC;EAED,MAAMqD,sBAAsB,GAAGA,CAAA,KAAM;IACnC,IAAAR,yBAAc,EAAC,sEAAsE,EAAA5E,aAAA,CAAAA,aAAA,CAAAA,aAAA,KAChFkE,eAAe,GACfH,oBAAoB;MACvBgB,YAAY,EAAE,sBAAsB;MACpCC,QAAQ,EAAE,GAAGzB,cAAc,iBAAiB;MAC5C0B,QAAQ,EAAE,QAAQ;MAClBC,QAAQ,EAAE3B;IAAc,EACzB,CAAC;EACJ,CAAC;;EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAI8B,6BAA6B;EACjC,IAAIC,gBAAgB;EACpB,IAAIC,aAAa,GAAG,IAAAC,cAAkB,EAAC;IACrC3B,OAAO;IACPC,YAAY;IACZL,KAAK;IACLgC,gBAAgB,eACd,IAAAvH,WAAA,CAAAwH,GAAA,EAAC1H,QAAA,CAAA2H,yBAAyB;MAAOlC;IAAK,CAAK;EAE/C,CAAC,CAAC;EACF,IAAImC,kBAAkB;EACtB,IAAIC,SAAS;EAEb,IAAIpC,KAAK,EAAE;IACT,MAAMqC,uBAAuB,GAAGC,IAAI,CAACC,KAAK,CAAC,CAAC9C,oBAAoB,GAAGD,aAAa,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC;IAEnG,IAAI6C,uBAAuB,IAAK,CAAC,GAAG,EAAG,EAAE;MACvC,IAAIpD,KAAK,EAAE;QAAE;QACX,MAAMuD,yBAAyB,GAAGF,IAAI,CAACC,KAAK,CAAC,CAAC,IAAInD,IAAI,CAACH,KAAK,CAACwD,cAAc,CAAC,GAAGjD,aAAa,IAAI,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC;QAC/GoC,6BAA6B,GAAGpD,aAAa,CAC3CkE,iBAAQ,CAACC,8BAA8B,EACvC;UAAEC,UAAU,EAAG3D,KAAK,CAAC2D;QAAY,CACnC,CAAC;QACDf,gBAAgB,gBACd,IAAApH,WAAA,CAAAwH,GAAA,EAAC1H,QAAA,CAAAsI,mBAAmB;UAClBjF,QAAQ,EAAEA,QAAS;UACnBkF,iBAAiB,EAAEN,yBAA0B;UAC7CzC,kCAAkC,EAAEA,kCAAmC;UACvEgD,IAAI,EAAC;QAAO,CACb,CACF;MACH,CAAC,MAAM;QACLnB,6BAA6B,GAAGpD,aAAa,CAACkE,iBAAQ,CAACM,sBAAsB,CAAC;QAC9EnB,gBAAgB,gBACd,IAAApH,WAAA,CAAAwH,GAAA,EAAC1H,QAAA,CAAA0I,0BAA0B;UACzBrF,QAAQ,EAAEA,QAAS;UACnB6B,oBAAoB,EAAEA,oBAAqB;UAC3CH,kBAAkB,EAAEA,kBAAmB;UACvCS,kCAAkC,EAAEA;QAAmC,CACxE,CACF;MACH;IACF,CAAC,MAAM,IAAIsC,uBAAuB,GAAI,CAAC,GAAG,EAAG,IAAIA,uBAAuB,IAAI,CAAC,EAAE;MAC7E;MACAT,6BAA6B,GAAGpD,aAAa,CAACkE,iBAAQ,CAACQ,4BAA4B,CAAC;MACpFrB,gBAAgB,gBACd,IAAApH,WAAA,CAAAwH,GAAA,EAAC1H,QAAA,CAAAsI,mBAAmB;QAClBjF,QAAQ,EAAEA,QAAS;QACnBkF,iBAAiB,EAAET,uBAAwB;QAC3CtC,kCAAkC,EAAEA,kCAAmC;QACvEgD,IAAI,EAAC;MAAQ,CACd,CACF;MACD,IAAI1C,YAAY,KAAKjC,UAAU,CAAC+E,OAAO,EAAE;QACvCrB,aAAa,gBACX,IAAArH,WAAA,CAAAwH,GAAA,EAAC1H,QAAA,CAAA6I,wBAAwB;UACvB3D,oBAAoB,EAAEA,oBAAqB;UAC3CH,kBAAkB,EAAEA;QAAmB,CACxC,CACF;MACH;IACF,CAAC,MAAM;MAAE;MACPsC,6BAA6B,GAAGpD,aAAa,CAACkE,iBAAQ,CAACW,0BAA0B,CAAC;MAClFxB,gBAAgB,gBACd,IAAApH,WAAA,CAAAwH,GAAA,EAAC1H,QAAA,CAAA+I,wBAAwB;QACvB1F,QAAQ,EAAEA,QAAS;QACnB6B,oBAAoB,EAAEA,oBAAqB;QAC3CH,kBAAkB,EAAEA,kBAAmB;QACvCS,kCAAkC,EAAEA;MAAmC,CACxE,CACF;MACD+B,aAAa,gBACX,IAAArH,WAAA,CAAAwH,GAAA,EAAC1H,QAAA,CAAAgJ,yBAAyB,IAAE,CAC7B;IACH;EACF;EAEA,IAAI5D,sBAAsB,EAAE;IAC1BwC,kBAAkB,gBAChB,IAAA1H,WAAA,CAAAwH,GAAA,EAAClI,QAAA,CAAAyJ,MAAM;MACLC,OAAO,EAAC,SAAS;MACjBC,OAAO,EAAE/B,sBAAuB;MAChCgC,IAAI,EAAE7E,YAAa;MACnB8E,KAAK;MAAAC,QAAA,EAEJrF,aAAa,CAACkE,iBAAQ,CAACoB,+BAA+B;IAAC,CAClD,CACT;EACH,CAAC,MAAM;IACL3B,kBAAkB,gBAChB,IAAA1H,WAAA,CAAAwH,GAAA,EAAC/H,cAAA,CAAA6J,aAAa;MACZ9E,KAAK,EAAEA,KAAM;MACbyE,OAAO,EAAEtC,QAAS;MAClBxC,YAAY,EAAEA,YAAa;MAC3BgF,KAAK;IAAA,CACN,CACF;EACH;EAEA,IAAI3E,KAAK,EAAE;IAAE;IACXmD,SAAS,gBACP,IAAA3H,WAAA,CAAAwH,GAAA;MAAK+B,SAAS,EAAC,2BAA2B;MAAAH,QAAA,EACvCrF,aAAa,CACZkE,iBAAQ,CAACuB,mBAAmB,EAC5B;QACEC,IAAI,eAAG,IAAAzJ,WAAA,CAAAwH,GAAA;UAAM+B,SAAS,EAAC,kBAAkB;UAAAH,QAAA,EAAE5E,KAAK,CAACiF;QAAI,CAAO;MAC9D,CACF;IAAC,CACE,CACN;EACH;EAEA,oBACE,IAAAzJ,WAAA,CAAAwH,GAAA;IAAS+B,SAAS,EAAE,IAAAG,mBAAU,EAAC,4BAA4B,EAAE;MAAE,6CAA6C,EAAEvE;IAAoB,CAAC,CAAE;IAAAiE,QAAA,eACnI,IAAApJ,WAAA,CAAA2J,IAAA;MAAKzG,EAAE,EAAC,gCAAgC;MAAAkG,QAAA,gBACtC,IAAApJ,WAAA,CAAA2J,IAAA;QACEJ,SAAS,EAAE,IAAAG,mBAAU,EAAC,6BAA6B,EAAE;UACnD,yDAAyD,EAAE,CAAC,CAACpG;QAC/D,CAAC,CAAE;QACHJ,EAAE,EAAC,gCAAgC;QAAAkG,QAAA,GAElCrF,aAAa,CAACkE,iBAAQ,CAAC2B,wBAAwB,CAAC,EAChD,CAAC,CAACtG,aAAa,iBACd,IAAAtD,WAAA,CAAAwH,GAAA;UAAK+B,SAAS,EAAC,uBAAuB;UAAAH,QAAA,eACpC,IAAApJ,WAAA,CAAAwH,GAAA,EAAClI,QAAA,CAAAuK,UAAU;YACTC,GAAG,EAAEC,YAAM;YACXC,IAAI,EAAC,IAAI;YACTC,MAAM,EAAEC,aAAK;YACbjB,OAAO,EAAE3F,aAAc;YACvBiG,SAAS,EAAC,YAAY;YACtBY,GAAG,EAAEpG,aAAa,CAACkE,iBAAQ,CAACmC,QAAQ;UAAE,CACvC;QAAC,CACC,CACN;MAAA,CACC,CAAC,eACL,IAAApK,WAAA,CAAAwH,GAAA,EAAC3H,mBAAA,CAAAM,OAAkB;QAACgD,QAAQ,EAAEA;MAAS,CAAE,CAAC,eAC1C,IAAAnD,WAAA,CAAAwH,GAAA;QAAI+B,SAAS,EAAC,MAAM;QAAAH,QAAA,EACjBjC;MAA6B,CAC5B,CAAC,EACJC,gBAAgB,eACjB,IAAApH,WAAA,CAAAwH,GAAA;QAAK+B,SAAS,EAAC,8BAA8B;QAAAH,QAAA,EAC1C/B;MAAa,CACX,CAAC,eACN,IAAArH,WAAA,CAAAwH,GAAA;QAAK+B,SAAS,EAAC,6BAA6B;QAAAH,QAAA,EACzC1B;MAAkB,CAChB,CAAC,EACLC,SAAS;IAAA,CACP;EAAC,CACC,CAAC;AAEd,CAAC;AAED3E,+BAA+B,CAACqH,SAAS,GAAG;EAC1CnH,EAAE,EAAEoH,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC/BrH,QAAQ,EAAEmH,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrCpH,KAAK,EAAEkH,kBAAS,CAACC,MAAM;EACvBlH,2BAA2B,EAAEiH,kBAAS,CAACG,IAAI;EAC3CnH,aAAa,EAAEgH,kBAAS,CAACG,IAAI;EAC7B;EACAlH,UAAU,EAAE+G,kBAAS,CAACI,MAAM,CAACF;AAC/B,CAAC;AAEDxH,+BAA+B,CAAC2H,YAAY,GAAG;EAC7CtH,2BAA2B,EAAE,IAAI;EACjCC,aAAa,EAAE,IAAI;EACnBF,KAAK,EAAE;AACT,CAAC;AAAC,IAAAwH,QAAA,GAAAC,OAAA,CAAA1K,OAAA,GAEa,IAAA2K,wBAAc,EAAC9H,+BAA+B,CAAC","ignoreList":[]}

package/package.json

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