@edx/frontend-plugin-advertisements 2.28.0 → 2.30.0

package/dist/paywall/LockPaywall.js

@@ -86,7 +86,13 @@ const LockPaywall = _ref => {
       courseId: courseId,
       offer: subscriptionOffer,
       onSubscribeClick: handleSubscribeClick,
-      onUpgradeEvent: stage => stage === 'succeeded' && handleUpgradeClick()
+      onUpgradeEvent: (0, _subscriptionUpsell.logSubscriptionUpgrade)({
+        org,
+        courseId,
+        pageName: 'in_course',
+        placement: 'paywall',
+        linkName: 'in_course_upgrade_now'
+      }, conversion)
     });
   }
   const {

package/dist/paywall/LockPaywall.js.map

@@ -1 +1 @@
-{"version":3,"file":"LockPaywall.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_i18n","_paragon","_icons","_messages","_edX_locked_certificate","_modelStore","_upgradeButton","_auth","_analytics","_upsellBullets","_cohesion","_subscriptionUpsell","_SubscriptionPaywall","_jsxRuntime","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","LockPaywall","_ref","courseId","intl","useIntl","course","useModel","accessExpiration","marketingUrl","offer","org","verifiedMode","conversion","useCohesion","subscriptionOffer","useSubscriptionOffer","shouldDisplayGatedContentTwoColumnsHalf","useWindowSize","width","breakpoints","large","minWidth","shouldWrapTextOnButton","extraSmall","accessExpirationDate","Date","expirationDate","pastExpirationDeadline","now","eventProperties","org_key","courserun_key","handleUpgradeClick","sendTrackEvent","linkCategory","linkName","linkType","pageName","handleSubscribeClick","canSubscribe","canUpgradeInPlace","jsx","onSubscribeClick","onUpgradeEvent","stage","userId","getAuthenticatedUser","handleUpgradeClickPastExpiration","Alert","variant","icon","Locked","className","children","jsxs","formatMessage","messages","Hyperlink","destination","onClick","target","id","defaultMessage","description","classNames","style","float","alt","src","certificateLocked","height","VerifiedCertBullet","UnlockGradedBullet","FullAccessBullet","SupportMissionBullet","UpgradeButton","whiteSpace","propTypes","PropTypes","string","isRequired","_default","exports"],"sources":["../../src/paywall/LockPaywall.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  Alert, breakpoints, Hyperlink, useWindowSize,\n} from '@openedx/paragon';\nimport { Locked } from '@openedx/paragon/icons';\nimport messages from '@src/courseware/course/sequence/lock-paywall/messages';\nimport certificateLocked from '@src/generic/assets/edX_locked_certificate.png';\nimport { useModel } from '@src/generic/model-store';\nimport { UpgradeButton } from '@src/generic/upgrade-button';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\n\nimport {\n  VerifiedCertBullet,\n  UnlockGradedBullet,\n  FullAccessBullet,\n  SupportMissionBullet,\n} from '../generic/upsell-bullets';\nimport { useCohesion } from '../cohesion';\nimport { useSubscriptionOffer } from '../subscription-upsell';\nimport SubscriptionPaywall from './SubscriptionPaywall';\n\nconst LockPaywall = ({\n  courseId,\n}) => {\n  const intl = useIntl();\n  const course = useModel('coursewareMeta', courseId);\n  const {\n    accessExpiration,\n    marketingUrl,\n    offer,\n  } = course;\n\n  const {\n    org, verifiedMode,\n  } = useModel('courseHomeMeta', courseId);\n\n  const { conversion } = useCohesion(courseId);\n  const subscriptionOffer = useSubscriptionOffer(courseId);\n\n  // the following variables are set and used for responsive layout to work with\n  // whether the NotificationTray is open or not and if there's an offer with longer text\n  const shouldDisplayGatedContentTwoColumnsHalf = useWindowSize().width <= breakpoints.large.minWidth;\n  const shouldWrapTextOnButton = useWindowSize().width > breakpoints.extraSmall.minWidth;\n\n  const accessExpirationDate = accessExpiration ? new Date(accessExpiration.expirationDate) : null;\n  const pastExpirationDeadline = accessExpiration ? new Date(Date.now()) > accessExpirationDate : false;\n\n  if (!verifiedMode) {\n    return null;\n  }\n\n  const eventProperties = {\n    org_key: org,\n    courserun_key: courseId,\n  };\n\n  const handleUpgradeClick = () => {\n    sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n      ...eventProperties,\n      linkCategory: '(none)',\n      linkName: 'in_course_upgrade',\n      linkType: 'link',\n      pageName: 'in_course',\n    });\n\n    conversion('Upgraded');\n  };\n\n  const handleSubscribeClick = () => {\n    sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n      ...eventProperties,\n      linkCategory: '(none)',\n      linkName: 'in_course_subscribe',\n      linkType: 'link',\n      pageName: 'in_course',\n    });\n    conversion('Subscribe Clicked'); // on the click, before checkout\n  };\n\n  // Learners who can subscribe get the Subscribe banner (Figma shows Subscribe only) and subscribers\n  // get the same banner with Upgrade now. Unknown status keeps the paywall below.\n  if (!pastExpirationDeadline && (subscriptionOffer?.canSubscribe || subscriptionOffer?.canUpgradeInPlace)) {\n    return (\n      <SubscriptionPaywall\n        courseId={courseId}\n        offer={subscriptionOffer}\n        onSubscribeClick={handleSubscribeClick}\n        onUpgradeEvent={(stage) => stage === 'succeeded' && handleUpgradeClick()}\n      />\n    );\n  }\n\n  const { userId } = getAuthenticatedUser();\n\n  const handleUpgradeClickPastExpiration = () => {\n    sendTrackEvent('edx.bi.ecommerce.gated_content.past_expiration.link_clicked', {\n      ...eventProperties,\n      linkCategory: 'gated_content',\n      linkName: 'course_details',\n      linkType: 'link',\n      pageName: 'in_course',\n    });\n  };\n\n  return (\n    <Alert variant=\"light\" aria-live=\"off\" icon={Locked} className=\"lock-paywall-container\" data-testid=\"lock-paywall-lock-paywall-test-id\">\n      <div className=\"row\">\n        <div className=\"col\">\n          <h4 aria-level=\"3\">\n            <span>{intl.formatMessage(messages['learn.lockPaywall.title'])}</span>\n          </h4>\n          {pastExpirationDeadline ? (\n            <div className=\"mb-2 upgrade-intro\" data-testid=\"lock-paywall-past-expiration\">\n              {intl.formatMessage(messages['learn.lockPaywall.content.pastExpiration'])}\n              <Hyperlink\n                destination={marketingUrl}\n                onClick={handleUpgradeClickPastExpiration(eventProperties)}\n                target=\"_blank\"\n                data-testid=\"lock-paywall-past-expiration-link\"\n              >\n                {intl.formatMessage(messages['learn.lockPaywall.courseDetails'])}\n                <span>\n                  {intl.formatMessage({\n                    id: 'learn.lockPaywall.content.link.new-tab.screenreader-only.message',\n                    defaultMessage: 'in a new tab',\n                    description: 'Screenreader only text for new tab link',\n                  })}\n                </span>\n              </Hyperlink>\n            </div>\n          ) : (\n            <div className=\"mb-2 upgrade-intro\">\n              {intl.formatMessage(messages['learn.lockPaywall.content'])}\n            </div>\n          )}\n\n          <div className={classNames('d-inline-flex flex-row', { 'flex-wrap': shouldDisplayGatedContentTwoColumnsHalf })}>\n            <div style={{ float: 'left' }} className=\"mr-3 mb-2\">\n              <img\n                alt={intl.formatMessage(messages['learn.lockPaywall.example.alt'])}\n                src={certificateLocked}\n                className=\"border-0 certificate-image-banner\"\n                style={{ height: '128px', width: '175px' }}\n              />\n            </div>\n\n            <div className=\"mw-xs list-div\">\n              <div className=\"mb-2\">\n                {intl.formatMessage(messages['learn.lockPaywall.list.intro'])}\n              </div>\n              <ul className=\"fa-ul ml-4 pl-2\">\n                <VerifiedCertBullet />\n                <UnlockGradedBullet />\n                <FullAccessBullet />\n                <SupportMissionBullet />\n              </ul>\n            </div>\n          </div>\n        </div>\n\n        {pastExpirationDeadline\n          ? null\n          : (\n            <div\n              className={\n                classNames('d-flex flex-column align-items-md-center text-right justify-content-center', {\n                  'col-md-4 mx-md-3': !shouldDisplayGatedContentTwoColumnsHalf, 'col-md-6': shouldDisplayGatedContentTwoColumnsHalf,\n                })\n              }\n            >\n              <UpgradeButton\n                offer={offer}\n                onClick={() => handleUpgradeClick(eventProperties, userId)}\n                verifiedMode={verifiedMode}\n                style={{ whiteSpace: shouldWrapTextOnButton ? 'nowrap' : null }}\n                data-testid=\"upgrade-button\"\n              />\n            </div>\n          )}\n      </div>\n    </Alert>\n  );\n};\nLockPaywall.propTypes = {\n  courseId: PropTypes.string.isRequired,\n};\n\nexport default LockPaywall;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,uBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AAEA,IAAAY,cAAA,GAAAZ,OAAA;AAMA,IAAAa,SAAA,GAAAb,OAAA;AACA,IAAAc,mBAAA,GAAAd,OAAA;AACA,IAAAe,oBAAA,GAAAhB,sBAAA,CAAAC,OAAA;AAAwD,IAAAgB,WAAA,GAAAhB,OAAA;AAAA,SAAAD,uBAAAkB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,QAAAH,CAAA,EAAAI,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAP,CAAA,OAAAM,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAR,CAAA,GAAAI,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAX,CAAA,EAAAI,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAf,CAAA,aAAAI,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAD,OAAA,CAAAG,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,IAAAe,eAAA,CAAAnB,CAAA,EAAAI,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAArB,CAAA,EAAAM,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAF,OAAA,CAAAG,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAtB,CAAA,EAAAI,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAJ,CAAA;AAAA,SAAAmB,gBAAAnB,CAAA,EAAAI,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAAmB,cAAA,CAAAnB,CAAA,MAAAJ,CAAA,GAAAM,MAAA,CAAAgB,cAAA,CAAAtB,CAAA,EAAAI,CAAA,IAAAoB,KAAA,EAAAnB,CAAA,EAAAO,UAAA,MAAAa,YAAA,MAAAC,QAAA,UAAA1B,CAAA,CAAAI,CAAA,IAAAC,CAAA,EAAAL,CAAA;AAAA,SAAAuB,eAAAlB,CAAA,QAAAsB,CAAA,GAAAC,YAAA,CAAAvB,CAAA,uCAAAsB,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAC,aAAAvB,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAL,CAAA,GAAAK,CAAA,CAAAwB,MAAA,CAAAC,WAAA,kBAAA9B,CAAA,QAAA2B,CAAA,GAAA3B,CAAA,CAAA+B,IAAA,CAAA1B,CAAA,EAAAD,CAAA,uCAAAuB,CAAA,SAAAA,CAAA,YAAAK,SAAA,yEAAA5B,CAAA,GAAA6B,MAAA,GAAAC,MAAA,EAAA7B,CAAA,KAxBxD;AA0BA,MAAM8B,WAAW,GAAGC,IAAA,IAEd;EAAA,IAFe;IACnBC;EACF,CAAC,GAAAD,IAAA;EACC,MAAME,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EACtB,MAAMC,MAAM,GAAG,IAAAC,oBAAQ,EAAC,gBAAgB,EAAEJ,QAAQ,CAAC;EACnD,MAAM;IACJK,gBAAgB;IAChBC,YAAY;IACZC;EACF,CAAC,GAAGJ,MAAM;EAEV,MAAM;IACJK,GAAG;IAAEC;EACP,CAAC,GAAG,IAAAL,oBAAQ,EAAC,gBAAgB,EAAEJ,QAAQ,CAAC;EAExC,MAAM;IAAEU;EAAW,CAAC,GAAG,IAAAC,qBAAW,EAACX,QAAQ,CAAC;EAC5C,MAAMY,iBAAiB,GAAG,IAAAC,wCAAoB,EAACb,QAAQ,CAAC;;EAExD;EACA;EACA,MAAMc,uCAAuC,GAAG,IAAAC,sBAAa,EAAC,CAAC,CAACC,KAAK,IAAIC,oBAAW,CAACC,KAAK,CAACC,QAAQ;EACnG,MAAMC,sBAAsB,GAAG,IAAAL,sBAAa,EAAC,CAAC,CAACC,KAAK,GAAGC,oBAAW,CAACI,UAAU,CAACF,QAAQ;EAEtF,MAAMG,oBAAoB,GAAGjB,gBAAgB,GAAG,IAAIkB,IAAI,CAAClB,gBAAgB,CAACmB,cAAc,CAAC,GAAG,IAAI;EAChG,MAAMC,sBAAsB,GAAGpB,gBAAgB,GAAG,IAAIkB,IAAI,CAACA,IAAI,CAACG,GAAG,CAAC,CAAC,CAAC,GAAGJ,oBAAoB,GAAG,KAAK;EAErG,IAAI,CAACb,YAAY,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,MAAMkB,eAAe,GAAG;IACtBC,OAAO,EAAEpB,GAAG;IACZqB,aAAa,EAAE7B;EACjB,CAAC;EAED,MAAM8B,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,IAAAC,yBAAc,EAAC,uCAAuC,EAAArD,aAAA,CAAAA,aAAA,KACjDiD,eAAe;MAClBK,YAAY,EAAE,QAAQ;MACtBC,QAAQ,EAAE,mBAAmB;MAC7BC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE;IAAW,EACtB,CAAC;IAEFzB,UAAU,CAAC,UAAU,CAAC;EACxB,CAAC;EAED,MAAM0B,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAAL,yBAAc,EAAC,uCAAuC,EAAArD,aAAA,CAAAA,aAAA,KACjDiD,eAAe;MAClBK,YAAY,EAAE,QAAQ;MACtBC,QAAQ,EAAE,qBAAqB;MAC/BC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE;IAAW,EACtB,CAAC;IACFzB,UAAU,CAAC,mBAAmB,CAAC,CAAC,CAAC;EACnC,CAAC;;EAED;EACA;EACA,IAAI,CAACe,sBAAsB,KAAKb,iBAAiB,EAAEyB,YAAY,IAAIzB,iBAAiB,EAAE0B,iBAAiB,CAAC,EAAE;IACxG,oBACE,IAAA5E,WAAA,CAAA6E,GAAA,EAAC9E,oBAAA,CAAAI,OAAmB;MAClBmC,QAAQ,EAAEA,QAAS;MACnBO,KAAK,EAAEK,iBAAkB;MACzB4B,gBAAgB,EAAEJ,oBAAqB;MACvCK,cAAc,EAAGC,KAAK,IAAKA,KAAK,KAAK,WAAW,IAAIZ,kBAAkB,CAAC;IAAE,CAC1E,CAAC;EAEN;EAEA,MAAM;IAAEa;EAAO,CAAC,GAAG,IAAAC,0BAAoB,EAAC,CAAC;EAEzC,MAAMC,gCAAgC,GAAGA,CAAA,KAAM;IAC7C,IAAAd,yBAAc,EAAC,6DAA6D,EAAArD,aAAA,CAAAA,aAAA,KACvEiD,eAAe;MAClBK,YAAY,EAAE,eAAe;MAC7BC,QAAQ,EAAE,gBAAgB;MAC1BC,QAAQ,EAAE,MAAM;MAChBC,QAAQ,EAAE;IAAW,EACtB,CAAC;EACJ,CAAC;EAED,oBACE,IAAAzE,WAAA,CAAA6E,GAAA,EAACzF,QAAA,CAAAgG,KAAK;IAACC,OAAO,EAAC,OAAO;IAAC,aAAU,KAAK;IAACC,IAAI,EAAEC,aAAO;IAACC,SAAS,EAAC,wBAAwB;IAAC,eAAY,mCAAmC;IAAAC,QAAA,eACrI,IAAAzF,WAAA,CAAA0F,IAAA;MAAKF,SAAS,EAAC,KAAK;MAAAC,QAAA,gBAClB,IAAAzF,WAAA,CAAA0F,IAAA;QAAKF,SAAS,EAAC,KAAK;QAAAC,QAAA,gBAClB,IAAAzF,WAAA,CAAA6E,GAAA;UAAI,cAAW,GAAG;UAAAY,QAAA,eAChB,IAAAzF,WAAA,CAAA6E,GAAA;YAAAY,QAAA,EAAOlD,IAAI,CAACoD,aAAa,CAACC,iBAAQ,CAAC,yBAAyB,CAAC;UAAC,CAAO;QAAC,CACpE,CAAC,EACJ7B,sBAAsB,gBACrB,IAAA/D,WAAA,CAAA0F,IAAA;UAAKF,SAAS,EAAC,oBAAoB;UAAC,eAAY,8BAA8B;UAAAC,QAAA,GAC3ElD,IAAI,CAACoD,aAAa,CAACC,iBAAQ,CAAC,0CAA0C,CAAC,CAAC,eACzE,IAAA5F,WAAA,CAAA0F,IAAA,EAACtG,QAAA,CAAAyG,SAAS;YACRC,WAAW,EAAElD,YAAa;YAC1BmD,OAAO,EAAEZ,gCAAgC,CAAClB,eAAe,CAAE;YAC3D+B,MAAM,EAAC,QAAQ;YACf,eAAY,mCAAmC;YAAAP,QAAA,GAE9ClD,IAAI,CAACoD,aAAa,CAACC,iBAAQ,CAAC,iCAAiC,CAAC,CAAC,eAChE,IAAA5F,WAAA,CAAA6E,GAAA;cAAAY,QAAA,EACGlD,IAAI,CAACoD,aAAa,CAAC;gBAClBM,EAAE,EAAE,kEAAkE;gBACtEC,cAAc,EAAE,cAAc;gBAC9BC,WAAW,EAAE;cACf,CAAC;YAAC,CACE,CAAC;UAAA,CACE,CAAC;QAAA,CACT,CAAC,gBAEN,IAAAnG,WAAA,CAAA6E,GAAA;UAAKW,SAAS,EAAC,oBAAoB;UAAAC,QAAA,EAChClD,IAAI,CAACoD,aAAa,CAACC,iBAAQ,CAAC,2BAA2B,CAAC;QAAC,CACvD,CACN,eAED,IAAA5F,WAAA,CAAA0F,IAAA;UAAKF,SAAS,EAAE,IAAAY,mBAAU,EAAC,wBAAwB,EAAE;YAAE,WAAW,EAAEhD;UAAwC,CAAC,CAAE;UAAAqC,QAAA,gBAC7G,IAAAzF,WAAA,CAAA6E,GAAA;YAAKwB,KAAK,EAAE;cAAEC,KAAK,EAAE;YAAO,CAAE;YAACd,SAAS,EAAC,WAAW;YAAAC,QAAA,eAClD,IAAAzF,WAAA,CAAA6E,GAAA;cACE0B,GAAG,EAAEhE,IAAI,CAACoD,aAAa,CAACC,iBAAQ,CAAC,+BAA+B,CAAC,CAAE;cACnEY,GAAG,EAAEC,+BAAkB;cACvBjB,SAAS,EAAC,mCAAmC;cAC7Ca,KAAK,EAAE;gBAAEK,MAAM,EAAE,OAAO;gBAAEpD,KAAK,EAAE;cAAQ;YAAE,CAC5C;UAAC,CACC,CAAC,eAEN,IAAAtD,WAAA,CAAA0F,IAAA;YAAKF,SAAS,EAAC,gBAAgB;YAAAC,QAAA,gBAC7B,IAAAzF,WAAA,CAAA6E,GAAA;cAAKW,SAAS,EAAC,MAAM;cAAAC,QAAA,EAClBlD,IAAI,CAACoD,aAAa,CAACC,iBAAQ,CAAC,8BAA8B,CAAC;YAAC,CAC1D,CAAC,eACN,IAAA5F,WAAA,CAAA0F,IAAA;cAAIF,SAAS,EAAC,iBAAiB;cAAAC,QAAA,gBAC7B,IAAAzF,WAAA,CAAA6E,GAAA,EAACjF,cAAA,CAAA+G,kBAAkB,IAAE,CAAC,eACtB,IAAA3G,WAAA,CAAA6E,GAAA,EAACjF,cAAA,CAAAgH,kBAAkB,IAAE,CAAC,eACtB,IAAA5G,WAAA,CAAA6E,GAAA,EAACjF,cAAA,CAAAiH,gBAAgB,IAAE,CAAC,eACpB,IAAA7G,WAAA,CAAA6E,GAAA,EAACjF,cAAA,CAAAkH,oBAAoB,IAAE,CAAC;YAAA,CACtB,CAAC;UAAA,CACF,CAAC;QAAA,CACH,CAAC;MAAA,CACH,CAAC,EAEL/C,sBAAsB,GACnB,IAAI,gBAEJ,IAAA/D,WAAA,CAAA6E,GAAA;QACEW,SAAS,EACP,IAAAY,mBAAU,EAAC,4EAA4E,EAAE;UACvF,kBAAkB,EAAE,CAAChD,uCAAuC;UAAE,UAAU,EAAEA;QAC5E,CAAC,CACF;QAAAqC,QAAA,eAED,IAAAzF,WAAA,CAAA6E,GAAA,EAACpF,cAAA,CAAAsH,aAAa;UACZlE,KAAK,EAAEA,KAAM;UACbkD,OAAO,EAAEA,CAAA,KAAM3B,kBAAkB,CAACH,eAAe,EAAEgB,MAAM,CAAE;UAC3DlC,YAAY,EAAEA,YAAa;UAC3BsD,KAAK,EAAE;YAAEW,UAAU,EAAEtD,sBAAsB,GAAG,QAAQ,GAAG;UAAK,CAAE;UAChE,eAAY;QAAgB,CAC7B;MAAC,CACC,CACN;IAAA,CACA;EAAC,CACD,CAAC;AAEZ,CAAC;AACDtB,WAAW,CAAC6E,SAAS,GAAG;EACtB3E,QAAQ,EAAE4E,kBAAS,CAACC,MAAM,CAACC;AAC7B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnH,OAAA,GAEaiC,WAAW","ignoreList":[]}
+{"version":3,"file":"LockPaywall.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_i18n","_paragon","_icons","_messages","_edX_locked_certificate","_modelStore","_upgradeButton","_auth","_analytics","_upsellBullets","_cohesion","_subscriptionUpsell","_SubscriptionPaywall","_jsxRuntime","e","__esModule","default","ownKeys","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","LockPaywall","_ref","courseId","intl","useIntl","course","useModel","accessExpiration","marketingUrl","offer","org","verifiedMode","conversion","useCohesion","subscriptionOffer","useSubscriptionOffer","shouldDisplayGatedContentTwoColumnsHalf","useWindowSize","width","breakpoints","large","minWidth","shouldWrapTextOnButton","extraSmall","accessExpirationDate","Date","expirationDate","pastExpirationDeadline","now","eventProperties","org_key","courserun_key","handleUpgradeClick","sendTrackEvent","linkCategory","linkName","linkType","pageName","handleSubscribeClick","canSubscribe","canUpgradeInPlace","jsx","onSubscribeClick","onUpgradeEvent","logSubscriptionUpgrade","placement","userId","getAuthenticatedUser","handleUpgradeClickPastExpiration","Alert","variant","icon","Locked","className","children","jsxs","formatMessage","messages","Hyperlink","destination","onClick","target","id","defaultMessage","description","classNames","style","float","alt","src","certificateLocked","height","VerifiedCertBullet","UnlockGradedBullet","FullAccessBullet","SupportMissionBullet","UpgradeButton","whiteSpace","propTypes","PropTypes","string","isRequired","_default","exports"],"sources":["../../src/paywall/LockPaywall.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  Alert, breakpoints, Hyperlink, useWindowSize,\n} from '@openedx/paragon';\nimport { Locked } from '@openedx/paragon/icons';\nimport messages from '@src/courseware/course/sequence/lock-paywall/messages';\nimport certificateLocked from '@src/generic/assets/edX_locked_certificate.png';\nimport { useModel } from '@src/generic/model-store';\nimport { UpgradeButton } from '@src/generic/upgrade-button';\nimport { getAuthenticatedUser } from '@edx/frontend-platform/auth';\nimport { sendTrackEvent } from '@edx/frontend-platform/analytics';\n\nimport {\n  VerifiedCertBullet,\n  UnlockGradedBullet,\n  FullAccessBullet,\n  SupportMissionBullet,\n} from '../generic/upsell-bullets';\nimport { useCohesion } from '../cohesion';\nimport { logSubscriptionUpgrade, useSubscriptionOffer } from '../subscription-upsell';\nimport SubscriptionPaywall from './SubscriptionPaywall';\n\nconst LockPaywall = ({\n  courseId,\n}) => {\n  const intl = useIntl();\n  const course = useModel('coursewareMeta', courseId);\n  const {\n    accessExpiration,\n    marketingUrl,\n    offer,\n  } = course;\n\n  const {\n    org, verifiedMode,\n  } = useModel('courseHomeMeta', courseId);\n\n  const { conversion } = useCohesion(courseId);\n  const subscriptionOffer = useSubscriptionOffer(courseId);\n\n  // the following variables are set and used for responsive layout to work with\n  // whether the NotificationTray is open or not and if there's an offer with longer text\n  const shouldDisplayGatedContentTwoColumnsHalf = useWindowSize().width <= breakpoints.large.minWidth;\n  const shouldWrapTextOnButton = useWindowSize().width > breakpoints.extraSmall.minWidth;\n\n  const accessExpirationDate = accessExpiration ? new Date(accessExpiration.expirationDate) : null;\n  const pastExpirationDeadline = accessExpiration ? new Date(Date.now()) > accessExpirationDate : false;\n\n  if (!verifiedMode) {\n    return null;\n  }\n\n  const eventProperties = {\n    org_key: org,\n    courserun_key: courseId,\n  };\n\n  const handleUpgradeClick = () => {\n    sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n      ...eventProperties,\n      linkCategory: '(none)',\n      linkName: 'in_course_upgrade',\n      linkType: 'link',\n      pageName: 'in_course',\n    });\n\n    conversion('Upgraded');\n  };\n\n  const handleSubscribeClick = () => {\n    sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n      ...eventProperties,\n      linkCategory: '(none)',\n      linkName: 'in_course_subscribe',\n      linkType: 'link',\n      pageName: 'in_course',\n    });\n    conversion('Subscribe Clicked'); // on the click, before checkout\n  };\n\n  // Learners who can subscribe get the Subscribe banner (Figma shows Subscribe only) and subscribers\n  // get the same banner with Upgrade now. Unknown status keeps the paywall below.\n  if (!pastExpirationDeadline && (subscriptionOffer?.canSubscribe || subscriptionOffer?.canUpgradeInPlace)) {\n    return (\n      <SubscriptionPaywall\n        courseId={courseId}\n        offer={subscriptionOffer}\n        onSubscribeClick={handleSubscribeClick}\n        onUpgradeEvent={logSubscriptionUpgrade({\n          org, courseId, pageName: 'in_course', placement: 'paywall', linkName: 'in_course_upgrade_now',\n        }, conversion)}\n      />\n    );\n  }\n\n  const { userId } = getAuthenticatedUser();\n\n  const handleUpgradeClickPastExpiration = () => {\n    sendTrackEvent('edx.bi.ecommerce.gated_content.past_expiration.link_clicked', {\n      ...eventProperties,\n      linkCategory: 'gated_content',\n      linkName: 'course_details',\n      linkType: 'link',\n      pageName: 'in_course',\n    });\n  };\n\n  return (\n    <Alert variant=\"light\" aria-live=\"off\" icon={Locked} className=\"lock-paywall-container\" data-testid=\"lock-paywall-lock-paywall-test-id\">\n      <div className=\"row\">\n        <div className=\"col\">\n          <h4 aria-level=\"3\">\n            <span>{intl.formatMessage(messages['learn.lockPaywall.title'])}</span>\n          </h4>\n          {pastExpirationDeadline ? (\n            <div className=\"mb-2 upgrade-intro\" data-testid=\"lock-paywall-past-expiration\">\n              {intl.formatMessage(messages['learn.lockPaywall.content.pastExpiration'])}\n              <Hyperlink\n                destination={marketingUrl}\n                onClick={handleUpgradeClickPastExpiration(eventProperties)}\n                target=\"_blank\"\n                data-testid=\"lock-paywall-past-expiration-link\"\n              >\n                {intl.formatMessage(messages['learn.lockPaywall.courseDetails'])}\n                <span>\n                  {intl.formatMessage({\n                    id: 'learn.lockPaywall.content.link.new-tab.screenreader-only.message',\n                    defaultMessage: 'in a new tab',\n                    description: 'Screenreader only text for new tab link',\n                  })}\n                </span>\n              </Hyperlink>\n            </div>\n          ) : (\n            <div className=\"mb-2 upgrade-intro\">\n              {intl.formatMessage(messages['learn.lockPaywall.content'])}\n            </div>\n          )}\n\n          <div className={classNames('d-inline-flex flex-row', { 'flex-wrap': shouldDisplayGatedContentTwoColumnsHalf })}>\n            <div style={{ float: 'left' }} className=\"mr-3 mb-2\">\n              <img\n                alt={intl.formatMessage(messages['learn.lockPaywall.example.alt'])}\n                src={certificateLocked}\n                className=\"border-0 certificate-image-banner\"\n                style={{ height: '128px', width: '175px' }}\n              />\n            </div>\n\n            <div className=\"mw-xs list-div\">\n              <div className=\"mb-2\">\n                {intl.formatMessage(messages['learn.lockPaywall.list.intro'])}\n              </div>\n              <ul className=\"fa-ul ml-4 pl-2\">\n                <VerifiedCertBullet />\n                <UnlockGradedBullet />\n                <FullAccessBullet />\n                <SupportMissionBullet />\n              </ul>\n            </div>\n          </div>\n        </div>\n\n        {pastExpirationDeadline\n          ? null\n          : (\n            <div\n              className={\n                classNames('d-flex flex-column align-items-md-center text-right justify-content-center', {\n                  'col-md-4 mx-md-3': !shouldDisplayGatedContentTwoColumnsHalf, 'col-md-6': shouldDisplayGatedContentTwoColumnsHalf,\n                })\n              }\n            >\n              <UpgradeButton\n                offer={offer}\n                onClick={() => handleUpgradeClick(eventProperties, userId)}\n                verifiedMode={verifiedMode}\n                style={{ whiteSpace: shouldWrapTextOnButton ? 'nowrap' : null }}\n                data-testid=\"upgrade-button\"\n              />\n            </div>\n          )}\n      </div>\n    </Alert>\n  );\n};\nLockPaywall.propTypes = {\n  courseId: PropTypes.string.isRequired,\n};\n\nexport default LockPaywall;\n"],"mappings":"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","ignoreList":[]}

