@edx/frontend-app-subscription-learner-dashboard 1.55.5 → 1.57.0

package/dist/containers/ProgramDashboard/ProgramProgress/InProgressTabData/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/ProgramDashboard/ProgramProgress/InProgressTabData/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC } from 'react';\nimport { useProgressData } from '@src/hooks';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { ProgressCard } from '../ProgressCard';\nimport messages from '../messages';\n\nexport const InProgressTabData: FC = () => {\n  const { programProgressData, isLoading } = useProgressData();\n\n  const { formatMessage } = useIntl();\n  const courseData = programProgressData?.courseData;\n  const remainingCount = courseData?.notStarted?.length || 0;\n  const inProgressData = courseData?.inProgress || [];\n  const completedCount = courseData?.completed?.length || 0;\n  const inProgressCount = inProgressData.length;\n  const programType = programProgressData?.programData?.type || '';\n  const checkoutUrl = programProgressData?.urls?.buyButtonUrl || '';\n  const inProgressTabType = formatMessage(messages.programProgressInProgressTab).toLowerCase();\n\n  const shouldShowRemainingMessage = !inProgressCount && remainingCount > 0;\n  const shouldShowCompletedMessage = !inProgressCount && !remainingCount && completedCount > 0;\n\n  const progressCards = inProgressData.map((course) => {\n    const courseRuns = course.courseRuns || [];\n    const [{ pacingType = '', enrollmentDate = '', end = '', courseUrl = '', upgradeUrl = '', seats = [], key = '' } = {}] = Array.isArray(courseRuns) ? courseRuns : [];\n\n    const progressCardData = {\n      title: course.title,\n      enrollment_date: enrollmentDate,\n      end: end || '',\n      pacingType: pacingType,\n      courseUrl: courseUrl || '',\n      upgradeUrl: upgradeUrl || '',\n      programType: programType || '',\n      checkoutUrl: checkoutUrl || '',\n      seats: seats || [],\n      expired: course.expired || false, // using expired from course object to determine if the course is expired as per condition on confluence and learners dashboard code.\n      courseRunKey: key || '',\n    };\n\n    return (\n      <ProgressCard\n        key={course.key}\n        progressCardData={progressCardData}\n        isLoading={isLoading}\n        tabType={inProgressTabType}\n      />\n    );\n  });\n\n  return (\n    <div>\n      {inProgressCount > 0 ? (\n        progressCards\n      ) : shouldShowRemainingMessage ? (\n        <p>{formatMessage(messages.programProgressInProgressRemainingCourses)}</p>\n      ) : shouldShowCompletedMessage ? (\n        <p>{formatMessage(messages.programProgressInProgressCompletedCourses)}</p>\n      ) : null}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/ProgramDashboard/ProgramProgress/InProgressTabData/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC } from 'react';\nimport { useProgressData } from '@src/hooks';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { ProgressCard } from '../ProgressCard';\nimport messages from '../messages';\n\nexport const InProgressTabData: FC = () => {\n  const { programProgressData, isLoading } = useProgressData();\n\n  const { formatMessage } = useIntl();\n  const courseData = programProgressData?.courseData;\n  const remainingCount = courseData?.notStarted?.length || 0;\n  const inProgressData = courseData?.inProgress || [];\n  const completedCount = courseData?.completed?.length || 0;\n  const inProgressCount = inProgressData.length;\n  const programType = programProgressData?.programData?.type || '';\n  const checkoutUrl = programProgressData?.urls?.buyButtonUrl || '';\n  const inProgressTabType = formatMessage(messages.programProgressInProgressTab).toLowerCase();\n\n  const shouldShowRemainingMessage = !inProgressCount && remainingCount > 0;\n  const shouldShowCompletedMessage = !inProgressCount && !remainingCount && completedCount > 0;\n\n  const progressCards = inProgressData.map((course) => {\n    const courseRuns = course.courseRuns || [];\n    const [{ pacingType = '', enrollmentDate = '', end = '', courseUrl = '', upgradeUrl = '', seats = [], key = '', isAudit, canUpgrade, isAuditAccessExpired } = {}] = Array.isArray(courseRuns) ? courseRuns : [];\n\n    const progressCardData = {\n      title: course.title,\n      enrollment_date: enrollmentDate,\n      end: end || '',\n      pacingType: pacingType,\n      courseUrl: courseUrl || '',\n      upgradeUrl: upgradeUrl || '',\n      programType: programType || '',\n      checkoutUrl: checkoutUrl || '',\n      seats: seats || [],\n      expired: course.expired || false, // using expired from course object to determine if the course is expired as per condition on confluence and learners dashboard code.\n      courseRunKey: key || '',\n      isAudit: isAudit || false,\n      canUpgradeCourse: canUpgrade || false,\n      isAuditAccessExpired: isAuditAccessExpired || false,\n    };\n\n    return (\n      <ProgressCard\n        key={course.key}\n        progressCardData={progressCardData}\n        isLoading={isLoading}\n        tabType={inProgressTabType}\n      />\n    );\n  });\n\n  return (\n    <div>\n      {inProgressCount > 0 ? (\n        progressCards\n      ) : shouldShowRemainingMessage ? (\n        <p>{formatMessage(messages.programProgressInProgressRemainingCourses)}</p>\n      ) : shouldShowCompletedMessage ? (\n        <p>{formatMessage(messages.programProgressInProgressCompletedCourses)}</p>\n      ) : null}\n    </div>\n  );\n};\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/ProgressCard/index.js

@@ -11,7 +11,7 @@ import { getCertificatePriceString } from '../../data/util';
 import { UpgradeCourseButton } from '../ProgressCardActions/UpgradeCourseButton';
 export const ProgressCard = ({ progressCardData, isLoading, tabType }) => {
     const { formatMessage, formatDate } = useIntl();
-    const { title, enrollment_date, certificateIssuedDate, certificateUrl, courseUrl, upgradeUrl, programType, checkoutUrl, expired, seats, description, destinationUrl, courseRunKey } = progressCardData;
+    const { title, enrollment_date, certificateIssuedDate, certificateUrl, courseUrl, upgradeUrl, programType, checkoutUrl, expired, seats, description, destinationUrl, courseRunKey, isAudit, canUpgradeCourse } = progressCardData;
     const inProgressTabKey = formatMessage(messages.programProgressInProgressTab).toLowerCase();
     const isInProgressTab = tabType === inProgressTabKey;
     const isRemainingTab = tabType === formatMessage(messages.programProgressRemainingTab).toLowerCase();
@@ -32,6 +32,9 @@ export const ProgressCard = ({ progressCardData, isLoading, tabType }) => {
             ? formatMessage(messages.programProgressCardIncludedInSubscriptionText)
             : formatMessage(messages.programProgressCardEnrollText);
     }
+    if (isInProgressTab && isAudit && canUpgradeCourse) {
+        enrollmentInfo = `${formatMessage(messages.programProgressCardAuditTrack)} ${formatMessage(messages.programProgressCardEnrollText)}`;
+    }
     //  if enrollment start exists
     if (!isPathwaysTab && !isRemainingTab && enrollment_date) {
         const enrollment_date_formatted = dateFormatter(formatDate, enrollment_date, 'short');

package/dist/containers/ProgramDashboard/ProgramProgress/ProgressCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/ProgramDashboard/ProgramProgress/ProgressCard/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGhE,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAEjF,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC9F,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhD,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,gBAAgB,CAAC;IAEvM,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC,WAAW,EAAE,CAAC;IAC5F,MAAM,eAAe,GAAG,OAAO,KAAK,gBAAgB,CAAC;IACrD,MAAM,cAAc,GAAG,OAAO,KAAK,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,WAAW,EAAE,CAAC;IACrG,MAAM,aAAa,GAAG,OAAO,KAAK,aAAa,CAAC,QAAQ,CAAC,0BAA0B,CAAC,CAAC,WAAW,EAAE,CAAC;IACnG,MAAM,qBAAqB,GAAG,WAAW,KAAK,gBAAgB,CAAC,wBAAwB,CAAC;IACxF,MAAM,gBAAgB,GAAG,WAAW,KAAK,gBAAgB,CAAC,OAAO,CAAC;IAClE,MAAM,qBAAqB,GAAG,WAAW,KAAK,gBAAgB,CAAC,YAAY,CAAC;IAC5E;;;;;MAKE;IACF,kEAAkE;IAClE,IAAI,cAAc,GAAG,EAAE,CAAC;IACxB,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,cAAc,GAAG,cAAc;YAC7B,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,6CAA6C,CAAC;YACvE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC,CAAC;IAC5D,CAAC;IAED,8BAA8B;IAC9B,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc,IAAI,eAAe,EAAE,CAAC;QACzD,MAAM,yBAAyB,GAAG,aAAa,CAAC,UAAU,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC;QAEtF,cAAc,GAAG,cAAc,IAAI,GAAG,cAAc,IAAI,yBAAyB,EAAE,CAAC;IACtF,CAAC;IAED,yIAAyI;IACzI,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;IACnD,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,iBAAa,eAAe,EAAC,SAAS,EAAE,SAAS,YACnF,MAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,aACtC,MAAC,GAAG,IAAC,SAAS,EAAC,MAAM,aACnB,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,aACR,aAAa,CAAC,CAAC,CAAC,CACf,aAAI,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAM,CAC9D,CAAC,CAAC,CAAC,CACF,aAAI,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAM,CAC9D,EACD,eAAK,SAAS,EAAC,kBAAkB,aAC9B,cAAc,EACd,WAAW,IAAI,CACd,4BACG,WAAW,GACX,CACJ,IACG,IACF,EACN,KAAC,mBAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,IAAI,SAAS,GAAI,IAC/E,EAEL,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,WAAW,EAAE,CAAC,IAAI,CAClF,KAAC,GAAG,IAAC,SAAS,EAAC,yEAAyE,YACtF,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,wDAAwD,aAC7E,eAAM,SAAS,EAAC,YAAY,YACzB,qBAAqB,IAAI,CACxB,aAAa,CAAC,QAAQ,CAAC,2CAA2C,EAAE;oCAClE,eAAe,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC,UAAU,EAAE,qBAAqB,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;iCAC1G,CAAC,CACH,GACI,EAEP,KAAC,kBAAkB,IAAC,OAAO,EAAC,OAAO,EAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE,CAAC,UAAU,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,6CAA6C,CAAC,GAAI,IAC1M,GACF,CACP,EAEA,eAAe,IAAI,CAClB,8BACG,CAAC,qBAAqB,IAAI,gBAAgB,CAAC;+BACzC,UAAU;+BACV,yBAAyB,CAAC,KAAK,CAAC;+BAChC,CACD,MAAC,GAAG,IAAC,SAAS,EAAC,yEAAyE,aACtF,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,wDAAwD,YACpF,eAAM,SAAS,EAAC,YAAY,YACzB,aAAa,CAAC,QAAQ,CAAC,gDAAgD,CAAC,GACpE,GACH,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,wDAAwD,YACpF,KAAC,mBAAmB,IAClB,OAAO,EAAC,eAAe,EACvB,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,gCAAgC,CAAC,EACpE,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,yBAAyB,CAAC,KAAK,CAAC,EACvC,YAAY,EAAE,YAAY,IAAI,EAAE,EAChC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE,CAAC,UAAU,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,GACvE,GACE,IACF,CACP,EACA,qBAAqB;+BACnB,WAAW;+BACX,UAAU;+BACV,CACD,MAAC,GAAG,IAAC,SAAS,EAAC,yEAAyE,aACtF,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,wDAAwD,YACpF,eAAM,SAAS,EAAC,YAAY,YACzB,aAAa,CAAC,QAAQ,CAAC,gDAAgD,CAAC,GACpE,GACH,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,mDAAmD,YAC/E,KAAC,kBAAkB,IACjB,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,aAAa,CAAC,QAAQ,CAAC,kDAAkD,EAAE;gDACrF,KAAK,EAAE,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC;6CAC9C,CAAC,GACF,GACE,IACF,CACP,IACA,CACJ,IAEY,GACV,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FC } from 'react';\nimport { Card, Row, Col } from '@openedx/paragon';\nimport { getSiteConfig, useIntl } from '@openedx/frontend-base';\n\nimport { ProgressCardProps } from '../../data/types';\nimport messages from '../messages';\nimport './index.scss';\nimport { ProgressCardActions } from '../ProgressCardActions';\nimport { dateFormatter } from '@src/utils/dateFormatter';\nimport { ProgressCardButton } from '../ProgressCardActions/ProgressCardButton';\nimport { PROGRAM_TYPE_MAP } from '../../data/constants';\nimport { getCertificatePriceString } from '../../data/util';\nimport { UpgradeCourseButton } from '../ProgressCardActions/UpgradeCourseButton';\n\nexport const ProgressCard: FC<ProgressCardProps> = ({ progressCardData, isLoading, tabType }) => {\n  const { formatMessage, formatDate } = useIntl();\n\n  const { title, enrollment_date, certificateIssuedDate, certificateUrl, courseUrl, upgradeUrl, programType, checkoutUrl, expired, seats, description, destinationUrl, courseRunKey } = progressCardData;\n\n  const inProgressTabKey = formatMessage(messages.programProgressInProgressTab).toLowerCase();\n  const isInProgressTab = tabType === inProgressTabKey;\n  const isRemainingTab = tabType === formatMessage(messages.programProgressRemainingTab).toLowerCase();\n  const isPathwaysTab = tabType === formatMessage(messages.programProgressPathwaysTab).toLowerCase();\n  const isProfessionalProgram = programType === PROGRAM_TYPE_MAP.PROFESSIONAL_CERTIFICATE;\n  const isXSeriesProgram = programType === PROGRAM_TYPE_MAP.XSERIES;\n  const isMicroMastersProgram = programType === PROGRAM_TYPE_MAP.MICROMASTERS;\n  /*\n    - Formatting pacing type safely\n    - replace underscores with spaces\n    - capitalize first letter of each word\n    - example: 'self_paced' -> 'Self Paced'\n  */\n  // base string; pathways tab has no enrollment/subscription status\n  let enrollmentInfo = '';\n  if (!isPathwaysTab) {\n    enrollmentInfo = isRemainingTab\n      ? formatMessage(messages.programProgressCardIncludedInSubscriptionText)\n      : formatMessage(messages.programProgressCardEnrollText);\n  }\n\n  //  if enrollment start exists\n  if (!isPathwaysTab && !isRemainingTab && enrollment_date) {\n    const enrollment_date_formatted = dateFormatter(formatDate, enrollment_date, 'short');\n\n    enrollmentInfo = enrollmentInfo && `${enrollmentInfo} ${enrollment_date_formatted}`;\n  }\n\n  // using expired key from course object to determine if the course is expired as per condition on confluence and learners dashboard code.\n  const canUpgrade = Boolean(upgradeUrl) && !expired;\n  return (\n    <Card className=\"progress-card mb-3\" data-testid=\"progress-card\" isLoading={isLoading}>\n      <Card.Section className=\"pt-3 pb-2 px-4\">\n        <Row className=\"mb-2\">\n          <Col xs={12}>\n            {isPathwaysTab ? (\n              <h5 className=\"mb-1 font-weight-bold card-title\">{title}</h5>\n            ) : (\n              <h4 className=\"mb-1 font-weight-bold card-title\">{title}</h4>\n            )}\n            <div className=\"card-description\">\n              {enrollmentInfo}\n              {description && (\n                <>\n                  {description}\n                </>\n              )}\n            </div>\n          </Col>\n          <ProgressCardActions tabType={tabType} redirectUrl={destinationUrl || courseUrl} />\n        </Row>\n\n        {tabType === (formatMessage(messages.programProgressCompletedTab).toLowerCase()) && (\n          <Row className=\"pt-3 pb-2 px-2 border-top border-2 border-muted mb-2 align-items-center\">\n            <Col xs={12} className=\"d-flex justify-content-between align-items-center px-0\">\n              <span className=\"text-start\">\n                {certificateIssuedDate && (\n                  formatMessage(messages.programProgressCardCompletedCertificateText, {\n                    certificateDate: (certificateIssuedDate ? dateFormatter(formatDate, certificateIssuedDate, 'short') : ''),\n                  })\n                )}\n              </span>\n\n              <ProgressCardButton variant=\"brand\" redirectUrl={certificateUrl ? `${getSiteConfig().lmsBaseUrl}${certificateUrl}` : ''} buttonText={formatMessage(messages.programProgressCardCompletedCertificateButton)} />\n            </Col>\n          </Row>\n        )}\n\n        {isInProgressTab && (\n          <>\n            {(isProfessionalProgram || isXSeriesProgram)\n            && canUpgrade\n            && getCertificatePriceString(seats)\n            && (\n              <Row className=\"pt-3 pb-2 px-2 border-top border-2 border-muted mb-2 align-items-center\">\n                <Col xs={12} md={8} className=\"d-flex justify-content-between align-items-center px-0\">\n                  <span className=\"text-start\">\n                    {formatMessage(messages.programProgressInProgressProfessionalCertificate)}\n                  </span>\n                </Col>\n                <Col xs={12} md={4} className=\"d-flex justify-content-between align-items-center px-0\">\n                  <UpgradeCourseButton\n                    variant=\"outline-brand\"\n                    buttonText={formatMessage(messages.programProgressCardUpgradeButton)}\n                    title={title}\n                    price={getCertificatePriceString(seats)}\n                    courseRunKey={courseRunKey || ''}\n                    courseUrl={courseUrl ? `${getSiteConfig().lmsBaseUrl}${courseUrl}` : ''}\n                  />\n                </Col>\n              </Row>\n            )}\n            {isMicroMastersProgram\n            && checkoutUrl\n            && canUpgrade\n            && (\n              <Row className=\"pt-3 pb-2 px-2 border-top border-2 border-muted mb-2 align-items-center\">\n                <Col xs={12} md={8} className=\"d-flex justify-content-between align-items-center px-0\">\n                  <span className=\"text-start\">\n                    {formatMessage(messages.programProgressInProgressMicromastersCertificate)}\n                  </span>\n                </Col>\n                <Col xs={12} md={4} className=\"d-flex justify-content-between align-items-center\">\n                  <ProgressCardButton\n                    variant=\"brand\"\n                    redirectUrl={checkoutUrl}\n                    buttonText={formatMessage(messages.programProgressInProgressCourseMicromastersUpgrade, {\n                      price: getCertificatePriceString(seats, true),\n                    })}\n                  />\n                </Col>\n              </Row>\n            )}\n          </>\n        )}\n\n      </Card.Section>\n    </Card>\n  );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/ProgramDashboard/ProgramProgress/ProgressCard/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC } from 'react';\nimport { Card, Row, Col } from '@openedx/paragon';\nimport { getSiteConfig, useIntl } from '@openedx/frontend-base';\n\nimport { ProgressCardProps } from '../../data/types';\nimport messages from '../messages';\nimport './index.scss';\nimport { ProgressCardActions } from '../ProgressCardActions';\nimport { dateFormatter } from '@src/utils/dateFormatter';\nimport { ProgressCardButton } from '../ProgressCardActions/ProgressCardButton';\nimport { PROGRAM_TYPE_MAP } from '../../data/constants';\nimport { getCertificatePriceString } from '../../data/util';\nimport { UpgradeCourseButton } from '../ProgressCardActions/UpgradeCourseButton';\n\nexport const ProgressCard: FC<ProgressCardProps> = ({ progressCardData, isLoading, tabType }) => {\n  const { formatMessage, formatDate } = useIntl();\n\n  const { title, enrollment_date, certificateIssuedDate, certificateUrl, courseUrl, upgradeUrl, programType, checkoutUrl, expired, seats, description, destinationUrl, courseRunKey, isAudit, canUpgradeCourse } = progressCardData;\n\n  const inProgressTabKey = formatMessage(messages.programProgressInProgressTab).toLowerCase();\n  const isInProgressTab = tabType === inProgressTabKey;\n  const isRemainingTab = tabType === formatMessage(messages.programProgressRemainingTab).toLowerCase();\n  const isPathwaysTab = tabType === formatMessage(messages.programProgressPathwaysTab).toLowerCase();\n  const isProfessionalProgram = programType === PROGRAM_TYPE_MAP.PROFESSIONAL_CERTIFICATE;\n  const isXSeriesProgram = programType === PROGRAM_TYPE_MAP.XSERIES;\n  const isMicroMastersProgram = programType === PROGRAM_TYPE_MAP.MICROMASTERS;\n  /*\n    - Formatting pacing type safely\n    - replace underscores with spaces\n    - capitalize first letter of each word\n    - example: 'self_paced' -> 'Self Paced'\n  */\n  // base string; pathways tab has no enrollment/subscription status\n  let enrollmentInfo = '';\n  if (!isPathwaysTab) {\n    enrollmentInfo = isRemainingTab\n      ? formatMessage(messages.programProgressCardIncludedInSubscriptionText)\n      : formatMessage(messages.programProgressCardEnrollText);\n  }\n\n  if (isInProgressTab && isAudit && canUpgradeCourse) {\n    enrollmentInfo = `${formatMessage(messages.programProgressCardAuditTrack)} ${formatMessage(messages.programProgressCardEnrollText)}`;\n  }\n\n  //  if enrollment start exists\n  if (!isPathwaysTab && !isRemainingTab && enrollment_date) {\n    const enrollment_date_formatted = dateFormatter(formatDate, enrollment_date, 'short');\n\n    enrollmentInfo = enrollmentInfo && `${enrollmentInfo} ${enrollment_date_formatted}`;\n  }\n\n  // using expired key from course object to determine if the course is expired as per condition on confluence and learners dashboard code.\n  const canUpgrade = Boolean(upgradeUrl) && !expired;\n  return (\n    <Card className=\"progress-card mb-3\" data-testid=\"progress-card\" isLoading={isLoading}>\n      <Card.Section className=\"pt-3 pb-2 px-4\">\n        <Row className=\"mb-2\">\n          <Col xs={12}>\n            {isPathwaysTab ? (\n              <h5 className=\"mb-1 font-weight-bold card-title\">{title}</h5>\n            ) : (\n              <h4 className=\"mb-1 font-weight-bold card-title\">{title}</h4>\n            )}\n            <div className=\"card-description\">\n              {enrollmentInfo}\n              {description && (\n                <>\n                  {description}\n                </>\n              )}\n            </div>\n          </Col>\n          <ProgressCardActions tabType={tabType} redirectUrl={destinationUrl || courseUrl} />\n        </Row>\n\n        {tabType === (formatMessage(messages.programProgressCompletedTab).toLowerCase()) && (\n          <Row className=\"pt-3 pb-2 px-2 border-top border-2 border-muted mb-2 align-items-center\">\n            <Col xs={12} className=\"d-flex justify-content-between align-items-center px-0\">\n              <span className=\"text-start\">\n                {certificateIssuedDate && (\n                  formatMessage(messages.programProgressCardCompletedCertificateText, {\n                    certificateDate: (certificateIssuedDate ? dateFormatter(formatDate, certificateIssuedDate, 'short') : ''),\n                  })\n                )}\n              </span>\n\n              <ProgressCardButton variant=\"brand\" redirectUrl={certificateUrl ? `${getSiteConfig().lmsBaseUrl}${certificateUrl}` : ''} buttonText={formatMessage(messages.programProgressCardCompletedCertificateButton)} />\n            </Col>\n          </Row>\n        )}\n\n        {isInProgressTab && (\n          <>\n            {(isProfessionalProgram || isXSeriesProgram)\n            && canUpgrade\n            && getCertificatePriceString(seats)\n            && (\n              <Row className=\"pt-3 pb-2 px-2 border-top border-2 border-muted mb-2 align-items-center\">\n                <Col xs={12} md={8} className=\"d-flex justify-content-between align-items-center px-0\">\n                  <span className=\"text-start\">\n                    {formatMessage(messages.programProgressInProgressProfessionalCertificate)}\n                  </span>\n                </Col>\n                <Col xs={12} md={4} className=\"d-flex justify-content-between align-items-center px-0\">\n                  <UpgradeCourseButton\n                    variant=\"outline-brand\"\n                    buttonText={formatMessage(messages.programProgressCardUpgradeButton)}\n                    title={title}\n                    price={getCertificatePriceString(seats)}\n                    courseRunKey={courseRunKey || ''}\n                    courseUrl={courseUrl ? `${getSiteConfig().lmsBaseUrl}${courseUrl}` : ''}\n                  />\n                </Col>\n              </Row>\n            )}\n            {isMicroMastersProgram\n            && checkoutUrl\n            && canUpgrade\n            && (\n              <Row className=\"pt-3 pb-2 px-2 border-top border-2 border-muted mb-2 align-items-center\">\n                <Col xs={12} md={8} className=\"d-flex justify-content-between align-items-center px-0\">\n                  <span className=\"text-start\">\n                    {formatMessage(messages.programProgressInProgressMicromastersCertificate)}\n                  </span>\n                </Col>\n                <Col xs={12} md={4} className=\"d-flex justify-content-between align-items-center\">\n                  <ProgressCardButton\n                    variant=\"brand\"\n                    redirectUrl={checkoutUrl}\n                    buttonText={formatMessage(messages.programProgressInProgressCourseMicromastersUpgrade, {\n                      price: getCertificatePriceString(seats, true),\n                    })}\n                  />\n                </Col>\n              </Row>\n            )}\n          </>\n        )}\n\n      </Card.Section>\n    </Card>\n  );\n};\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/messages.d.ts

@@ -239,5 +239,10 @@ declare const messages: {
         id: string;
         description: string;
     };
+    programProgressCardAuditTrack: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
 };
 export default messages;

package/dist/containers/ProgramDashboard/ProgramProgress/messages.js

@@ -51,7 +51,7 @@ const messages = defineMessages({
         description: 'text to display on the progress card for the resume course button',
     },
     programProgressCardUpgradeButton: {
-        defaultMessage: 'Upgrade with your subscription',
+        defaultMessage: 'Upgrade with my subscription',
         id: 'program.progress.card.upgrade.button.text',
         description: 'text to display on the progress card for the upgrade button',
     },
@@ -240,6 +240,11 @@ const messages = defineMessages({
         id: 'program.progress.xseries.certificate.label',
         description: 'Label for the XSeries certificate string.',
     },
+    programProgressCardAuditTrack: {
+        defaultMessage: 'Audit-track.',
+        id: 'program.progress.card.audit.track',
+        description: 'Text to display on the progress card for courses that are on the audit track.',
+    },
 });
 export default messages;
 //# sourceMappingURL=messages.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  programProgressInstitutions: {\n    defaultMessage: 'Institutions',\n    id: 'program.progress.institutions',\n    description: 'Label text for organization image logos',\n  },\n  programTypeLabel: {\n    defaultMessage: '{programType} program',\n    id: 'program.progress.program.type.label',\n    description: 'Label displaying the program type (e.g. \"MicroMasters program\", \"Professional Certificate program\")',\n  },\n  programProgressCompleteHeader: {\n    defaultMessage: 'Congratulations!',\n    id: 'program.progress.complete.header',\n    description: 'header text for the program progress page when all courses are complete',\n  },\n  programProgressCompleteText: {\n    defaultMessage: 'You have successfully completed all the requirements for {programTitle}.',\n    id: 'program.progress.complete.text',\n    description: 'text to display when a user has completed all of the courses for the program',\n  },\n  programProgressIncompleteHeader: {\n    defaultMessage: 'Your Program Journey',\n    id: 'program.progress.incomplete.header',\n    description: 'header text to display when the user has remaining incomplete courses in the program',\n  },\n  programProgressIncompleteText: {\n    defaultMessage: 'Track and plan your progress through the {totalCoursesInProgram} courses in this program. To complete the program, you must earn a verified certificate for each course.',\n    id: 'program.progress.incomplete.text',\n    description: 'text to display when a user has not completed all of the courses for a program',\n  },\n  programProgressCardCompletedCertificateText: {\n    defaultMessage: 'You earned the certificate on {certificateDate}',\n    id: 'program.progress.card.completed.certificate.text',\n    description: 'text to display on the progress card completed tab related to the certificate status for the course',\n  },\n  programProgressCardCompletedCertificateButton: {\n    defaultMessage: 'View certificate',\n    id: 'program.progress.card.completed.certificate.button.text',\n    description: 'text to display on the progress card on certificate button for completed courses',\n  },\n  programProgressCardViewCourseDetailButton: {\n    defaultMessage: 'View course details',\n    id: 'program.progress.card.view.course.detail.button.text',\n    description: 'text to display on the progress card for the view course details button',\n  },\n  programProgressCardResumeCourseButton: {\n    defaultMessage: 'Resume course',\n    id: 'program.progress.card.resume.course.button.text',\n    description: 'text to display on the progress card for the resume course button',\n  },\n  programProgressCardUpgradeButton: {\n    defaultMessage: 'Upgrade with your subscription',\n    id: 'program.progress.card.upgrade.button.text',\n    description: 'text to display on the progress card for the upgrade button',\n  },\n  programProgressCardEnrollText: {\n    defaultMessage: 'Enrolled on:',\n    id: 'program.progress.card.enroll.text',\n    description: 'text to display on the progress card for the enrolled status of the course',\n  },\n  programProgressCardIncludedInSubscriptionText: {\n    defaultMessage: 'Included in your subscription',\n    id: 'program.progress.card.included.in.subscription.text',\n    description: 'text to display on the progress card for remaining courses that are included in the subscription',\n  },\n  programProgressCardStartText: {\n    defaultMessage: 'Started',\n    id: 'program.progress.card.start.text',\n    description: 'text to display on the progress card for the start date of the course',\n  },\n  programProgressInProgressTab: {\n    defaultMessage: 'In progress',\n    id: 'program.progress.in.progress.tab',\n    description: 'Label for the \"In progress\" tab on the program progress page, which lists courses that the user has started but not yet completed.',\n  },\n  programProgressRemainingTab: {\n    defaultMessage: 'Remaining',\n    id: 'program.progress.remaining.tab',\n    description: 'Label for the \"Remaining\" tab on the program progress page, which lists courses that the user has not yet started.',\n  },\n  programProgressCompletedTab: {\n    defaultMessage: 'Completed',\n    id: 'program.progress.completed.tab',\n    description: 'Label for the \"Completed\" tab on the program progress page, which lists courses that the user has completed.',\n  },\n  programProgressPathwaysTab: {\n    defaultMessage: 'Pathways',\n    id: 'program.progress.pathways.tab',\n    description: 'Label for the \"Pathways\" tab on the program progress page, which gives details of how the program can be used to further the learners education. This tab is only shown for MicroMasters programs.',\n  },\n  programProgressRemainingCourse: {\n    defaultMessage: 'Remaining Courses',\n    id: 'program.progress.remaining.course',\n    description: 'Header text to be displayed inside the Remaining tab of the program progress page.',\n  },\n  programProgressRemainingTabNoCourse: {\n    defaultMessage: \"You have enrolled in all of this program's courses.\",\n    id: 'program.progress.remaining.tab.no.course',\n    description: 'Text to display on the Remaining tab of the program progress page when there is no course remaining for the user',\n  },\n  programProgressCompletedCourse: {\n    defaultMessage: 'Completed courses',\n    id: 'program.progress.completed.course',\n    description: 'Header text to be displayed inside the Completed tab of the program progress page.',\n  },\n  programProgressCompletedTabNoCourse: {\n    defaultMessage: 'As you complete courses, you will see them listed here.',\n    id: 'program.progress.completed.tab.no.course',\n    description: 'Text to display on the Completed tab of the program progress page when no course is completed for the user',\n  },\n  programProgressCompletedBannerTitle: {\n    defaultMessage: 'Earning a program record',\n    id: 'program.progress.completed.banner.title',\n    description: 'Title text for the banner displayed on the Completed tab of the program progress page.',\n  },\n  programProgressCompletedBannerDescription: {\n    defaultMessage: 'Once you meet all course and program requirements, you will receive a program record and your professional certificate.',\n    id: 'program.progress.completed.banner.description',\n    description: 'Description text for the banner displayed on the Completed tab of the program progress page.',\n  },\n  programProgressCompletedBannerHelpCenterButton: {\n    defaultMessage: 'Help center',\n    id: 'program.progress.completed.banner.help.center.button',\n    description: 'Text for the Help Center button displayed on the banner in the Completed tab of the program progress page.',\n  },\n  programProgressCompletedBannerMyProgramRecordsButton: {\n    defaultMessage: 'My program records',\n    id: 'program.progress.completed.banner.my.program.records.button',\n    description: 'Text for the My Program Records button displayed on the banner in the Completed tab of the program progress page.',\n  },\n  programProgressEarnedCertificates: {\n    defaultMessage: 'Earned Certificates',\n    id: 'program.progress.earned.certificates',\n    description: 'Label shown in the program progress circle',\n  },\n  programProgressCertificateLabel: {\n    defaultMessage: 'Program Certificate Progress',\n    id: 'program.progress.certificate.program.progress',\n    description: 'Label shown under the program progress circle',\n  },\n  programProgressCertificateContentOne: {\n    defaultMessage: 'Earn a {programType} when you meet requirements for all courses in the series.',\n    id: 'program.progress.certificate.content.one',\n    description: 'First content paragraph shown under the program progress circle',\n  },\n  programProgressCertificateContentTwo: {\n    defaultMessage: 'This program is valued at {price} for non-subscribers.',\n    id: 'program.progress.certificate.content.two',\n    description: 'Second content paragraph shown under the program progress circle',\n  },\n  programProgressInProgressCourse: {\n    defaultMessage: 'Courses in progress',\n    id: 'program.progress.in.progress.course',\n    description: 'Header text to be displayed inside the In Progress tab of the program progress page.',\n  },\n  programProgressInProgressCourseMicromastersUpgrade: {\n    defaultMessage: 'Upgrade to verified for {price}',\n    id: 'program.progress.in.progress.course.micromasters.upgrade',\n    description: 'Upgrade message for Micromasters courses in the In Progress tab.',\n  },\n  programProgressInProgressRemainingCourses: {\n    defaultMessage: 'Enroll in the next course in the program.',\n    id: 'program.progress.in.progress.remaining.courses',\n    description: 'Message for remaining courses in the In Progress tab.',\n  },\n  programProgressInProgressCompletedCourses: {\n    defaultMessage: 'You have completed all courses in the program.',\n    id: 'program.progress.in.progress.completed.courses',\n    description: 'Message for completed courses in the In Progress tab.',\n  },\n  programProgressInProgressCourseProfessionalUpgradeModalTitle: {\n    defaultMessage: 'You now have full access to the {title}',\n    id: 'program.progress.in.progress.course.professional.upgrade.modal.title',\n    description: 'Modal title for Professional Certificate courses in the In Progress tab.',\n  },\n  programProgressInProgressCourseProfessionalUpgradeModalContent: {\n    defaultMessage: \"You're saving as a subscriber. This course is valued at {price}.\",\n    id: 'program.progress.in.progress.course.professional.upgrade.modal.content',\n    description: 'Modal content for Professional Certificate courses in the In Progress tab.',\n  },\n  programProgressInProgressProfessionalCertificate: {\n    defaultMessage: 'This course is included in your subscription. Upgrade to get full course access.',\n    id: 'program.progress.in.progress.professional.certificate.status',\n    description: 'Certificate status for courses in the In Progress tab related to professional program.',\n  },\n  programProgressInProgressMicromastersCertificate: {\n    defaultMessage: 'Upgrade to get full course access. This course is not included in your subscription.',\n    id: 'program.progress.in.progress.micromasters.certificate.needs.verified',\n    description: 'Certificate status indicating that a verified certificate is needed for Micromasters courses in the In Progress tab.',\n  },\n  programProgressPathwaysCreditPathwayTitle: {\n    defaultMessage: 'Credit pathways',\n    id: 'program.progress.pathways.credit.pathway.title',\n    description: 'Title for the Credit Pathway section in the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayDescriptionLine1: {\n    defaultMessage: 'Transform your {org} {type} into a full master’s degree.',\n    id: 'program.progress.pathways.credit.pathway.description.line1',\n    description: 'First line of description for the Credit Pathway section in the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayDescriptionLine2: {\n    defaultMessage: 'Successful completion of <i>{org} {title}</i> credential can be applied towards flexible, rigorous, and affordable masters degrees from the world’s leading universities.',\n    id: 'program.progress.pathways.credit.pathway.description.line2',\n    description: 'Second line of description for the Credit Pathway section in the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayLearnMore: {\n    defaultMessage: 'Learn more',\n    id: 'program.progress.pathways.credit.pathway.learn.more',\n    description: 'Text for the Learn More link in the Credit Pathway section of the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayFaqButton: {\n    defaultMessage: 'MicroMasters Credit FAQ',\n    id: 'program.progress.pathways.credit.pathway.faq',\n    description: 'Text for the FAQ link in the Credit Pathway section of the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayFaqTitle: {\n    defaultMessage: 'Learn more about how to transfer your MicroMasters',\n    id: 'program.progress.pathways.credit.pathway.faq.title',\n    description: 'Title for the FAQ section in the Credit Pathway section of the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayFaqDescription: {\n    defaultMessage: 'Helper copy to be updated here. Information about how to earn and transfer credits from edX partners to university institutions',\n    id: 'program.progress.pathways.credit.pathway.faq.description',\n    description: 'Description for the FAQ section in the Credit Pathway section of the Pathways tab.',\n  },\n  programProgressReturnToDashboardText: {\n    defaultMessage: 'Return to dashboard',\n    id: 'program.progress.return.to.dashboard.text',\n    description: 'Text for the return to dashboard link.',\n  },\n  programProgressCertificateText: {\n    defaultMessage: 'certificate',\n    id: 'program.progress.certificate.text',\n    description: 'Label for the certificate string.',\n  },\n  programProgressXSeriesCertificateLabel: {\n    defaultMessage: 'XSeries Certificate',\n    id: 'program.progress.xseries.certificate.label',\n    description: 'Label for the XSeries certificate string.',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/messages.ts"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  programProgressInstitutions: {\n    defaultMessage: 'Institutions',\n    id: 'program.progress.institutions',\n    description: 'Label text for organization image logos',\n  },\n  programTypeLabel: {\n    defaultMessage: '{programType} program',\n    id: 'program.progress.program.type.label',\n    description: 'Label displaying the program type (e.g. \"MicroMasters program\", \"Professional Certificate program\")',\n  },\n  programProgressCompleteHeader: {\n    defaultMessage: 'Congratulations!',\n    id: 'program.progress.complete.header',\n    description: 'header text for the program progress page when all courses are complete',\n  },\n  programProgressCompleteText: {\n    defaultMessage: 'You have successfully completed all the requirements for {programTitle}.',\n    id: 'program.progress.complete.text',\n    description: 'text to display when a user has completed all of the courses for the program',\n  },\n  programProgressIncompleteHeader: {\n    defaultMessage: 'Your Program Journey',\n    id: 'program.progress.incomplete.header',\n    description: 'header text to display when the user has remaining incomplete courses in the program',\n  },\n  programProgressIncompleteText: {\n    defaultMessage: 'Track and plan your progress through the {totalCoursesInProgram} courses in this program. To complete the program, you must earn a verified certificate for each course.',\n    id: 'program.progress.incomplete.text',\n    description: 'text to display when a user has not completed all of the courses for a program',\n  },\n  programProgressCardCompletedCertificateText: {\n    defaultMessage: 'You earned the certificate on {certificateDate}',\n    id: 'program.progress.card.completed.certificate.text',\n    description: 'text to display on the progress card completed tab related to the certificate status for the course',\n  },\n  programProgressCardCompletedCertificateButton: {\n    defaultMessage: 'View certificate',\n    id: 'program.progress.card.completed.certificate.button.text',\n    description: 'text to display on the progress card on certificate button for completed courses',\n  },\n  programProgressCardViewCourseDetailButton: {\n    defaultMessage: 'View course details',\n    id: 'program.progress.card.view.course.detail.button.text',\n    description: 'text to display on the progress card for the view course details button',\n  },\n  programProgressCardResumeCourseButton: {\n    defaultMessage: 'Resume course',\n    id: 'program.progress.card.resume.course.button.text',\n    description: 'text to display on the progress card for the resume course button',\n  },\n  programProgressCardUpgradeButton: {\n    defaultMessage: 'Upgrade with my subscription',\n    id: 'program.progress.card.upgrade.button.text',\n    description: 'text to display on the progress card for the upgrade button',\n  },\n  programProgressCardEnrollText: {\n    defaultMessage: 'Enrolled on:',\n    id: 'program.progress.card.enroll.text',\n    description: 'text to display on the progress card for the enrolled status of the course',\n  },\n  programProgressCardIncludedInSubscriptionText: {\n    defaultMessage: 'Included in your subscription',\n    id: 'program.progress.card.included.in.subscription.text',\n    description: 'text to display on the progress card for remaining courses that are included in the subscription',\n  },\n  programProgressCardStartText: {\n    defaultMessage: 'Started',\n    id: 'program.progress.card.start.text',\n    description: 'text to display on the progress card for the start date of the course',\n  },\n  programProgressInProgressTab: {\n    defaultMessage: 'In progress',\n    id: 'program.progress.in.progress.tab',\n    description: 'Label for the \"In progress\" tab on the program progress page, which lists courses that the user has started but not yet completed.',\n  },\n  programProgressRemainingTab: {\n    defaultMessage: 'Remaining',\n    id: 'program.progress.remaining.tab',\n    description: 'Label for the \"Remaining\" tab on the program progress page, which lists courses that the user has not yet started.',\n  },\n  programProgressCompletedTab: {\n    defaultMessage: 'Completed',\n    id: 'program.progress.completed.tab',\n    description: 'Label for the \"Completed\" tab on the program progress page, which lists courses that the user has completed.',\n  },\n  programProgressPathwaysTab: {\n    defaultMessage: 'Pathways',\n    id: 'program.progress.pathways.tab',\n    description: 'Label for the \"Pathways\" tab on the program progress page, which gives details of how the program can be used to further the learners education. This tab is only shown for MicroMasters programs.',\n  },\n  programProgressRemainingCourse: {\n    defaultMessage: 'Remaining Courses',\n    id: 'program.progress.remaining.course',\n    description: 'Header text to be displayed inside the Remaining tab of the program progress page.',\n  },\n  programProgressRemainingTabNoCourse: {\n    defaultMessage: \"You have enrolled in all of this program's courses.\",\n    id: 'program.progress.remaining.tab.no.course',\n    description: 'Text to display on the Remaining tab of the program progress page when there is no course remaining for the user',\n  },\n  programProgressCompletedCourse: {\n    defaultMessage: 'Completed courses',\n    id: 'program.progress.completed.course',\n    description: 'Header text to be displayed inside the Completed tab of the program progress page.',\n  },\n  programProgressCompletedTabNoCourse: {\n    defaultMessage: 'As you complete courses, you will see them listed here.',\n    id: 'program.progress.completed.tab.no.course',\n    description: 'Text to display on the Completed tab of the program progress page when no course is completed for the user',\n  },\n  programProgressCompletedBannerTitle: {\n    defaultMessage: 'Earning a program record',\n    id: 'program.progress.completed.banner.title',\n    description: 'Title text for the banner displayed on the Completed tab of the program progress page.',\n  },\n  programProgressCompletedBannerDescription: {\n    defaultMessage: 'Once you meet all course and program requirements, you will receive a program record and your professional certificate.',\n    id: 'program.progress.completed.banner.description',\n    description: 'Description text for the banner displayed on the Completed tab of the program progress page.',\n  },\n  programProgressCompletedBannerHelpCenterButton: {\n    defaultMessage: 'Help center',\n    id: 'program.progress.completed.banner.help.center.button',\n    description: 'Text for the Help Center button displayed on the banner in the Completed tab of the program progress page.',\n  },\n  programProgressCompletedBannerMyProgramRecordsButton: {\n    defaultMessage: 'My program records',\n    id: 'program.progress.completed.banner.my.program.records.button',\n    description: 'Text for the My Program Records button displayed on the banner in the Completed tab of the program progress page.',\n  },\n  programProgressEarnedCertificates: {\n    defaultMessage: 'Earned Certificates',\n    id: 'program.progress.earned.certificates',\n    description: 'Label shown in the program progress circle',\n  },\n  programProgressCertificateLabel: {\n    defaultMessage: 'Program Certificate Progress',\n    id: 'program.progress.certificate.program.progress',\n    description: 'Label shown under the program progress circle',\n  },\n  programProgressCertificateContentOne: {\n    defaultMessage: 'Earn a {programType} when you meet requirements for all courses in the series.',\n    id: 'program.progress.certificate.content.one',\n    description: 'First content paragraph shown under the program progress circle',\n  },\n  programProgressCertificateContentTwo: {\n    defaultMessage: 'This program is valued at {price} for non-subscribers.',\n    id: 'program.progress.certificate.content.two',\n    description: 'Second content paragraph shown under the program progress circle',\n  },\n  programProgressInProgressCourse: {\n    defaultMessage: 'Courses in progress',\n    id: 'program.progress.in.progress.course',\n    description: 'Header text to be displayed inside the In Progress tab of the program progress page.',\n  },\n  programProgressInProgressCourseMicromastersUpgrade: {\n    defaultMessage: 'Upgrade to verified for {price}',\n    id: 'program.progress.in.progress.course.micromasters.upgrade',\n    description: 'Upgrade message for Micromasters courses in the In Progress tab.',\n  },\n  programProgressInProgressRemainingCourses: {\n    defaultMessage: 'Enroll in the next course in the program.',\n    id: 'program.progress.in.progress.remaining.courses',\n    description: 'Message for remaining courses in the In Progress tab.',\n  },\n  programProgressInProgressCompletedCourses: {\n    defaultMessage: 'You have completed all courses in the program.',\n    id: 'program.progress.in.progress.completed.courses',\n    description: 'Message for completed courses in the In Progress tab.',\n  },\n  programProgressInProgressCourseProfessionalUpgradeModalTitle: {\n    defaultMessage: 'You now have full access to the {title}',\n    id: 'program.progress.in.progress.course.professional.upgrade.modal.title',\n    description: 'Modal title for Professional Certificate courses in the In Progress tab.',\n  },\n  programProgressInProgressCourseProfessionalUpgradeModalContent: {\n    defaultMessage: \"You're saving as a subscriber. This course is valued at {price}.\",\n    id: 'program.progress.in.progress.course.professional.upgrade.modal.content',\n    description: 'Modal content for Professional Certificate courses in the In Progress tab.',\n  },\n  programProgressInProgressProfessionalCertificate: {\n    defaultMessage: 'This course is included in your subscription. Upgrade to get full course access.',\n    id: 'program.progress.in.progress.professional.certificate.status',\n    description: 'Certificate status for courses in the In Progress tab related to professional program.',\n  },\n  programProgressInProgressMicromastersCertificate: {\n    defaultMessage: 'Upgrade to get full course access. This course is not included in your subscription.',\n    id: 'program.progress.in.progress.micromasters.certificate.needs.verified',\n    description: 'Certificate status indicating that a verified certificate is needed for Micromasters courses in the In Progress tab.',\n  },\n  programProgressPathwaysCreditPathwayTitle: {\n    defaultMessage: 'Credit pathways',\n    id: 'program.progress.pathways.credit.pathway.title',\n    description: 'Title for the Credit Pathway section in the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayDescriptionLine1: {\n    defaultMessage: 'Transform your {org} {type} into a full master’s degree.',\n    id: 'program.progress.pathways.credit.pathway.description.line1',\n    description: 'First line of description for the Credit Pathway section in the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayDescriptionLine2: {\n    defaultMessage: 'Successful completion of <i>{org} {title}</i> credential can be applied towards flexible, rigorous, and affordable masters degrees from the world’s leading universities.',\n    id: 'program.progress.pathways.credit.pathway.description.line2',\n    description: 'Second line of description for the Credit Pathway section in the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayLearnMore: {\n    defaultMessage: 'Learn more',\n    id: 'program.progress.pathways.credit.pathway.learn.more',\n    description: 'Text for the Learn More link in the Credit Pathway section of the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayFaqButton: {\n    defaultMessage: 'MicroMasters Credit FAQ',\n    id: 'program.progress.pathways.credit.pathway.faq',\n    description: 'Text for the FAQ link in the Credit Pathway section of the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayFaqTitle: {\n    defaultMessage: 'Learn more about how to transfer your MicroMasters',\n    id: 'program.progress.pathways.credit.pathway.faq.title',\n    description: 'Title for the FAQ section in the Credit Pathway section of the Pathways tab.',\n  },\n  programProgressPathwaysCreditPathwayFaqDescription: {\n    defaultMessage: 'Helper copy to be updated here. Information about how to earn and transfer credits from edX partners to university institutions',\n    id: 'program.progress.pathways.credit.pathway.faq.description',\n    description: 'Description for the FAQ section in the Credit Pathway section of the Pathways tab.',\n  },\n  programProgressReturnToDashboardText: {\n    defaultMessage: 'Return to dashboard',\n    id: 'program.progress.return.to.dashboard.text',\n    description: 'Text for the return to dashboard link.',\n  },\n  programProgressCertificateText: {\n    defaultMessage: 'certificate',\n    id: 'program.progress.certificate.text',\n    description: 'Label for the certificate string.',\n  },\n  programProgressXSeriesCertificateLabel: {\n    defaultMessage: 'XSeries Certificate',\n    id: 'program.progress.xseries.certificate.label',\n    description: 'Label for the XSeries certificate string.',\n  },\n  programProgressCardAuditTrack: {\n    defaultMessage: 'Audit-track.',\n    id: 'program.progress.card.audit.track',\n    description: 'Text to display on the progress card for courses that are on the audit track.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/ProgramDashboard/ProgramsList/ProgramListCard.js

@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom';
 import { breakpoints, useWindowSize, Card, } from '@openedx/paragon';
 import programCardFallbackImage from '../assets/program-card-fallback.svg';
 import ProgressCategoryBubbles from './ProgressCategoryBubbles';
+import { eventNames, trackSubscriptionEvent } from '../../../tracking/trackers/subscription';
 const ProgramListCard = ({ program, }) => {
     var _a;
     const { width: windowWidth } = useWindowSize();
@@ -36,7 +37,10 @@ const ProgramListCard = ({ program, }) => {
         }
         return '';
     };
-    return (_jsxs(Card, { className: "program-list-card mb-4 mr-4", isClickable: true, as: Link, to: `/subscription-program-progress/${program.uuid}`, "data-testid": "program-list-card", children: [_jsx(Card.ImageCap, { src: getBannerImageURL() || programCardFallbackImage, srcAlt: `program card image for ${program.title}`, logoSrc: getOrgImageUrl(), logoAlt: program.authoringOrganizations && ((_a = program.authoringOrganizations[0]) === null || _a === void 0 ? void 0 : _a.key), className: "banner-image" }), _jsx(Card.Section, { className: "pb-0", children: _jsx("h3", { children: program.title }) }), _jsxs(Card.Section, { className: "d-flex flex-column flex-grow-1 overflow-hidden", children: [program.authoringOrganizations && (_jsx("span", { className: "d-flex align-items-center mb-1", children: program.authoringOrganizations.map(org => org.key).join(', ') })), _jsx("span", { className: "d-flex align-items-center program-type", children: program.type })] }), _jsx(Card.Section, { className: "pt-0", children: _jsx(ProgressCategoryBubbles, { inProgress: program.progress.inProgress, notStarted: program.progress.notStarted, completed: program.progress.completed }) })] }));
+    const handleClick = () => {
+        trackSubscriptionEvent(eventNames.cardTileSelected, {});
+    };
+    return (_jsxs(Card, { className: "program-list-card mb-4 mr-4", isClickable: true, as: Link, to: `/subscription-program-progress/${program.uuid}`, "data-testid": "program-list-card", onClick: handleClick, children: [_jsx(Card.ImageCap, { src: getBannerImageURL() || programCardFallbackImage, srcAlt: `program card image for ${program.title}`, logoSrc: getOrgImageUrl(), logoAlt: program.authoringOrganizations && ((_a = program.authoringOrganizations[0]) === null || _a === void 0 ? void 0 : _a.key), className: "banner-image" }), _jsx(Card.Section, { className: "pb-0", children: _jsx("h3", { children: program.title }) }), _jsxs(Card.Section, { className: "d-flex flex-column flex-grow-1 overflow-hidden", children: [program.authoringOrganizations && (_jsx("span", { className: "d-flex align-items-center mb-1", children: program.authoringOrganizations.map(org => org.key).join(', ') })), _jsx("span", { className: "d-flex align-items-center program-type", children: program.type })] }), _jsx(Card.Section, { className: "pt-0", children: _jsx(ProgressCategoryBubbles, { inProgress: program.progress.inProgress, notStarted: program.progress.notStarted, completed: program.progress.completed }) })] }));
 };
 export default ProgramListCard;
 //# sourceMappingURL=ProgramListCard.js.map

package/dist/containers/ProgramDashboard/ProgramsList/ProgramListCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgramListCard.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramsList/ProgramListCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport {\n  breakpoints,\n  useWindowSize,\n  Card,\n} from '@openedx/paragon';\nimport programCardFallbackImage from '../assets/program-card-fallback.svg';\nimport { ProgramCardProps } from '../data/types';\nimport ProgressCategoryBubbles from './ProgressCategoryBubbles';\n\nconst ProgramListCard: React.FC<ProgramCardProps> = ({\n  program,\n}) => {\n  const { width: windowWidth } = useWindowSize();\n\n  const getBannerImageURL = (): string => {\n    let imageURL = '';\n    // We need to check that the breakpoint value exists before using it\n    // Otherwise TypeScript will flag it as it can potentially be undefined in Paragon\n    if (program.bannerImage && Object.keys(program.bannerImage).length > 0) {\n      if (!windowWidth) {\n        return program.bannerImage.medium.url;\n      }\n\n      if (typeof breakpoints.large.minWidth === 'number' && windowWidth >= breakpoints.large.minWidth) {\n        imageURL = program.bannerImage.large.url;\n      } else if (typeof breakpoints.medium.minWidth === 'number' && windowWidth >= breakpoints.medium.minWidth) {\n        imageURL = program.bannerImage.medium.url;\n      } else if (typeof breakpoints.small.minWidth === 'number' && windowWidth >= breakpoints.small.minWidth) {\n        imageURL = program.bannerImage.small.url;\n      } else {\n        imageURL = program.bannerImage.xSmall.url;\n      }\n    }\n    return imageURL;\n  };\n\n  const getOrgImageUrl = (): string => {\n    if (program.authoringOrganizations?.length === 1 && program.authoringOrganizations[0].logoImageUrl) {\n      return program.authoringOrganizations[0].logoImageUrl;\n    }\n    return '';\n  };\n\n  return (\n    <Card\n      className=\"program-list-card mb-4 mr-4\"\n      isClickable\n      as={Link}\n      to={`/subscription-program-progress/${program.uuid}`}\n      data-testid=\"program-list-card\"\n    >\n      <Card.ImageCap\n        src={getBannerImageURL() || programCardFallbackImage}\n        srcAlt={`program card image for ${program.title}`}\n        logoSrc={getOrgImageUrl()}\n        logoAlt={program.authoringOrganizations && program.authoringOrganizations[0]?.key}\n        className=\"banner-image\"\n      />\n      <Card.Section className=\"pb-0\">\n        <h3>{program.title}</h3>\n      </Card.Section>\n      <Card.Section className=\"d-flex flex-column flex-grow-1 overflow-hidden\">\n        {program.authoringOrganizations && (\n          <span className=\"d-flex align-items-center mb-1\">\n            {program.authoringOrganizations.map(org => org.key).join(', ')}\n          </span>\n        )}\n        <span className=\"d-flex align-items-center program-type\">\n          {program.type}\n        </span>\n      </Card.Section>\n      <Card.Section className=\"pt-0\">\n        <ProgressCategoryBubbles\n          inProgress={program.progress.inProgress}\n          notStarted={program.progress.notStarted}\n          completed={program.progress.completed}\n        />\n      </Card.Section>\n    </Card>\n  );\n};\nexport default ProgramListCard;\n"]}
+{"version":3,"file":"ProgramListCard.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramsList/ProgramListCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport {\n  breakpoints,\n  useWindowSize,\n  Card,\n} from '@openedx/paragon';\nimport programCardFallbackImage from '../assets/program-card-fallback.svg';\nimport { ProgramCardProps } from '../data/types';\nimport ProgressCategoryBubbles from './ProgressCategoryBubbles';\nimport { eventNames, trackSubscriptionEvent } from '@src/tracking/trackers/subscription';\n\nconst ProgramListCard: React.FC<ProgramCardProps> = ({\n  program,\n}) => {\n  const { width: windowWidth } = useWindowSize();\n\n  const getBannerImageURL = (): string => {\n    let imageURL = '';\n    // We need to check that the breakpoint value exists before using it\n    // Otherwise TypeScript will flag it as it can potentially be undefined in Paragon\n    if (program.bannerImage && Object.keys(program.bannerImage).length > 0) {\n      if (!windowWidth) {\n        return program.bannerImage.medium.url;\n      }\n\n      if (typeof breakpoints.large.minWidth === 'number' && windowWidth >= breakpoints.large.minWidth) {\n        imageURL = program.bannerImage.large.url;\n      } else if (typeof breakpoints.medium.minWidth === 'number' && windowWidth >= breakpoints.medium.minWidth) {\n        imageURL = program.bannerImage.medium.url;\n      } else if (typeof breakpoints.small.minWidth === 'number' && windowWidth >= breakpoints.small.minWidth) {\n        imageURL = program.bannerImage.small.url;\n      } else {\n        imageURL = program.bannerImage.xSmall.url;\n      }\n    }\n    return imageURL;\n  };\n\n  const getOrgImageUrl = (): string => {\n    if (program.authoringOrganizations?.length === 1 && program.authoringOrganizations[0].logoImageUrl) {\n      return program.authoringOrganizations[0].logoImageUrl;\n    }\n    return '';\n  };\n\n  const handleClick = () => {\n    trackSubscriptionEvent(eventNames.cardTileSelected, {});\n  };\n\n  return (\n    <Card\n      className=\"program-list-card mb-4 mr-4\"\n      isClickable\n      as={Link}\n      to={`/subscription-program-progress/${program.uuid}`}\n      data-testid=\"program-list-card\"\n      onClick={handleClick}\n    >\n      <Card.ImageCap\n        src={getBannerImageURL() || programCardFallbackImage}\n        srcAlt={`program card image for ${program.title}`}\n        logoSrc={getOrgImageUrl()}\n        logoAlt={program.authoringOrganizations && program.authoringOrganizations[0]?.key}\n        className=\"banner-image\"\n      />\n      <Card.Section className=\"pb-0\">\n        <h3>{program.title}</h3>\n      </Card.Section>\n      <Card.Section className=\"d-flex flex-column flex-grow-1 overflow-hidden\">\n        {program.authoringOrganizations && (\n          <span className=\"d-flex align-items-center mb-1\">\n            {program.authoringOrganizations.map(org => org.key).join(', ')}\n          </span>\n        )}\n        <span className=\"d-flex align-items-center program-type\">\n          {program.type}\n        </span>\n      </Card.Section>\n      <Card.Section className=\"pt-0\">\n        <ProgressCategoryBubbles\n          inProgress={program.progress.inProgress}\n          notStarted={program.progress.notStarted}\n          completed={program.progress.completed}\n        />\n      </Card.Section>\n    </Card>\n  );\n};\nexport default ProgramListCard;\n"]}

package/dist/containers/ProgramDashboard/ProgramsList/index.js

@@ -6,14 +6,22 @@ import ProgramListCard from './ProgramListCard';
 import messages from './messages';
 import { ProgramPaginationListLabel } from '../../../data/constants/app';
 import './index.scss';
+import { eventNames, trackSubscriptionEvent } from '../../../tracking/trackers/subscription';
 const ProgramsList = ({ visiblePrograms, isLoading, errorState, numPages, setPageNumber }) => {
     const { formatMessage } = useIntl();
+    const handlePageSelect = (pageNumber) => {
+        trackSubscriptionEvent(eventNames.paginationPageSelected, {
+            page_number: pageNumber,
+            total_pages: numPages,
+        });
+        setPageNumber(pageNumber);
+    };
     const renderPrograms = () => {
         if (isLoading) {
             return (_jsx(Col, { sm: 12, className: "d-flex justify-content-center py-4", children: _jsx(Spinner, { animation: "border", screenReaderText: formatMessage(appMessages['subs-dash.loadingSR']) }) }));
         }
         if (visiblePrograms.length > 0) {
-            return (_jsx(_Fragment, { children: _jsxs(Col, { sm: 12, md: 12, children: [_jsx(CardGrid, { columnSizes: { xs: 12, lg: 6 }, children: visiblePrograms.map(program => (_jsx(ProgramListCard, { program: program }, program.uuid))) }), numPages > 1 && (_jsx(Pagination, { variant: "secondary", paginationLabel: ProgramPaginationListLabel, className: "mx-auto mb-2", pageCount: numPages, onPageSelect: setPageNumber }))] }) }));
+            return (_jsx(_Fragment, { children: _jsxs(Col, { sm: 12, md: 12, children: [_jsx(CardGrid, { columnSizes: { xs: 12, lg: 6 }, children: visiblePrograms.map(program => (_jsx(ProgramListCard, { program: program }, program.uuid))) }), numPages > 1 && (_jsx(Pagination, { variant: "secondary", paginationLabel: ProgramPaginationListLabel, className: "mx-auto mb-2", pageCount: numPages, onPageSelect: handlePageSelect }))] }) }));
         }
         return null;
     };

package/dist/containers/ProgramDashboard/ProgramsList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramsList/index.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAC/C,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,cAAc,CAAC;AAEtB,MAAM,YAAY,GAA0B,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;IAClH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oCAAoC,YACzD,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,gBAAgB,EAAE,aAAa,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,GAAI,GAC/F,CACP,CAAC;QACJ,CAAC;QACD,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/B,OAAO,CACL,4BACE,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,aACjB,KAAC,QAAQ,IAAC,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACrC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC9B,KAAC,eAAe,IAEd,OAAO,EAAE,OAAO,IADX,OAAO,CAAC,IAAI,CAEjB,CACH,CAAC,GACO,EACV,QAAQ,GAAG,CAAC,IAAI,CACf,KAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,eAAe,EAAE,0BAA0B,EAC3C,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,QAAQ,EACnB,YAAY,EAAE,aAAa,GAC3B,CACH,IACG,GACL,CACJ,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,UAAU,GAAG,GAAG,aAAa,EAAE,CAAC,UAAU,UAAU,CAAC;QAC3D,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAC,QAAQ,YACxD,aAAa,CAAC,QAAQ,CAAC,8BAA8B,EAAE;gBACtD,iBAAiB,EAAE,CACjB,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,UAAU,YACzB,UAAU,GACA,CACd;aACF,CAAC,GACI,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,wBACE,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,YAClB,UAAU,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,GACjD,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport {\n  Alert, CardGrid, Col, Row, Spinner, Pagination\n} from '@openedx/paragon';\nimport { useIntl, getSiteConfig } from '@openedx/frontend-base';\nimport appMessages from '../../../messages';\nimport ProgramListCard from './ProgramListCard';\nimport messages from './messages';\nimport { ProgramList } from '../data/types';\nimport { ProgramPaginationListLabel } from '@src/data/constants/app';\n\nimport './index.scss';\n\nconst ProgramsList: React.FC<ProgramList> = ({ visiblePrograms, isLoading, errorState, numPages, setPageNumber }) => {\n  const { formatMessage } = useIntl();\n\n  const renderPrograms = () => {\n    if (isLoading) {\n      return (\n        <Col sm={12} className=\"d-flex justify-content-center py-4\">\n          <Spinner animation=\"border\" screenReaderText={formatMessage(appMessages['subs-dash.loadingSR'])} />\n        </Col>\n      );\n    }\n    if (visiblePrograms.length > 0) {\n      return (\n        <>\n          <Col sm={12} md={12}>\n            <CardGrid columnSizes={{ xs: 12, lg: 6 }}>\n              {visiblePrograms.map(program => (\n                <ProgramListCard\n                  key={program.uuid}\n                  program={program}\n                />\n              ))}\n            </CardGrid>\n            {numPages > 1 && (\n              <Pagination\n                variant=\"secondary\"\n                paginationLabel={ProgramPaginationListLabel}\n                className=\"mx-auto mb-2\"\n                pageCount={numPages}\n                onPageSelect={setPageNumber}\n              />\n            )}\n          </Col>\n        </>\n      );\n    }\n    return null;\n  };\n\n  const renderFailureAlert = () => {\n    const contactUrl = `${getSiteConfig().lmsBaseUrl}/contact`;\n    return (\n      <Alert className=\"mx-auto container-mw-md\" variant=\"danger\">\n        {formatMessage(messages.errorLoadingProgramEnrollments, {\n          contactSupportUrl: (\n            <Alert.Link href={contactUrl}>\n              {contactUrl}\n            </Alert.Link>\n          ),\n        })}\n      </Alert>\n    );\n  };\n\n  return (\n    <div>\n      <Row className=\"py-3\">\n        {errorState ? renderFailureAlert() : renderPrograms()}\n      </Row>\n    </div>\n  );\n};\n\nexport default ProgramsList;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramsList/index.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAC/C,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAEzF,MAAM,YAAY,GAA0B,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;IAClH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,gBAAgB,GAAG,CAAC,UAAU,EAAE,EAAE;QACtC,sBAAsB,CAAC,UAAU,CAAC,sBAAsB,EAAE;YACxD,WAAW,EAAE,UAAU;YACvB,WAAW,EAAE,QAAQ;SACtB,CAAC,CAAC;QACH,aAAa,CAAC,UAAU,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,oCAAoC,YACzD,KAAC,OAAO,IAAC,SAAS,EAAC,QAAQ,EAAC,gBAAgB,EAAE,aAAa,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,GAAI,GAC/F,CACP,CAAC;QACJ,CAAC;QACD,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/B,OAAO,CACL,4BACE,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,aACjB,KAAC,QAAQ,IAAC,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YACrC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAC9B,KAAC,eAAe,IAEd,OAAO,EAAE,OAAO,IADX,OAAO,CAAC,IAAI,CAEjB,CACH,CAAC,GACO,EACV,QAAQ,GAAG,CAAC,IAAI,CACf,KAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,eAAe,EAAE,0BAA0B,EAC3C,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,QAAQ,EACnB,YAAY,EAAE,gBAAgB,GAC9B,CACH,IACG,GACL,CACJ,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,MAAM,UAAU,GAAG,GAAG,aAAa,EAAE,CAAC,UAAU,UAAU,CAAC;QAC3D,OAAO,CACL,KAAC,KAAK,IAAC,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAC,QAAQ,YACxD,aAAa,CAAC,QAAQ,CAAC,8BAA8B,EAAE;gBACtD,iBAAiB,EAAE,CACjB,KAAC,KAAK,CAAC,IAAI,IAAC,IAAI,EAAE,UAAU,YACzB,UAAU,GACA,CACd;aACF,CAAC,GACI,CACT,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,wBACE,KAAC,GAAG,IAAC,SAAS,EAAC,MAAM,YAClB,UAAU,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,GACjD,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport {\n  Alert, CardGrid, Col, Row, Spinner, Pagination\n} from '@openedx/paragon';\nimport { useIntl, getSiteConfig } from '@openedx/frontend-base';\nimport appMessages from '../../../messages';\nimport ProgramListCard from './ProgramListCard';\nimport messages from './messages';\nimport { ProgramList } from '../data/types';\nimport { ProgramPaginationListLabel } from '@src/data/constants/app';\n\nimport './index.scss';\nimport { eventNames, trackSubscriptionEvent } from '@src/tracking/trackers/subscription';\n\nconst ProgramsList: React.FC<ProgramList> = ({ visiblePrograms, isLoading, errorState, numPages, setPageNumber }) => {\n  const { formatMessage } = useIntl();\n\n  const handlePageSelect = (pageNumber) => {\n    trackSubscriptionEvent(eventNames.paginationPageSelected, {\n      page_number: pageNumber,\n      total_pages: numPages,\n    });\n    setPageNumber(pageNumber);\n  };\n\n  const renderPrograms = () => {\n    if (isLoading) {\n      return (\n        <Col sm={12} className=\"d-flex justify-content-center py-4\">\n          <Spinner animation=\"border\" screenReaderText={formatMessage(appMessages['subs-dash.loadingSR'])} />\n        </Col>\n      );\n    }\n    if (visiblePrograms.length > 0) {\n      return (\n        <>\n          <Col sm={12} md={12}>\n            <CardGrid columnSizes={{ xs: 12, lg: 6 }}>\n              {visiblePrograms.map(program => (\n                <ProgramListCard\n                  key={program.uuid}\n                  program={program}\n                />\n              ))}\n            </CardGrid>\n            {numPages > 1 && (\n              <Pagination\n                variant=\"secondary\"\n                paginationLabel={ProgramPaginationListLabel}\n                className=\"mx-auto mb-2\"\n                pageCount={numPages}\n                onPageSelect={handlePageSelect}\n              />\n            )}\n          </Col>\n        </>\n      );\n    }\n    return null;\n  };\n\n  const renderFailureAlert = () => {\n    const contactUrl = `${getSiteConfig().lmsBaseUrl}/contact`;\n    return (\n      <Alert className=\"mx-auto container-mw-md\" variant=\"danger\">\n        {formatMessage(messages.errorLoadingProgramEnrollments, {\n          contactSupportUrl: (\n            <Alert.Link href={contactUrl}>\n              {contactUrl}\n            </Alert.Link>\n          ),\n        })}\n      </Alert>\n    );\n  };\n\n  return (\n    <div>\n      <Row className=\"py-3\">\n        {errorState ? renderFailureAlert() : renderPrograms()}\n      </Row>\n    </div>\n  );\n};\n\nexport default ProgramsList;\n"]}

package/dist/containers/ProgramsPanel/NoProgramsView/index.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useIntl, getSiteConfig } from '@openedx/frontend-base';
+import track from '../../../tracking';
 import messages from './messages';
 import { Button } from '@openedx/paragon';
 import { Search } from '@openedx/paragon/icons';
@@ -7,7 +8,9 @@ import { searchPageUrl } from '../../../data/constants/app';
 export const NoProgramsView = () => {
     const { formatMessage } = useIntl();
     const baseUrl = getSiteConfig().baseUrl;
-    return (_jsxs("div", { className: "no-programs-content-view", children: [_jsx("p", { children: formatMessage(messages.inProgressProgramsPrompt) }), _jsx(Button, { variant: "brand", as: "a", href: `${baseUrl}${searchPageUrl}`, iconBefore: Search, children: formatMessage(messages.findProgramsButton) })] }));
+    const programSearchUrl = `${baseUrl}${searchPageUrl}`;
+    const handleClick = track.program.noProgramsViewClicked(programSearchUrl);
+    return (_jsxs("div", { className: "no-programs-content-view", children: [_jsx("p", { children: formatMessage(messages.inProgressProgramsPrompt) }), _jsx(Button, { variant: "brand", as: "a", href: programSearchUrl, iconBefore: Search, onClick: handleClick, children: formatMessage(messages.findProgramsButton) })] }));
 };
 export default NoProgramsView;
 //# sourceMappingURL=index.js.map

package/dist/containers/ProgramsPanel/NoProgramsView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/ProgramsPanel/NoProgramsView/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,cAAc,GAAO,GAAG,EAAE;IACrC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC,OAAO,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,sBAAI,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,GAAK,EACzD,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,GAAG,OAAO,GAAG,aAAa,EAAE,EAClC,UAAU,EAAE,MAAM,YAEjB,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,GACpC,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { FC } from 'react';\nimport { useIntl, getSiteConfig } from '@openedx/frontend-base';\n\nimport messages from './messages';\nimport { Button } from '@openedx/paragon';\nimport { Search } from '@openedx/paragon/icons';\nimport { searchPageUrl } from '@src/data/constants/app';\n\nexport const NoProgramsView: FC = () => {\n  const { formatMessage } = useIntl();\n  const baseUrl = getSiteConfig().baseUrl;\n\n  return (\n    <div className=\"no-programs-content-view\">\n      <p>{formatMessage(messages.inProgressProgramsPrompt)}</p>\n      <Button\n        variant=\"brand\"\n        as=\"a\"\n        href={`${baseUrl}${searchPageUrl}`}\n        iconBefore={Search}\n      >\n        {formatMessage(messages.findProgramsButton)}\n      </Button>\n    </div>\n  );\n};\n\nexport default NoProgramsView;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/ProgramsPanel/NoProgramsView/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,MAAM,eAAe,CAAC;AAElC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,cAAc,GAAO,GAAG,EAAE;IACrC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC,OAAO,CAAC;IACxC,MAAM,gBAAgB,GAAG,GAAG,OAAO,GAAG,aAAa,EAAE,CAAC;IAEtD,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;IAE1E,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,sBAAI,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,GAAK,EACzD,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,gBAAgB,EACtB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,WAAW,YAEnB,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,GACpC,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { FC } from 'react';\nimport { useIntl, getSiteConfig } from '@openedx/frontend-base';\nimport track from '@src/tracking';\n\nimport messages from './messages';\nimport { Button } from '@openedx/paragon';\nimport { Search } from '@openedx/paragon/icons';\nimport { searchPageUrl } from '@src/data/constants/app';\n\nexport const NoProgramsView: FC = () => {\n  const { formatMessage } = useIntl();\n  const baseUrl = getSiteConfig().baseUrl;\n  const programSearchUrl = `${baseUrl}${searchPageUrl}`;\n\n  const handleClick = track.program.noProgramsViewClicked(programSearchUrl);\n\n  return (\n    <div className=\"no-programs-content-view\">\n      <p>{formatMessage(messages.inProgressProgramsPrompt)}</p>\n      <Button\n        variant=\"brand\"\n        as=\"a\"\n        href={programSearchUrl}\n        iconBefore={Search}\n        onClick={handleClick}\n      >\n        {formatMessage(messages.findProgramsButton)}\n      </Button>\n    </div>\n  );\n};\n\nexport default NoProgramsView;\n"]}

package/dist/containers/SubscriptionBanner/components/SubscriptionBanner.js

@@ -8,6 +8,7 @@ import { utilHooks } from '../../../hooks';
 import messages from '../messages';
 import { manageSubscriptionURL } from '../../../data/constants/app';
 import { Link } from 'react-router-dom';
+import { eventNames, trackSubscriptionEvent } from '../../../tracking/trackers/subscription';
 export const SubscriptionBanner = ({ learnerSubscriptionData }) => {
     const { formatMessage } = useIntl();
     const [isDismissed, setIsDismissed] = useState(false);
@@ -106,12 +107,18 @@ export const SubscriptionBanner = ({ learnerSubscriptionData }) => {
     const getSubscriptionAction = useMemo(() => {
         if (status === 'CANCELLED' || status === 'CANCEL_PENDING') {
             return [
-                _jsx(Button, { "data-testid": "renew-button", className: "renew-button", variant: "primary", href: manageSubscriptionURL, target: "_blank", rel: "noopener noreferrer", role: "link", children: formatMessage(messages.renewSubscriptionButton) }, "renew-subscription"),
+                _jsx(Button, { "data-testid": "renew-button", className: "renew-button", variant: "primary", href: manageSubscriptionURL, onClick: () => trackSubscriptionEvent(eventNames.subscriptionBannerActionClicked, {
+                        subscription_status: status,
+                        action: 'renew',
+                    }), target: "_blank", rel: "noopener noreferrer", role: "link", children: formatMessage(messages.renewSubscriptionButton) }, "renew-subscription"),
             ];
         }
         if (status === 'RENEWAL_FAILED') {
             return [
-                _jsx(Button, { "data-testid": "renew-failed-button", className: "renew-failed-button", variant: "primary", to: manageSubscriptionURL, target: "_blank", rel: "noopener noreferrer", role: "link", as: Link, children: formatMessage(messages.renewalFailedButton) }, "renew-failed-subscription"),
+                _jsx(Button, { "data-testid": "renew-failed-button", className: "renew-failed-button", variant: "primary", to: manageSubscriptionURL, onClick: () => trackSubscriptionEvent(eventNames.subscriptionBannerActionClicked, {
+                        subscription_status: status,
+                        action: 'renewal_failed',
+                    }), target: "_blank", rel: "noopener noreferrer", role: "link", as: Link, children: formatMessage(messages.renewalFailedButton) }, "renew-failed-subscription"),
             ];
         }
         return [];
@@ -130,7 +137,16 @@ export const SubscriptionBanner = ({ learnerSubscriptionData }) => {
         && bannerBody
         && !isDismissed
         && bannerVariant);
-    return (_jsx("div", { className: "mt-4.5 mb-4.5", children: shouldShowBanner && (_jsxs(Alert, { variant: bannerVariant, icon: bannerIcon, dismissible: true, closeLabel: "Dismiss", onClose: () => setIsDismissed(true), actions: getSubscriptionAction, children: [_jsx(Alert.Heading, { children: bannerTitle }), _jsx("p", { children: bannerBody })] })) }));
+    useEffect(() => {
+        if (shouldShowBanner) {
+            trackSubscriptionEvent(eventNames.subscriptionBannerViewed, { subscription_status: status });
+        }
+    }, [shouldShowBanner, status]);
+    const handleDismiss = () => {
+        trackSubscriptionEvent(eventNames.subscriptionBannerDismissed, { subscription_status: status });
+        setIsDismissed(true);
+    };
+    return (_jsx("div", { className: "mt-4.5 mb-4.5", children: shouldShowBanner && (_jsxs(Alert, { variant: bannerVariant, icon: bannerIcon, dismissible: true, closeLabel: "Dismiss", onClose: handleDismiss, actions: getSubscriptionAction, children: [_jsx(Alert.Heading, { children: bannerTitle }), _jsx("p", { children: bannerBody })] })) }));
 };
 export default SubscriptionBanner;
 //# sourceMappingURL=SubscriptionBanner.js.map

package/dist/containers/SubscriptionBanner/components/SubscriptionBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionBanner.js","sourceRoot":"","sources":["../../../../src/containers/SubscriptionBanner/components/SubscriptionBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAW,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAQ,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,MAAM,CAAC,MAAM,kBAAkB,GAAmB,CAAC,EAAE,uBAAuB,EAAE,EAAE,EAAE;IAChF,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAsB,SAAS,CAAC,CAAC;IAEnF,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,EAAE,CAAC;IAE7C,MAAM,EACJ,MAAM,EACN,mBAAmB,EACnB,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,GACb,GAAG,uBAAuB,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,aAAa,CAAC,EAAE,CAAC,CAAC;YAClB,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC/D,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAEtC,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,EAAE;YAChD,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC,CAAC;QAEN,MAAM,yBAAyB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,OAAO,EAAE;YAClE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC,CAAC;QAEN,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,iBAAiB;gBACpB,gBAAgB,CAAC,SAAS,CAAC,CAAC;gBAC5B,cAAc,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC;gBAC5D,aAAa,CACX,aAAa,CAAC,QAAQ,CAAC,kBAAkB,EAAE;oBACzC,uBAAuB,EAAE,UAAU,CACjC,gBAAgB,CACjB;iBACF,CAAC,CACH,CAAC;gBACF,MAAM;YAER,KAAK,cAAc;gBACjB,gBAAgB,CAAC,SAAS,CAAC,CAAC;gBAE5B,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;oBACxB,cAAc,CACZ,aAAa,CAAC,QAAQ,CAAC,iCAAiC,CAAC,CAC1D,CAAC;gBACJ,CAAC;qBAAM,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;oBAC/B,cAAc,CACZ,aAAa,CAAC,QAAQ,CAAC,oCAAoC,CAAC,CAC7D,CAAC;gBACJ,CAAC;qBAAM,IACL,MAAM,CAAC,qBAAqB,CAAC,CAAC,OAAO,EAAE;uBACpC,MAAM,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC,EACxD,CAAC;oBACD,cAAc,CACZ,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAChD,CAAC;oBAEF,aAAa,CACX,aAAa,CAAC,QAAQ,CAAC,sBAAsB,EAAE;wBAC7C,uBAAuB,EAAE,UAAU,CACjC,gBAAgB,CACjB;qBACF,CAAC,CACH,CAAC;oBAEF,OAAO;gBACT,CAAC;qBAAM,CAAC;oBACN,cAAc,CACZ,aAAa,CAAC,QAAQ,CAAC,4BAA4B,EAAE;wBACnD,QAAQ,EAAE,aAAa;qBACxB,CAAC,CACH,CAAC;gBACJ,CAAC;gBAED,aAAa,CACX,aAAa,CAAC,QAAQ,CAAC,2BAA2B,EAAE;oBAClD,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC;iBACvC,CAAC,CACH,CAAC;gBACF,MAAM;YAER,KAAK,gBAAgB;gBACnB,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBAC1B,cAAc,CACZ,aAAa,CAAC,QAAQ,CAAC,0BAA0B,EAAE;oBACjD,QAAQ,EAAE,yBAAyB;iBACpC,CAAC,CACH,CAAC;gBACF,aAAa,CACX,aAAa,CAAC,QAAQ,CAAC,yBAAyB,EAAE;oBAChD,0BAA0B,EAAE,UAAU,CAAC,gBAAgB,CAAC;iBACzD,CAAC,CACH,CAAC;gBACF,MAAM;YAER,KAAK,WAAW;gBACd,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBAC1B,cAAc,CACZ,aAAa,CAAC,QAAQ,CAAC,0BAA0B,CAAC,CACnD,CAAC;gBACF,aAAa,CACX,aAAa,CAAC,QAAQ,CAAC,yBAAyB,EAAE;oBAChD,0BAA0B,EAAE,UAAU,CAAC,gBAAgB,CAAC;iBACzD,CAAC,CACH,CAAC;gBACF,MAAM;YAER,KAAK,gBAAgB;gBACnB,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBAC1B,cAAc,CACZ,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAC3C,CAAC;gBACF,aAAa,CACX,aAAa,CAAC,QAAQ,CAAC,iBAAiB,EAAE;oBACxC,uBAAuB,EAAE,UAAU,CACjC,gBAAgB,CACjB;iBACF,CAAC,CACH,CAAC;gBACF,MAAM;YAER;gBACE,MAAM;QACV,CAAC;IACH,CAAC,EAAE;QACD,MAAM;QACN,UAAU;QACV,aAAa;QACb,mBAAmB;QACnB,qBAAqB;QACrB,gBAAgB;QAChB,YAAY;KACb,CAAC,CAAC;IAEH,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,IAAI,MAAM,KAAK,WAAW,IAAI,MAAM,KAAK,gBAAgB,EAAE,CAAC;YAC1D,OAAO;gBACL,KAAC,MAAM,mBAEO,cAAc,EAC1B,SAAS,EAAC,cAAc,EACxB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,qBAAqB,EAC3B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAC,MAAM,YAEV,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAT5C,oBAAoB,CAUjB;aACV,CAAC;QACJ,CAAC;QAED,IAAI,MAAM,KAAK,gBAAgB,EAAE,CAAC;YAChC,OAAO;gBACL,KAAC,MAAM,mBAEO,qBAAqB,EACjC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAC,SAAS,EACjB,EAAE,EAAE,qBAAqB,EACzB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,IAAI,YAEP,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,IAVxC,2BAA2B,CAWxB;aACV,CAAC;QACJ,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,MAAM,uBAAuB,GAGzB;QACF,YAAY,EAAE,WAAW;QACzB,eAAe,EAAE,WAAW;KAC7B,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,uBAAuB,CAAC,MAAM,CAAC;WAC9C,MAAM,CAAC,qBAAqB,CAAC,CAAC,OAAO,EAAE;WACvC,MAAM,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,CAAC,CAAC;QACzD,CAAC,CAAC,uBAAuB,CAAC,MAAM,CAAC;QACjC,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,gBAAgB,GAAG,OAAO,CAC9B,MAAM;WACH,WAAW;WACX,UAAU;WACV,CAAC,WAAW;WACZ,aAAa,CACjB,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,YAC3B,gBAAgB,IAAI,CACnB,MAAC,KAAK,IACJ,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,UAAU,EAChB,WAAW,QACX,UAAU,EAAC,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EACnC,OAAO,EAAE,qBAAqB,aAE9B,KAAC,KAAK,CAAC,OAAO,cAAE,WAAW,GAAiB,EAC5C,sBAAI,UAAU,GAAK,IACb,CACT,GACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { FC, useEffect, useState, useMemo } from 'react';\nimport { Alert, Button, Variant } from '@openedx/paragon';\nimport { CheckCircle, Info } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport moment from 'moment';\nimport { utilHooks } from '@src/hooks';\nimport messages from '../messages';\nimport { manageSubscriptionURL } from '@src/data/constants/app';\nimport { Link } from 'react-router-dom';\nimport { BannerItem } from '../types';\n\nexport const SubscriptionBanner: FC<BannerItem> = ({ learnerSubscriptionData }) => {\n  const { formatMessage } = useIntl();\n\n  const [isDismissed, setIsDismissed] = useState(false);\n  const [bannerBody, setBannerBody] = useState('');\n  const [bannerTitle, setBannerTitle] = useState('');\n  const [bannerVariant, setBannerVariant] = useState<Variant | undefined>(undefined);\n\n  const formatDate = utilHooks.useFormatDate();\n\n  const {\n    status,\n    subscriptionEndDate,\n    subscriptionStartDate,\n    currentPeriodEnd,\n    trialEndDate,\n  } = learnerSubscriptionData;\n\n  useEffect(() => {\n    if (!status) {\n      setBannerTitle('');\n      setBannerBody('');\n      setBannerVariant(undefined);\n      return;\n    }\n\n    const trialEndDateMoment = moment(trialEndDate).startOf('day');\n    const today = moment().startOf('day');\n\n    const trialDaysLeft = trialEndDateMoment.isValid()\n      ? Math.max(0, trialEndDateMoment.diff(today, 'days'))\n      : 0;\n\n    const daysLeftAfterCancellation = moment(currentPeriodEnd).isValid()\n      ? Math.max(0, moment(currentPeriodEnd).diff(today, 'days'))\n      : 0;\n\n    switch (status) {\n      case 'RENEWAL_PENDING':\n        setBannerVariant('success');\n        setBannerTitle(formatMessage(messages.renewalPendingTitle));\n        setBannerBody(\n          formatMessage(messages.renewalPendingBody, {\n            subscriptionRenewalDate: formatDate(\n              currentPeriodEnd\n            ),\n          }),\n        );\n        break;\n\n      case 'TRIAL_ACTIVE':\n        setBannerVariant('success');\n\n        if (trialDaysLeft === 0) {\n          setBannerTitle(\n            formatMessage(messages.activeTrialSubscriptionTitleToday),\n          );\n        } else if (trialDaysLeft === 1) {\n          setBannerTitle(\n            formatMessage(messages.activeTrialSubscriptionTitleTomorrow),\n          );\n        } else if (\n          moment(subscriptionStartDate).isValid()\n          && moment(subscriptionStartDate).isSame(moment(), 'day')\n        ) {\n          setBannerTitle(\n            formatMessage(messages.activeSubscriptionTitle),\n          );\n\n          setBannerBody(\n            formatMessage(messages.activeSubscriptionBody, {\n              subscriptionRenewalDate: formatDate(\n                currentPeriodEnd\n              ),\n            }),\n          );\n\n          return;\n        } else {\n          setBannerTitle(\n            formatMessage(messages.activeTrialSubscriptionTitle, {\n              daysLeft: trialDaysLeft,\n            }),\n          );\n        }\n\n        setBannerBody(\n          formatMessage(messages.activeTrialSubscriptionBody, {\n            trialEndDate: formatDate(trialEndDate),\n          }),\n        );\n        break;\n\n      case 'CANCEL_PENDING':\n        setBannerVariant('light');\n        setBannerTitle(\n          formatMessage(messages.cancelledSubscriptionTitle, {\n            daysLeft: daysLeftAfterCancellation,\n          }),\n        );\n        setBannerBody(\n          formatMessage(messages.cancelledSubscriptionBody, {\n            subscriptionRenewalEndDate: formatDate(currentPeriodEnd),\n          }),\n        );\n        break;\n\n      case 'CANCELLED':\n        setBannerVariant('light');\n        setBannerTitle(\n          formatMessage(messages.cancelledSubscriptionTitle),\n        );\n        setBannerBody(\n          formatMessage(messages.cancelledSubscriptionBody, {\n            subscriptionRenewalEndDate: formatDate(currentPeriodEnd),\n          }),\n        );\n        break;\n\n      case 'RENEWAL_FAILED':\n        setBannerVariant('light');\n        setBannerTitle(\n          formatMessage(messages.renewalFailedTitle),\n        );\n        setBannerBody(\n          formatMessage(messages.renewalFailedBody, {\n            subscriptionRenewalDate: formatDate(\n              currentPeriodEnd\n            ),\n          }),\n        );\n        break;\n\n      default:\n        break;\n    }\n  }, [\n    status,\n    formatDate,\n    formatMessage,\n    subscriptionEndDate,\n    subscriptionStartDate,\n    currentPeriodEnd,\n    trialEndDate,\n  ]);\n\n  // Reset dismissal when the subscription status changes.\n  useEffect(() => {\n    setIsDismissed(false);\n  }, [status]);\n\n  const getSubscriptionAction = useMemo(() => {\n    if (status === 'CANCELLED' || status === 'CANCEL_PENDING') {\n      return [\n        <Button\n          key=\"renew-subscription\"\n          data-testid=\"renew-button\"\n          className=\"renew-button\"\n          variant=\"primary\"\n          href={manageSubscriptionURL}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          role=\"link\"\n        >\n          {formatMessage(messages.renewSubscriptionButton)}\n        </Button>,\n      ];\n    }\n\n    if (status === 'RENEWAL_FAILED') {\n      return [\n        <Button\n          key=\"renew-failed-subscription\"\n          data-testid=\"renew-failed-button\"\n          className=\"renew-failed-button\"\n          variant=\"primary\"\n          to={manageSubscriptionURL}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          role=\"link\"\n          as={Link}\n        >\n          {formatMessage(messages.renewalFailedButton)}\n        </Button>,\n      ];\n    }\n\n    return [];\n  }, [formatMessage, status]);\n\n  const subscriptionStatusIcons: Record<\n    string,\n    typeof Info | undefined\n  > = {\n    TRIAL_ACTIVE: CheckCircle,\n    RENEWAL_PENDING: CheckCircle,\n  };\n\n  const bannerIcon = (subscriptionStatusIcons[status]\n    && moment(subscriptionStartDate).isValid()\n    && moment(subscriptionStartDate).isSame(moment(), 'day'))\n    ? subscriptionStatusIcons[status]\n    : undefined;\n\n  const shouldShowBanner = Boolean(\n    status\n    && bannerTitle\n    && bannerBody\n    && !isDismissed\n    && bannerVariant\n  );\n\n  return (\n    <div className=\"mt-4.5 mb-4.5\">\n      {shouldShowBanner && (\n        <Alert\n          variant={bannerVariant}\n          icon={bannerIcon}\n          dismissible\n          closeLabel=\"Dismiss\"\n          onClose={() => setIsDismissed(true)}\n          actions={getSubscriptionAction}\n        >\n          <Alert.Heading>{bannerTitle}</Alert.Heading>\n          <p>{bannerBody}</p>\n        </Alert>\n      )}\n    </div>\n  );\n};\n\nexport default SubscriptionBanner;\n"]}
+{"version":3,"file":"SubscriptionBanner.js","sourceRoot":"","sources":["../../../../src/containers/SubscriptionBanner/components/SubscriptionBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useEffect, useState, useMemo } from 'react';\nimport { Alert, Button, Variant } from '@openedx/paragon';\nimport { CheckCircle, Info } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport moment from 'moment';\nimport { utilHooks } from '@src/hooks';\nimport messages from '../messages';\nimport { manageSubscriptionURL } from '@src/data/constants/app';\nimport { Link } from 'react-router-dom';\nimport { BannerItem } from '../types';\nimport { eventNames, trackSubscriptionEvent } from '@src/tracking/trackers/subscription';\n\nexport const SubscriptionBanner: FC<BannerItem> = ({ learnerSubscriptionData }) => {\n  const { formatMessage } = useIntl();\n\n  const [isDismissed, setIsDismissed] = useState(false);\n  const [bannerBody, setBannerBody] = useState('');\n  const [bannerTitle, setBannerTitle] = useState('');\n  const [bannerVariant, setBannerVariant] = useState<Variant | undefined>(undefined);\n\n  const formatDate = utilHooks.useFormatDate();\n\n  const {\n    status,\n    subscriptionEndDate,\n    subscriptionStartDate,\n    currentPeriodEnd,\n    trialEndDate,\n  } = learnerSubscriptionData;\n\n  useEffect(() => {\n    if (!status) {\n      setBannerTitle('');\n      setBannerBody('');\n      setBannerVariant(undefined);\n      return;\n    }\n\n    const trialEndDateMoment = moment(trialEndDate).startOf('day');\n    const today = moment().startOf('day');\n\n    const trialDaysLeft = trialEndDateMoment.isValid()\n      ? Math.max(0, trialEndDateMoment.diff(today, 'days'))\n      : 0;\n\n    const daysLeftAfterCancellation = moment(currentPeriodEnd).isValid()\n      ? Math.max(0, moment(currentPeriodEnd).diff(today, 'days'))\n      : 0;\n\n    switch (status) {\n      case 'RENEWAL_PENDING':\n        setBannerVariant('success');\n        setBannerTitle(formatMessage(messages.renewalPendingTitle));\n        setBannerBody(\n          formatMessage(messages.renewalPendingBody, {\n            subscriptionRenewalDate: formatDate(\n              currentPeriodEnd\n            ),\n          }),\n        );\n        break;\n\n      case 'TRIAL_ACTIVE':\n        setBannerVariant('success');\n\n        if (trialDaysLeft === 0) {\n          setBannerTitle(\n            formatMessage(messages.activeTrialSubscriptionTitleToday),\n          );\n        } else if (trialDaysLeft === 1) {\n          setBannerTitle(\n            formatMessage(messages.activeTrialSubscriptionTitleTomorrow),\n          );\n        } else if (\n          moment(subscriptionStartDate).isValid()\n          && moment(subscriptionStartDate).isSame(moment(), 'day')\n        ) {\n          setBannerTitle(\n            formatMessage(messages.activeSubscriptionTitle),\n          );\n\n          setBannerBody(\n            formatMessage(messages.activeSubscriptionBody, {\n              subscriptionRenewalDate: formatDate(\n                currentPeriodEnd\n              ),\n            }),\n          );\n\n          return;\n        } else {\n          setBannerTitle(\n            formatMessage(messages.activeTrialSubscriptionTitle, {\n              daysLeft: trialDaysLeft,\n            }),\n          );\n        }\n\n        setBannerBody(\n          formatMessage(messages.activeTrialSubscriptionBody, {\n            trialEndDate: formatDate(trialEndDate),\n          }),\n        );\n        break;\n\n      case 'CANCEL_PENDING':\n        setBannerVariant('light');\n        setBannerTitle(\n          formatMessage(messages.cancelledSubscriptionTitle, {\n            daysLeft: daysLeftAfterCancellation,\n          }),\n        );\n        setBannerBody(\n          formatMessage(messages.cancelledSubscriptionBody, {\n            subscriptionRenewalEndDate: formatDate(currentPeriodEnd),\n          }),\n        );\n        break;\n\n      case 'CANCELLED':\n        setBannerVariant('light');\n        setBannerTitle(\n          formatMessage(messages.cancelledSubscriptionTitle),\n        );\n        setBannerBody(\n          formatMessage(messages.cancelledSubscriptionBody, {\n            subscriptionRenewalEndDate: formatDate(currentPeriodEnd),\n          }),\n        );\n        break;\n\n      case 'RENEWAL_FAILED':\n        setBannerVariant('light');\n        setBannerTitle(\n          formatMessage(messages.renewalFailedTitle),\n        );\n        setBannerBody(\n          formatMessage(messages.renewalFailedBody, {\n            subscriptionRenewalDate: formatDate(\n              currentPeriodEnd\n            ),\n          }),\n        );\n        break;\n\n      default:\n        break;\n    }\n  }, [\n    status,\n    formatDate,\n    formatMessage,\n    subscriptionEndDate,\n    subscriptionStartDate,\n    currentPeriodEnd,\n    trialEndDate,\n  ]);\n\n  // Reset dismissal when the subscription status changes.\n  useEffect(() => {\n    setIsDismissed(false);\n  }, [status]);\n\n  const getSubscriptionAction = useMemo(() => {\n    if (status === 'CANCELLED' || status === 'CANCEL_PENDING') {\n      return [\n        <Button\n          key=\"renew-subscription\"\n          data-testid=\"renew-button\"\n          className=\"renew-button\"\n          variant=\"primary\"\n          href={manageSubscriptionURL}\n          onClick={() => trackSubscriptionEvent(eventNames.subscriptionBannerActionClicked, {\n            subscription_status: status,\n            action: 'renew',\n          })}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          role=\"link\"\n        >\n          {formatMessage(messages.renewSubscriptionButton)}\n        </Button>,\n      ];\n    }\n\n    if (status === 'RENEWAL_FAILED') {\n      return [\n        <Button\n          key=\"renew-failed-subscription\"\n          data-testid=\"renew-failed-button\"\n          className=\"renew-failed-button\"\n          variant=\"primary\"\n          to={manageSubscriptionURL}\n          onClick={() => trackSubscriptionEvent(eventNames.subscriptionBannerActionClicked, {\n            subscription_status: status,\n            action: 'renewal_failed',\n          })}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          role=\"link\"\n          as={Link}\n        >\n          {formatMessage(messages.renewalFailedButton)}\n        </Button>,\n      ];\n    }\n\n    return [];\n  }, [formatMessage, status]);\n\n  const subscriptionStatusIcons: Record<\n    string,\n    typeof Info | undefined\n  > = {\n    TRIAL_ACTIVE: CheckCircle,\n    RENEWAL_PENDING: CheckCircle,\n  };\n\n  const bannerIcon = (subscriptionStatusIcons[status]\n    && moment(subscriptionStartDate).isValid()\n    && moment(subscriptionStartDate).isSame(moment(), 'day'))\n    ? subscriptionStatusIcons[status]\n    : undefined;\n\n  const shouldShowBanner = Boolean(\n    status\n    && bannerTitle\n    && bannerBody\n    && !isDismissed\n    && bannerVariant\n  );\n\n  useEffect(() => {\n    if (shouldShowBanner) {\n      trackSubscriptionEvent(eventNames.subscriptionBannerViewed, { subscription_status: status });\n    }\n  }, [shouldShowBanner, status]);\n\n  const handleDismiss = () => {\n    trackSubscriptionEvent(eventNames.subscriptionBannerDismissed, { subscription_status: status });\n    setIsDismissed(true);\n  };\n\n  return (\n    <div className=\"mt-4.5 mb-4.5\">\n      {shouldShowBanner && (\n        <Alert\n          variant={bannerVariant}\n          icon={bannerIcon}\n          dismissible\n          closeLabel=\"Dismiss\"\n          onClose={handleDismiss}\n          actions={getSubscriptionAction}\n        >\n          <Alert.Heading>{bannerTitle}</Alert.Heading>\n          <p>{bannerBody}</p>\n        </Alert>\n      )}\n    </div>\n  );\n};\n\nexport default SubscriptionBanner;\n"]}

package/dist/containers/SubscriptionInformation/components/SubscriptionInformation.js

@@ -9,8 +9,9 @@ import { manageSubscriptionURL } from '../../../data/constants/app';
 import '../index.scss';
 import { Cached, WarningFilled, Cancel } from '@openedx/paragon/icons';
 import { subscriptionRenewalURL } from '../../../data/constants/app';
+import { eventNames, trackSubscriptionEvent } from '../../../tracking/trackers/subscription';
 export const SubscriptionInformation = () => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const { data: subsData } = useInitializeSubsDashboard();
     const { formatMessage } = useIntl();
     const formatDate = utilHooks.useFormatDate();
@@ -65,14 +66,26 @@ export const SubscriptionInformation = () => {
     const getSubscriptionAction = useMemo(() => {
         if (status === 'CANCELLED' || status === 'CANCEL_PENDING') {
             return ([
-                _jsx(Button, { "data-testid": "renew-button", className: "renew-button", variant: "tertiary", href: subscriptionRenewalURL, target: "_blank", rel: "noopener noreferrer", role: "link", children: formatMessage(messages.renewSubscriptionButton) }, "renew-subscription"),
+                _jsx(Button, { "data-testid": "renew-button", className: "renew-button", variant: "tertiary", href: subscriptionRenewalURL, onClick: () => {
+                        var _a;
+                        return trackSubscriptionEvent(eventNames.renewSubscriptionClicked, {
+                            subscription_status: status,
+                            plan_name: (_a = subsData === null || subsData === void 0 ? void 0 : subsData.userSubscription) === null || _a === void 0 ? void 0 : _a.planName,
+                        });
+                    }, target: "_blank", rel: "noopener noreferrer", role: "link", children: formatMessage(messages.renewSubscriptionButton) }, "renew-subscription"),
             ]);
         }
         else
             return ([
-                _jsx(Button, { variant: "tertiary", "data-testid": "manage-button", href: manageSubscriptionURL, target: "_blank", rel: "noopener noreferrer", role: "link", children: formatMessage(messages.manageSubscriptionMessage) }, "manage-subscription"),
+                _jsx(Button, { variant: "tertiary", "data-testid": "manage-button", href: manageSubscriptionURL, onClick: () => {
+                        var _a;
+                        return trackSubscriptionEvent(eventNames.manageSubscriptionClicked, {
+                            subscription_status: status,
+                            plan_name: (_a = subsData === null || subsData === void 0 ? void 0 : subsData.userSubscription) === null || _a === void 0 ? void 0 : _a.planName,
+                        });
+                    }, target: "_blank", rel: "noopener noreferrer", role: "link", children: formatMessage(messages.manageSubscriptionMessage) }, "manage-subscription"),
             ]);
-    }, [formatMessage, status]);
+    }, [formatMessage, status, (_d = subsData === null || subsData === void 0 ? void 0 : subsData.userSubscription) === null || _d === void 0 ? void 0 : _d.planName]);
     const subscriptionStatusIcons = {
         ACTIVE: Cached,
         TRIAL_ACTIVE: Cached,
@@ -81,7 +94,7 @@ export const SubscriptionInformation = () => {
         RENEWAL_PENDING: Cached,
         CANCEL_PENDING: Cancel,
     };
-    const bannerIcon = (_d = subscriptionStatusIcons[status]) !== null && _d !== void 0 ? _d : undefined;
+    const bannerIcon = (_e = subscriptionStatusIcons[status]) !== null && _e !== void 0 ? _e : undefined;
     return (_jsxs("div", { className: "container subscription-information py-5 px-4", children: [_jsx("h2", { className: "mb-4 my-subscription-heading", children: formatMessage(messages.mySubscriptionHeading) }), _jsxs(Alert, { dismissible: false, show: true, actions: getSubscriptionAction, className: "subscription-status-alert bg-white", children: [_jsxs(Alert.Heading, { as: "h6", children: [_jsx(Icon, { src: bannerIcon, className: `icon mr-1 ${bannerIcon === WarningFilled ? 'warning-icon text-warning-500' : ''}`, "data-testid": "subscription-status-icon" }), infoTitle] }), _jsx("p", { children: infoBody })] })] }));
 };
 //# sourceMappingURL=SubscriptionInformation.js.map