package/dist/subscription-upsell/SubscriptionBenefitsModal.js

@@ -9,8 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _i18n = require("@edx/frontend-platform/i18n");
 var _paragon = require("@openedx/paragon");
 var _icons = require("@openedx/paragon/icons");
+var _certificatePreview = _interopRequireDefault(require("../upgrade-notification/certificate-preview"));
 var _useSubscriptionOffer = _interopRequireDefault(require("./useSubscriptionOffer"));
 var _messages = _interopRequireDefault(require("./messages"));
+require("./SubscriptionBenefitsModal.scss");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint import/no-unresolved: 0 */
@@ -45,32 +47,63 @@ const SubscriptionBenefitsModal = _ref => {
   } = offer;
   const isFreeTrial = variant === BENEFITS_MODAL_VARIANT.FREE_TRIAL && hasTrial;
   const title = formatMessage(isFreeTrial ? _messages.default.modalTitleFreeTrial : _messages.default.modalTitleLaunch);
-  const ctaVariant = isFreeTrial ? 'primary' : 'brand'; // Figma: dark on free trial, brand on launch
-
-  const benefits = [{
+  const trialBenefit = hasTrial && {
+    key: 'trial',
+    title: formatMessage(_messages.default.benefitTrialTitle),
+    body: formatMessage(_messages.default.benefitTrialBody)
+  };
+  // Figma: the free trial pop-up leads with the trial; the launch pop-up ends with it.
+  const benefits = [isFreeTrial && trialBenefit, {
     key: 'certificates',
     title: formatMessage(_messages.default.benefitCertificatesTitle),
     body: formatMessage(_messages.default.benefitCertificatesBody)
   }, {
     key: 'change-course',
     title: formatMessage(_messages.default.benefitChangeCourseTitle),
-    body: formatMessage(_messages.default.benefitChangeCourseBody)
-  }, hasTrial && {
-    key: 'trial',
-    title: formatMessage(_messages.default.benefitTrialTitle),
-    body: formatMessage(_messages.default.benefitTrialBody)
-  }].filter(Boolean);
+    body: formatMessage(isFreeTrial ? _messages.default.benefitChangeCourseBodyFreeTrial : _messages.default.benefitChangeCourseBody)
+  }, !isFreeTrial && trialBenefit].filter(Boolean);
+  const purchaseButton = canPurchase && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
+    as: "a",
+    href: purchaseUrl,
+    variant: "outline-brand",
+    className: isFreeTrial ? 'rounded-pill w-100 mt-2' : 'rounded-pill',
+    onClick: onPurchaseClick,
+    "data-testid": "subscription-modal-purchase-button",
+    children: coursePrice ? formatMessage(_messages.default.earnCertificateFor, {
+      price: coursePrice
+    }) : formatMessage(_messages.default.purchaseNoPrice)
+  });
+  const subscribeButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
+    as: "a",
+    href: offer.subscribeUrl,
+    variant: "brand",
+    className: isFreeTrial ? 'rounded-pill w-100' : 'rounded-pill',
+    onClick: onSubscribeClick,
+    "data-testid": "subscription-modal-subscribe-button",
+    children: formatMessage(_messages.default.continueToCheckout)
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ModalDialog, {
     title: title,
     isOpen: isOpen,
     onClose: onClose,
-    size: "lg",
+    size: isFreeTrial ? 'md' : 'lg',
+    variant: isFreeTrial ? 'dark' : 'default' // dark inverts the close button over the certificate hero
+    ,
     hasCloseButton: true,
     isFullscreenOnMobile: true,
     isOverflowVisible: false,
-    className: "subscription-benefits-modal",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ModalDialog.Header, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+    className: `subscription-benefits-modal subscription-benefits-modal--${isFreeTrial ? 'free-trial' : 'launch'}`,
+    children: [isFreeTrial && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.ModalDialog.Hero, {
+      "data-testid": "subscription-modal-certificate",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.ModalDialog.Hero.Content, {
+        className: "m-0 text-primary-500",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_certificatePreview.default, {
+          courseId: courseId,
+          bgColor: "bg-white"
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ModalDialog.Header, {
+      children: [!isFreeTrial && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
         className: "font-weight-bold mb-2",
         "data-testid": "subscription-modal-brand",
         children: formatMessage(_messages.default.brand)
@@ -83,12 +116,12 @@ const SubscriptionBenefitsModal = _ref => {
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.ModalDialog.Body, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: "list-unstyled bg-white rounded p-4 mb-0",
+        className: isFreeTrial ? 'list-unstyled mb-0' : 'list-unstyled bg-white rounded p-4 mb-0',
         children: benefits.map(benefit => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
           className: "d-flex mb-3",
           "data-testid": `subscription-modal-benefit-${benefit.key}`,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Icon, {
-            src: _icons.CheckCircleOutline,
+            src: isFreeTrial ? _icons.Check : _icons.CheckCircleOutline,
             className: "mr-2 flex-shrink-0"
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -100,31 +133,13 @@ const SubscriptionBenefitsModal = _ref => {
           })]
         }, benefit.key))
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ModalDialog.Footer, {
-      className: "flex-column align-items-end",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ActionRow, {
-        children: [canPurchase && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
-          as: "a",
-          href: purchaseUrl,
-          variant: `outline-${ctaVariant}`,
-          onClick: onPurchaseClick,
-          "data-testid": "subscription-modal-purchase-button",
-          children: coursePrice ? formatMessage(_messages.default.earnCertificateFor, {
-            price: coursePrice
-          }) : formatMessage(_messages.default.purchaseNoPrice)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
-          as: "a",
-          href: offer.subscribeUrl,
-          variant: ctaVariant,
-          onClick: onSubscribeClick,
-          "data-testid": "subscription-modal-subscribe-button",
-          children: formatMessage(_messages.default.continueToCheckout)
-        })]
-      }), isFreeTrial && /*#__PURE__*/(0, _jsxRuntime.jsx)("small", {
-        className: "mt-1",
-        "data-testid": "subscription-modal-cancel-anytime",
-        children: formatMessage(_messages.default.cancelAnytime)
-      })]
+    }), isFreeTrial ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ModalDialog.Footer, {
+      className: "flex-column",
+      children: [subscribeButton, purchaseButton]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.ModalDialog.Footer, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_paragon.ActionRow, {
+        children: [purchaseButton, subscribeButton]
+      })
     })]
   });
 };

package/dist/subscription-upsell/SubscriptionBenefitsModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionBenefitsModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_i18n","_paragon","_icons","_useSubscriptionOffer","_messages","_jsxRuntime","e","__esModule","default","BENEFITS_MODAL_VARIANT","exports","FREE_TRIAL","LAUNCH","SubscriptionBenefitsModal","_ref","courseId","isOpen","onClose","variant","onSubscribeClick","onPurchaseClick","formatMessage","useIntl","offer","useSubscriptionOffer","canSubscribe","hasTrial","purchaseUrl","canPurchase","coursePrice","isFreeTrial","title","messages","modalTitleFreeTrial","modalTitleLaunch","ctaVariant","benefits","key","benefitCertificatesTitle","body","benefitCertificatesBody","benefitChangeCourseTitle","benefitChangeCourseBody","benefitTrialTitle","benefitTrialBody","filter","Boolean","jsxs","ModalDialog","size","hasCloseButton","isFullscreenOnMobile","isOverflowVisible","className","children","Header","jsx","brand","Title","as","modalSubtitle","Body","map","benefit","Icon","src","CheckCircleOutline","Footer","ActionRow","Button","href","onClick","earnCertificateFor","price","purchaseNoPrice","subscribeUrl","continueToCheckout","cancelAnytime","propTypes","PropTypes","string","isRequired","bool","func","oneOf","Object","values","defaultProps","undefined","_default"],"sources":["../../src/subscription-upsell/SubscriptionBenefitsModal.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  ActionRow, Button, Icon, ModalDialog,\n} from '@openedx/paragon';\nimport { CheckCircleOutline } from '@openedx/paragon/icons';\n\nimport useSubscriptionOffer from './useSubscriptionOffer';\nimport messages from './messages';\n\nexport const BENEFITS_MODAL_VARIANT = {\n  FREE_TRIAL: 'freeTrial',\n  LAUNCH: 'launch',\n};\n\n/** The benefits pop-up (Figma 3339-7937 free trial, 3482-70647 launch). Nothing opens it yet. */\nconst SubscriptionBenefitsModal = ({\n  courseId,\n  isOpen,\n  onClose,\n  variant,\n  onSubscribeClick,\n  onPurchaseClick,\n}) => {\n  const { formatMessage } = useIntl();\n  const offer = useSubscriptionOffer(courseId);\n\n  if (!offer || !offer.canSubscribe) {\n    return null;\n  }\n\n  const {\n    hasTrial, purchaseUrl, canPurchase, coursePrice,\n  } = offer;\n  const isFreeTrial = variant === BENEFITS_MODAL_VARIANT.FREE_TRIAL && hasTrial;\n  const title = formatMessage(isFreeTrial ? messages.modalTitleFreeTrial : messages.modalTitleLaunch);\n  const ctaVariant = isFreeTrial ? 'primary' : 'brand'; // Figma: dark on free trial, brand on launch\n\n  const benefits = [\n    {\n      key: 'certificates',\n      title: formatMessage(messages.benefitCertificatesTitle),\n      body: formatMessage(messages.benefitCertificatesBody),\n    },\n    {\n      key: 'change-course',\n      title: formatMessage(messages.benefitChangeCourseTitle),\n      body: formatMessage(messages.benefitChangeCourseBody),\n    },\n    hasTrial && {\n      key: 'trial',\n      title: formatMessage(messages.benefitTrialTitle),\n      body: formatMessage(messages.benefitTrialBody),\n    },\n  ].filter(Boolean);\n\n  return (\n    <ModalDialog\n      title={title}\n      isOpen={isOpen}\n      onClose={onClose}\n      size=\"lg\"\n      hasCloseButton\n      isFullscreenOnMobile\n      isOverflowVisible={false}\n      className=\"subscription-benefits-modal\"\n    >\n      <ModalDialog.Header>\n        <p className=\"font-weight-bold mb-2\" data-testid=\"subscription-modal-brand\">{formatMessage(messages.brand)}</p>\n        <ModalDialog.Title as=\"h2\">{title}</ModalDialog.Title>\n        <p className=\"mt-2 mb-0\">{formatMessage(messages.modalSubtitle)}</p>\n      </ModalDialog.Header>\n      <ModalDialog.Body>\n        <ul className=\"list-unstyled bg-white rounded p-4 mb-0\">\n          {benefits.map((benefit) => (\n            <li key={benefit.key} className=\"d-flex mb-3\" data-testid={`subscription-modal-benefit-${benefit.key}`}>\n              <Icon src={CheckCircleOutline} className=\"mr-2 flex-shrink-0\" />\n              <div>\n                <div className=\"font-weight-bold\">{benefit.title}</div>\n                <div>{benefit.body}</div>\n              </div>\n            </li>\n          ))}\n        </ul>\n      </ModalDialog.Body>\n      <ModalDialog.Footer className=\"flex-column align-items-end\">\n        <ActionRow>\n          {canPurchase && (\n            <Button\n              as=\"a\"\n              href={purchaseUrl}\n              variant={`outline-${ctaVariant}`}\n              onClick={onPurchaseClick}\n              data-testid=\"subscription-modal-purchase-button\"\n            >\n              {coursePrice\n                ? formatMessage(messages.earnCertificateFor, { price: coursePrice })\n                : formatMessage(messages.purchaseNoPrice)}\n            </Button>\n          )}\n          <Button\n            as=\"a\"\n            href={offer.subscribeUrl}\n            variant={ctaVariant}\n            onClick={onSubscribeClick}\n            data-testid=\"subscription-modal-subscribe-button\"\n          >\n            {formatMessage(messages.continueToCheckout)}\n          </Button>\n        </ActionRow>\n        {isFreeTrial && (\n          <small className=\"mt-1\" data-testid=\"subscription-modal-cancel-anytime\">{formatMessage(messages.cancelAnytime)}</small>\n        )}\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nSubscriptionBenefitsModal.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  variant: PropTypes.oneOf(Object.values(BENEFITS_MODAL_VARIANT)),\n  onSubscribeClick: PropTypes.func,\n  onPurchaseClick: PropTypes.func,\n};\n\nSubscriptionBenefitsModal.defaultProps = {\n  variant: BENEFITS_MODAL_VARIANT.LAUNCH,\n  onSubscribeClick: undefined,\n  onPurchaseClick: undefined,\n};\n\nexport default SubscriptionBenefitsModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SubscriptionBenefitsModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_i18n","_paragon","_icons","_certificatePreview","_useSubscriptionOffer","_messages","_jsxRuntime","e","__esModule","default","BENEFITS_MODAL_VARIANT","exports","FREE_TRIAL","LAUNCH","SubscriptionBenefitsModal","_ref","courseId","isOpen","onClose","variant","onSubscribeClick","onPurchaseClick","formatMessage","useIntl","offer","useSubscriptionOffer","canSubscribe","hasTrial","purchaseUrl","canPurchase","coursePrice","isFreeTrial","title","messages","modalTitleFreeTrial","modalTitleLaunch","trialBenefit","key","benefitTrialTitle","body","benefitTrialBody","benefits","benefitCertificatesTitle","benefitCertificatesBody","benefitChangeCourseTitle","benefitChangeCourseBodyFreeTrial","benefitChangeCourseBody","filter","Boolean","purchaseButton","jsx","Button","as","href","className","onClick","children","earnCertificateFor","price","purchaseNoPrice","subscribeButton","subscribeUrl","continueToCheckout","jsxs","ModalDialog","size","hasCloseButton","isFullscreenOnMobile","isOverflowVisible","Hero","Content","bgColor","Header","brand","Title","modalSubtitle","Body","map","benefit","Icon","src","Check","CheckCircleOutline","Footer","ActionRow","propTypes","PropTypes","string","isRequired","bool","func","oneOf","Object","values","defaultProps","undefined","_default"],"sources":["../../src/subscription-upsell/SubscriptionBenefitsModal.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  ActionRow, Button, Icon, ModalDialog,\n} from '@openedx/paragon';\nimport { Check, CheckCircleOutline } from '@openedx/paragon/icons';\n\nimport CertificatePreview from '../upgrade-notification/certificate-preview';\nimport useSubscriptionOffer from './useSubscriptionOffer';\nimport messages from './messages';\nimport './SubscriptionBenefitsModal.scss';\n\nexport const BENEFITS_MODAL_VARIANT = {\n  FREE_TRIAL: 'freeTrial',\n  LAUNCH: 'launch',\n};\n\n/** The benefits pop-up (Figma 3339-7937 free trial, 3482-70647 launch). Nothing opens it yet. */\nconst SubscriptionBenefitsModal = ({\n  courseId,\n  isOpen,\n  onClose,\n  variant,\n  onSubscribeClick,\n  onPurchaseClick,\n}) => {\n  const { formatMessage } = useIntl();\n  const offer = useSubscriptionOffer(courseId);\n\n  if (!offer || !offer.canSubscribe) {\n    return null;\n  }\n\n  const {\n    hasTrial, purchaseUrl, canPurchase, coursePrice,\n  } = offer;\n  const isFreeTrial = variant === BENEFITS_MODAL_VARIANT.FREE_TRIAL && hasTrial;\n  const title = formatMessage(isFreeTrial ? messages.modalTitleFreeTrial : messages.modalTitleLaunch);\n\n  const trialBenefit = hasTrial && {\n    key: 'trial',\n    title: formatMessage(messages.benefitTrialTitle),\n    body: formatMessage(messages.benefitTrialBody),\n  };\n  // Figma: the free trial pop-up leads with the trial; the launch pop-up ends with it.\n  const benefits = [\n    isFreeTrial && trialBenefit,\n    {\n      key: 'certificates',\n      title: formatMessage(messages.benefitCertificatesTitle),\n      body: formatMessage(messages.benefitCertificatesBody),\n    },\n    {\n      key: 'change-course',\n      title: formatMessage(messages.benefitChangeCourseTitle),\n      body: formatMessage(isFreeTrial ? messages.benefitChangeCourseBodyFreeTrial : messages.benefitChangeCourseBody),\n    },\n    !isFreeTrial && trialBenefit,\n  ].filter(Boolean);\n\n  const purchaseButton = canPurchase && (\n    <Button\n      as=\"a\"\n      href={purchaseUrl}\n      variant=\"outline-brand\"\n      className={isFreeTrial ? 'rounded-pill w-100 mt-2' : 'rounded-pill'}\n      onClick={onPurchaseClick}\n      data-testid=\"subscription-modal-purchase-button\"\n    >\n      {coursePrice\n        ? formatMessage(messages.earnCertificateFor, { price: coursePrice })\n        : formatMessage(messages.purchaseNoPrice)}\n    </Button>\n  );\n  const subscribeButton = (\n    <Button\n      as=\"a\"\n      href={offer.subscribeUrl}\n      variant=\"brand\"\n      className={isFreeTrial ? 'rounded-pill w-100' : 'rounded-pill'}\n      onClick={onSubscribeClick}\n      data-testid=\"subscription-modal-subscribe-button\"\n    >\n      {formatMessage(messages.continueToCheckout)}\n    </Button>\n  );\n\n  return (\n    <ModalDialog\n      title={title}\n      isOpen={isOpen}\n      onClose={onClose}\n      size={isFreeTrial ? 'md' : 'lg'}\n      variant={isFreeTrial ? 'dark' : 'default'} // dark inverts the close button over the certificate hero\n      hasCloseButton\n      isFullscreenOnMobile\n      isOverflowVisible={false}\n      className={`subscription-benefits-modal subscription-benefits-modal--${isFreeTrial ? 'free-trial' : 'launch'}`}\n    >\n      {isFreeTrial && (\n        <ModalDialog.Hero data-testid=\"subscription-modal-certificate\">\n          {/* As BaseModal does: the dark variant paints hero text white, so pin the certificate text dark. */}\n          <ModalDialog.Hero.Content className=\"m-0 text-primary-500\">\n            <CertificatePreview courseId={courseId} bgColor=\"bg-white\" />\n          </ModalDialog.Hero.Content>\n        </ModalDialog.Hero>\n      )}\n      <ModalDialog.Header>\n        {!isFreeTrial && (\n          <p className=\"font-weight-bold mb-2\" data-testid=\"subscription-modal-brand\">{formatMessage(messages.brand)}</p>\n        )}\n        <ModalDialog.Title as=\"h2\">{title}</ModalDialog.Title>\n        <p className=\"mt-2 mb-0\">{formatMessage(messages.modalSubtitle)}</p>\n      </ModalDialog.Header>\n      <ModalDialog.Body>\n        <ul className={isFreeTrial ? 'list-unstyled mb-0' : 'list-unstyled bg-white rounded p-4 mb-0'}>\n          {benefits.map((benefit) => (\n            <li key={benefit.key} className=\"d-flex mb-3\" data-testid={`subscription-modal-benefit-${benefit.key}`}>\n              <Icon src={isFreeTrial ? Check : CheckCircleOutline} className=\"mr-2 flex-shrink-0\" />\n              <div>\n                <div className=\"font-weight-bold\">{benefit.title}</div>\n                <div>{benefit.body}</div>\n              </div>\n            </li>\n          ))}\n        </ul>\n      </ModalDialog.Body>\n      {isFreeTrial ? (\n        <ModalDialog.Footer className=\"flex-column\">\n          {subscribeButton}\n          {purchaseButton}\n        </ModalDialog.Footer>\n      ) : (\n        <ModalDialog.Footer>\n          <ActionRow>\n            {purchaseButton}\n            {subscribeButton}\n          </ActionRow>\n        </ModalDialog.Footer>\n      )}\n    </ModalDialog>\n  );\n};\n\nSubscriptionBenefitsModal.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  variant: PropTypes.oneOf(Object.values(BENEFITS_MODAL_VARIANT)),\n  onSubscribeClick: PropTypes.func,\n  onPurchaseClick: PropTypes.func,\n};\n\nSubscriptionBenefitsModal.defaultProps = {\n  variant: BENEFITS_MODAL_VARIANT.LAUNCH,\n  onSubscribeClick: undefined,\n  onPurchaseClick: undefined,\n};\n\nexport default SubscriptionBenefitsModal;\n"],"mappings":"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","ignoreList":[]}

package/dist/subscription-upsell/SubscriptionBenefitsModal.scss

@@ -0,0 +1,37 @@
+@use "modal-chrome";
+
+// Launch pop-up: Light/200 background with the shared chrome.
+.subscription-benefits-modal--launch.pgn__modal {
+  @include modal-chrome.modal-chrome(var(--pgn-color-light-300));
+}
+
+// Free trial pop-up (Figma 3339-7937): certificate on Primary/900, white body, 24px padding,
+// upright title. The dark variant is only there to invert the close button; it also darkens the
+// hero and header, so the hero gets the Figma colour and the header goes back to the content colours.
+.subscription-benefits-modal--free-trial.pgn__modal {
+  --pgn-size-modal-content-border-radius: 12px;
+  max-width: 521px;
+
+  &.pgn__modal-dark .pgn__modal-hero {
+    background-color: var(--pgn-color-primary-900);
+    padding: 24px;
+  }
+
+  &.pgn__modal-dark .pgn__modal-header {
+    background-color: var(--pgn-color-modal-content-bg);
+    color: var(--pgn-color-body-base);
+  }
+
+  .pgn__modal-title {
+    font-size: 1.5rem;
+    line-height: 1.25;
+    font-weight: 800;
+  }
+
+  .pgn__modal-header,
+  .pgn__modal-body,
+  .pgn__modal-footer {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+}

package/dist/subscription-upsell/SubscriptionComparisonModal.js

@@ -216,6 +216,7 @@ const SubscriptionComparisonModal = _ref => {
           as: "a",
           href: offer.subscribeUrl,
           variant: "primary",
+          className: "rounded-pill",
           onClick: onSubscribeClick,
           "data-testid": "subscription-comparison-subscribe-button",
           children: formatMessage(hasTrial ? _messages.default.startFreeTrial : _messages.default.subscribe)
@@ -223,6 +224,7 @@ const SubscriptionComparisonModal = _ref => {
           as: "a",
           href: purchaseUrl,
           variant: "outline-primary",
+          className: "rounded-pill",
           onClick: onPurchaseClick,
           "data-testid": "subscription-comparison-purchase-button",
           children: coursePrice ? formatMessage(_messages.default.buyFor, {

package/dist/subscription-upsell/SubscriptionComparisonModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionComparisonModal.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_paragon","_icons","_useSubscriptionOffer","_messages","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SUBSCRIBE","BUY","SubscriptionComparisonModal","_ref","courseId","isOpen","onClose","onSubscribeClick","onPurchaseClick","formatMessage","useIntl","offer","useSubscriptionOffer","isSmallScreen","useWindowSize","width","breakpoints","medium","minWidth","activePlan","setActivePlan","useState","canSubscribe","hasTrial","purchaseUrl","canPurchase","coursePrice","subscribePrice","included","jsx","Icon","src","CheckCircle","screenReaderText","messages","includedAlt","notIncluded","className","children","notIncludedAlt","cell","value","subscribePriceCell","buyPriceCell","jsxs","Fragment","oneTimePurchase","rows","key","label","rowPrice","featureUnlimitedAccess","rowEarnCertificates","certificatesUnlimited","certificatesOne","featureGradedAssignments","featureChangeCourses","cancelAnytime","featureFreeTrial","filter","Boolean","plans","name","subscribeColumn","buyCourseColumn","activeKey","some","plan","visiblePlans","activeIndex","findIndex","showPlanAt","index","length","title","comparisonTitle","ModalDialog","size","hasCloseButton","isFullscreenOnMobile","isOverflowVisible","Header","Title","as","comparisonSubtitle","Body","scope","featureColumn","map","row","IconButton","ChevronLeft","iconAs","alt","previousPlan","onClick","type","classNames","showPlan","ChevronRight","nextPlan","Footer","ActionRow","Button","href","subscribeUrl","variant","startFreeTrial","subscribe","buyFor","price","purchaseNoPrice","propTypes","PropTypes","string","isRequired","bool","func","defaultProps","undefined","_default","exports"],"sources":["../../src/subscription-upsell/SubscriptionComparisonModal.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  ActionRow, breakpoints, Button, Icon, IconButton, ModalDialog, useWindowSize,\n} from '@openedx/paragon';\nimport { ChevronLeft, ChevronRight, CheckCircle } from '@openedx/paragon/icons';\n\nimport useSubscriptionOffer from './useSubscriptionOffer';\nimport messages from './messages';\nimport './SubscriptionComparisonModal.scss';\n\nconst SUBSCRIBE = 'subscribe';\nconst BUY = 'buy';\n\n/** Subscribe vs Buy course pop-up (Figma 3339-8172); one column at a time on small screens. */\nconst SubscriptionComparisonModal = ({\n  courseId,\n  isOpen,\n  onClose,\n  onSubscribeClick,\n  onPurchaseClick,\n}) => {\n  const { formatMessage } = useIntl();\n  const offer = useSubscriptionOffer(courseId);\n  const isSmallScreen = useWindowSize().width < breakpoints.medium.minWidth;\n  const [activePlan, setActivePlan] = useState(SUBSCRIBE);\n\n  if (!offer || !offer.canSubscribe) {\n    return null;\n  }\n\n  const {\n    hasTrial, purchaseUrl, canPurchase, coursePrice, subscribePrice,\n  } = offer;\n\n  const included = <Icon src={CheckCircle} screenReaderText={formatMessage(messages.includedAlt)} />;\n  const notIncluded = <span className=\"sr-only\">{formatMessage(messages.notIncludedAlt)}</span>;\n  const cell = (value) => {\n    if (value === true) { return included; }\n    if (value === false) { return notIncluded; }\n    return value || null;\n  };\n\n  const subscribePriceCell = subscribePrice && <div className=\"font-weight-bold\">{subscribePrice}</div>;\n  const buyPriceCell = coursePrice && (\n    <>\n      <div className=\"font-weight-bold\">{coursePrice}</div>\n      <small>{formatMessage(messages.oneTimePurchase)}</small>\n    </>\n  );\n\n  const rows = [\n    {\n      key: 'price', label: formatMessage(messages.rowPrice), [SUBSCRIBE]: subscribePriceCell, [BUY]: buyPriceCell,\n    },\n    {\n      key: 'unlimited-access', label: formatMessage(messages.featureUnlimitedAccess), [SUBSCRIBE]: true, [BUY]: true,\n    },\n    {\n      key: 'certificates',\n      label: formatMessage(messages.rowEarnCertificates),\n      [SUBSCRIBE]: formatMessage(messages.certificatesUnlimited),\n      [BUY]: formatMessage(messages.certificatesOne),\n    },\n    {\n      key: 'graded-assignments', label: formatMessage(messages.featureGradedAssignments), [SUBSCRIBE]: true, [BUY]: true,\n    },\n    {\n      key: 'change-courses', label: formatMessage(messages.featureChangeCourses), [SUBSCRIBE]: true, [BUY]: false,\n    },\n    {\n      key: 'cancel-anytime', label: formatMessage(messages.cancelAnytime), [SUBSCRIBE]: true, [BUY]: false,\n    },\n    hasTrial && {\n      key: 'free-trial', label: formatMessage(messages.featureFreeTrial), [SUBSCRIBE]: true, [BUY]: false,\n    },\n  ].filter(Boolean);\n\n  const plans = [\n    { key: SUBSCRIBE, name: formatMessage(messages.subscribeColumn), className: 'plan-subscribe' },\n    canPurchase && { key: BUY, name: formatMessage(messages.buyCourseColumn), className: 'plan-buy' },\n  ].filter(Boolean);\n  // The selected plan can vanish, e.g. Buy was selected and the course lost its purchase link.\n  const activeKey = plans.some((plan) => plan.key === activePlan) ? activePlan : plans[0].key;\n  const visiblePlans = isSmallScreen ? plans.filter((plan) => plan.key === activeKey) : plans;\n  const activeIndex = plans.findIndex((plan) => plan.key === activeKey);\n  const showPlanAt = (index) => setActivePlan(plans[(index + plans.length) % plans.length].key);\n\n  const title = formatMessage(messages.comparisonTitle);\n\n  return (\n    <ModalDialog\n      title={title}\n      isOpen={isOpen}\n      onClose={onClose}\n      size=\"lg\"\n      hasCloseButton\n      isFullscreenOnMobile\n      isOverflowVisible={false}\n      className=\"subscription-comparison-modal\"\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title as=\"h2\">{title}</ModalDialog.Title>\n        <p className=\"mt-2 mb-0\">{formatMessage(messages.comparisonSubtitle)}</p>\n      </ModalDialog.Header>\n      <ModalDialog.Body>\n        <table className=\"w-100 text-center subscription-comparison-table\" data-testid=\"subscription-comparison-table\">\n          <thead>\n            <tr>\n              <th scope=\"col\" className=\"feature-header\"><span className=\"sr-only\">{formatMessage(messages.featureColumn)}</span></th>\n              {visiblePlans.map((plan) => (\n                <th scope=\"col\" key={plan.key} className={plan.className} data-testid={`subscription-comparison-header-${plan.key}`}>\n                  {plan.name}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {rows.map((row) => (\n              <tr key={row.key} data-testid={`subscription-comparison-row-${row.key}`}>\n                <th scope=\"row\" className=\"feature-cell\">{row.label}</th>\n                {visiblePlans.map((plan) => (\n                  <td key={plan.key} className={plan.className} data-testid={`subscription-comparison-cell-${row.key}-${plan.key}`}>\n                    <div className=\"center-items flex-column\">{cell(row[plan.key])}</div>\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n        {isSmallScreen && plans.length > 1 && (\n          <div className=\"d-flex align-items-center justify-content-center mt-3\" data-testid=\"subscription-comparison-controls\">\n            <IconButton\n              src={ChevronLeft}\n              iconAs={Icon}\n              alt={formatMessage(messages.previousPlan)}\n              onClick={() => showPlanAt(activeIndex - 1)}\n            />\n            {plans.map((plan) => (\n              <button\n                type=\"button\"\n                key={plan.key}\n                className={classNames('btn btn-link p-1', { 'font-weight-bold': plan.key === activeKey })}\n                aria-pressed={plan.key === activeKey}\n                aria-label={formatMessage(messages.showPlan, { plan: plan.name })}\n                onClick={() => setActivePlan(plan.key)}\n              >\n                {plan.key === activeKey ? '●' : '○'}\n              </button>\n            ))}\n            <IconButton\n              src={ChevronRight}\n              iconAs={Icon}\n              alt={formatMessage(messages.nextPlan)}\n              onClick={() => showPlanAt(activeIndex + 1)}\n            />\n          </div>\n        )}\n      </ModalDialog.Body>\n      <ModalDialog.Footer>\n        <ActionRow\n          className={classNames({ 'subscription-comparison-actions-stacked': isSmallScreen })}\n          data-testid=\"subscription-comparison-actions\"\n        >\n          <Button\n            as=\"a\"\n            href={offer.subscribeUrl}\n            variant=\"primary\"\n            onClick={onSubscribeClick}\n            data-testid=\"subscription-comparison-subscribe-button\"\n          >\n            {formatMessage(hasTrial ? messages.startFreeTrial : messages.subscribe)}\n          </Button>\n          {canPurchase && (\n            <Button\n              as=\"a\"\n              href={purchaseUrl}\n              variant=\"outline-primary\"\n              onClick={onPurchaseClick}\n              data-testid=\"subscription-comparison-purchase-button\"\n            >\n              {coursePrice\n                ? formatMessage(messages.buyFor, { price: coursePrice })\n                : formatMessage(messages.purchaseNoPrice)}\n            </Button>\n          )}\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nSubscriptionComparisonModal.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  onSubscribeClick: PropTypes.func,\n  onPurchaseClick: PropTypes.func,\n};\n\nSubscriptionComparisonModal.defaultProps = {\n  onSubscribeClick: undefined,\n  onPurchaseClick: undefined,\n};\n\nexport default SubscriptionComparisonModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SubscriptionComparisonModal.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_paragon","_icons","_useSubscriptionOffer","_messages","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SUBSCRIBE","BUY","SubscriptionComparisonModal","_ref","courseId","isOpen","onClose","onSubscribeClick","onPurchaseClick","formatMessage","useIntl","offer","useSubscriptionOffer","isSmallScreen","useWindowSize","width","breakpoints","medium","minWidth","activePlan","setActivePlan","useState","canSubscribe","hasTrial","purchaseUrl","canPurchase","coursePrice","subscribePrice","included","jsx","Icon","src","CheckCircle","screenReaderText","messages","includedAlt","notIncluded","className","children","notIncludedAlt","cell","value","subscribePriceCell","buyPriceCell","jsxs","Fragment","oneTimePurchase","rows","key","label","rowPrice","featureUnlimitedAccess","rowEarnCertificates","certificatesUnlimited","certificatesOne","featureGradedAssignments","featureChangeCourses","cancelAnytime","featureFreeTrial","filter","Boolean","plans","name","subscribeColumn","buyCourseColumn","activeKey","some","plan","visiblePlans","activeIndex","findIndex","showPlanAt","index","length","title","comparisonTitle","ModalDialog","size","hasCloseButton","isFullscreenOnMobile","isOverflowVisible","Header","Title","as","comparisonSubtitle","Body","scope","featureColumn","map","row","IconButton","ChevronLeft","iconAs","alt","previousPlan","onClick","type","classNames","showPlan","ChevronRight","nextPlan","Footer","ActionRow","Button","href","subscribeUrl","variant","startFreeTrial","subscribe","buyFor","price","purchaseNoPrice","propTypes","PropTypes","string","isRequired","bool","func","defaultProps","undefined","_default","exports"],"sources":["../../src/subscription-upsell/SubscriptionComparisonModal.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  ActionRow, breakpoints, Button, Icon, IconButton, ModalDialog, useWindowSize,\n} from '@openedx/paragon';\nimport { ChevronLeft, ChevronRight, CheckCircle } from '@openedx/paragon/icons';\n\nimport useSubscriptionOffer from './useSubscriptionOffer';\nimport messages from './messages';\nimport './SubscriptionComparisonModal.scss';\n\nconst SUBSCRIBE = 'subscribe';\nconst BUY = 'buy';\n\n/** Subscribe vs Buy course pop-up (Figma 3339-8172); one column at a time on small screens. */\nconst SubscriptionComparisonModal = ({\n  courseId,\n  isOpen,\n  onClose,\n  onSubscribeClick,\n  onPurchaseClick,\n}) => {\n  const { formatMessage } = useIntl();\n  const offer = useSubscriptionOffer(courseId);\n  const isSmallScreen = useWindowSize().width < breakpoints.medium.minWidth;\n  const [activePlan, setActivePlan] = useState(SUBSCRIBE);\n\n  if (!offer || !offer.canSubscribe) {\n    return null;\n  }\n\n  const {\n    hasTrial, purchaseUrl, canPurchase, coursePrice, subscribePrice,\n  } = offer;\n\n  const included = <Icon src={CheckCircle} screenReaderText={formatMessage(messages.includedAlt)} />;\n  const notIncluded = <span className=\"sr-only\">{formatMessage(messages.notIncludedAlt)}</span>;\n  const cell = (value) => {\n    if (value === true) { return included; }\n    if (value === false) { return notIncluded; }\n    return value || null;\n  };\n\n  const subscribePriceCell = subscribePrice && <div className=\"font-weight-bold\">{subscribePrice}</div>;\n  const buyPriceCell = coursePrice && (\n    <>\n      <div className=\"font-weight-bold\">{coursePrice}</div>\n      <small>{formatMessage(messages.oneTimePurchase)}</small>\n    </>\n  );\n\n  const rows = [\n    {\n      key: 'price', label: formatMessage(messages.rowPrice), [SUBSCRIBE]: subscribePriceCell, [BUY]: buyPriceCell,\n    },\n    {\n      key: 'unlimited-access', label: formatMessage(messages.featureUnlimitedAccess), [SUBSCRIBE]: true, [BUY]: true,\n    },\n    {\n      key: 'certificates',\n      label: formatMessage(messages.rowEarnCertificates),\n      [SUBSCRIBE]: formatMessage(messages.certificatesUnlimited),\n      [BUY]: formatMessage(messages.certificatesOne),\n    },\n    {\n      key: 'graded-assignments', label: formatMessage(messages.featureGradedAssignments), [SUBSCRIBE]: true, [BUY]: true,\n    },\n    {\n      key: 'change-courses', label: formatMessage(messages.featureChangeCourses), [SUBSCRIBE]: true, [BUY]: false,\n    },\n    {\n      key: 'cancel-anytime', label: formatMessage(messages.cancelAnytime), [SUBSCRIBE]: true, [BUY]: false,\n    },\n    hasTrial && {\n      key: 'free-trial', label: formatMessage(messages.featureFreeTrial), [SUBSCRIBE]: true, [BUY]: false,\n    },\n  ].filter(Boolean);\n\n  const plans = [\n    { key: SUBSCRIBE, name: formatMessage(messages.subscribeColumn), className: 'plan-subscribe' },\n    canPurchase && { key: BUY, name: formatMessage(messages.buyCourseColumn), className: 'plan-buy' },\n  ].filter(Boolean);\n  // The selected plan can vanish, e.g. Buy was selected and the course lost its purchase link.\n  const activeKey = plans.some((plan) => plan.key === activePlan) ? activePlan : plans[0].key;\n  const visiblePlans = isSmallScreen ? plans.filter((plan) => plan.key === activeKey) : plans;\n  const activeIndex = plans.findIndex((plan) => plan.key === activeKey);\n  const showPlanAt = (index) => setActivePlan(plans[(index + plans.length) % plans.length].key);\n\n  const title = formatMessage(messages.comparisonTitle);\n\n  return (\n    <ModalDialog\n      title={title}\n      isOpen={isOpen}\n      onClose={onClose}\n      size=\"lg\"\n      hasCloseButton\n      isFullscreenOnMobile\n      isOverflowVisible={false}\n      className=\"subscription-comparison-modal\"\n    >\n      <ModalDialog.Header>\n        <ModalDialog.Title as=\"h2\">{title}</ModalDialog.Title>\n        <p className=\"mt-2 mb-0\">{formatMessage(messages.comparisonSubtitle)}</p>\n      </ModalDialog.Header>\n      <ModalDialog.Body>\n        <table className=\"w-100 text-center subscription-comparison-table\" data-testid=\"subscription-comparison-table\">\n          <thead>\n            <tr>\n              <th scope=\"col\" className=\"feature-header\"><span className=\"sr-only\">{formatMessage(messages.featureColumn)}</span></th>\n              {visiblePlans.map((plan) => (\n                <th scope=\"col\" key={plan.key} className={plan.className} data-testid={`subscription-comparison-header-${plan.key}`}>\n                  {plan.name}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {rows.map((row) => (\n              <tr key={row.key} data-testid={`subscription-comparison-row-${row.key}`}>\n                <th scope=\"row\" className=\"feature-cell\">{row.label}</th>\n                {visiblePlans.map((plan) => (\n                  <td key={plan.key} className={plan.className} data-testid={`subscription-comparison-cell-${row.key}-${plan.key}`}>\n                    <div className=\"center-items flex-column\">{cell(row[plan.key])}</div>\n                  </td>\n                ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n        {isSmallScreen && plans.length > 1 && (\n          <div className=\"d-flex align-items-center justify-content-center mt-3\" data-testid=\"subscription-comparison-controls\">\n            <IconButton\n              src={ChevronLeft}\n              iconAs={Icon}\n              alt={formatMessage(messages.previousPlan)}\n              onClick={() => showPlanAt(activeIndex - 1)}\n            />\n            {plans.map((plan) => (\n              <button\n                type=\"button\"\n                key={plan.key}\n                className={classNames('btn btn-link p-1', { 'font-weight-bold': plan.key === activeKey })}\n                aria-pressed={plan.key === activeKey}\n                aria-label={formatMessage(messages.showPlan, { plan: plan.name })}\n                onClick={() => setActivePlan(plan.key)}\n              >\n                {plan.key === activeKey ? '●' : '○'}\n              </button>\n            ))}\n            <IconButton\n              src={ChevronRight}\n              iconAs={Icon}\n              alt={formatMessage(messages.nextPlan)}\n              onClick={() => showPlanAt(activeIndex + 1)}\n            />\n          </div>\n        )}\n      </ModalDialog.Body>\n      <ModalDialog.Footer>\n        <ActionRow\n          className={classNames({ 'subscription-comparison-actions-stacked': isSmallScreen })}\n          data-testid=\"subscription-comparison-actions\"\n        >\n          <Button\n            as=\"a\"\n            href={offer.subscribeUrl}\n            variant=\"primary\"\n            className=\"rounded-pill\"\n            onClick={onSubscribeClick}\n            data-testid=\"subscription-comparison-subscribe-button\"\n          >\n            {formatMessage(hasTrial ? messages.startFreeTrial : messages.subscribe)}\n          </Button>\n          {canPurchase && (\n            <Button\n              as=\"a\"\n              href={purchaseUrl}\n              variant=\"outline-primary\"\n              className=\"rounded-pill\"\n              onClick={onPurchaseClick}\n              data-testid=\"subscription-comparison-purchase-button\"\n            >\n              {coursePrice\n                ? formatMessage(messages.buyFor, { price: coursePrice })\n                : formatMessage(messages.purchaseNoPrice)}\n            </Button>\n          )}\n        </ActionRow>\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nSubscriptionComparisonModal.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  onClose: PropTypes.func.isRequired,\n  onSubscribeClick: PropTypes.func,\n  onPurchaseClick: PropTypes.func,\n};\n\nSubscriptionComparisonModal.defaultProps = {\n  onSubscribeClick: undefined,\n  onPurchaseClick: undefined,\n};\n\nexport default SubscriptionComparisonModal;\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,QAAA,GAAAL,OAAA;AAGA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAAO,qBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,SAAA,GAAAN,sBAAA,CAAAF,OAAA;AACAA,OAAA;AAA4C,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAE,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAW,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAZ5C;;AAcA,MAAMgB,SAAS,GAAG,WAAW;AAC7B,MAAMC,GAAG,GAAG,KAAK;;AAEjB;AACA,MAAMC,2BAA2B,GAAGC,IAAA,IAM9B;EAAA,IAN+B;IACnCC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC,gBAAgB;IAChBC;EACF,CAAC,GAAAL,IAAA;EACC,MAAM;IAAEM;EAAc,CAAC,GAAG,IAAAC,aAAO,EAAC,CAAC;EACnC,MAAMC,KAAK,GAAG,IAAAC,6BAAoB,EAACR,QAAQ,CAAC;EAC5C,MAAMS,aAAa,GAAG,IAAAC,sBAAa,EAAC,CAAC,CAACC,KAAK,GAAGC,oBAAW,CAACC,MAAM,CAACC,QAAQ;EACzE,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAACrB,SAAS,CAAC;EAEvD,IAAI,CAACW,KAAK,IAAI,CAACA,KAAK,CAACW,YAAY,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,MAAM;IACJC,QAAQ;IAAEC,WAAW;IAAEC,WAAW;IAAEC,WAAW;IAAEC;EACnD,CAAC,GAAGhB,KAAK;EAET,MAAMiB,QAAQ,gBAAG,IAAAhD,WAAA,CAAAiD,GAAA,EAACrD,QAAA,CAAAsD,IAAI;IAACC,GAAG,EAAEC,kBAAY;IAACC,gBAAgB,EAAExB,aAAa,CAACyB,iBAAQ,CAACC,WAAW;EAAE,CAAE,CAAC;EAClG,MAAMC,WAAW,gBAAG,IAAAxD,WAAA,CAAAiD,GAAA;IAAMQ,SAAS,EAAC,SAAS;IAAAC,QAAA,EAAE7B,aAAa,CAACyB,iBAAQ,CAACK,cAAc;EAAC,CAAO,CAAC;EAC7F,MAAMC,IAAI,GAAIC,KAAK,IAAK;IACtB,IAAIA,KAAK,KAAK,IAAI,EAAE;MAAE,OAAOb,QAAQ;IAAE;IACvC,IAAIa,KAAK,KAAK,KAAK,EAAE;MAAE,OAAOL,WAAW;IAAE;IAC3C,OAAOK,KAAK,IAAI,IAAI;EACtB,CAAC;EAED,MAAMC,kBAAkB,GAAGf,cAAc,iBAAI,IAAA/C,WAAA,CAAAiD,GAAA;IAAKQ,SAAS,EAAC,kBAAkB;IAAAC,QAAA,EAAEX;EAAc,CAAM,CAAC;EACrG,MAAMgB,YAAY,GAAGjB,WAAW,iBAC9B,IAAA9C,WAAA,CAAAgE,IAAA,EAAAhE,WAAA,CAAAiE,QAAA;IAAAP,QAAA,gBACE,IAAA1D,WAAA,CAAAiD,GAAA;MAAKQ,SAAS,EAAC,kBAAkB;MAAAC,QAAA,EAAEZ;IAAW,CAAM,CAAC,eACrD,IAAA9C,WAAA,CAAAiD,GAAA;MAAAS,QAAA,EAAQ7B,aAAa,CAACyB,iBAAQ,CAACY,eAAe;IAAC,CAAQ,CAAC;EAAA,CACxD,CACH;EAED,MAAMC,IAAI,GAAG,CACX;IACEC,GAAG,EAAE,OAAO;IAAEC,KAAK,EAAExC,aAAa,CAACyB,iBAAQ,CAACgB,QAAQ,CAAC;IAAE,CAAClD,SAAS,GAAG0C,kBAAkB;IAAE,CAACzC,GAAG,GAAG0C;EACjG,CAAC,EACD;IACEK,GAAG,EAAE,kBAAkB;IAAEC,KAAK,EAAExC,aAAa,CAACyB,iBAAQ,CAACiB,sBAAsB,CAAC;IAAE,CAACnD,SAAS,GAAG,IAAI;IAAE,CAACC,GAAG,GAAG;EAC5G,CAAC,EACD;IACE+C,GAAG,EAAE,cAAc;IACnBC,KAAK,EAAExC,aAAa,CAACyB,iBAAQ,CAACkB,mBAAmB,CAAC;IAClD,CAACpD,SAAS,GAAGS,aAAa,CAACyB,iBAAQ,CAACmB,qBAAqB,CAAC;IAC1D,CAACpD,GAAG,GAAGQ,aAAa,CAACyB,iBAAQ,CAACoB,eAAe;EAC/C,CAAC,EACD;IACEN,GAAG,EAAE,oBAAoB;IAAEC,KAAK,EAAExC,aAAa,CAACyB,iBAAQ,CAACqB,wBAAwB,CAAC;IAAE,CAACvD,SAAS,GAAG,IAAI;IAAE,CAACC,GAAG,GAAG;EAChH,CAAC,EACD;IACE+C,GAAG,EAAE,gBAAgB;IAAEC,KAAK,EAAExC,aAAa,CAACyB,iBAAQ,CAACsB,oBAAoB,CAAC;IAAE,CAACxD,SAAS,GAAG,IAAI;IAAE,CAACC,GAAG,GAAG;EACxG,CAAC,EACD;IACE+C,GAAG,EAAE,gBAAgB;IAAEC,KAAK,EAAExC,aAAa,CAACyB,iBAAQ,CAACuB,aAAa,CAAC;IAAE,CAACzD,SAAS,GAAG,IAAI;IAAE,CAACC,GAAG,GAAG;EACjG,CAAC,EACDsB,QAAQ,IAAI;IACVyB,GAAG,EAAE,YAAY;IAAEC,KAAK,EAAExC,aAAa,CAACyB,iBAAQ,CAACwB,gBAAgB,CAAC;IAAE,CAAC1D,SAAS,GAAG,IAAI;IAAE,CAACC,GAAG,GAAG;EAChG,CAAC,CACF,CAAC0D,MAAM,CAACC,OAAO,CAAC;EAEjB,MAAMC,KAAK,GAAG,CACZ;IAAEb,GAAG,EAAEhD,SAAS;IAAE8D,IAAI,EAAErD,aAAa,CAACyB,iBAAQ,CAAC6B,eAAe,CAAC;IAAE1B,SAAS,EAAE;EAAiB,CAAC,EAC9FZ,WAAW,IAAI;IAAEuB,GAAG,EAAE/C,GAAG;IAAE6D,IAAI,EAAErD,aAAa,CAACyB,iBAAQ,CAAC8B,eAAe,CAAC;IAAE3B,SAAS,EAAE;EAAW,CAAC,CAClG,CAACsB,MAAM,CAACC,OAAO,CAAC;EACjB;EACA,MAAMK,SAAS,GAAGJ,KAAK,CAACK,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACnB,GAAG,KAAK7B,UAAU,CAAC,GAAGA,UAAU,GAAG0C,KAAK,CAAC,CAAC,CAAC,CAACb,GAAG;EAC3F,MAAMoB,YAAY,GAAGvD,aAAa,GAAGgD,KAAK,CAACF,MAAM,CAAEQ,IAAI,IAAKA,IAAI,CAACnB,GAAG,KAAKiB,SAAS,CAAC,GAAGJ,KAAK;EAC3F,MAAMQ,WAAW,GAAGR,KAAK,CAACS,SAAS,CAAEH,IAAI,IAAKA,IAAI,CAACnB,GAAG,KAAKiB,SAAS,CAAC;EACrE,MAAMM,UAAU,GAAIC,KAAK,IAAKpD,aAAa,CAACyC,KAAK,CAAC,CAACW,KAAK,GAAGX,KAAK,CAACY,MAAM,IAAIZ,KAAK,CAACY,MAAM,CAAC,CAACzB,GAAG,CAAC;EAE7F,MAAM0B,KAAK,GAAGjE,aAAa,CAACyB,iBAAQ,CAACyC,eAAe,CAAC;EAErD,oBACE,IAAA/F,WAAA,CAAAgE,IAAA,EAACpE,QAAA,CAAAoG,WAAW;IACVF,KAAK,EAAEA,KAAM;IACbrE,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBuE,IAAI,EAAC,IAAI;IACTC,cAAc;IACdC,oBAAoB;IACpBC,iBAAiB,EAAE,KAAM;IACzB3C,SAAS,EAAC,+BAA+B;IAAAC,QAAA,gBAEzC,IAAA1D,WAAA,CAAAgE,IAAA,EAACpE,QAAA,CAAAoG,WAAW,CAACK,MAAM;MAAA3C,QAAA,gBACjB,IAAA1D,WAAA,CAAAiD,GAAA,EAACrD,QAAA,CAAAoG,WAAW,CAACM,KAAK;QAACC,EAAE,EAAC,IAAI;QAAA7C,QAAA,EAAEoC;MAAK,CAAoB,CAAC,eACtD,IAAA9F,WAAA,CAAAiD,GAAA;QAAGQ,SAAS,EAAC,WAAW;QAAAC,QAAA,EAAE7B,aAAa,CAACyB,iBAAQ,CAACkD,kBAAkB;MAAC,CAAI,CAAC;IAAA,CACvD,CAAC,eACrB,IAAAxG,WAAA,CAAAgE,IAAA,EAACpE,QAAA,CAAAoG,WAAW,CAACS,IAAI;MAAA/C,QAAA,gBACf,IAAA1D,WAAA,CAAAgE,IAAA;QAAOP,SAAS,EAAC,iDAAiD;QAAC,eAAY,+BAA+B;QAAAC,QAAA,gBAC5G,IAAA1D,WAAA,CAAAiD,GAAA;UAAAS,QAAA,eACE,IAAA1D,WAAA,CAAAgE,IAAA;YAAAN,QAAA,gBACE,IAAA1D,WAAA,CAAAiD,GAAA;cAAIyD,KAAK,EAAC,KAAK;cAACjD,SAAS,EAAC,gBAAgB;cAAAC,QAAA,eAAC,IAAA1D,WAAA,CAAAiD,GAAA;gBAAMQ,SAAS,EAAC,SAAS;gBAAAC,QAAA,EAAE7B,aAAa,CAACyB,iBAAQ,CAACqD,aAAa;cAAC,CAAO;YAAC,CAAI,CAAC,EACvHnB,YAAY,CAACoB,GAAG,CAAErB,IAAI,iBACrB,IAAAvF,WAAA,CAAAiD,GAAA;cAAIyD,KAAK,EAAC,KAAK;cAAgBjD,SAAS,EAAE8B,IAAI,CAAC9B,SAAU;cAAC,eAAa,kCAAkC8B,IAAI,CAACnB,GAAG,EAAG;cAAAV,QAAA,EACjH6B,IAAI,CAACL;YAAI,GADSK,IAAI,CAACnB,GAEtB,CACL,CAAC;UAAA,CACA;QAAC,CACA,CAAC,eACR,IAAApE,WAAA,CAAAiD,GAAA;UAAAS,QAAA,EACGS,IAAI,CAACyC,GAAG,CAAEC,GAAG,iBACZ,IAAA7G,WAAA,CAAAgE,IAAA;YAAkB,eAAa,+BAA+B6C,GAAG,CAACzC,GAAG,EAAG;YAAAV,QAAA,gBACtE,IAAA1D,WAAA,CAAAiD,GAAA;cAAIyD,KAAK,EAAC,KAAK;cAACjD,SAAS,EAAC,cAAc;cAAAC,QAAA,EAAEmD,GAAG,CAACxC;YAAK,CAAK,CAAC,EACxDmB,YAAY,CAACoB,GAAG,CAAErB,IAAI,iBACrB,IAAAvF,WAAA,CAAAiD,GAAA;cAAmBQ,SAAS,EAAE8B,IAAI,CAAC9B,SAAU;cAAC,eAAa,gCAAgCoD,GAAG,CAACzC,GAAG,IAAImB,IAAI,CAACnB,GAAG,EAAG;cAAAV,QAAA,eAC/G,IAAA1D,WAAA,CAAAiD,GAAA;gBAAKQ,SAAS,EAAC,0BAA0B;gBAAAC,QAAA,EAAEE,IAAI,CAACiD,GAAG,CAACtB,IAAI,CAACnB,GAAG,CAAC;cAAC,CAAM;YAAC,GAD9DmB,IAAI,CAACnB,GAEV,CACL,CAAC;UAAA,GANKyC,GAAG,CAACzC,GAOT,CACL;QAAC,CACG,CAAC;MAAA,CACH,CAAC,EACPnC,aAAa,IAAIgD,KAAK,CAACY,MAAM,GAAG,CAAC,iBAChC,IAAA7F,WAAA,CAAAgE,IAAA;QAAKP,SAAS,EAAC,uDAAuD;QAAC,eAAY,kCAAkC;QAAAC,QAAA,gBACnH,IAAA1D,WAAA,CAAAiD,GAAA,EAACrD,QAAA,CAAAkH,UAAU;UACT3D,GAAG,EAAE4D,kBAAY;UACjBC,MAAM,EAAE9D,aAAK;UACb+D,GAAG,EAAEpF,aAAa,CAACyB,iBAAQ,CAAC4D,YAAY,CAAE;UAC1CC,OAAO,EAAEA,CAAA,KAAMxB,UAAU,CAACF,WAAW,GAAG,CAAC;QAAE,CAC5C,CAAC,EACDR,KAAK,CAAC2B,GAAG,CAAErB,IAAI,iBACd,IAAAvF,WAAA,CAAAiD,GAAA;UACEmE,IAAI,EAAC,QAAQ;UAEb3D,SAAS,EAAE,IAAA4D,mBAAU,EAAC,kBAAkB,EAAE;YAAE,kBAAkB,EAAE9B,IAAI,CAACnB,GAAG,KAAKiB;UAAU,CAAC,CAAE;UAC1F,gBAAcE,IAAI,CAACnB,GAAG,KAAKiB,SAAU;UACrC,cAAYxD,aAAa,CAACyB,iBAAQ,CAACgE,QAAQ,EAAE;YAAE/B,IAAI,EAAEA,IAAI,CAACL;UAAK,CAAC,CAAE;UAClEiC,OAAO,EAAEA,CAAA,KAAM3E,aAAa,CAAC+C,IAAI,CAACnB,GAAG,CAAE;UAAAV,QAAA,EAEtC6B,IAAI,CAACnB,GAAG,KAAKiB,SAAS,GAAG,GAAG,GAAG;QAAG,GAN9BE,IAAI,CAACnB,GAOJ,CACT,CAAC,eACF,IAAApE,WAAA,CAAAiD,GAAA,EAACrD,QAAA,CAAAkH,UAAU;UACT3D,GAAG,EAAEoE,mBAAa;UAClBP,MAAM,EAAE9D,aAAK;UACb+D,GAAG,EAAEpF,aAAa,CAACyB,iBAAQ,CAACkE,QAAQ,CAAE;UACtCL,OAAO,EAAEA,CAAA,KAAMxB,UAAU,CAACF,WAAW,GAAG,CAAC;QAAE,CAC5C,CAAC;MAAA,CACC,CACN;IAAA,CACe,CAAC,eACnB,IAAAzF,WAAA,CAAAiD,GAAA,EAACrD,QAAA,CAAAoG,WAAW,CAACyB,MAAM;MAAA/D,QAAA,eACjB,IAAA1D,WAAA,CAAAgE,IAAA,EAACpE,QAAA,CAAA8H,SAAS;QACRjE,SAAS,EAAE,IAAA4D,mBAAU,EAAC;UAAE,yCAAyC,EAAEpF;QAAc,CAAC,CAAE;QACpF,eAAY,iCAAiC;QAAAyB,QAAA,gBAE7C,IAAA1D,WAAA,CAAAiD,GAAA,EAACrD,QAAA,CAAA+H,MAAM;UACLpB,EAAE,EAAC,GAAG;UACNqB,IAAI,EAAE7F,KAAK,CAAC8F,YAAa;UACzBC,OAAO,EAAC,SAAS;UACjBrE,SAAS,EAAC,cAAc;UACxB0D,OAAO,EAAExF,gBAAiB;UAC1B,eAAY,0CAA0C;UAAA+B,QAAA,EAErD7B,aAAa,CAACc,QAAQ,GAAGW,iBAAQ,CAACyE,cAAc,GAAGzE,iBAAQ,CAAC0E,SAAS;QAAC,CACjE,CAAC,EACRnF,WAAW,iBACV,IAAA7C,WAAA,CAAAiD,GAAA,EAACrD,QAAA,CAAA+H,MAAM;UACLpB,EAAE,EAAC,GAAG;UACNqB,IAAI,EAAEhF,WAAY;UAClBkF,OAAO,EAAC,iBAAiB;UACzBrE,SAAS,EAAC,cAAc;UACxB0D,OAAO,EAAEvF,eAAgB;UACzB,eAAY,yCAAyC;UAAA8B,QAAA,EAEpDZ,WAAW,GACRjB,aAAa,CAACyB,iBAAQ,CAAC2E,MAAM,EAAE;YAAEC,KAAK,EAAEpF;UAAY,CAAC,CAAC,GACtDjB,aAAa,CAACyB,iBAAQ,CAAC6E,eAAe;QAAC,CACrC,CACT;MAAA,CACQ;IAAC,CACM,CAAC;EAAA,CACV,CAAC;AAElB,CAAC;AAED7G,2BAA2B,CAAC8G,SAAS,GAAG;EACtC5G,QAAQ,EAAE6G,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrC9G,MAAM,EAAE4G,kBAAS,CAACG,IAAI,CAACD,UAAU;EACjC7G,OAAO,EAAE2G,kBAAS,CAACI,IAAI,CAACF,UAAU;EAClC5G,gBAAgB,EAAE0G,kBAAS,CAACI,IAAI;EAChC7G,eAAe,EAAEyG,kBAAS,CAACI;AAC7B,CAAC;AAEDnH,2BAA2B,CAACoH,YAAY,GAAG;EACzC/G,gBAAgB,EAAEgH,SAAS;EAC3B/G,eAAe,EAAE+G;AACnB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1I,OAAA,GAEamB,2BAA2B","ignoreList":[]}

package/dist/subscription-upsell/SubscriptionComparisonModal.scss

@@ -1,3 +1,10 @@
+@use "modal-chrome";
+
+// Brand/Putty/100 background with the shared chrome.
+.subscription-comparison-modal.pgn__modal {
+  @include modal-chrome.modal-chrome(var(--pgn-color-light-200));
+}
+
 // Scoped to the modal so the sidebar card's UpsellTable styles stay untouched.
 .subscription-comparison-modal {
   .subscription-comparison-table {

package/dist/subscription-upsell/SubscriptionUpsell.js

@@ -31,6 +31,12 @@ const UPGRADE_STATE = exports.UPGRADE_STATE = {
 };
 
 // Host callbacks (analytics, refresh) must never change the outcome of the upgrade request.
+// Buy and Subscribe split the card evenly (zero basis), but stay content-sized where the host
+// shrink-wraps the upsell (paywall, Dates banner). flex-fill would size them by label length.
+const equalWidth = {
+  flex: '1 1 0',
+  minWidth: 'max-content'
+};
 const safeCall = function (fn) {
   try {
     for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -110,7 +116,7 @@ const SubscriptionUpsell = _ref => {
     if (error) {
       safeCall(onUpgradeEvent, 'failed', error);
     } else {
-      safeCall(onUpgradeEvent, 'succeeded');
+      safeCall(onUpgradeEvent, 'succeeded', result);
       safeCall(onUpgraded || (() => (0, _reloadWhenUpgraded.default)(requestedCourseId, {
         signal,
         startPath
@@ -142,7 +148,8 @@ const SubscriptionUpsell = _ref => {
         "data-testid": "subscription-upgrade-failed",
         children: formatMessage(_messages2.default.upgradeFailed)
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
-        variant: "brand",
+        variant: "primary",
+        className: "rounded-pill",
         block: true,
         onClick: handleUpgrade,
         disabled: upgradeState === UPGRADE_STATE.LOADING,
@@ -164,7 +171,9 @@ const SubscriptionUpsell = _ref => {
       children: [canPurchase && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
         as: "a",
         href: purchaseUrl,
-        variant: offer.canSubscribe ? 'outline-primary' : 'brand',
+        variant: offer.canSubscribe ? 'outline-primary' : 'primary',
+        className: "rounded-pill",
+        style: equalWidth,
         onClick: onPurchaseClick,
         "data-testid": "subscription-purchase-button",
         children: coursePrice ? formatMessage(_messages2.default.purchase, {
@@ -173,8 +182,9 @@ const SubscriptionUpsell = _ref => {
       }), offer.canSubscribe && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
         as: "a",
         href: offer.subscribeUrl,
-        variant: "brand",
-        className: "ml-2",
+        variant: "primary",
+        className: "ml-2 rounded-pill",
+        style: equalWidth,
         onClick: onSubscribeClick,
         "data-testid": "subscription-subscribe-button",
         children: formatMessage(_messages2.default.subscribe)

package/dist/subscription-upsell/SubscriptionUpsell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionUpsell.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_i18n","_logging","_paragon","_lms_api","_messages","_reloadWhenUpgraded","_useSubscriptionOffer","_messages2","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","UPGRADE_STATE","exports","IDLE","LOADING","PENDING","NOT_ACTIVE","FAILED","safeCall","fn","_len","args","Array","_key","Promise","resolve","catch","logError","error","SubscriptionUpsell","_ref","courseId","onSubscribeClick","onPurchaseClick","onUpgradeEvent","onUpgraded","className","formatMessage","useIntl","offer","useSubscriptionOffer","upgrades","setUpgrades","useState","inFlight","useRef","Set","upgradeState","setUpgradeFor","id","state","prev","pollSignal","useEffect","controller","AbortController","current","signal","abort","purchaseUrl","canPurchase","coursePrice","handleUpgrade","requestedCourseId","startPath","global","location","pathname","add","nextState","result","upgradeEnrollmentWithSubscription","success","SubscriptionUpgradeError","code","status","delete","reloadWhenUpgraded","canUpgradeInPlace","jsx","role","children","messages","upgradePending","jsxs","upgradeNotActive","subscribeUrl","Fragment","Hyperlink","destination","reactivateSubscription","upgradeFailed","Button","variant","block","onClick","disabled","upgrading","upgradeNow","hasUpsell","showNotIncluded","notIncluded","as","href","canSubscribe","purchase","price","purchaseNoPrice","subscribe","purchaseCode","upgradeNotificationMessages","discountCodeMessage","propTypes","PropTypes","string","isRequired","func","defaultProps","undefined","_default"],"sources":["../../src/subscription-upsell/SubscriptionUpsell.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { logError } from '@edx/frontend-platform/logging';\nimport { Button, Hyperlink } from '@openedx/paragon';\n\nimport { SubscriptionUpgradeError, upgradeEnrollmentWithSubscription } from '../data/lms_api';\nimport upgradeNotificationMessages from '../upgrade-notification/messages';\nimport reloadWhenUpgraded from './reloadWhenUpgraded';\nimport useSubscriptionOffer from './useSubscriptionOffer';\nimport messages from './messages';\n\nexport const UPGRADE_STATE = {\n  IDLE: 'idle',\n  LOADING: 'loading',\n  PENDING: 'pending',\n  NOT_ACTIVE: 'not_active',\n  FAILED: 'failed',\n};\n\n// Host callbacks (analytics, refresh) must never change the outcome of the upgrade request.\nconst safeCall = (fn, ...args) => {\n  try {\n    Promise.resolve(fn?.(...args)).catch(logError);\n  } catch (error) {\n    logError(error);\n  }\n};\n\n/** Subscribe and Purchase, Purchase only, Upgrade now for subscribers, or the \"not included\" note. */\nconst SubscriptionUpsell = ({\n  courseId,\n  onSubscribeClick,\n  onPurchaseClick,\n  onUpgradeEvent,\n  onUpgraded,\n  className,\n}) => {\n  const { formatMessage } = useIntl();\n  const offer = useSubscriptionOffer(courseId);\n  // Per course, so a course change reads as idle and a late response cannot touch another course.\n  const [upgrades, setUpgrades] = useState({});\n  const inFlight = useRef(new Set());\n  const upgradeState = upgrades[courseId] || UPGRADE_STATE.IDLE;\n  const setUpgradeFor = (id, state) => setUpgrades((prev) => ({ ...prev, [id]: state }));\n  // Cancels the reload poll when this component unmounts or shows another course.\n  const pollSignal = useRef(null);\n  useEffect(() => {\n    const controller = new AbortController();\n    pollSignal.current = controller.signal;\n    return () => controller.abort();\n  }, [courseId]);\n\n  if (!offer) {\n    return null;\n  }\n\n  const { purchaseUrl, canPurchase, coursePrice } = offer;\n\n  const handleUpgrade = async () => {\n    const requestedCourseId = courseId;\n    const signal = pollSignal.current;\n    // Read before the request, so moving to another unit while it is pending also rules out the reload.\n    const startPath = global.location.pathname;\n    if (inFlight.current.has(requestedCourseId)) {\n      return;\n    }\n    inFlight.current.add(requestedCourseId);\n    setUpgradeFor(requestedCourseId, UPGRADE_STATE.LOADING);\n    safeCall(onUpgradeEvent, 'started');\n    let nextState;\n    let result;\n    let error;\n    try {\n      result = await upgradeEnrollmentWithSubscription(requestedCourseId);\n      if (result?.success !== true) {\n        throw new SubscriptionUpgradeError('Upgrade was not accepted', { code: result?.code, status: result?.status });\n      }\n      nextState = UPGRADE_STATE.PENDING;\n    } catch (e) {\n      error = e;\n      nextState = e.code === 'SUBSCRIPTION_NOT_ACTIVE' ? UPGRADE_STATE.NOT_ACTIVE : UPGRADE_STATE.FAILED;\n    }\n    inFlight.current.delete(requestedCourseId);\n    setUpgradeFor(requestedCourseId, nextState);\n    if (error) {\n      safeCall(onUpgradeEvent, 'failed', error);\n    } else {\n      safeCall(onUpgradeEvent, 'succeeded');\n      safeCall(onUpgraded || (() => reloadWhenUpgraded(requestedCourseId, { signal, startPath })), result);\n    }\n  };\n\n  if (offer.canUpgradeInPlace) {\n    if (upgradeState === UPGRADE_STATE.PENDING) {\n      return <p className={className} role=\"status\" data-testid=\"subscription-upgrade-pending\">{formatMessage(messages.upgradePending)}</p>;\n    }\n    return (\n      <div className={className}>\n        {upgradeState === UPGRADE_STATE.NOT_ACTIVE && (\n          <p role=\"alert\" data-testid=\"subscription-upgrade-not-active\">\n            {formatMessage(messages.upgradeNotActive)}\n            {offer.subscribeUrl && (\n              <>\n                {' '}\n                <Hyperlink destination={offer.subscribeUrl}>{formatMessage(messages.reactivateSubscription)}</Hyperlink>\n              </>\n            )}\n          </p>\n        )}\n        {upgradeState === UPGRADE_STATE.FAILED && (\n          <p role=\"alert\" data-testid=\"subscription-upgrade-failed\">{formatMessage(messages.upgradeFailed)}</p>\n        )}\n        <Button\n          variant=\"brand\"\n          block\n          onClick={handleUpgrade}\n          disabled={upgradeState === UPGRADE_STATE.LOADING}\n          data-testid=\"subscription-upgrade-now-button\"\n        >\n          {formatMessage(upgradeState === UPGRADE_STATE.LOADING ? messages.upgrading : messages.upgradeNow)}\n        </Button>\n      </div>\n    );\n  }\n\n  if (!offer.hasUpsell) {\n    return null;\n  }\n\n  return (\n    <div className={className}>\n      {offer.showNotIncluded && (\n        <p data-testid=\"subscription-not-included\">{formatMessage(messages.notIncluded)}</p>\n      )}\n      <div className=\"d-flex\">\n        {canPurchase && (\n          <Button\n            as=\"a\"\n            href={purchaseUrl}\n            variant={offer.canSubscribe ? 'outline-primary' : 'brand'}\n            onClick={onPurchaseClick}\n            data-testid=\"subscription-purchase-button\"\n          >\n            {coursePrice\n              ? formatMessage(messages.purchase, { price: coursePrice })\n              : formatMessage(messages.purchaseNoPrice)}\n          </Button>\n        )}\n        {offer.canSubscribe && (\n          <Button\n            as=\"a\"\n            href={offer.subscribeUrl}\n            variant=\"brand\"\n            className=\"ml-2\"\n            onClick={onSubscribeClick}\n            data-testid=\"subscription-subscribe-button\"\n          >\n            {formatMessage(messages.subscribe)}\n          </Button>\n        )}\n      </div>\n      {canPurchase && offer.purchaseCode && (\n        <p className=\"mt-2 mb-0\" data-testid=\"subscription-purchase-code\">\n          {formatMessage(upgradeNotificationMessages.discountCodeMessage, {\n            code: <span className=\"font-weight-bold\">{offer.purchaseCode}</span>,\n          })}\n        </p>\n      )}\n    </div>\n  );\n};\n\nSubscriptionUpsell.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  onSubscribeClick: PropTypes.func,\n  onPurchaseClick: PropTypes.func,\n  onUpgradeEvent: PropTypes.func,\n  // Called after an accepted upgrade. Without it, the page reloads once the LMS has upgraded the enrollment.\n  onUpgraded: PropTypes.func,\n  className: PropTypes.string,\n};\n\nSubscriptionUpsell.defaultProps = {\n  onSubscribeClick: undefined,\n  onPurchaseClick: undefined,\n  onUpgradeEvent: undefined,\n  onUpgraded: undefined,\n  className: undefined,\n};\n\nexport default SubscriptionUpsell;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SubscriptionUpsell.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_i18n","_logging","_paragon","_lms_api","_messages","_reloadWhenUpgraded","_useSubscriptionOffer","_messages2","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","UPGRADE_STATE","exports","IDLE","LOADING","PENDING","NOT_ACTIVE","FAILED","equalWidth","flex","minWidth","safeCall","fn","_len","args","Array","_key","Promise","resolve","catch","logError","error","SubscriptionUpsell","_ref","courseId","onSubscribeClick","onPurchaseClick","onUpgradeEvent","onUpgraded","className","formatMessage","useIntl","offer","useSubscriptionOffer","upgrades","setUpgrades","useState","inFlight","useRef","Set","upgradeState","setUpgradeFor","id","state","prev","pollSignal","useEffect","controller","AbortController","current","signal","abort","purchaseUrl","canPurchase","coursePrice","handleUpgrade","requestedCourseId","startPath","global","location","pathname","add","nextState","result","upgradeEnrollmentWithSubscription","success","SubscriptionUpgradeError","code","status","delete","reloadWhenUpgraded","canUpgradeInPlace","jsx","role","children","messages","upgradePending","jsxs","upgradeNotActive","subscribeUrl","Fragment","Hyperlink","destination","reactivateSubscription","upgradeFailed","Button","variant","block","onClick","disabled","upgrading","upgradeNow","hasUpsell","showNotIncluded","notIncluded","as","href","canSubscribe","style","purchase","price","purchaseNoPrice","subscribe","purchaseCode","upgradeNotificationMessages","discountCodeMessage","propTypes","PropTypes","string","isRequired","func","defaultProps","undefined","_default"],"sources":["../../src/subscription-upsell/SubscriptionUpsell.jsx"],"sourcesContent":["/* eslint import/no-unresolved: 0 */\nimport React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport { logError } from '@edx/frontend-platform/logging';\nimport { Button, Hyperlink } from '@openedx/paragon';\n\nimport { SubscriptionUpgradeError, upgradeEnrollmentWithSubscription } from '../data/lms_api';\nimport upgradeNotificationMessages from '../upgrade-notification/messages';\nimport reloadWhenUpgraded from './reloadWhenUpgraded';\nimport useSubscriptionOffer from './useSubscriptionOffer';\nimport messages from './messages';\n\nexport const UPGRADE_STATE = {\n  IDLE: 'idle',\n  LOADING: 'loading',\n  PENDING: 'pending',\n  NOT_ACTIVE: 'not_active',\n  FAILED: 'failed',\n};\n\n// Host callbacks (analytics, refresh) must never change the outcome of the upgrade request.\n// Buy and Subscribe split the card evenly (zero basis), but stay content-sized where the host\n// shrink-wraps the upsell (paywall, Dates banner). flex-fill would size them by label length.\nconst equalWidth = { flex: '1 1 0', minWidth: 'max-content' };\n\nconst safeCall = (fn, ...args) => {\n  try {\n    Promise.resolve(fn?.(...args)).catch(logError);\n  } catch (error) {\n    logError(error);\n  }\n};\n\n/** Subscribe and Purchase, Purchase only, Upgrade now for subscribers, or the \"not included\" note. */\nconst SubscriptionUpsell = ({\n  courseId,\n  onSubscribeClick,\n  onPurchaseClick,\n  onUpgradeEvent,\n  onUpgraded,\n  className,\n}) => {\n  const { formatMessage } = useIntl();\n  const offer = useSubscriptionOffer(courseId);\n  // Per course, so a course change reads as idle and a late response cannot touch another course.\n  const [upgrades, setUpgrades] = useState({});\n  const inFlight = useRef(new Set());\n  const upgradeState = upgrades[courseId] || UPGRADE_STATE.IDLE;\n  const setUpgradeFor = (id, state) => setUpgrades((prev) => ({ ...prev, [id]: state }));\n  // Cancels the reload poll when this component unmounts or shows another course.\n  const pollSignal = useRef(null);\n  useEffect(() => {\n    const controller = new AbortController();\n    pollSignal.current = controller.signal;\n    return () => controller.abort();\n  }, [courseId]);\n\n  if (!offer) {\n    return null;\n  }\n\n  const { purchaseUrl, canPurchase, coursePrice } = offer;\n\n  const handleUpgrade = async () => {\n    const requestedCourseId = courseId;\n    const signal = pollSignal.current;\n    // Read before the request, so moving to another unit while it is pending also rules out the reload.\n    const startPath = global.location.pathname;\n    if (inFlight.current.has(requestedCourseId)) {\n      return;\n    }\n    inFlight.current.add(requestedCourseId);\n    setUpgradeFor(requestedCourseId, UPGRADE_STATE.LOADING);\n    safeCall(onUpgradeEvent, 'started');\n    let nextState;\n    let result;\n    let error;\n    try {\n      result = await upgradeEnrollmentWithSubscription(requestedCourseId);\n      if (result?.success !== true) {\n        throw new SubscriptionUpgradeError('Upgrade was not accepted', { code: result?.code, status: result?.status });\n      }\n      nextState = UPGRADE_STATE.PENDING;\n    } catch (e) {\n      error = e;\n      nextState = e.code === 'SUBSCRIPTION_NOT_ACTIVE' ? UPGRADE_STATE.NOT_ACTIVE : UPGRADE_STATE.FAILED;\n    }\n    inFlight.current.delete(requestedCourseId);\n    setUpgradeFor(requestedCourseId, nextState);\n    if (error) {\n      safeCall(onUpgradeEvent, 'failed', error);\n    } else {\n      safeCall(onUpgradeEvent, 'succeeded', result);\n      safeCall(onUpgraded || (() => reloadWhenUpgraded(requestedCourseId, { signal, startPath })), result);\n    }\n  };\n\n  if (offer.canUpgradeInPlace) {\n    if (upgradeState === UPGRADE_STATE.PENDING) {\n      return <p className={className} role=\"status\" data-testid=\"subscription-upgrade-pending\">{formatMessage(messages.upgradePending)}</p>;\n    }\n    return (\n      <div className={className}>\n        {upgradeState === UPGRADE_STATE.NOT_ACTIVE && (\n          <p role=\"alert\" data-testid=\"subscription-upgrade-not-active\">\n            {formatMessage(messages.upgradeNotActive)}\n            {offer.subscribeUrl && (\n              <>\n                {' '}\n                <Hyperlink destination={offer.subscribeUrl}>{formatMessage(messages.reactivateSubscription)}</Hyperlink>\n              </>\n            )}\n          </p>\n        )}\n        {upgradeState === UPGRADE_STATE.FAILED && (\n          <p role=\"alert\" data-testid=\"subscription-upgrade-failed\">{formatMessage(messages.upgradeFailed)}</p>\n        )}\n        <Button\n          variant=\"primary\"\n          className=\"rounded-pill\"\n          block\n          onClick={handleUpgrade}\n          disabled={upgradeState === UPGRADE_STATE.LOADING}\n          data-testid=\"subscription-upgrade-now-button\"\n        >\n          {formatMessage(upgradeState === UPGRADE_STATE.LOADING ? messages.upgrading : messages.upgradeNow)}\n        </Button>\n      </div>\n    );\n  }\n\n  if (!offer.hasUpsell) {\n    return null;\n  }\n\n  return (\n    <div className={className}>\n      {offer.showNotIncluded && (\n        <p data-testid=\"subscription-not-included\">{formatMessage(messages.notIncluded)}</p>\n      )}\n      <div className=\"d-flex\">\n        {canPurchase && (\n          <Button\n            as=\"a\"\n            href={purchaseUrl}\n            variant={offer.canSubscribe ? 'outline-primary' : 'primary'}\n            className=\"rounded-pill\"\n            style={equalWidth}\n            onClick={onPurchaseClick}\n            data-testid=\"subscription-purchase-button\"\n          >\n            {coursePrice\n              ? formatMessage(messages.purchase, { price: coursePrice })\n              : formatMessage(messages.purchaseNoPrice)}\n          </Button>\n        )}\n        {offer.canSubscribe && (\n          <Button\n            as=\"a\"\n            href={offer.subscribeUrl}\n            variant=\"primary\"\n            className=\"ml-2 rounded-pill\"\n            style={equalWidth}\n            onClick={onSubscribeClick}\n            data-testid=\"subscription-subscribe-button\"\n          >\n            {formatMessage(messages.subscribe)}\n          </Button>\n        )}\n      </div>\n      {canPurchase && offer.purchaseCode && (\n        <p className=\"mt-2 mb-0\" data-testid=\"subscription-purchase-code\">\n          {formatMessage(upgradeNotificationMessages.discountCodeMessage, {\n            code: <span className=\"font-weight-bold\">{offer.purchaseCode}</span>,\n          })}\n        </p>\n      )}\n    </div>\n  );\n};\n\nSubscriptionUpsell.propTypes = {\n  courseId: PropTypes.string.isRequired,\n  onSubscribeClick: PropTypes.func,\n  onPurchaseClick: PropTypes.func,\n  onUpgradeEvent: PropTypes.func,\n  // Called after an accepted upgrade. Without it, the page reloads once the LMS has upgraded the enrollment.\n  onUpgraded: PropTypes.func,\n  className: PropTypes.string,\n};\n\nSubscriptionUpsell.defaultProps = {\n  onSubscribeClick: undefined,\n  onPurchaseClick: undefined,\n  onUpgradeEvent: undefined,\n  onUpgraded: undefined,\n  className: undefined,\n};\n\nexport default SubscriptionUpsell;\n"],"mappings":"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","ignoreList":[]}

package/dist/subscription-upsell/_modal-chrome.scss

@@ -0,0 +1,44 @@
+// Shared pop-up chrome from the Figma (launch 3482-70647, comparison 3339-8172): 900px wide,
+// 12px radius, 56px padding with 40px gaps, heavy italic title. Include it under a selector that
+// also carries .pgn__modal, so the rules outweigh Paragon's instead of relying on load order.
+// $bg is the content colour token; the header and footer paint it themselves, so it is set as the
+// token rather than as background-color.
+@mixin modal-chrome($bg) {
+  --pgn-color-modal-content-bg: #{$bg};
+  --pgn-size-modal-content-border-radius: 12px; // Paragon reads it, and still zeroes it when fullscreen
+  max-width: 900px;
+
+  // Explicit padding on all three replaces Paragon's, so the gaps are exactly 40px.
+  .pgn__modal-header {
+    padding: 56px 56px 0;
+  }
+
+  .pgn__modal-body {
+    padding: 40px 56px 0;
+  }
+
+  .pgn__modal-footer {
+    padding: 40px 56px 56px;
+  }
+
+  .pgn__modal-title {
+    font-size: 2rem;
+    line-height: 1.25; // Paragon's is fixed from the h3 token, so it would crowd 2rem text
+    font-weight: 800;
+    font-style: italic; // display font TBD (LP-1465 question 7)
+  }
+
+  @media (max-width: 576px) {
+    .pgn__modal-header {
+      padding: 24px 24px 0;
+    }
+
+    .pgn__modal-body {
+      padding: 24px 24px 0;
+    }
+
+    .pgn__modal-footer {
+      padding: 24px;
+    }
+  }
+}

package/dist/subscription-upsell/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "SUBSCRIPTION_STATUS", {
     return _useSubscriptionOffer.SUBSCRIPTION_STATUS;
   }
 });
+Object.defineProperty(exports, "SUBSCRIPTION_UPGRADE_EVENTS", {
+  enumerable: true,
+  get: function () {
+    return _track.SUBSCRIPTION_UPGRADE_EVENTS;
+  }
+});
 Object.defineProperty(exports, "SubscriptionBenefitsModal", {
   enumerable: true,
   get: function () {
@@ -45,6 +51,12 @@ Object.defineProperty(exports, "UPGRADE_STATE", {
     return _SubscriptionUpsell.UPGRADE_STATE;
   }
 });
+Object.defineProperty(exports, "logSubscriptionUpgrade", {
+  enumerable: true,
+  get: function () {
+    return _track.logSubscriptionUpgrade;
+  }
+});
 Object.defineProperty(exports, "useSubscriptionOffer", {
   enumerable: true,
   get: function () {
@@ -56,6 +68,7 @@ var _SubscriptionUpsell = _interopRequireWildcard(require("./SubscriptionUpsell"
 var _SubscriptionUpgradeCard = _interopRequireDefault(require("./SubscriptionUpgradeCard"));
 var _SubscriptionBenefitsModal = _interopRequireWildcard(require("./SubscriptionBenefitsModal"));
 var _SubscriptionComparisonModal = _interopRequireDefault(require("./SubscriptionComparisonModal"));
+var _track = require("./track");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

package/dist/subscription-upsell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_useSubscriptionOffer","_interopRequireWildcard","require","_SubscriptionUpsell","_SubscriptionUpgradeCard","_interopRequireDefault","_SubscriptionBenefitsModal","_SubscriptionComparisonModal","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../../src/subscription-upsell/index.jsx"],"sourcesContent":["export { default as useSubscriptionOffer, SUBSCRIPTION_STATUS } from './useSubscriptionOffer';\nexport { default as SubscriptionUpsell, UPGRADE_STATE } from './SubscriptionUpsell';\nexport { default as SubscriptionUpgradeCard } from './SubscriptionUpgradeCard';\nexport { default as SubscriptionBenefitsModal, BENEFITS_MODAL_VARIANT } from './SubscriptionBenefitsModal';\nexport { default as SubscriptionComparisonModal } from './SubscriptionComparisonModal';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,qBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,wBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAL,uBAAA,CAAAC,OAAA;AACA,IAAAK,4BAAA,GAAAF,sBAAA,CAAAH,OAAA;AAAuF,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAO,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_useSubscriptionOffer","_interopRequireWildcard","require","_SubscriptionUpsell","_SubscriptionUpgradeCard","_interopRequireDefault","_SubscriptionBenefitsModal","_SubscriptionComparisonModal","_track","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../../src/subscription-upsell/index.jsx"],"sourcesContent":["export { default as useSubscriptionOffer, SUBSCRIPTION_STATUS } from './useSubscriptionOffer';\nexport { default as SubscriptionUpsell, UPGRADE_STATE } from './SubscriptionUpsell';\nexport { default as SubscriptionUpgradeCard } from './SubscriptionUpgradeCard';\nexport { default as SubscriptionBenefitsModal, BENEFITS_MODAL_VARIANT } from './SubscriptionBenefitsModal';\nexport { default as SubscriptionComparisonModal } from './SubscriptionComparisonModal';\nexport { logSubscriptionUpgrade, SUBSCRIPTION_UPGRADE_EVENTS } from './track';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,qBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,wBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAL,uBAAA,CAAAC,OAAA;AACA,IAAAK,4BAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA8E,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAQ,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA","ignoreList":[]}

package/dist/subscription-upsell/messages.js

@@ -161,6 +161,11 @@ const messages = (0, _i18n.defineMessages)({
     defaultMessage: 'This subscription offers unlimited flexibility. Change topics or courses anytime.',
     description: 'Benefit body: switch courses'
   },
+  benefitChangeCourseBodyFreeTrial: {
+    id: 'advertisements.subscription.modal.benefit.change-course.body.free-trial',
+    defaultMessage: 'Subscribers get verified access to hundreds of courses and programs',
+    description: 'Benefit body: change course, free trial pop-up wording'
+  },
   benefitTrialTitle: {
     id: 'advertisements.subscription.modal.benefit.trial.title',
     defaultMessage: 'Get your free trial',

package/dist/subscription-upsell/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","names":["_i18n","require","messages","defineMessages","subscribe","id","defaultMessage","description","purchase","purchaseNoPrice","upgradeNow","upgrading","upgradePending","upgradeNotActive","reactivateSubscription","upgradeFailed","cardHeader","benefitsHeader","featureColumn","buyColumn","subscribeColumn","pricePerInterval","featureFreeTrial","featureChangeCourses","featureCertificates","featureCertificatesLink","featureGradedAssignments","featureUnlimitedAccess","includedAlt","notIncludedAlt","brand","modalTitleFreeTrial","modalTitleLaunch","modalSubtitle","benefitCertificatesTitle","benefitCertificatesBody","benefitChangeCourseTitle","benefitChangeCourseBody","benefitTrialTitle","benefitTrialBody","earnCertificateFor","continueToCheckout","cancelAnytime","comparisonTitle","comparisonSubtitle","buyCourseColumn","rowPrice","oneTimePurchase","rowEarnCertificates","certificatesUnlimited","certificatesOne","startFreeTrial","buyFor","previousPlan","nextPlan","showPlan","notIncluded","_default","exports","default"],"sources":["../../src/subscription-upsell/messages.js"],"sourcesContent":["import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n  subscribe: {\n    id: 'advertisements.subscription.subscribe',\n    defaultMessage: 'Subscribe',\n    description: 'Button that sends the learner to subscription checkout',\n  },\n  purchase: {\n    id: 'advertisements.subscription.purchase',\n    defaultMessage: 'Buy {price}',\n    description: 'Button that sends the learner to one-time purchase checkout for this course. {price} is the formatted course price, for example $49.',\n  },\n  purchaseNoPrice: {\n    id: 'advertisements.subscription.purchase-no-price',\n    defaultMessage: 'Buy',\n    description: 'Purchase button label when the course price is not known',\n  },\n  upgradeNow: {\n    id: 'advertisements.subscription.upgrade-now',\n    defaultMessage: 'Upgrade now',\n    description: 'Button for a subscriber to unlock this course under their subscription',\n  },\n  upgrading: {\n    id: 'advertisements.subscription.upgrading',\n    defaultMessage: 'Upgrading…',\n    description: 'Button label while the upgrade request is in progress',\n  },\n  upgradePending: {\n    id: 'advertisements.subscription.upgrade-pending',\n    defaultMessage: 'Your upgrade is being processed. This can take a moment.',\n    description: 'Shown after the server accepted the upgrade but has not finished applying it',\n  },\n  upgradeNotActive: {\n    id: 'advertisements.subscription.upgrade-not-active',\n    defaultMessage: 'Your subscription is not active, so this course could not be upgraded.',\n    description: 'Shown when the upgrade failed because the subscription is not active',\n  },\n  reactivateSubscription: {\n    id: 'advertisements.subscription.reactivate',\n    defaultMessage: 'Reactivate your subscription',\n    description: 'Link to subscription checkout shown when the subscription is not active',\n  },\n  upgradeFailed: {\n    id: 'advertisements.subscription.upgrade-failed',\n    defaultMessage: 'We could not upgrade this course. Please try again.',\n    description: 'Shown when the upgrade request failed for an unexpected reason',\n  },\n  cardHeader: {\n    id: 'advertisements.subscription.card.header',\n    defaultMessage: 'Make the most out of your learning',\n    description: 'Header of the subscription upgrade card in the course sidebar',\n  },\n  benefitsHeader: {\n    id: 'advertisements.subscription.card.benefits-header',\n    defaultMessage: 'Upgrading can have huge benefits',\n    description: 'Header above the Buy vs Subscribe comparison table',\n  },\n  featureColumn: {\n    id: 'advertisements.subscription.card.feature-column',\n    defaultMessage: 'Feature',\n    description: 'Screen-reader-only header for the feature column of the comparison table',\n  },\n  buyColumn: {\n    id: 'advertisements.subscription.card.buy-column',\n    defaultMessage: 'Buy',\n    description: 'Column header for the one-time purchase option',\n  },\n  subscribeColumn: {\n    id: 'advertisements.subscription.card.subscribe-column',\n    defaultMessage: 'Subscribe',\n    description: 'Column header for the subscription option',\n  },\n  pricePerInterval: {\n    id: 'advertisements.subscription.card.price-per-interval',\n    defaultMessage: '{price}/{interval, select, month {month} year {year} other {{interval}}}',\n    description: 'Subscription price with its billing interval, for example $59/month. interval is month or year.',\n  },\n  featureFreeTrial: {\n    id: 'advertisements.subscription.card.feature.free-trial',\n    defaultMessage: 'Free trial',\n    description: 'Comparison row: a free trial is available',\n  },\n  featureChangeCourses: {\n    id: 'advertisements.subscription.card.feature.change-courses',\n    defaultMessage: 'Change courses for free',\n    description: 'Comparison row: switch to other courses at no extra cost',\n  },\n  featureCertificates: {\n    id: 'advertisements.subscription.card.feature.certificates',\n    defaultMessage: 'Earn {certificateLink}',\n    description: 'Comparison row: earn verified certificates. {certificateLink} is a link reading \"verified certificates\".',\n  },\n  featureCertificatesLink: {\n    id: 'advertisements.subscription.card.feature.certificates-link',\n    defaultMessage: 'verified certificates',\n    description: 'Link text inside the earn certificates row',\n  },\n  featureGradedAssignments: {\n    id: 'advertisements.subscription.card.feature.graded-assignments',\n    defaultMessage: 'Complete graded assignments',\n    description: 'Comparison row: access to graded assignments',\n  },\n  featureUnlimitedAccess: {\n    id: 'advertisements.subscription.card.feature.unlimited-access',\n    defaultMessage: 'Unlimited access to course materials',\n    description: 'Comparison row: no access expiration',\n  },\n  includedAlt: {\n    id: 'advertisements.subscription.card.included',\n    defaultMessage: 'Included',\n    description: 'Alt text for the check icon in the comparison table',\n  },\n  notIncludedAlt: {\n    id: 'advertisements.subscription.card.not-included',\n    defaultMessage: 'Not included',\n    description: 'Alt text for the cross icon in the comparison table',\n  },\n  brand: {\n    id: 'advertisements.subscription.brand',\n    defaultMessage: 'edX Plus',\n    description: 'Subscription product name shown above the pop-up title',\n  },\n  modalTitleFreeTrial: {\n    id: 'advertisements.subscription.modal.title.free-trial',\n    defaultMessage: 'Subscribe to start your free trial',\n    description: 'Pop-up title when the learner is eligible for a free trial',\n  },\n  modalTitleLaunch: {\n    id: 'advertisements.subscription.modal.title.launch',\n    defaultMessage: 'Subscribe and upgrade this course',\n    description: 'Pop-up title when there is no free trial to offer',\n  },\n  modalSubtitle: {\n    id: 'advertisements.subscription.modal.subtitle',\n    defaultMessage: 'Give your career a boost with flexible courses and new skills in your field.',\n    description: 'Pop-up subtitle under the title',\n  },\n  benefitCertificatesTitle: {\n    id: 'advertisements.subscription.modal.benefit.certificates.title',\n    defaultMessage: 'Earn multiple certificates',\n    description: 'Benefit title: unlimited certificates',\n  },\n  benefitCertificatesBody: {\n    id: 'advertisements.subscription.modal.benefit.certificates.body',\n    defaultMessage: 'There’s no limit to the certificates you can earn and add to your resume.',\n    description: 'Benefit body: unlimited certificates',\n  },\n  benefitChangeCourseTitle: {\n    id: 'advertisements.subscription.modal.benefit.change-course.title',\n    defaultMessage: 'Change your course at any time',\n    description: 'Benefit title: switch courses',\n  },\n  benefitChangeCourseBody: {\n    id: 'advertisements.subscription.modal.benefit.change-course.body',\n    defaultMessage: 'This subscription offers unlimited flexibility. Change topics or courses anytime.',\n    description: 'Benefit body: switch courses',\n  },\n  benefitTrialTitle: {\n    id: 'advertisements.subscription.modal.benefit.trial.title',\n    defaultMessage: 'Get your free trial',\n    description: 'Benefit title: free trial',\n  },\n  benefitTrialBody: {\n    id: 'advertisements.subscription.modal.benefit.trial.body',\n    defaultMessage: 'Try it for free to see if a subscription is right for you.',\n    description: 'Benefit body: free trial',\n  },\n  earnCertificateFor: {\n    id: 'advertisements.subscription.modal.earn-certificate-for',\n    defaultMessage: 'Earn certificate for {price}',\n    description: 'Pop-up button for one-time purchase. {price} is the course price.',\n  },\n  continueToCheckout: {\n    id: 'advertisements.subscription.modal.continue-to-checkout',\n    defaultMessage: 'Continue to checkout',\n    description: 'Pop-up button that goes to subscription checkout',\n  },\n  cancelAnytime: {\n    id: 'advertisements.subscription.modal.cancel-anytime',\n    defaultMessage: 'Cancel anytime',\n    description: 'Small note under the checkout button in the free trial pop-up',\n  },\n  comparisonTitle: {\n    id: 'advertisements.subscription.comparison.title',\n    defaultMessage: 'Try our new subscription or upgrade to a certificate',\n    description: 'Title of the Subscribe vs Buy comparison pop-up',\n  },\n  comparisonSubtitle: {\n    id: 'advertisements.subscription.comparison.subtitle',\n    defaultMessage: 'See what other learning paths have to offer to learn if upgrading is right for you.',\n    description: 'Subtitle of the comparison pop-up',\n  },\n  buyCourseColumn: {\n    id: 'advertisements.subscription.comparison.buy-course-column',\n    defaultMessage: 'Buy course',\n    description: 'Column header for the one-time purchase option in the comparison pop-up',\n  },\n  rowPrice: {\n    id: 'advertisements.subscription.comparison.row.price',\n    defaultMessage: 'Price',\n    description: 'Comparison row header: price',\n  },\n  oneTimePurchase: {\n    id: 'advertisements.subscription.comparison.one-time-purchase',\n    defaultMessage: 'One-time purchase',\n    description: 'Small print under the course price',\n  },\n  rowEarnCertificates: {\n    id: 'advertisements.subscription.comparison.row.earn-certificates',\n    defaultMessage: 'Earn certificates',\n    description: 'Comparison row header: certificates',\n  },\n  certificatesUnlimited: {\n    id: 'advertisements.subscription.comparison.certificates-unlimited',\n    defaultMessage: 'Unlimited',\n    description: 'Certificates cell for the subscription column',\n  },\n  certificatesOne: {\n    id: 'advertisements.subscription.comparison.certificates-one',\n    defaultMessage: '1 certificate',\n    description: 'Certificates cell for the one-time purchase column',\n  },\n  startFreeTrial: {\n    id: 'advertisements.subscription.comparison.start-free-trial',\n    defaultMessage: 'Start free trial',\n    description: 'Subscribe button when a free trial is available',\n  },\n  buyFor: {\n    id: 'advertisements.subscription.comparison.buy-for',\n    defaultMessage: 'Buy for {price}',\n    description: 'Purchase button in the comparison pop-up. {price} is the course price.',\n  },\n  previousPlan: {\n    id: 'advertisements.subscription.comparison.previous-plan',\n    defaultMessage: 'Previous option',\n    description: 'Screen reader label for the arrow that shows the previous column on small screens',\n  },\n  nextPlan: {\n    id: 'advertisements.subscription.comparison.next-plan',\n    defaultMessage: 'Next option',\n    description: 'Screen reader label for the arrow that shows the next column on small screens',\n  },\n  showPlan: {\n    id: 'advertisements.subscription.comparison.show-plan',\n    defaultMessage: 'Show {plan}',\n    description: 'Screen reader label for the dot that shows one column on small screens. {plan} is the column name.',\n  },\n  notIncluded: {\n    id: 'advertisements.subscription.not-included',\n    defaultMessage: 'This course is not included in your subscription.',\n    description: 'Note shown to subscribers on a course that is outside the subscription catalog',\n  },\n});\n\nexport default messages;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"messages.js","names":["_i18n","require","messages","defineMessages","subscribe","id","defaultMessage","description","purchase","purchaseNoPrice","upgradeNow","upgrading","upgradePending","upgradeNotActive","reactivateSubscription","upgradeFailed","cardHeader","benefitsHeader","featureColumn","buyColumn","subscribeColumn","pricePerInterval","featureFreeTrial","featureChangeCourses","featureCertificates","featureCertificatesLink","featureGradedAssignments","featureUnlimitedAccess","includedAlt","notIncludedAlt","brand","modalTitleFreeTrial","modalTitleLaunch","modalSubtitle","benefitCertificatesTitle","benefitCertificatesBody","benefitChangeCourseTitle","benefitChangeCourseBody","benefitChangeCourseBodyFreeTrial","benefitTrialTitle","benefitTrialBody","earnCertificateFor","continueToCheckout","cancelAnytime","comparisonTitle","comparisonSubtitle","buyCourseColumn","rowPrice","oneTimePurchase","rowEarnCertificates","certificatesUnlimited","certificatesOne","startFreeTrial","buyFor","previousPlan","nextPlan","showPlan","notIncluded","_default","exports","default"],"sources":["../../src/subscription-upsell/messages.js"],"sourcesContent":["import { defineMessages } from '@edx/frontend-platform/i18n';\n\nconst messages = defineMessages({\n  subscribe: {\n    id: 'advertisements.subscription.subscribe',\n    defaultMessage: 'Subscribe',\n    description: 'Button that sends the learner to subscription checkout',\n  },\n  purchase: {\n    id: 'advertisements.subscription.purchase',\n    defaultMessage: 'Buy {price}',\n    description: 'Button that sends the learner to one-time purchase checkout for this course. {price} is the formatted course price, for example $49.',\n  },\n  purchaseNoPrice: {\n    id: 'advertisements.subscription.purchase-no-price',\n    defaultMessage: 'Buy',\n    description: 'Purchase button label when the course price is not known',\n  },\n  upgradeNow: {\n    id: 'advertisements.subscription.upgrade-now',\n    defaultMessage: 'Upgrade now',\n    description: 'Button for a subscriber to unlock this course under their subscription',\n  },\n  upgrading: {\n    id: 'advertisements.subscription.upgrading',\n    defaultMessage: 'Upgrading…',\n    description: 'Button label while the upgrade request is in progress',\n  },\n  upgradePending: {\n    id: 'advertisements.subscription.upgrade-pending',\n    defaultMessage: 'Your upgrade is being processed. This can take a moment.',\n    description: 'Shown after the server accepted the upgrade but has not finished applying it',\n  },\n  upgradeNotActive: {\n    id: 'advertisements.subscription.upgrade-not-active',\n    defaultMessage: 'Your subscription is not active, so this course could not be upgraded.',\n    description: 'Shown when the upgrade failed because the subscription is not active',\n  },\n  reactivateSubscription: {\n    id: 'advertisements.subscription.reactivate',\n    defaultMessage: 'Reactivate your subscription',\n    description: 'Link to subscription checkout shown when the subscription is not active',\n  },\n  upgradeFailed: {\n    id: 'advertisements.subscription.upgrade-failed',\n    defaultMessage: 'We could not upgrade this course. Please try again.',\n    description: 'Shown when the upgrade request failed for an unexpected reason',\n  },\n  cardHeader: {\n    id: 'advertisements.subscription.card.header',\n    defaultMessage: 'Make the most out of your learning',\n    description: 'Header of the subscription upgrade card in the course sidebar',\n  },\n  benefitsHeader: {\n    id: 'advertisements.subscription.card.benefits-header',\n    defaultMessage: 'Upgrading can have huge benefits',\n    description: 'Header above the Buy vs Subscribe comparison table',\n  },\n  featureColumn: {\n    id: 'advertisements.subscription.card.feature-column',\n    defaultMessage: 'Feature',\n    description: 'Screen-reader-only header for the feature column of the comparison table',\n  },\n  buyColumn: {\n    id: 'advertisements.subscription.card.buy-column',\n    defaultMessage: 'Buy',\n    description: 'Column header for the one-time purchase option',\n  },\n  subscribeColumn: {\n    id: 'advertisements.subscription.card.subscribe-column',\n    defaultMessage: 'Subscribe',\n    description: 'Column header for the subscription option',\n  },\n  pricePerInterval: {\n    id: 'advertisements.subscription.card.price-per-interval',\n    defaultMessage: '{price}/{interval, select, month {month} year {year} other {{interval}}}',\n    description: 'Subscription price with its billing interval, for example $59/month. interval is month or year.',\n  },\n  featureFreeTrial: {\n    id: 'advertisements.subscription.card.feature.free-trial',\n    defaultMessage: 'Free trial',\n    description: 'Comparison row: a free trial is available',\n  },\n  featureChangeCourses: {\n    id: 'advertisements.subscription.card.feature.change-courses',\n    defaultMessage: 'Change courses for free',\n    description: 'Comparison row: switch to other courses at no extra cost',\n  },\n  featureCertificates: {\n    id: 'advertisements.subscription.card.feature.certificates',\n    defaultMessage: 'Earn {certificateLink}',\n    description: 'Comparison row: earn verified certificates. {certificateLink} is a link reading \"verified certificates\".',\n  },\n  featureCertificatesLink: {\n    id: 'advertisements.subscription.card.feature.certificates-link',\n    defaultMessage: 'verified certificates',\n    description: 'Link text inside the earn certificates row',\n  },\n  featureGradedAssignments: {\n    id: 'advertisements.subscription.card.feature.graded-assignments',\n    defaultMessage: 'Complete graded assignments',\n    description: 'Comparison row: access to graded assignments',\n  },\n  featureUnlimitedAccess: {\n    id: 'advertisements.subscription.card.feature.unlimited-access',\n    defaultMessage: 'Unlimited access to course materials',\n    description: 'Comparison row: no access expiration',\n  },\n  includedAlt: {\n    id: 'advertisements.subscription.card.included',\n    defaultMessage: 'Included',\n    description: 'Alt text for the check icon in the comparison table',\n  },\n  notIncludedAlt: {\n    id: 'advertisements.subscription.card.not-included',\n    defaultMessage: 'Not included',\n    description: 'Alt text for the cross icon in the comparison table',\n  },\n  brand: {\n    id: 'advertisements.subscription.brand',\n    defaultMessage: 'edX Plus',\n    description: 'Subscription product name shown above the pop-up title',\n  },\n  modalTitleFreeTrial: {\n    id: 'advertisements.subscription.modal.title.free-trial',\n    defaultMessage: 'Subscribe to start your free trial',\n    description: 'Pop-up title when the learner is eligible for a free trial',\n  },\n  modalTitleLaunch: {\n    id: 'advertisements.subscription.modal.title.launch',\n    defaultMessage: 'Subscribe and upgrade this course',\n    description: 'Pop-up title when there is no free trial to offer',\n  },\n  modalSubtitle: {\n    id: 'advertisements.subscription.modal.subtitle',\n    defaultMessage: 'Give your career a boost with flexible courses and new skills in your field.',\n    description: 'Pop-up subtitle under the title',\n  },\n  benefitCertificatesTitle: {\n    id: 'advertisements.subscription.modal.benefit.certificates.title',\n    defaultMessage: 'Earn multiple certificates',\n    description: 'Benefit title: unlimited certificates',\n  },\n  benefitCertificatesBody: {\n    id: 'advertisements.subscription.modal.benefit.certificates.body',\n    defaultMessage: 'There’s no limit to the certificates you can earn and add to your resume.',\n    description: 'Benefit body: unlimited certificates',\n  },\n  benefitChangeCourseTitle: {\n    id: 'advertisements.subscription.modal.benefit.change-course.title',\n    defaultMessage: 'Change your course at any time',\n    description: 'Benefit title: switch courses',\n  },\n  benefitChangeCourseBody: {\n    id: 'advertisements.subscription.modal.benefit.change-course.body',\n    defaultMessage: 'This subscription offers unlimited flexibility. Change topics or courses anytime.',\n    description: 'Benefit body: switch courses',\n  },\n  benefitChangeCourseBodyFreeTrial: {\n    id: 'advertisements.subscription.modal.benefit.change-course.body.free-trial',\n    defaultMessage: 'Subscribers get verified access to hundreds of courses and programs',\n    description: 'Benefit body: change course, free trial pop-up wording',\n  },\n  benefitTrialTitle: {\n    id: 'advertisements.subscription.modal.benefit.trial.title',\n    defaultMessage: 'Get your free trial',\n    description: 'Benefit title: free trial',\n  },\n  benefitTrialBody: {\n    id: 'advertisements.subscription.modal.benefit.trial.body',\n    defaultMessage: 'Try it for free to see if a subscription is right for you.',\n    description: 'Benefit body: free trial',\n  },\n  earnCertificateFor: {\n    id: 'advertisements.subscription.modal.earn-certificate-for',\n    defaultMessage: 'Earn certificate for {price}',\n    description: 'Pop-up button for one-time purchase. {price} is the course price.',\n  },\n  continueToCheckout: {\n    id: 'advertisements.subscription.modal.continue-to-checkout',\n    defaultMessage: 'Continue to checkout',\n    description: 'Pop-up button that goes to subscription checkout',\n  },\n  cancelAnytime: {\n    id: 'advertisements.subscription.modal.cancel-anytime',\n    defaultMessage: 'Cancel anytime',\n    description: 'Small note under the checkout button in the free trial pop-up',\n  },\n  comparisonTitle: {\n    id: 'advertisements.subscription.comparison.title',\n    defaultMessage: 'Try our new subscription or upgrade to a certificate',\n    description: 'Title of the Subscribe vs Buy comparison pop-up',\n  },\n  comparisonSubtitle: {\n    id: 'advertisements.subscription.comparison.subtitle',\n    defaultMessage: 'See what other learning paths have to offer to learn if upgrading is right for you.',\n    description: 'Subtitle of the comparison pop-up',\n  },\n  buyCourseColumn: {\n    id: 'advertisements.subscription.comparison.buy-course-column',\n    defaultMessage: 'Buy course',\n    description: 'Column header for the one-time purchase option in the comparison pop-up',\n  },\n  rowPrice: {\n    id: 'advertisements.subscription.comparison.row.price',\n    defaultMessage: 'Price',\n    description: 'Comparison row header: price',\n  },\n  oneTimePurchase: {\n    id: 'advertisements.subscription.comparison.one-time-purchase',\n    defaultMessage: 'One-time purchase',\n    description: 'Small print under the course price',\n  },\n  rowEarnCertificates: {\n    id: 'advertisements.subscription.comparison.row.earn-certificates',\n    defaultMessage: 'Earn certificates',\n    description: 'Comparison row header: certificates',\n  },\n  certificatesUnlimited: {\n    id: 'advertisements.subscription.comparison.certificates-unlimited',\n    defaultMessage: 'Unlimited',\n    description: 'Certificates cell for the subscription column',\n  },\n  certificatesOne: {\n    id: 'advertisements.subscription.comparison.certificates-one',\n    defaultMessage: '1 certificate',\n    description: 'Certificates cell for the one-time purchase column',\n  },\n  startFreeTrial: {\n    id: 'advertisements.subscription.comparison.start-free-trial',\n    defaultMessage: 'Start free trial',\n    description: 'Subscribe button when a free trial is available',\n  },\n  buyFor: {\n    id: 'advertisements.subscription.comparison.buy-for',\n    defaultMessage: 'Buy for {price}',\n    description: 'Purchase button in the comparison pop-up. {price} is the course price.',\n  },\n  previousPlan: {\n    id: 'advertisements.subscription.comparison.previous-plan',\n    defaultMessage: 'Previous option',\n    description: 'Screen reader label for the arrow that shows the previous column on small screens',\n  },\n  nextPlan: {\n    id: 'advertisements.subscription.comparison.next-plan',\n    defaultMessage: 'Next option',\n    description: 'Screen reader label for the arrow that shows the next column on small screens',\n  },\n  showPlan: {\n    id: 'advertisements.subscription.comparison.show-plan',\n    defaultMessage: 'Show {plan}',\n    description: 'Screen reader label for the dot that shows one column on small screens. {plan} is the column name.',\n  },\n  notIncluded: {\n    id: 'advertisements.subscription.not-included',\n    defaultMessage: 'This course is not included in your subscription.',\n    description: 'Note shown to subscribers on a course that is outside the subscription catalog',\n  },\n});\n\nexport default messages;\n"],"mappings":"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","ignoreList":[]}

package/dist/subscription-upsell/track.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.logSubscriptionUpgrade = exports.SUBSCRIPTION_UPGRADE_EVENTS = void 0;
+var _analytics = require("@edx/frontend-platform/analytics");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// Keyed by the SubscriptionUpsell onUpgradeEvent stage. The frontend only sees the request and the
+// response; the enrollment flips later and the LMS reports that itself (edx.course.enrollment.mode_changed).
+const SUBSCRIPTION_UPGRADE_EVENTS = exports.SUBSCRIPTION_UPGRADE_EVENTS = {
+  started: 'edx.bi.ecommerce.subscription_upgrade_requested',
+  succeeded: 'edx.bi.ecommerce.subscription_upgrade_accepted',
+  failed: 'edx.bi.ecommerce.subscription_upgrade_rejected'
+};
+
+/** An onUpgradeEvent handler for one placement: logs every stage and fires the conversion on success. */
+const logSubscriptionUpgrade = (_ref, conversion) => {
+  let {
+    org,
+    courseId,
+    pageName,
+    placement,
+    linkName
+  } = _ref;
+  return (stage, detail) => {
+    if (!SUBSCRIPTION_UPGRADE_EVENTS[stage]) {
+      throw new Error(`Unknown subscription upgrade stage: ${stage}`);
+    }
+    (0, _analytics.sendTrackEvent)(SUBSCRIPTION_UPGRADE_EVENTS[stage], _objectSpread(_objectSpread({
+      org_key: org,
+      courserun_key: courseId,
+      pageName,
+      placement,
+      linkCategory: 'subscription',
+      linkName,
+      // Same tag as the sidebar card's events, so one filter finds every subscription-card event.
+      variant: 'subscription',
+      linkType: 'button'
+    }, stage === 'succeeded' && {
+      upgrade_status: detail?.status ?? null
+    }), stage === 'failed' && {
+      error_code: detail?.code ?? null,
+      // Only an HTTP status; a 200 reply with success: false carries the body's string status.
+      error_status: Number.isInteger(detail?.status) ? detail.status : null
+    }));
+    if (stage === 'succeeded') {
+      conversion('Upgraded');
+    }
+  };
+};
+exports.logSubscriptionUpgrade = logSubscriptionUpgrade;
+//# sourceMappingURL=track.js.map

package/dist/subscription-upsell/track.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"track.js","names":["_analytics","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","i","_toPrimitive","Symbol","toPrimitive","call","TypeError","String","Number","SUBSCRIPTION_UPGRADE_EVENTS","exports","started","succeeded","failed","logSubscriptionUpgrade","_ref","conversion","org","courseId","pageName","placement","linkName","stage","detail","Error","sendTrackEvent","org_key","courserun_key","linkCategory","variant","linkType","upgrade_status","status","error_code","code","error_status","isInteger"],"sources":["../../src/subscription-upsell/track.js"],"sourcesContent":["import { sendTrackEvent } from '@edx/frontend-platform/analytics';\n\n// Keyed by the SubscriptionUpsell onUpgradeEvent stage. The frontend only sees the request and the\n// response; the enrollment flips later and the LMS reports that itself (edx.course.enrollment.mode_changed).\nexport const SUBSCRIPTION_UPGRADE_EVENTS = {\n  started: 'edx.bi.ecommerce.subscription_upgrade_requested',\n  succeeded: 'edx.bi.ecommerce.subscription_upgrade_accepted',\n  failed: 'edx.bi.ecommerce.subscription_upgrade_rejected',\n};\n\n/** An onUpgradeEvent handler for one placement: logs every stage and fires the conversion on success. */\nexport const logSubscriptionUpgrade = ({\n  org, courseId, pageName, placement, linkName,\n}, conversion) => (stage, detail) => {\n  if (!SUBSCRIPTION_UPGRADE_EVENTS[stage]) {\n    throw new Error(`Unknown subscription upgrade stage: ${stage}`);\n  }\n  sendTrackEvent(SUBSCRIPTION_UPGRADE_EVENTS[stage], {\n    org_key: org,\n    courserun_key: courseId,\n    pageName,\n    placement,\n    linkCategory: 'subscription',\n    linkName,\n    // Same tag as the sidebar card's events, so one filter finds every subscription-card event.\n    variant: 'subscription',\n    linkType: 'button',\n    ...(stage === 'succeeded' && { upgrade_status: detail?.status ?? null }),\n    ...(stage === 'failed' && {\n      error_code: detail?.code ?? null,\n      // Only an HTTP status; a 200 reply with success: false carries the body's string status.\n      error_status: Number.isInteger(detail?.status) ? detail.status : null,\n    }),\n  });\n  if (stage === 'succeeded') { conversion('Upgraded'); }\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/upgrade-notification/UpgradeNotification.js

@@ -154,7 +154,13 @@ const UpgradeNotification = _ref => {
       banner: banner,
       onSubscribeClick: logSubscribeClick,
       onPurchaseClick: logUpgradeClick,
-      onUpgradeEvent: stage => stage === 'succeeded' && logUpgradeClick(),
+      onUpgradeEvent: (0, _subscriptionUpsell.logSubscriptionUpgrade)({
+        org,
+        courseId,
+        pageName: upsellPageName,
+        placement: 'sidebar_card',
+        linkName: `${upsellPageName}_upgrade_now`
+      }, conversion),
       onClose: toggleSidebar
     });
   }

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

@@ -1 +1 @@
-{"version":3,"file":"UpgradeNotification.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_analytics","_paragon","_icons","_modelStore","_data","_subscriptionUpsell","_certificatePreview","_generic","_utils","_messages","_cohesion","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","SUBSCRIPTION_CARD_PLACEMENTS","UpgradeNotification","_ref","id","courseId","model","setNotificationCurrentState","toggleSidebar","pluginLocationId","formatMessage","useIntl","org","userTimezone","verifiedMode","useModel","marketingUrl","learningAssistantEnabled","accessExpiration","datesBannerInfo","offer","timeOffsetMillis","conversion","useCohesion","subscriptionOffer","useSubscriptionOffer","dateNow","Date","now","timezoneFormatArgs","timeZone","correctedTime","accessExpirationDate","upgradeDeadline","pastExpirationDeadline","shouldDisplayBorder","includes","isSubscriptionCardPlacement","some","placement","showSubscriptionCard","hasUpsell","upsellPageName","getUpsellPageName","setupgradeNotificationCurrentState","isFBE","contentTypeGatingEnabled","eventProperties","org_key","courserun_key","variant","promotionEventProperties","creative","name","position","promotion_id","useEffect","sendTrackingLogEvent","sendTrackEvent","logUpgradeClick","location","linkCategory","linkName","linkType","pageName","logClickPastExpiration","logSubscribeClick","banner","hoursToAccessExpiration","Math","floor","jsx","ExpirationCountdown","hoursToExpiration","type","AccessExpirationDateBanner","SubscriptionUpgradeCard","withBorder","onSubscribeClick","onPurchaseClick","onUpgradeEvent","stage","onClose","upgradeNotificationHeaderText","expirationBanner","callToActionButton","offerMessage","offerCountdown","upsellMessage","hoursToDiscountExpiration","expirationDate","messages","accessExpirationHeader","accessExpirationUrgentHeader","PAGE_NAMES","PROGRESS","UpsellFBESoonCardContent","accessExpirationPastHeader","PastExpirationDateBanner","PastExpirationCardContent","Button","onClick","href","block","children","pastExpirationCallToActionLabel","upgradeUrl","upgradeNowButton","price","discountedPrice","currencySymbol","jsxs","className","firstTimeLearnerOffer","percentage","promoCodeMessage","code","classNames","pursueCertificateMessage","IconButton","src","Close","size","iconAs","Icon","alt","closeAlt","bgColor","UpsellTable","inlineHeader","propTypes","PropTypes","string","isRequired","func","defaultProps","_default","exports"],"sources":["../../src/upgrade-notification/UpgradeNotification.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';\n\nimport { useModel } from '@src/generic/model-store';\n\nimport { PAGE_NAMES } from '../data';\nimport { SubscriptionUpgradeCard, useSubscriptionOffer } from '../subscription-upsell';\nimport CertificatePreview from './certificate-preview';\nimport {\n  ExpirationCountdown,\n  AccessExpirationDateBanner,\n  PastExpirationDateBanner,\n  PastExpirationCardContent,\n  UpsellFBESoonCardContent,\n  UpsellTable,\n} from '../generic';\nimport getUpsellPageName from './utils';\nimport messages from './messages';\nimport { useCohesion } from '../cohesion';\nimport './UpgradeNotification.scss';\n\n// Placements that show the subscription card: course home and the courseware sidebar\n// (tray and widget). The Progress page keeps the current card.\nconst SUBSCRIPTION_CARD_PLACEMENTS = ['outline', 'notification_tray', 'notification_widget'];\n\nconst UpgradeNotification = ({\n  id,\n  courseId,\n  model,\n  setNotificationCurrentState,\n  toggleSidebar,\n}) => {\n  const pluginLocationId = id;\n  const { formatMessage } = useIntl();\n\n  const {\n    org,\n    userTimezone,\n    verifiedMode,\n  } = useModel('courseHomeMeta', courseId);\n\n  const {\n    marketingUrl,\n    learningAssistantEnabled,\n  } = useModel('coursewareMeta', courseId);\n\n  const {\n    accessExpiration,\n    datesBannerInfo,\n    offer,\n    timeOffsetMillis,\n  } = useModel(model, courseId);\n\n  const { conversion } = useCohesion(courseId);\n  const subscriptionOffer = useSubscriptionOffer(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  // Server time, so this agrees with the countdown and the FBE branches below.\n  const pastExpirationDeadline = accessExpiration ? correctedTime > accessExpirationDate : false;\n  const shouldDisplayBorder = pluginLocationId.includes('outline');\n  const isSubscriptionCardPlacement = SUBSCRIPTION_CARD_PLACEMENTS.some(\n    (placement) => pluginLocationId.includes(placement),\n  );\n  // Without an offer or anything in it to show, past the upgrade deadline, and on the Progress page,\n  // today's card renders.\n  const showSubscriptionCard = isSubscriptionCardPlacement && !pastExpirationDeadline && !!subscriptionOffer?.hasUpsell;\n  const upsellPageName = getUpsellPageName({ id: pluginLocationId });\n  const setupgradeNotificationCurrentState = setNotificationCurrentState;\n  const isFBE = !!accessExpiration && !!datesBannerInfo?.contentTypeGatingEnabled;\n\n  const eventProperties = {\n    org_key: org,\n    courserun_key: courseId,\n    // Tags the placements that switched to the subscription card, so reports can split them from today's card.\n    ...(showSubscriptionCard && { variant: 'subscription' }),\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 logUpgradeClick = () => {\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    conversion('Upgraded');\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  const logSubscribeClick = () => {\n    sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n      ...eventProperties,\n      linkCategory: 'subscription',\n      linkName: `${upsellPageName}_subscribe`,\n      linkType: 'button',\n      pageName: upsellPageName,\n    });\n    conversion('Subscribe Clicked'); // on the click, before checkout\n  };\n\n  if (showSubscriptionCard) { // the card handles every offer state itself\n    let banner;\n    if (isFBE) { // content-gated learners keep the access expiration warning and its sidebar dot stages\n      const hoursToAccessExpiration = Math.floor((accessExpirationDate - correctedTime) / 1000 / 60 / 60);\n      banner = hoursToAccessExpiration < (7 * 24) ? (\n        <ExpirationCountdown\n          courseId={courseId}\n          hoursToExpiration={hoursToAccessExpiration}\n          setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          type=\"access\"\n        />\n      ) : (\n        <AccessExpirationDateBanner\n          courseId={courseId}\n          accessExpirationDate={accessExpirationDate}\n          timezoneFormatArgs={timezoneFormatArgs}\n          setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n        />\n      );\n    }\n    return (\n      <SubscriptionUpgradeCard\n        courseId={courseId}\n        withBorder={shouldDisplayBorder}\n        banner={banner}\n        onSubscribeClick={logSubscribeClick}\n        onPurchaseClick={logUpgradeClick}\n        onUpgradeEvent={(stage) => stage === 'succeeded' && logUpgradeClick()}\n        onClose={toggleSidebar}\n      />\n    );\n  }\n\n  /*\n  The card follows the Red Ventures sidebar card it replaces (LP-1471). There are 5 parts that change:\n    offerMessage, with offerCountdown in it\n    upgradeNotificationHeaderText\n    expirationBanner\n    upsellMessage, which replaces the comparison table in the states that explain the deadline instead\n    callToActionButton\n  */\n  let upgradeNotificationHeaderText;\n  let expirationBanner;\n  let callToActionButton;\n  let offerMessage;\n  let offerCountdown;\n  let upsellMessage;\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, shown with the discount in offerMessage\n        const hoursToDiscountExpiration = Math.floor((new Date(offer.expirationDate) - correctedTime) / 1000 / 60 / 60);\n        offerCountdown = (\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 (upsellPageName !== PAGE_NAMES.PROGRESS) {\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=\"brand\"\n        onClick={logClickPastExpiration}\n        href={marketingUrl}\n        block\n      >\n        {formatMessage(messages.pastExpirationCallToActionLabel)}\n      </Button>\n    );\n  } else {\n    // Prefer the offer's url, as the host app's UpgradeButton does, in case it ever differs.\n    callToActionButton = (\n      <Button\n        variant=\"brand\"\n        href={offer ? offer.upgradeUrl : verifiedMode.upgradeUrl}\n        onClick={logUpgradeClick}\n        block\n        data-testid=\"upgrade-button\"\n      >\n        {formatMessage(messages.upgradeNowButton, {\n          price: offer ? offer.discountedPrice : `${verifiedMode.currencySymbol}${verifiedMode.price}`,\n        })}\n      </Button>\n    );\n  }\n\n  // The first purchase discount and its code, above the comparison table. Past the upgrade deadline the\n  // button goes to the course details instead, where the code can't be used.\n  if (offer && !pastExpirationDeadline) {\n    offerMessage = (\n      <div className=\"mb-4\">\n        <h3 className=\"upgrade-notification-subheader mx-4 mb-2\">\n          {formatMessage(messages.firstTimeLearnerOffer, { percentage: offer.percentage })}\n        </h3>\n        {offerCountdown && <div className=\"mb-2\">{offerCountdown}</div>}\n        <p className=\"font-weight-bold mx-4 mb-0\">\n          {formatMessage(messages.promoCodeMessage, { code: offer.code })}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <section className={classNames('upgrade-notification verified-upgrade-card small', { 'mb-4': 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            'm-4': !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} bgColor=\"bg-white\" />\n        {offerMessage}\n        {upgradeNotificationHeaderText && (\n          <h3 className=\"upgrade-notification-subheader ml-4\">\n            {upgradeNotificationHeaderText}\n          </h3>\n        )}\n        {expirationBanner}\n        <div className=\"upgrade-notification-message\">\n          {upsellMessage || <UpsellTable {...{ isFBE, learningAssistantEnabled }} inlineHeader />}\n        </div>\n        {/* The table's bottom padding spaces the button; the messages that replace it don't. */}\n        <div className={classNames('upgrade-notification-button mx-4 mb-4', { 'mt-4': !!upsellMessage })}>\n          {callToActionButton}\n        </div>\n      </div>\n    </section>\n  );\n};\n\nUpgradeNotification.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\nUpgradeNotification.defaultProps = {\n  setNotificationCurrentState: null,\n  toggleSidebar: null,\n  model: 'outline',\n};\n\nexport default UpgradeNotification;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UpgradeNotification.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_i18n","_analytics","_paragon","_icons","_modelStore","_data","_subscriptionUpsell","_certificatePreview","_generic","_utils","_messages","_cohesion","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","SUBSCRIPTION_CARD_PLACEMENTS","UpgradeNotification","_ref","id","courseId","model","setNotificationCurrentState","toggleSidebar","pluginLocationId","formatMessage","useIntl","org","userTimezone","verifiedMode","useModel","marketingUrl","learningAssistantEnabled","accessExpiration","datesBannerInfo","offer","timeOffsetMillis","conversion","useCohesion","subscriptionOffer","useSubscriptionOffer","dateNow","Date","now","timezoneFormatArgs","timeZone","correctedTime","accessExpirationDate","upgradeDeadline","pastExpirationDeadline","shouldDisplayBorder","includes","isSubscriptionCardPlacement","some","placement","showSubscriptionCard","hasUpsell","upsellPageName","getUpsellPageName","setupgradeNotificationCurrentState","isFBE","contentTypeGatingEnabled","eventProperties","org_key","courserun_key","variant","promotionEventProperties","creative","name","position","promotion_id","useEffect","sendTrackingLogEvent","sendTrackEvent","logUpgradeClick","location","linkCategory","linkName","linkType","pageName","logClickPastExpiration","logSubscribeClick","banner","hoursToAccessExpiration","Math","floor","jsx","ExpirationCountdown","hoursToExpiration","type","AccessExpirationDateBanner","SubscriptionUpgradeCard","withBorder","onSubscribeClick","onPurchaseClick","onUpgradeEvent","logSubscriptionUpgrade","onClose","upgradeNotificationHeaderText","expirationBanner","callToActionButton","offerMessage","offerCountdown","upsellMessage","hoursToDiscountExpiration","expirationDate","messages","accessExpirationHeader","accessExpirationUrgentHeader","PAGE_NAMES","PROGRESS","UpsellFBESoonCardContent","accessExpirationPastHeader","PastExpirationDateBanner","PastExpirationCardContent","Button","onClick","href","block","children","pastExpirationCallToActionLabel","upgradeUrl","upgradeNowButton","price","discountedPrice","currencySymbol","jsxs","className","firstTimeLearnerOffer","percentage","promoCodeMessage","code","classNames","pursueCertificateMessage","IconButton","src","Close","size","iconAs","Icon","alt","closeAlt","bgColor","UpsellTable","inlineHeader","propTypes","PropTypes","string","isRequired","func","defaultProps","_default","exports"],"sources":["../../src/upgrade-notification/UpgradeNotification.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';\n\nimport { useModel } from '@src/generic/model-store';\n\nimport { PAGE_NAMES } from '../data';\nimport { SubscriptionUpgradeCard, logSubscriptionUpgrade, useSubscriptionOffer } from '../subscription-upsell';\nimport CertificatePreview from './certificate-preview';\nimport {\n  ExpirationCountdown,\n  AccessExpirationDateBanner,\n  PastExpirationDateBanner,\n  PastExpirationCardContent,\n  UpsellFBESoonCardContent,\n  UpsellTable,\n} from '../generic';\nimport getUpsellPageName from './utils';\nimport messages from './messages';\nimport { useCohesion } from '../cohesion';\nimport './UpgradeNotification.scss';\n\n// Placements that show the subscription card: course home and the courseware sidebar\n// (tray and widget). The Progress page keeps the current card.\nconst SUBSCRIPTION_CARD_PLACEMENTS = ['outline', 'notification_tray', 'notification_widget'];\n\nconst UpgradeNotification = ({\n  id,\n  courseId,\n  model,\n  setNotificationCurrentState,\n  toggleSidebar,\n}) => {\n  const pluginLocationId = id;\n  const { formatMessage } = useIntl();\n\n  const {\n    org,\n    userTimezone,\n    verifiedMode,\n  } = useModel('courseHomeMeta', courseId);\n\n  const {\n    marketingUrl,\n    learningAssistantEnabled,\n  } = useModel('coursewareMeta', courseId);\n\n  const {\n    accessExpiration,\n    datesBannerInfo,\n    offer,\n    timeOffsetMillis,\n  } = useModel(model, courseId);\n\n  const { conversion } = useCohesion(courseId);\n  const subscriptionOffer = useSubscriptionOffer(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  // Server time, so this agrees with the countdown and the FBE branches below.\n  const pastExpirationDeadline = accessExpiration ? correctedTime > accessExpirationDate : false;\n  const shouldDisplayBorder = pluginLocationId.includes('outline');\n  const isSubscriptionCardPlacement = SUBSCRIPTION_CARD_PLACEMENTS.some(\n    (placement) => pluginLocationId.includes(placement),\n  );\n  // Without an offer or anything in it to show, past the upgrade deadline, and on the Progress page,\n  // today's card renders.\n  const showSubscriptionCard = isSubscriptionCardPlacement && !pastExpirationDeadline && !!subscriptionOffer?.hasUpsell;\n  const upsellPageName = getUpsellPageName({ id: pluginLocationId });\n  const setupgradeNotificationCurrentState = setNotificationCurrentState;\n  const isFBE = !!accessExpiration && !!datesBannerInfo?.contentTypeGatingEnabled;\n\n  const eventProperties = {\n    org_key: org,\n    courserun_key: courseId,\n    // Tags the placements that switched to the subscription card, so reports can split them from today's card.\n    ...(showSubscriptionCard && { variant: 'subscription' }),\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 logUpgradeClick = () => {\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    conversion('Upgraded');\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  const logSubscribeClick = () => {\n    sendTrackEvent('edx.bi.ecommerce.upsell_links_clicked', {\n      ...eventProperties,\n      linkCategory: 'subscription',\n      linkName: `${upsellPageName}_subscribe`,\n      linkType: 'button',\n      pageName: upsellPageName,\n    });\n    conversion('Subscribe Clicked'); // on the click, before checkout\n  };\n\n  if (showSubscriptionCard) { // the card handles every offer state itself\n    let banner;\n    if (isFBE) { // content-gated learners keep the access expiration warning and its sidebar dot stages\n      const hoursToAccessExpiration = Math.floor((accessExpirationDate - correctedTime) / 1000 / 60 / 60);\n      banner = hoursToAccessExpiration < (7 * 24) ? (\n        <ExpirationCountdown\n          courseId={courseId}\n          hoursToExpiration={hoursToAccessExpiration}\n          setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n          type=\"access\"\n        />\n      ) : (\n        <AccessExpirationDateBanner\n          courseId={courseId}\n          accessExpirationDate={accessExpirationDate}\n          timezoneFormatArgs={timezoneFormatArgs}\n          setupgradeNotificationCurrentState={setupgradeNotificationCurrentState}\n        />\n      );\n    }\n    return (\n      <SubscriptionUpgradeCard\n        courseId={courseId}\n        withBorder={shouldDisplayBorder}\n        banner={banner}\n        onSubscribeClick={logSubscribeClick}\n        onPurchaseClick={logUpgradeClick}\n        onUpgradeEvent={logSubscriptionUpgrade({\n          org, courseId, pageName: upsellPageName, placement: 'sidebar_card', linkName: `${upsellPageName}_upgrade_now`,\n        }, conversion)}\n        onClose={toggleSidebar}\n      />\n    );\n  }\n\n  /*\n  The card follows the Red Ventures sidebar card it replaces (LP-1471). There are 5 parts that change:\n    offerMessage, with offerCountdown in it\n    upgradeNotificationHeaderText\n    expirationBanner\n    upsellMessage, which replaces the comparison table in the states that explain the deadline instead\n    callToActionButton\n  */\n  let upgradeNotificationHeaderText;\n  let expirationBanner;\n  let callToActionButton;\n  let offerMessage;\n  let offerCountdown;\n  let upsellMessage;\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, shown with the discount in offerMessage\n        const hoursToDiscountExpiration = Math.floor((new Date(offer.expirationDate) - correctedTime) / 1000 / 60 / 60);\n        offerCountdown = (\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 (upsellPageName !== PAGE_NAMES.PROGRESS) {\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=\"brand\"\n        onClick={logClickPastExpiration}\n        href={marketingUrl}\n        block\n      >\n        {formatMessage(messages.pastExpirationCallToActionLabel)}\n      </Button>\n    );\n  } else {\n    // Prefer the offer's url, as the host app's UpgradeButton does, in case it ever differs.\n    callToActionButton = (\n      <Button\n        variant=\"brand\"\n        href={offer ? offer.upgradeUrl : verifiedMode.upgradeUrl}\n        onClick={logUpgradeClick}\n        block\n        data-testid=\"upgrade-button\"\n      >\n        {formatMessage(messages.upgradeNowButton, {\n          price: offer ? offer.discountedPrice : `${verifiedMode.currencySymbol}${verifiedMode.price}`,\n        })}\n      </Button>\n    );\n  }\n\n  // The first purchase discount and its code, above the comparison table. Past the upgrade deadline the\n  // button goes to the course details instead, where the code can't be used.\n  if (offer && !pastExpirationDeadline) {\n    offerMessage = (\n      <div className=\"mb-4\">\n        <h3 className=\"upgrade-notification-subheader mx-4 mb-2\">\n          {formatMessage(messages.firstTimeLearnerOffer, { percentage: offer.percentage })}\n        </h3>\n        {offerCountdown && <div className=\"mb-2\">{offerCountdown}</div>}\n        <p className=\"font-weight-bold mx-4 mb-0\">\n          {formatMessage(messages.promoCodeMessage, { code: offer.code })}\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <section className={classNames('upgrade-notification verified-upgrade-card small', { 'mb-4': 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            'm-4': !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} bgColor=\"bg-white\" />\n        {offerMessage}\n        {upgradeNotificationHeaderText && (\n          <h3 className=\"upgrade-notification-subheader ml-4\">\n            {upgradeNotificationHeaderText}\n          </h3>\n        )}\n        {expirationBanner}\n        <div className=\"upgrade-notification-message\">\n          {upsellMessage || <UpsellTable {...{ isFBE, learningAssistantEnabled }} inlineHeader />}\n        </div>\n        {/* The table's bottom padding spaces the button; the messages that replace it don't. */}\n        <div className={classNames('upgrade-notification-button mx-4 mb-4', { 'mt-4': !!upsellMessage })}>\n          {callToActionButton}\n        </div>\n      </div>\n    </section>\n  );\n};\n\nUpgradeNotification.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\nUpgradeNotification.defaultProps = {\n  setNotificationCurrentState: null,\n  toggleSidebar: null,\n  model: 'outline',\n};\n\nexport default UpgradeNotification;\n"],"mappings":"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","ignoreList":[]}

package/dist/upgrade-to-complete-alert/UpgradeToCompleteAlert.js

@@ -71,12 +71,13 @@ const UpgradeToCompleteAlert = () => {
               conversion('Subscribe Clicked');
             },
             onPurchaseClick: () => (0, _track.logUpgradeLinkClick)(org, courseId),
-            onUpgradeEvent: stage => {
-              if (stage === 'succeeded') {
-                (0, _track.logUpgradeLinkClick)(org, courseId);
-                conversion('Upgraded');
-              }
-            }
+            onUpgradeEvent: (0, _subscriptionUpsell.logSubscriptionUpgrade)({
+              org,
+              courseId,
+              pageName: 'dates_tab',
+              placement: 'dates_banner',
+              linkName: 'dates_upgrade_now'
+            }, conversion)
           })
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_paragon.Button, {
           variant: "brand",

package/dist/upgrade-to-complete-alert/UpgradeToCompleteAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpgradeToCompleteAlert.js","names":["_react","_interopRequireDefault","require","_reactRedux","_i18n","_paragon","_modelStore","_cohesion","_subscriptionUpsell","_messages","_track","_jsxRuntime","e","__esModule","default","UpgradeToCompleteAlert","intl","useIntl","courseId","useSelector","state","courseHome","datesBannerInfo","hasEnded","useModel","org","subscriptionOffer","useSubscriptionOffer","showSubscriptionUpsell","hasUpsell","conversion","useCohesion","contentTypeGatingEnabled","missedDeadlines","verifiedUpgradeLink","jsx","Alert","id","className","children","jsxs","Row","Col","xs","md","Heading","formatMessage","messages","upgradeToCompleteHeader","upgradeToCompleteBody","SubscriptionUpsell","onSubscribeClick","logUpgradeLinkClick","onPurchaseClick","onUpgradeEvent","stage","Button","variant","size","onClick","global","location","replace","upgradeToCompleteButton","_default","exports"],"sources":["../../src/upgrade-to-complete-alert/UpgradeToCompleteAlert.jsx"],"sourcesContent":["import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  Alert,\n  Button,\n  Col,\n  Row,\n} from '@openedx/paragon';\n\nimport { useModel } from '@src/generic/model-store'; // eslint-disable-line import/no-unresolved\nimport { useCohesion } from '../cohesion';\nimport { SubscriptionUpsell, useSubscriptionOffer } from '../subscription-upsell';\nimport messages from './messages';\nimport { logUpgradeLinkClick } from './track';\n\nconst UpgradeToCompleteAlert = () => {\n  const intl = useIntl();\n  const {\n    courseId,\n  } = useSelector(state => state.courseHome);\n\n  const {\n    datesBannerInfo,\n    hasEnded,\n  } = useModel('dates', courseId);\n\n  const {\n    org,\n  } = useModel('courseHomeMeta', courseId);\n  const subscriptionOffer = useSubscriptionOffer(courseId);\n  // Without anything in the offer to show, the banner keeps today's Upgrade now button.\n  const showSubscriptionUpsell = !!subscriptionOffer?.hasUpsell;\n  const { conversion } = useCohesion(courseId);\n\n  const {\n    contentTypeGatingEnabled,\n    missedDeadlines,\n    verifiedUpgradeLink,\n  } = datesBannerInfo || {};\n\n  if (!contentTypeGatingEnabled || missedDeadlines || hasEnded || !verifiedUpgradeLink) {\n    return null;\n  }\n\n  return (\n    <Alert id=\"upgrade-complete-alert\" className=\"bg-light-200\">\n      <Row className=\"w-100 m-0\">\n        <Col xs={12} md={showSubscriptionUpsell ? 8 : 9} className=\"small p-0 pr-md-2\">\n          <Alert.Heading>{intl.formatMessage(messages.upgradeToCompleteHeader)}</Alert.Heading>\n          {intl.formatMessage(messages.upgradeToCompleteBody)}\n        </Col>\n        <Col xs={12} md={showSubscriptionUpsell ? 4 : 3} className=\"align-self-center text-right mt-3 mt-md-0 p-0\">\n          {showSubscriptionUpsell ? (\n            // No Figma for this banner yet: same banner, with the LP-1422 buttons in place of Upgrade now.\n            <div className=\"d-inline-block text-left\">\n              <SubscriptionUpsell\n                courseId={courseId}\n                onSubscribeClick={() => { logUpgradeLinkClick(org, courseId, 'dates_subscribe'); conversion('Subscribe Clicked'); }}\n                onPurchaseClick={() => logUpgradeLinkClick(org, courseId)}\n                onUpgradeEvent={(stage) => {\n                  if (stage === 'succeeded') { logUpgradeLinkClick(org, courseId); conversion('Upgraded'); }\n                }}\n              />\n            </div>\n          ) : (\n            <Button\n              variant=\"brand\"\n              size=\"sm\"\n              className=\"w-xs-100 w-md-auto\"\n              onClick={() => {\n                logUpgradeLinkClick(org, courseId);\n                global.location.replace(verifiedUpgradeLink);\n              }}\n            >\n              {intl.formatMessage(messages.upgradeToCompleteButton)}\n            </Button>\n          )}\n        </Col>\n      </Row>\n    </Alert>\n  );\n};\n\nexport default UpgradeToCompleteAlert;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAOA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAA8C,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAJO;;AAMrD,MAAMG,sBAAsB,GAAGA,CAAA,KAAM;EACnC,MAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EACtB,MAAM;IACJC;EACF,CAAC,GAAG,IAAAC,uBAAW,EAACC,KAAK,IAAIA,KAAK,CAACC,UAAU,CAAC;EAE1C,MAAM;IACJC,eAAe;IACfC;EACF,CAAC,GAAG,IAAAC,oBAAQ,EAAC,OAAO,EAAEN,QAAQ,CAAC;EAE/B,MAAM;IACJO;EACF,CAAC,GAAG,IAAAD,oBAAQ,EAAC,gBAAgB,EAAEN,QAAQ,CAAC;EACxC,MAAMQ,iBAAiB,GAAG,IAAAC,wCAAoB,EAACT,QAAQ,CAAC;EACxD;EACA,MAAMU,sBAAsB,GAAG,CAAC,CAACF,iBAAiB,EAAEG,SAAS;EAC7D,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,qBAAW,EAACb,QAAQ,CAAC;EAE5C,MAAM;IACJc,wBAAwB;IACxBC,eAAe;IACfC;EACF,CAAC,GAAGZ,eAAe,IAAI,CAAC,CAAC;EAEzB,IAAI,CAACU,wBAAwB,IAAIC,eAAe,IAAIV,QAAQ,IAAI,CAACW,mBAAmB,EAAE;IACpF,OAAO,IAAI;EACb;EAEA,oBACE,IAAAvB,WAAA,CAAAwB,GAAA,EAAC9B,QAAA,CAAA+B,KAAK;IAACC,EAAE,EAAC,wBAAwB;IAACC,SAAS,EAAC,cAAc;IAAAC,QAAA,eACzD,IAAA5B,WAAA,CAAA6B,IAAA,EAACnC,QAAA,CAAAoC,GAAG;MAACH,SAAS,EAAC,WAAW;MAAAC,QAAA,gBACxB,IAAA5B,WAAA,CAAA6B,IAAA,EAACnC,QAAA,CAAAqC,GAAG;QAACC,EAAE,EAAE,EAAG;QAACC,EAAE,EAAEhB,sBAAsB,GAAG,CAAC,GAAG,CAAE;QAACU,SAAS,EAAC,mBAAmB;QAAAC,QAAA,gBAC5E,IAAA5B,WAAA,CAAAwB,GAAA,EAAC9B,QAAA,CAAA+B,KAAK,CAACS,OAAO;UAAAN,QAAA,EAAEvB,IAAI,CAAC8B,aAAa,CAACC,iBAAQ,CAACC,uBAAuB;QAAC,CAAgB,CAAC,EACpFhC,IAAI,CAAC8B,aAAa,CAACC,iBAAQ,CAACE,qBAAqB,CAAC;MAAA,CAChD,CAAC,eACN,IAAAtC,WAAA,CAAAwB,GAAA,EAAC9B,QAAA,CAAAqC,GAAG;QAACC,EAAE,EAAE,EAAG;QAACC,EAAE,EAAEhB,sBAAsB,GAAG,CAAC,GAAG,CAAE;QAACU,SAAS,EAAC,+CAA+C;QAAAC,QAAA,EACvGX,sBAAsB;QAAA;QACrB;QACA,IAAAjB,WAAA,CAAAwB,GAAA;UAAKG,SAAS,EAAC,0BAA0B;UAAAC,QAAA,eACvC,IAAA5B,WAAA,CAAAwB,GAAA,EAAC3B,mBAAA,CAAA0C,kBAAkB;YACjBhC,QAAQ,EAAEA,QAAS;YACnBiC,gBAAgB,EAAEA,CAAA,KAAM;cAAE,IAAAC,0BAAmB,EAAC3B,GAAG,EAAEP,QAAQ,EAAE,iBAAiB,CAAC;cAAEY,UAAU,CAAC,mBAAmB,CAAC;YAAE,CAAE;YACpHuB,eAAe,EAAEA,CAAA,KAAM,IAAAD,0BAAmB,EAAC3B,GAAG,EAAEP,QAAQ,CAAE;YAC1DoC,cAAc,EAAGC,KAAK,IAAK;cACzB,IAAIA,KAAK,KAAK,WAAW,EAAE;gBAAE,IAAAH,0BAAmB,EAAC3B,GAAG,EAAEP,QAAQ,CAAC;gBAAEY,UAAU,CAAC,UAAU,CAAC;cAAE;YAC3F;UAAE,CACH;QAAC,CACC,CAAC,gBAEN,IAAAnB,WAAA,CAAAwB,GAAA,EAAC9B,QAAA,CAAAmD,MAAM;UACLC,OAAO,EAAC,OAAO;UACfC,IAAI,EAAC,IAAI;UACTpB,SAAS,EAAC,oBAAoB;UAC9BqB,OAAO,EAAEA,CAAA,KAAM;YACb,IAAAP,0BAAmB,EAAC3B,GAAG,EAAEP,QAAQ,CAAC;YAClC0C,MAAM,CAACC,QAAQ,CAACC,OAAO,CAAC5B,mBAAmB,CAAC;UAC9C,CAAE;UAAAK,QAAA,EAEDvB,IAAI,CAAC8B,aAAa,CAACC,iBAAQ,CAACgB,uBAAuB;QAAC,CAC/C;MACT,CACE,CAAC;IAAA,CACH;EAAC,CACD,CAAC;AAEZ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnD,OAAA,GAEaC,sBAAsB","ignoreList":[]}
+{"version":3,"file":"UpgradeToCompleteAlert.js","names":["_react","_interopRequireDefault","require","_reactRedux","_i18n","_paragon","_modelStore","_cohesion","_subscriptionUpsell","_messages","_track","_jsxRuntime","e","__esModule","default","UpgradeToCompleteAlert","intl","useIntl","courseId","useSelector","state","courseHome","datesBannerInfo","hasEnded","useModel","org","subscriptionOffer","useSubscriptionOffer","showSubscriptionUpsell","hasUpsell","conversion","useCohesion","contentTypeGatingEnabled","missedDeadlines","verifiedUpgradeLink","jsx","Alert","id","className","children","jsxs","Row","Col","xs","md","Heading","formatMessage","messages","upgradeToCompleteHeader","upgradeToCompleteBody","SubscriptionUpsell","onSubscribeClick","logUpgradeLinkClick","onPurchaseClick","onUpgradeEvent","logSubscriptionUpgrade","pageName","placement","linkName","Button","variant","size","onClick","global","location","replace","upgradeToCompleteButton","_default","exports"],"sources":["../../src/upgrade-to-complete-alert/UpgradeToCompleteAlert.jsx"],"sourcesContent":["import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { useIntl } from '@edx/frontend-platform/i18n';\nimport {\n  Alert,\n  Button,\n  Col,\n  Row,\n} from '@openedx/paragon';\n\nimport { useModel } from '@src/generic/model-store'; // eslint-disable-line import/no-unresolved\nimport { useCohesion } from '../cohesion';\nimport { SubscriptionUpsell, logSubscriptionUpgrade, useSubscriptionOffer } from '../subscription-upsell';\nimport messages from './messages';\nimport { logUpgradeLinkClick } from './track';\n\nconst UpgradeToCompleteAlert = () => {\n  const intl = useIntl();\n  const {\n    courseId,\n  } = useSelector(state => state.courseHome);\n\n  const {\n    datesBannerInfo,\n    hasEnded,\n  } = useModel('dates', courseId);\n\n  const {\n    org,\n  } = useModel('courseHomeMeta', courseId);\n  const subscriptionOffer = useSubscriptionOffer(courseId);\n  // Without anything in the offer to show, the banner keeps today's Upgrade now button.\n  const showSubscriptionUpsell = !!subscriptionOffer?.hasUpsell;\n  const { conversion } = useCohesion(courseId);\n\n  const {\n    contentTypeGatingEnabled,\n    missedDeadlines,\n    verifiedUpgradeLink,\n  } = datesBannerInfo || {};\n\n  if (!contentTypeGatingEnabled || missedDeadlines || hasEnded || !verifiedUpgradeLink) {\n    return null;\n  }\n\n  return (\n    <Alert id=\"upgrade-complete-alert\" className=\"bg-light-200\">\n      <Row className=\"w-100 m-0\">\n        <Col xs={12} md={showSubscriptionUpsell ? 8 : 9} className=\"small p-0 pr-md-2\">\n          <Alert.Heading>{intl.formatMessage(messages.upgradeToCompleteHeader)}</Alert.Heading>\n          {intl.formatMessage(messages.upgradeToCompleteBody)}\n        </Col>\n        <Col xs={12} md={showSubscriptionUpsell ? 4 : 3} className=\"align-self-center text-right mt-3 mt-md-0 p-0\">\n          {showSubscriptionUpsell ? (\n            // No Figma for this banner yet: same banner, with the LP-1422 buttons in place of Upgrade now.\n            <div className=\"d-inline-block text-left\">\n              <SubscriptionUpsell\n                courseId={courseId}\n                onSubscribeClick={() => { logUpgradeLinkClick(org, courseId, 'dates_subscribe'); conversion('Subscribe Clicked'); }}\n                onPurchaseClick={() => logUpgradeLinkClick(org, courseId)}\n                onUpgradeEvent={logSubscriptionUpgrade({\n                  org, courseId, pageName: 'dates_tab', placement: 'dates_banner', linkName: 'dates_upgrade_now',\n                }, conversion)}\n              />\n            </div>\n          ) : (\n            <Button\n              variant=\"brand\"\n              size=\"sm\"\n              className=\"w-xs-100 w-md-auto\"\n              onClick={() => {\n                logUpgradeLinkClick(org, courseId);\n                global.location.replace(verifiedUpgradeLink);\n              }}\n            >\n              {intl.formatMessage(messages.upgradeToCompleteButton)}\n            </Button>\n          )}\n        </Col>\n      </Row>\n    </Alert>\n  );\n};\n\nexport default UpgradeToCompleteAlert;\n"],"mappings":"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","ignoreList":[]}

package/package.json

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