@edx/frontend-app-subscription-learner-dashboard 1.52.1 → 1.53.1

package/dist/components/ConfirmCourseUpgradeActionModal.d.ts

@@ -1,5 +1,5 @@
 export default ConfirmCourseUpgradeActionModal;
-declare function ConfirmCourseUpgradeActionModal({ isOpen, title, body, navigateLabel, reloadLabel, onSuccess, onReload, navigateTo, }: {
+declare function ConfirmCourseUpgradeActionModal({ isOpen, title, body, navigateLabel, reloadLabel, onSuccess, onReload, navigateTo, isLoading, loadingTitle, }: {
     isOpen: any;
     title: any;
     body: any;
@@ -8,6 +8,8 @@ declare function ConfirmCourseUpgradeActionModal({ isOpen, title, body, navigate
     onSuccess: any;
     onReload: any;
     navigateTo: any;
+    isLoading?: boolean | undefined;
+    loadingTitle?: string | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace ConfirmCourseUpgradeActionModal {
     namespace propTypes {
@@ -19,6 +21,8 @@ declare namespace ConfirmCourseUpgradeActionModal {
         let onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
         let onReload: PropTypes.Requireable<(...args: any[]) => any>;
         let navigateTo: PropTypes.Requireable<string>;
+        let isLoading: PropTypes.Validator<boolean>;
+        let loadingTitle: PropTypes.Requireable<string>;
     }
     namespace defaultProps {
         let title_1: null;

package/dist/components/ConfirmCourseUpgradeActionModal.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { ModalDialog, ActionRow, Button } from '@openedx/paragon';
 import { Link } from 'react-router-dom';
-const ConfirmCourseUpgradeActionModal = ({ isOpen, title, body, navigateLabel, reloadLabel, onSuccess, onReload, navigateTo, }) => {
-    return (_jsxs(ModalDialog, { isOpen: isOpen, title: title, hasCloseButton: false, isBlocking: true, children: [title && (_jsx(ModalDialog.Header, { children: _jsx(ModalDialog.Title, { children: title }) })), body && (_jsx(ModalDialog.Body, { children: _jsx("p", { children: body }) })), _jsx(ModalDialog.Footer, { children: _jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: onReload, children: reloadLabel }), _jsx(Button, { variant: "primary", as: Link, to: navigateTo, children: navigateLabel })] }) })] }));
+import LoadingView from '../containers/Dashboard/LoadingView';
+const ConfirmCourseUpgradeActionModal = ({ isOpen, title, body, navigateLabel, reloadLabel, onSuccess, onReload, navigateTo, isLoading = false, loadingTitle = '', }) => {
+    return (_jsxs(ModalDialog, { isOpen: isOpen, title: title, hasCloseButton: false, isBlocking: true, children: [title && (_jsx(ModalDialog.Header, { children: _jsx(ModalDialog.Title, { style: { fontSize: '22px', lineHeight: '1.2' }, children: isLoading ? loadingTitle : title }) })), _jsxs(ModalDialog.Body, { children: [_jsx("div", { className: "d-flex justify-content-center align-items-center", children: isLoading && _jsx(LoadingView, { variant: "primary" }) }), !isLoading && body && _jsx("p", { children: body })] }), _jsx(ModalDialog.Footer, { children: !isLoading && (_jsxs(ActionRow, { children: [_jsx(Button, { variant: "tertiary", onClick: onReload, children: reloadLabel }), _jsx(Button, { variant: "primary", as: Link, to: navigateTo, children: navigateLabel })] })) })] }));
 };
 ConfirmCourseUpgradeActionModal.propTypes = {
     isOpen: PropTypes.bool.isRequired,
@@ -14,6 +15,8 @@ ConfirmCourseUpgradeActionModal.propTypes = {
     onSuccess: PropTypes.func,
     onReload: PropTypes.func,
     navigateTo: PropTypes.string,
+    isLoading: PropTypes.bool.isRequired,
+    loadingTitle: PropTypes.string,
 };
 ConfirmCourseUpgradeActionModal.defaultProps = {
     title: null,

package/dist/components/ConfirmCourseUpgradeActionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmCourseUpgradeActionModal.js","sourceRoot":"","sources":["../../src/components/ConfirmCourseUpgradeActionModal.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,+BAA+B,GAAG,CAAC,EACrC,MAAM,EACN,KAAK,EACL,IAAI,EACJ,aAAa,EACb,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,GACb,EAAE,EAAE;IACD,OAAO,CACH,MAAC,WAAW,IACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,KAAK,EACrB,UAAU,mBAET,KAAK,IAAI,CACN,KAAC,WAAW,CAAC,MAAM,cACf,KAAC,WAAW,CAAC,KAAK,cAAE,KAAK,GAAqB,GAC7B,CACxB,EACA,IAAI,IAAI,CACL,KAAC,WAAW,CAAC,IAAI,cACb,sBAAI,IAAI,GAAK,GACE,CACtB,EACD,KAAC,WAAW,CAAC,MAAM,cACf,MAAC,SAAS,eACN,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,YAAG,WAAW,GAAU,EACpE,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,YAAG,aAAa,GAAU,IACpE,GACK,IACX,CACjB,CAAC;AACN,CAAC,CAAC;AAEF,+BAA+B,CAAC,SAAS,GAAG;IACxC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACjC,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,UAAU,EAAE,SAAS,CAAC,MAAM;CAC/B,CAAC;AAEF,+BAA+B,CAAC,YAAY,GAAG;IAC3C,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,IAAI;IACV,aAAa,EAAE,eAAe;IAC9B,WAAW,EAAE,OAAO;IACpB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,UAAU,EAAE,EAAE;CACjB,CAAC;AAEF,eAAe,+BAA+B,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { ModalDialog, ActionRow, Button } from '@openedx/paragon';\nimport { Link } from 'react-router-dom';\n\nconst ConfirmCourseUpgradeActionModal = ({\n    isOpen,\n    title,\n    body,\n    navigateLabel,\n    reloadLabel,\n    onSuccess,\n    onReload,\n    navigateTo,\n}) => {\n    return (\n        <ModalDialog\n            isOpen={isOpen}\n            title={title}\n            hasCloseButton={false}\n            isBlocking\n        >\n            {title && (\n                <ModalDialog.Header>\n                    <ModalDialog.Title>{title}</ModalDialog.Title>\n                </ModalDialog.Header>\n            )}\n            {body && (\n                <ModalDialog.Body>\n                    <p>{body}</p>\n                </ModalDialog.Body>\n            )}\n            <ModalDialog.Footer>\n                <ActionRow>\n                    <Button variant=\"tertiary\" onClick={onReload}>{reloadLabel}</Button>\n                    <Button variant=\"primary\" as={Link} to={navigateTo}>{navigateLabel}</Button>\n                </ActionRow>\n            </ModalDialog.Footer>\n        </ModalDialog>\n    );\n};\n\nConfirmCourseUpgradeActionModal.propTypes = {\n    isOpen: PropTypes.bool.isRequired,\n    title: PropTypes.string,\n    body: PropTypes.string,\n    navigateLabel: PropTypes.string,\n    reloadLabel: PropTypes.string,\n    onSuccess: PropTypes.func,\n    onReload: PropTypes.func,\n    navigateTo: PropTypes.string,\n}; \n\nConfirmCourseUpgradeActionModal.defaultProps = {\n    title: null,\n    body: null,\n    navigateLabel: 'Resume Course',\n    reloadLabel: 'Close',\n    onSuccess: () => {},\n    onReload: () => {},\n    navigateTo: '',\n};\n\nexport default ConfirmCourseUpgradeActionModal;"]}
+{"version":3,"file":"ConfirmCourseUpgradeActionModal.js","sourceRoot":"","sources":["../../src/components/ConfirmCourseUpgradeActionModal.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAEhE,MAAM,+BAA+B,GAAG,CAAC,EACvC,MAAM,EACN,KAAK,EACL,IAAI,EACJ,aAAa,EACb,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,EAAE,GAClB,EAAE,EAAE;IACH,OAAO,CACL,MAAC,WAAW,IACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,KAAK,EACrB,UAAU,mBAET,KAAK,IAAI,CACR,KAAC,WAAW,CAAC,MAAM,cACjB,KAAC,WAAW,CAAC,KAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAC9D,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,GACf,GACD,CACtB,EAED,MAAC,WAAW,CAAC,IAAI,eACf,cAAK,SAAS,EAAC,kDAAkD,YAC9D,SAAS,IAAI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,GAAG,GAC3C,EACL,CAAC,SAAS,IAAI,IAAI,IAAI,sBAAI,IAAI,GAAK,IACnB,EAEnB,KAAC,WAAW,CAAC,MAAM,cAChB,CAAC,SAAS,IAAI,CACb,MAAC,SAAS,eACR,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,YACzC,WAAW,GACL,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,YAC/C,aAAa,GACP,IACC,CACb,GACkB,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,+BAA+B,CAAC,SAAS,GAAG;IAC1C,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACjC,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,aAAa,EAAE,SAAS,CAAC,MAAM;IAC/B,WAAW,EAAE,SAAS,CAAC,MAAM;IAC7B,SAAS,EAAE,SAAS,CAAC,IAAI;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACpC,YAAY,EAAE,SAAS,CAAC,MAAM;CAC/B,CAAC;AAEF,+BAA+B,CAAC,YAAY,GAAG;IAC7C,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,IAAI;IACV,aAAa,EAAE,eAAe;IAC9B,WAAW,EAAE,OAAO;IACpB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;IACnB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,eAAe,+BAA+B,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { ModalDialog, ActionRow, Button } from '@openedx/paragon';\nimport { Link } from 'react-router-dom';\nimport LoadingView from '@src/containers/Dashboard/LoadingView';\n\nconst ConfirmCourseUpgradeActionModal = ({\n  isOpen,\n  title,\n  body,\n  navigateLabel,\n  reloadLabel,\n  onSuccess,\n  onReload,\n  navigateTo,\n  isLoading = false,\n  loadingTitle = '',\n}) => {\n  return (\n    <ModalDialog\n      isOpen={isOpen}\n      title={title}\n      hasCloseButton={false}\n      isBlocking\n    >\n      {title && (\n        <ModalDialog.Header>\n          <ModalDialog.Title style={{ fontSize: '22px', lineHeight: '1.2' }}>\n            {isLoading ? loadingTitle : title}\n          </ModalDialog.Title>\n        </ModalDialog.Header>\n      )}\n\n      <ModalDialog.Body>\n        <div className=\"d-flex justify-content-center align-items-center\">\n          {isLoading && <LoadingView variant=\"primary\" />}\n        </div>\n        {!isLoading && body && <p>{body}</p>}\n      </ModalDialog.Body>\n\n      <ModalDialog.Footer>\n        {!isLoading && (\n          <ActionRow>\n            <Button variant=\"tertiary\" onClick={onReload}>\n              {reloadLabel}\n            </Button>\n            <Button variant=\"primary\" as={Link} to={navigateTo}>\n              {navigateLabel}\n            </Button>\n          </ActionRow>\n        )}\n      </ModalDialog.Footer>\n    </ModalDialog>\n  );\n};\n\nConfirmCourseUpgradeActionModal.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  title: PropTypes.string,\n  body: PropTypes.string,\n  navigateLabel: PropTypes.string,\n  reloadLabel: PropTypes.string,\n  onSuccess: PropTypes.func,\n  onReload: PropTypes.func,\n  navigateTo: PropTypes.string,\n  isLoading: PropTypes.bool.isRequired,\n  loadingTitle: PropTypes.string,\n};\n\nConfirmCourseUpgradeActionModal.defaultProps = {\n  title: null,\n  body: null,\n  navigateLabel: 'Resume Course',\n  reloadLabel: 'Close',\n  onSuccess: () => {},\n  onReload: () => {},\n  navigateTo: '',\n};\n\nexport default ConfirmCourseUpgradeActionModal;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CourseUpgradeButton.d.ts

@@ -0,0 +1,6 @@
+interface CourseUpgradeButtonProps {
+    title: string;
+    courseId: string;
+}
+export default function CourseUpgradeButton({ title, courseId, }: CourseUpgradeButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/containers/CourseCard/components/CourseCardBanners/CourseUpgradeButton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useQueryClient } from '@tanstack/react-query';
+import { Button } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { useUpgradeCourseEnrollment } from '../../../../data/hooks/mutationHooks';
+import { useActionWithModal } from '../../../../hooks';
+import { learnerDashboardQueryKeys } from '../../../../data/hooks/queryKeys';
+import messages from './messages';
+import ConfirmCourseUpgradeActionModal from '../../../../components/ConfirmCourseUpgradeActionModal';
+export default function CourseUpgradeButton({ title, courseId, }) {
+    const { formatMessage } = useIntl();
+    const queryClient = useQueryClient();
+    const { mutateAsync, isPending } = useUpgradeCourseEnrollment();
+    const { isTriggering, trigger, handleCancelAction, isModalOpen } = useActionWithModal(() => mutateAsync({ courseRunKey: courseId }), {
+        shouldOpenModal: (response) => (response === null || response === void 0 ? void 0 : response.success) === true,
+        onCancel: () => queryClient.invalidateQueries({
+            queryKey: learnerDashboardQueryKeys.initializeSubsCourseDashboard(),
+        }),
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline-dark", size: "md", onClick: trigger, disabled: !courseId || isTriggering || isPending, children: formatMessage(messages.upgradeAction) }), _jsx(ConfirmCourseUpgradeActionModal, { isLoading: isTriggering, isOpen: isModalOpen || isTriggering, title: formatMessage(messages.upgradeCourseCompleteText, {
+                    title,
+                }), loadingTitle: formatMessage(messages.upgradeCourseloadingText), onReload: handleCancelAction, reloadLabel: formatMessage(messages.closeAction), navigateLabel: "Resume Course", navigateTo: `/courses/${courseId}` })] }));
+}
+//# sourceMappingURL=CourseUpgradeButton.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CourseUpgradeButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseUpgradeButton.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/CourseUpgradeButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,+BAA+B,MAAM,iDAAiD,CAAC;AAO9F,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,KAAK,EACL,QAAQ,GACiB;IACzB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,0BAA0B,EAAE,CAAC;IAEhE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,GAAG,kBAAkB,CACnF,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAC7C;QACE,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,MAAK,IAAI;QACzD,QAAQ,EAAE,GAAG,EAAE,CACb,WAAW,CAAC,iBAAiB,CAAC;YAC5B,QAAQ,EAAE,yBAAyB,CAAC,6BAA6B,EAAE;SACpE,CAAC;KACL,CACF,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,MAAM,IACL,OAAO,EAAC,cAAc,EACtB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,QAAQ,IAAI,YAAY,IAAI,SAAS,YAE/C,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAC/B,EAET,KAAC,+BAA+B,IAC9B,SAAS,EAAE,YAAY,EACvB,MAAM,EAAE,WAAW,IAAI,YAAY,EACnC,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,yBAAyB,EAAE;oBACvD,KAAK;iBACN,CAAC,EACF,YAAY,EAAE,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAC9D,QAAQ,EAAE,kBAAkB,EAC5B,WAAW,EAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,EAChD,aAAa,EAAC,eAAe,EAC7B,UAAU,EAAE,YAAY,QAAQ,EAAE,GAClC,IACD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { useQueryClient } from '@tanstack/react-query';\nimport { Button } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useUpgradeCourseEnrollment } from '@src/data/hooks/mutationHooks';\nimport { useActionWithModal } from '@src/hooks';\nimport { learnerDashboardQueryKeys } from '@src/data/hooks/queryKeys';\nimport messages from './messages';\nimport ConfirmCourseUpgradeActionModal from '@src/components/ConfirmCourseUpgradeActionModal';\n\ninterface CourseUpgradeButtonProps {\n  title: string,\n  courseId: string,\n}\n\nexport default function CourseUpgradeButton({\n  title,\n  courseId,\n}: CourseUpgradeButtonProps) {\n  const { formatMessage } = useIntl();\n  const queryClient = useQueryClient();\n  const { mutateAsync, isPending } = useUpgradeCourseEnrollment();\n\n  const { isTriggering, trigger, handleCancelAction, isModalOpen } = useActionWithModal(\n    () => mutateAsync({ courseRunKey: courseId }),\n    {\n      shouldOpenModal: (response) => response?.success === true,\n      onCancel: () =>\n        queryClient.invalidateQueries({\n          queryKey: learnerDashboardQueryKeys.initializeSubsCourseDashboard(),\n        }),\n    },\n  );\n\n  return (\n    <>\n      <Button\n        variant=\"outline-dark\"\n        size=\"md\"\n        onClick={trigger}\n        disabled={!courseId || isTriggering || isPending}\n      >\n        {formatMessage(messages.upgradeAction)}\n      </Button>\n\n      <ConfirmCourseUpgradeActionModal\n        isLoading={isTriggering}\n        isOpen={isModalOpen || isTriggering}\n        title={formatMessage(messages.upgradeCourseCompleteText, {\n          title,\n        })}\n        loadingTitle={formatMessage(messages.upgradeCourseloadingText)}\n        onReload={handleCancelAction}\n        reloadLabel={formatMessage(messages.closeAction)}\n        navigateLabel=\"Resume Course\"\n        navigateTo={`/courses/${courseId}`}\n      />\n    </>\n  );\n}\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/UpgradeBanner.d.ts

@@ -1,10 +1,12 @@
 export default UpgradeBanner;
-declare function UpgradeBanner({ upgradeUrl }: {
-    upgradeUrl: any;
+declare function UpgradeBanner({ title, courseId }: {
+    title: any;
+    courseId: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace UpgradeBanner {
     namespace propTypes {
-        let upgradeUrl: PropTypes.Requireable<string>;
+        let title: PropTypes.Requireable<string>;
+        let courseId: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardBanners/UpgradeBanner.js

@@ -1,14 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { useIntl } from '@openedx/frontend-base';
-import { Button, Card, Col, Row } from '@openedx/paragon';
+import { Card, Col, Row } from '@openedx/paragon';
 import messages from './messages';
-const UpgradeBanner = ({ upgradeUrl }) => {
+import CourseUpgradeButton from './CourseUpgradeButton';
+const UpgradeBanner = ({ title, courseId }) => {
     const { formatMessage } = useIntl();
-    return (_jsx(Card.Status, { variant: "warning", className: "bg-light-200", "data-testid": "subscription-upgrade-banner", children: _jsxs(Row, { className: "align-items-center mt-1", children: [_jsx(Col, { xs: 12, lg: 8, className: "pe-lg-3", children: _jsx("p", { className: "mb-0 font-weight-semi-bold", children: formatMessage(messages.subscriptionUpgradeBannerText) }) }), _jsx(Col, { xs: 12, sm: 4, className: "d-flex justify-content-end mt-2 mt-lg-0", children: _jsx(Button, { variant: "outline-dark", size: "md", href: upgradeUrl || undefined, "data-testid": "subscription-upgrade-button", children: formatMessage(messages.upgradeAction) }) })] }) }));
+    return (_jsx(Card.Status, { variant: "warning", className: "bg-light-200", "data-testid": "subscription-upgrade-banner", children: _jsxs(Row, { className: "align-items-center mt-1", children: [_jsx(Col, { xs: 12, lg: 8, className: "pe-lg-3", children: _jsx("p", { className: "mb-0 font-weight-semi-bold", children: formatMessage(messages.subscriptionUpgradeBannerText) }) }), _jsx(Col, { xs: 12, sm: 4, className: "d-flex justify-content-end mt-2 mt-lg-0", children: _jsx(CourseUpgradeButton, { courseId: courseId, title: title }) })] }) }));
 };
 UpgradeBanner.propTypes = {
-    upgradeUrl: PropTypes.string,
+    title: PropTypes.string,
+    courseId: PropTypes.string,
 };
 export default UpgradeBanner;
 //# sourceMappingURL=UpgradeBanner.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/UpgradeBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpgradeBanner.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/UpgradeBanner.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,aAAa,GAAG,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACvC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,IAAI,CAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,cAAc,iBAAa,6BAA6B,YAC/F,MAAC,GAAG,IAAC,SAAS,EAAC,yBAAyB,aACtC,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,YACrC,YAAG,SAAS,EAAC,4BAA4B,YACtC,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC,GACpD,GACA,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,yCAAyC,YACrE,KAAC,MAAM,IACL,OAAO,EAAC,cAAc,EACtB,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,UAAU,IAAI,SAAS,iBACjB,6BAA6B,YAExC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAC/B,GACL,IACF,GACM,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,SAAS,GAAG;IACxB,UAAU,EAAE,SAAS,CAAC,MAAM;CAC7B,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, Card, Col, Row } from '@openedx/paragon';\n\nimport messages from './messages';\n\nconst UpgradeBanner = ({ upgradeUrl }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Card.Status variant=\"warning\" className=\"bg-light-200\" data-testid=\"subscription-upgrade-banner\">\n      <Row className=\"align-items-center mt-1\">\n        <Col xs={12} lg={8} className=\"pe-lg-3\">\n          <p className=\"mb-0 font-weight-semi-bold\">\n            {formatMessage(messages.subscriptionUpgradeBannerText)}\n          </p>\n        </Col>\n        <Col xs={12} sm={4} className=\"d-flex justify-content-end mt-2 mt-lg-0\">\n          <Button\n            variant=\"outline-dark\"\n            size=\"md\"\n            href={upgradeUrl || undefined}\n            data-testid=\"subscription-upgrade-button\"\n          >\n            {formatMessage(messages.upgradeAction)}\n          </Button>\n        </Col>\n      </Row>\n    </Card.Status>\n  );\n};\n\nUpgradeBanner.propTypes = {\n  upgradeUrl: PropTypes.string,\n};\n\nexport default UpgradeBanner;\n"]}
+{"version":3,"file":"UpgradeBanner.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/UpgradeBanner.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,KAAC,IAAI,CAAC,MAAM,IACV,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,cAAc,iBACZ,6BAA6B,YAEzC,MAAC,GAAG,IAAC,SAAS,EAAC,yBAAyB,aACtC,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,SAAS,YACrC,YAAG,SAAS,EAAC,4BAA4B,YACtC,aAAa,CAAC,QAAQ,CAAC,6BAA6B,CAAC,GACpD,GACA,EACN,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,yCAAyC,YACrE,KAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,GACrD,IACF,GACM,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,SAAS,GAAG;IACxB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,QAAQ,EAAE,SAAS,CAAC,MAAM;CAC3B,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Card, Col, Row } from '@openedx/paragon';\n\nimport messages from './messages';\nimport CourseUpgradeButton from './CourseUpgradeButton';\n\nconst UpgradeBanner = ({ title, courseId }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Card.Status\n      variant=\"warning\"\n      className=\"bg-light-200\"\n      data-testid=\"subscription-upgrade-banner\"\n    >\n      <Row className=\"align-items-center mt-1\">\n        <Col xs={12} lg={8} className=\"pe-lg-3\">\n          <p className=\"mb-0 font-weight-semi-bold\">\n            {formatMessage(messages.subscriptionUpgradeBannerText)}\n          </p>\n        </Col>\n        <Col xs={12} sm={4} className=\"d-flex justify-content-end mt-2 mt-lg-0\">\n          <CourseUpgradeButton courseId={courseId} title={title} />\n        </Col>\n      </Row>\n    </Card.Status>\n  );\n};\n\nUpgradeBanner.propTypes = {\n  title: PropTypes.string,\n  courseId: PropTypes.string,\n};\n\nexport default UpgradeBanner;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/index.d.ts

@@ -1,4 +1,4 @@
-export function CourseCardBanners({ cardId, verifiedCourse, isHistoryTab, isAudit, isAuditAccessExpired, canUpgrade }: {
+export function CourseCardBanners({ cardId, verifiedCourse, isHistoryTab, isAudit, isAuditAccessExpired, canUpgrade, }: {
     cardId: any;
     verifiedCourse: any;
     isHistoryTab: any;

package/dist/containers/CourseCard/components/CourseCardBanners/index.js

@@ -6,36 +6,36 @@ import UpgradeBanner from './UpgradeBanner';
 import ViewCertificateBanner from './ViewCertificateBanner';
 import ViewGradesBanner from './ViewGradesBanner';
 import ViewCourseDetailBanner from './ViewCourseDetailBanner';
-export const CourseCardBanners = ({ cardId, verifiedCourse, isHistoryTab, isAudit, isAuditAccessExpired, canUpgrade }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+export const CourseCardBanners = ({ cardId, verifiedCourse, isHistoryTab, isAudit, isAuditAccessExpired, canUpgrade, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const courseData = useCourseData(cardId);
     if (!courseData) {
         return null;
     }
-    const upgradeUrl = (_b = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _a === void 0 ? void 0 : _a.marketingUrl) !== null && _b !== void 0 ? _b : '';
+    const courseId = (_b = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _a === void 0 ? void 0 : _a.courseId) !== null && _b !== void 0 ? _b : '';
+    const title = (_d = (_c = courseData === null || courseData === void 0 ? void 0 : courseData.course) === null || _c === void 0 ? void 0 : _c.courseName) !== null && _d !== void 0 ? _d : '';
+    const upgradeUrl = (_f = (_e = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _e === void 0 ? void 0 : _e.marketingUrl) !== null && _f !== void 0 ? _f : '';
     const findCourseUrl = '/subscription-search';
-    const showFindCourseBanner = (isHistoryTab
-        && isAuditAccessExpired
-        && isAudit
-        && ((_c = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _c === void 0 ? void 0 : _c.isArchived)
-        && !(courseData === null || courseData === void 0 ? void 0 : courseData.isFromNonUpgradeableCourses));
-    const showViewCourseDetailBanner = (isHistoryTab
-        && isAudit
-        && isAuditAccessExpired
-        && !canUpgrade
-        && !(courseData === null || courseData === void 0 ? void 0 : courseData.isFromNonUpgradeableCourses));
-    const showUpgradeBanner = (isAudit
-        && canUpgrade
-        && !(courseData === null || courseData === void 0 ? void 0 : courseData.isFromNonUpgradeableCourses)
-        && (!isHistoryTab || isAuditAccessExpired));
-    const isDownloadable = ((_d = courseData === null || courseData === void 0 ? void 0 : courseData.certificate) === null || _d === void 0 ? void 0 : _d.isDownloadable) || false;
-    const isCompletedButNotPassed = !!((_e = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _e === void 0 ? void 0 : _e.isArchived)
-        && ((_f = courseData === null || courseData === void 0 ? void 0 : courseData.gradeData) === null || _f === void 0 ? void 0 : _f.isPassing) === false
-        && !((_g = courseData === null || courseData === void 0 ? void 0 : courseData.certificate) === null || _g === void 0 ? void 0 : _g.isEarned);
-    const homeUrl = (_h = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _h === void 0 ? void 0 : _h.homeUrl;
-    return (_jsxs("div", { className: "course-card-banners", "data-testid": "CourseCardBanners", children: [showUpgradeBanner && (_jsx(UpgradeBanner, { upgradeUrl: upgradeUrl })), isDownloadable &&
-                _jsx(ViewCertificateBanner, { cardId: cardId }), isCompletedButNotPassed &&
-                _jsx(ViewGradesBanner, { cardId: cardId }), showFindCourseBanner && (_jsx(FindCourseBanner, { findCourseUrl: findCourseUrl })), showViewCourseDetailBanner && (_jsx(ViewCourseDetailBanner, { viewCourseDetailUrl: homeUrl }))] }));
+    const showFindCourseBanner = isHistoryTab &&
+        isAuditAccessExpired &&
+        isAudit &&
+        ((_g = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _g === void 0 ? void 0 : _g.isArchived) &&
+        !(courseData === null || courseData === void 0 ? void 0 : courseData.isFromNonUpgradeableCourses);
+    const showViewCourseDetailBanner = isHistoryTab &&
+        isAudit &&
+        isAuditAccessExpired &&
+        !canUpgrade &&
+        !(courseData === null || courseData === void 0 ? void 0 : courseData.isFromNonUpgradeableCourses);
+    const showUpgradeBanner = isAudit &&
+        canUpgrade &&
+        !(courseData === null || courseData === void 0 ? void 0 : courseData.isFromNonUpgradeableCourses) &&
+        (!isHistoryTab || isAuditAccessExpired);
+    const isDownloadable = ((_h = courseData === null || courseData === void 0 ? void 0 : courseData.certificate) === null || _h === void 0 ? void 0 : _h.isDownloadable) || false;
+    const isCompletedButNotPassed = !!((_j = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _j === void 0 ? void 0 : _j.isArchived) &&
+        ((_k = courseData === null || courseData === void 0 ? void 0 : courseData.gradeData) === null || _k === void 0 ? void 0 : _k.isPassing) === false &&
+        !((_l = courseData === null || courseData === void 0 ? void 0 : courseData.certificate) === null || _l === void 0 ? void 0 : _l.isEarned);
+    const homeUrl = (_m = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _m === void 0 ? void 0 : _m.homeUrl;
+    return (_jsxs("div", { className: "course-card-banners", "data-testid": "CourseCardBanners", children: [showUpgradeBanner && (_jsx(UpgradeBanner, { courseId: courseId, title: title, upgradeUrl: upgradeUrl })), isDownloadable && _jsx(ViewCertificateBanner, { cardId: cardId }), isCompletedButNotPassed && _jsx(ViewGradesBanner, { cardId: cardId }), showFindCourseBanner && (_jsx(FindCourseBanner, { findCourseUrl: findCourseUrl })), showViewCourseDetailBanner && (_jsx(ViewCourseDetailBanner, { viewCourseDetailUrl: homeUrl }))] }));
 };
 CourseCardBanners.propTypes = {
     cardId: PropTypes.string.isRequired,

package/dist/containers/CourseCard/components/CourseCardBanners/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport FindCourseBanner from './FindCourseBanner';\nimport { useCourseData } from '@src/hooks';\nimport UpgradeBanner from './UpgradeBanner';\nimport ViewCertificateBanner from './ViewCertificateBanner';\nimport ViewGradesBanner from './ViewGradesBanner';\nimport ViewCourseDetailBanner from './ViewCourseDetailBanner';\n\nexport const CourseCardBanners = ({ cardId, verifiedCourse, isHistoryTab, isAudit, isAuditAccessExpired, canUpgrade }) => {\n  const courseData = useCourseData(cardId);\n  if (!courseData) {\n    return null;\n  }\n\n  const upgradeUrl = courseData?.courseRun?.marketingUrl ?? '';\n  const findCourseUrl = '/subscription-search';\n  const showFindCourseBanner = (\n    isHistoryTab\n    && isAuditAccessExpired\n    && isAudit\n    && courseData?.courseRun?.isArchived\n    && !courseData?.isFromNonUpgradeableCourses\n  );\n  const showViewCourseDetailBanner = (\n    isHistoryTab\n    && isAudit\n    && isAuditAccessExpired\n    && !canUpgrade\n    && !courseData?.isFromNonUpgradeableCourses\n  );\n  const showUpgradeBanner = (\n    isAudit\n    && canUpgrade\n    && !courseData?.isFromNonUpgradeableCourses\n    && (!isHistoryTab || isAuditAccessExpired)\n  );\n  const isDownloadable = courseData?.certificate?.isDownloadable || false;\n  const isCompletedButNotPassed = !!courseData?.courseRun?.isArchived\n     && courseData?.gradeData?.isPassing === false\n     && !courseData?.certificate?.isEarned;\n  const homeUrl = courseData?.courseRun?.homeUrl;\n\n\n  return (\n    <div className=\"course-card-banners\" data-testid=\"CourseCardBanners\">\n      {showUpgradeBanner && (\n        <UpgradeBanner upgradeUrl={upgradeUrl} />\n      )}\n      {isDownloadable &&\n        <ViewCertificateBanner cardId={cardId} />\n      }\n      {isCompletedButNotPassed &&\n        <ViewGradesBanner cardId={cardId} />\n      }\n      {showFindCourseBanner && (\n        <FindCourseBanner\n          findCourseUrl={findCourseUrl}\n        />\n      )}\n      {showViewCourseDetailBanner && (\n        <ViewCourseDetailBanner\n          viewCourseDetailUrl={homeUrl}\n        />\n      )}\n    </div>\n  );\n};\nCourseCardBanners.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  verifiedCourse: PropTypes.bool,\n  isHistoryTab: PropTypes.bool,\n  isAudit: PropTypes.bool,\n  isAuditAccessExpired: PropTypes.bool,\n  canUpgrade: PropTypes.bool,\n};\n\nexport default CourseCardBanners;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport FindCourseBanner from './FindCourseBanner';\nimport { useCourseData } from '@src/hooks';\nimport UpgradeBanner from './UpgradeBanner';\nimport ViewCertificateBanner from './ViewCertificateBanner';\nimport ViewGradesBanner from './ViewGradesBanner';\nimport ViewCourseDetailBanner from './ViewCourseDetailBanner';\n\nexport const CourseCardBanners = ({\n  cardId,\n  verifiedCourse,\n  isHistoryTab,\n  isAudit,\n  isAuditAccessExpired,\n  canUpgrade,\n}) => {\n  const courseData = useCourseData(cardId);\n  if (!courseData) {\n    return null;\n  }\n\n  const courseId = courseData?.courseRun?.courseId ?? '';\n  const title = courseData?.course?.courseName ?? '';\n\n  const upgradeUrl = courseData?.courseRun?.marketingUrl ?? '';\n  const findCourseUrl = '/subscription-search';\n  const showFindCourseBanner =\n    isHistoryTab &&\n    isAuditAccessExpired &&\n    isAudit &&\n    courseData?.courseRun?.isArchived &&\n    !courseData?.isFromNonUpgradeableCourses;\n  const showViewCourseDetailBanner =\n    isHistoryTab &&\n    isAudit &&\n    isAuditAccessExpired &&\n    !canUpgrade &&\n    !courseData?.isFromNonUpgradeableCourses;\n  const showUpgradeBanner =\n    isAudit &&\n    canUpgrade &&\n    !courseData?.isFromNonUpgradeableCourses &&\n    (!isHistoryTab || isAuditAccessExpired);\n  const isDownloadable = courseData?.certificate?.isDownloadable || false;\n  const isCompletedButNotPassed =\n    !!courseData?.courseRun?.isArchived &&\n    courseData?.gradeData?.isPassing === false &&\n    !courseData?.certificate?.isEarned;\n  const homeUrl = courseData?.courseRun?.homeUrl;\n\n  return (\n    <div className=\"course-card-banners\" data-testid=\"CourseCardBanners\">\n      {showUpgradeBanner && (\n        <UpgradeBanner\n          courseId={courseId}\n          title={title}\n          upgradeUrl={upgradeUrl}\n        />\n      )}\n      {isDownloadable && <ViewCertificateBanner cardId={cardId} />}\n      {isCompletedButNotPassed && <ViewGradesBanner cardId={cardId} />}\n      {showFindCourseBanner && (\n        <FindCourseBanner findCourseUrl={findCourseUrl} />\n      )}\n      {showViewCourseDetailBanner && (\n        <ViewCourseDetailBanner viewCourseDetailUrl={homeUrl} />\n      )}\n    </div>\n  );\n};\nCourseCardBanners.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  verifiedCourse: PropTypes.bool,\n  isHistoryTab: PropTypes.bool,\n  isAudit: PropTypes.bool,\n  isAuditAccessExpired: PropTypes.bool,\n  canUpgrade: PropTypes.bool,\n};\n\nexport default CourseCardBanners;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/messages.d.ts

@@ -261,4 +261,36 @@ declare namespace messages {
         let defaultMessage_32: string;
         export { defaultMessage_32 as defaultMessage };
     }
+    namespace upgradeCourseCompleteText {
+        let defaultMessage_33: string;
+        export { defaultMessage_33 as defaultMessage };
+        let id_33: string;
+        export { id_33 as id };
+        let description_33: string;
+        export { description_33 as description };
+    }
+    namespace upgradeCourseloadingText {
+        let defaultMessage_34: string;
+        export { defaultMessage_34 as defaultMessage };
+        let id_34: string;
+        export { id_34 as id };
+        let description_34: string;
+        export { description_34 as description };
+    }
+    namespace closeAction {
+        let id_35: string;
+        export { id_35 as id };
+        let description_35: string;
+        export { description_35 as description };
+        let defaultMessage_35: string;
+        export { defaultMessage_35 as defaultMessage };
+    }
+    namespace resumeCourseAction {
+        let id_36: string;
+        export { id_36 as id };
+        let description_36: string;
+        export { description_36 as description };
+        let defaultMessage_36: string;
+        export { defaultMessage_36 as defaultMessage };
+    }
 }

package/dist/containers/CourseCard/components/CourseCardBanners/messages.js

@@ -93,12 +93,12 @@ const messages = defineMessages({
     prerequisitesNotMet: {
         id: 'learner-dash.courseCard.banners.prerequisitesNotMet',
         description: 'Message to learners with unmet prerequisites',
-        defaultMessage: 'You can\'t access this course just yet because you have not met the pre-requisites.',
+        defaultMessage: "You can't access this course just yet because you have not met the pre-requisites.",
     },
     courseHasNotStarted: {
         id: 'learner-dash.courseCard.banners.courseHasNotStarted',
         description: 'Course has not started message',
-        defaultMessage: 'You can\'t access this course just yet because the course hasn\'t started yet. The course will start on {startDate}.',
+        defaultMessage: "You can't access this course just yet because the course hasn't started yet. The course will start on {startDate}.",
     },
     redeem: {
         id: 'learner-dash.courseCard.banners.redeem',
@@ -165,6 +165,26 @@ const messages = defineMessages({
         description: 'Find course action link text for verified courses',
         defaultMessage: 'Find a course',
     },
+    upgradeCourseCompleteText: {
+        defaultMessage: 'You now have full course access to {title}',
+        id: 'learner-dash.courseCard.banners.upgrade.complete.text',
+        description: 'text to display when a user has upgraded a course',
+    },
+    upgradeCourseloadingText: {
+        defaultMessage: 'We are upgrading your course to the verified track.',
+        id: 'learner-dash.courseCard.banners.upgrade.loading.text',
+        description: 'text to display when a user is upgrading a course',
+    },
+    closeAction: {
+        id: 'learner-dash.courseCard.banners.closeModal',
+        description: 'Close button text for closing upgrade modal',
+        defaultMessage: 'Close',
+    },
+    resumeCourseAction: {
+        id: 'learner-dash.courseCard.banners.ResumeCourse',
+        description: 'Resume button text for resume course modal',
+        defaultMessage: 'Resume Course',
+    },
 });
 export default messages;
 //# sourceMappingURL=messages.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/messages.js"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  auditAccessExpired: {\n    id: 'learner-dash.courseCard.banners.auditAccessExpired',\n    description: 'Audit access expiration banner message',\n    defaultMessage: 'Your audit access to this course has expired.',\n  },\n  findAnotherCourse: {\n    id: 'learner-dash.courseCard.banners.findAnotherCourse',\n    description: 'Action prompt taking learners to course exploration',\n    defaultMessage: 'Find another course',\n  },\n  certRestricted: {\n    id: 'learner-dash.courseCard.banners.certificateRestricted',\n    description: 'Restricted certificate warning message',\n    defaultMessage: 'Your Certificate of Achievement is being held pending confirmation that the issuance of your Certificate is in compliance with strict U.S. embargoes on Iran, Cuba, Syria, and Sudan.  If you think our system has mistakenly identified you as being connected with one of those countries, please let us know by contacting {supportEmail}.',\n  },\n  certRestrictedNoEmail: {\n    id: 'learner-dash.courseCard.banners.certificateRestrictedNoEmail',\n    description: 'Restricted certificate warning message',\n    defaultMessage: 'Your Certificate of Achievement is being held pending confirmation that the issuance of your Certificate is in compliance with strict U.S. embargoes on Iran, Cuba, Syria, and Sudan.  If you think our system has mistakenly identified you as being connected with one of those countries, please let us know.',\n  },\n  certRefundContactBilling: {\n    id: 'learner-dash.courseCard.banners.certificateRefundContactBilling',\n    description: 'Message to learners to contact billing for certificate refunds',\n    defaultMessage: 'If you would like a refund on your Certificate of Achievement, please contact our billing address {billingEmail}',\n  },\n  certRefundContactBillingNoEmail: {\n    id: 'learner-dash.courseCard.banners.certificateRefundContactBillingNoEmail',\n    description: 'Message to learners to contact billing for certificate refunds',\n    defaultMessage: 'If you would like a refund on your Certificate of Achievement, please contact us.',\n  },\n  passingGrade: {\n    id: 'learner-dash.courseCard.banners.passingGrade',\n    description: 'Message to learners with minimum passing grade for the course',\n    defaultMessage: 'Grade required to pass the course: {minPassingGrade}\\u200f%',\n  },\n  notEligibleForCert: {\n    id: 'learner-dash.courseCard.banners.notEligibleForCert',\n    description: 'Certificate inelligibility message',\n    defaultMessage: 'You are not eligible for a certificate.',\n  },\n  viewGrades: {\n    id: 'learner-dash.courseCard.banners.viewGrades',\n    description: 'Gradses link text',\n    defaultMessage: 'View grades.',\n  },\n  certReady: {\n    id: 'learner-dash.courseCard.banners.certReady',\n    description: 'Certificate ready message',\n    defaultMessage: 'Congratulations.  Your certificate is ready.',\n  },\n  viewCertificate: {\n    id: 'learner-dash.courseCard.banners.viewCertificate',\n    description: 'Certificate link text',\n    defaultMessage: 'View certificate',\n  },\n  certMinGrade: {\n    id: 'learner-dash.courseCard.banners.certMinGrade',\n    description: 'Passing grade requirement message',\n    defaultMessage: 'Grade required for a certificate: {minPassingGrade}\\u200f%',\n  },\n  downloadCertificate: {\n    id: 'learner-dash.courseCard.banners.downloadCertificate',\n    description: 'Certificate download link text',\n    defaultMessage: 'Download Certificate.',\n  },\n  gradeAndCertReadyAfter: {\n    id: 'learner-dash.courseCard.banners.gradseAndCertReadyAfter',\n    description: 'Grade and certificate availability date message',\n    defaultMessage: 'Your grade and certificate will be ready after {availableDate}.',\n  },\n  entitlementUnavailable: {\n    id: 'learner-dash.courseCard.banners.entitlementUnavailable',\n    description: 'Entitlement course message when no sessions are available',\n    defaultMessage: 'There are no sessions available at the moment.  The course team will create new sessions soon.  If no sessions appear, please contact {emailLink} for information.',\n  },\n  entitlementExpiringSoon: {\n    id: 'learner-dash.courseCard.banners.entitlementExpiringSoon',\n    description: 'Entitlement course message when the entitlement is expiring soon.',\n    defaultMessage: 'You must {selectSessionButton} by {changeDeadline} to access the course.',\n  },\n  entitlementExpired: {\n    id: 'learner-dash.courseCard.banners.entitlementExpired',\n    description: 'Entitlement course message when the entitlement is expired.',\n    defaultMessage: 'You can no longer change sessions.',\n  },\n  selectSession: {\n    id: 'learner-dash.courseCard.banners.selectSession',\n    description: 'Entitlement session selection link text',\n    defaultMessage: 'select a session',\n  },\n  prerequisitesNotMet: {\n    id: 'learner-dash.courseCard.banners.prerequisitesNotMet',\n    description: 'Message to learners with unmet prerequisites',\n    defaultMessage: 'You can\\'t access this course just yet because you have not met the pre-requisites.',\n  },\n  courseHasNotStarted: {\n    id: 'learner-dash.courseCard.banners.courseHasNotStarted',\n    description: 'Course has not started message',\n    defaultMessage: 'You can\\'t access this course just yet because the course hasn\\'t started yet. The course will start on {startDate}.',\n  },\n  redeem: {\n    id: 'learner-dash.courseCard.banners.redeem',\n    description: 'Redeem link text',\n    defaultMessage: 'Redeem',\n  },\n  subscriptionUpgradeBannerText: {\n    id: 'learner-dash.courseCard.banners.subscriptionUpgradeBannerText',\n    description: 'Banner text for subscription courses where audit access has expired',\n    defaultMessage: 'This course is included in your subscription. Upgrade to get full course access.',\n  },\n  subscriptionRedeemBannerText: {\n    id: 'learner-dash.courseCard.banners.subscriptionRedeemBannerText',\n    description: 'Banner text for subscription courses where audit access has expired',\n    defaultMessage: 'This course is included in your subscription. Redeem to get full course access.',\n  },\n  upgradeAction: {\n    id: 'learner-dash.courseCard.banners.upgradeAction',\n    description: 'Upgrade button text for subscription upgrade banner',\n    defaultMessage: 'Upgrade',\n  },\n  verifiedBannerText: {\n    id: 'learner-dash.courseCard.banners.verifiedBannerText',\n    description: 'Banner text for verified courses',\n    defaultMessage: 'You passed this course on {date} and earned a verified certificate.',\n  },\n  completedAndPassedBannerText: {\n    id: 'learner-dash.courseCard.banners.completedAndPassedBannerText',\n    description: 'Banner text for completed and passed courses',\n    defaultMessage: 'You completed and passed this course on {date}.',\n  },\n  congratulationsText: {\n    id: 'learner-dash.courseCard.banners.congratulationsText',\n    description: 'Congratulations text for verified courses',\n    defaultMessage: 'Congratulations!',\n  },\n  courseCompletedBannerText: {\n    id: 'learner-dash.courseCard.banners.courseCompletedBannerText',\n    description: 'Course completed banner text for verified courses',\n    defaultMessage: 'You completed this course on {date}.',\n  },\n  viewGradesText: {\n    id: 'learner-dash.courseCard.banners.viewGradesText',\n    description: 'View grades link text for verified courses',\n    defaultMessage: 'View grades',\n  },\n  viewCourseDetailBannerText: {\n    id: 'learner-dash.courseCard.banners.viewCourseDetailBannerText',\n    description: 'View course detail banner text for verified courses',\n    defaultMessage: 'Enroll in a new course-run with your subscription.',\n  },\n  viewCourseDetailAction: {\n    id: 'learner-dash.courseCard.banners.viewCourseDetailAction',\n    description: 'View course detail action link text for verified courses',\n    defaultMessage: 'View course details',\n  },\n  findCourseBannerText: {\n    id: 'learner-dash.courseCard.banners.findCourseBannerText',\n    description: 'Find course banner text for verified courses',\n    defaultMessage: 'This course-run is no longer available. Enroll in a new session or similar course.',\n  },\n  findCourseAction: {\n    id: 'learner-dash.courseCard.banners.findCourseAction',\n    description: 'Find course action link text for verified courses',\n    defaultMessage: 'Find a course',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/messages.js"],"names":[],"mappings":"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","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  auditAccessExpired: {\n    id: 'learner-dash.courseCard.banners.auditAccessExpired',\n    description: 'Audit access expiration banner message',\n    defaultMessage: 'Your audit access to this course has expired.',\n  },\n  findAnotherCourse: {\n    id: 'learner-dash.courseCard.banners.findAnotherCourse',\n    description: 'Action prompt taking learners to course exploration',\n    defaultMessage: 'Find another course',\n  },\n  certRestricted: {\n    id: 'learner-dash.courseCard.banners.certificateRestricted',\n    description: 'Restricted certificate warning message',\n    defaultMessage:\n      'Your Certificate of Achievement is being held pending confirmation that the issuance of your Certificate is in compliance with strict U.S. embargoes on Iran, Cuba, Syria, and Sudan.  If you think our system has mistakenly identified you as being connected with one of those countries, please let us know by contacting {supportEmail}.',\n  },\n  certRestrictedNoEmail: {\n    id: 'learner-dash.courseCard.banners.certificateRestrictedNoEmail',\n    description: 'Restricted certificate warning message',\n    defaultMessage:\n      'Your Certificate of Achievement is being held pending confirmation that the issuance of your Certificate is in compliance with strict U.S. embargoes on Iran, Cuba, Syria, and Sudan.  If you think our system has mistakenly identified you as being connected with one of those countries, please let us know.',\n  },\n  certRefundContactBilling: {\n    id: 'learner-dash.courseCard.banners.certificateRefundContactBilling',\n    description:\n      'Message to learners to contact billing for certificate refunds',\n    defaultMessage:\n      'If you would like a refund on your Certificate of Achievement, please contact our billing address {billingEmail}',\n  },\n  certRefundContactBillingNoEmail: {\n    id: 'learner-dash.courseCard.banners.certificateRefundContactBillingNoEmail',\n    description:\n      'Message to learners to contact billing for certificate refunds',\n    defaultMessage:\n      'If you would like a refund on your Certificate of Achievement, please contact us.',\n  },\n  passingGrade: {\n    id: 'learner-dash.courseCard.banners.passingGrade',\n    description:\n      'Message to learners with minimum passing grade for the course',\n    defaultMessage:\n      'Grade required to pass the course: {minPassingGrade}\\u200f%',\n  },\n  notEligibleForCert: {\n    id: 'learner-dash.courseCard.banners.notEligibleForCert',\n    description: 'Certificate inelligibility message',\n    defaultMessage: 'You are not eligible for a certificate.',\n  },\n  viewGrades: {\n    id: 'learner-dash.courseCard.banners.viewGrades',\n    description: 'Gradses link text',\n    defaultMessage: 'View grades.',\n  },\n  certReady: {\n    id: 'learner-dash.courseCard.banners.certReady',\n    description: 'Certificate ready message',\n    defaultMessage: 'Congratulations.  Your certificate is ready.',\n  },\n  viewCertificate: {\n    id: 'learner-dash.courseCard.banners.viewCertificate',\n    description: 'Certificate link text',\n    defaultMessage: 'View certificate',\n  },\n  certMinGrade: {\n    id: 'learner-dash.courseCard.banners.certMinGrade',\n    description: 'Passing grade requirement message',\n    defaultMessage:\n      'Grade required for a certificate: {minPassingGrade}\\u200f%',\n  },\n  downloadCertificate: {\n    id: 'learner-dash.courseCard.banners.downloadCertificate',\n    description: 'Certificate download link text',\n    defaultMessage: 'Download Certificate.',\n  },\n  gradeAndCertReadyAfter: {\n    id: 'learner-dash.courseCard.banners.gradseAndCertReadyAfter',\n    description: 'Grade and certificate availability date message',\n    defaultMessage:\n      'Your grade and certificate will be ready after {availableDate}.',\n  },\n  entitlementUnavailable: {\n    id: 'learner-dash.courseCard.banners.entitlementUnavailable',\n    description: 'Entitlement course message when no sessions are available',\n    defaultMessage:\n      'There are no sessions available at the moment.  The course team will create new sessions soon.  If no sessions appear, please contact {emailLink} for information.',\n  },\n  entitlementExpiringSoon: {\n    id: 'learner-dash.courseCard.banners.entitlementExpiringSoon',\n    description:\n      'Entitlement course message when the entitlement is expiring soon.',\n    defaultMessage:\n      'You must {selectSessionButton} by {changeDeadline} to access the course.',\n  },\n  entitlementExpired: {\n    id: 'learner-dash.courseCard.banners.entitlementExpired',\n    description: 'Entitlement course message when the entitlement is expired.',\n    defaultMessage: 'You can no longer change sessions.',\n  },\n  selectSession: {\n    id: 'learner-dash.courseCard.banners.selectSession',\n    description: 'Entitlement session selection link text',\n    defaultMessage: 'select a session',\n  },\n  prerequisitesNotMet: {\n    id: 'learner-dash.courseCard.banners.prerequisitesNotMet',\n    description: 'Message to learners with unmet prerequisites',\n    defaultMessage:\n      \"You can't access this course just yet because you have not met the pre-requisites.\",\n  },\n  courseHasNotStarted: {\n    id: 'learner-dash.courseCard.banners.courseHasNotStarted',\n    description: 'Course has not started message',\n    defaultMessage:\n      \"You can't access this course just yet because the course hasn't started yet. The course will start on {startDate}.\",\n  },\n  redeem: {\n    id: 'learner-dash.courseCard.banners.redeem',\n    description: 'Redeem link text',\n    defaultMessage: 'Redeem',\n  },\n  subscriptionUpgradeBannerText: {\n    id: 'learner-dash.courseCard.banners.subscriptionUpgradeBannerText',\n    description:\n      'Banner text for subscription courses where audit access has expired',\n    defaultMessage:\n      'This course is included in your subscription. Upgrade to get full course access.',\n  },\n  subscriptionRedeemBannerText: {\n    id: 'learner-dash.courseCard.banners.subscriptionRedeemBannerText',\n    description:\n      'Banner text for subscription courses where audit access has expired',\n    defaultMessage:\n      'This course is included in your subscription. Redeem to get full course access.',\n  },\n  upgradeAction: {\n    id: 'learner-dash.courseCard.banners.upgradeAction',\n    description: 'Upgrade button text for subscription upgrade banner',\n    defaultMessage: 'Upgrade',\n  },\n  verifiedBannerText: {\n    id: 'learner-dash.courseCard.banners.verifiedBannerText',\n    description: 'Banner text for verified courses',\n    defaultMessage:\n      'You passed this course on {date} and earned a verified certificate.',\n  },\n  completedAndPassedBannerText: {\n    id: 'learner-dash.courseCard.banners.completedAndPassedBannerText',\n    description: 'Banner text for completed and passed courses',\n    defaultMessage: 'You completed and passed this course on {date}.',\n  },\n  congratulationsText: {\n    id: 'learner-dash.courseCard.banners.congratulationsText',\n    description: 'Congratulations text for verified courses',\n    defaultMessage: 'Congratulations!',\n  },\n  courseCompletedBannerText: {\n    id: 'learner-dash.courseCard.banners.courseCompletedBannerText',\n    description: 'Course completed banner text for verified courses',\n    defaultMessage: 'You completed this course on {date}.',\n  },\n  viewGradesText: {\n    id: 'learner-dash.courseCard.banners.viewGradesText',\n    description: 'View grades link text for verified courses',\n    defaultMessage: 'View grades',\n  },\n  viewCourseDetailBannerText: {\n    id: 'learner-dash.courseCard.banners.viewCourseDetailBannerText',\n    description: 'View course detail banner text for verified courses',\n    defaultMessage: 'Enroll in a new course-run with your subscription.',\n  },\n  viewCourseDetailAction: {\n    id: 'learner-dash.courseCard.banners.viewCourseDetailAction',\n    description: 'View course detail action link text for verified courses',\n    defaultMessage: 'View course details',\n  },\n  findCourseBannerText: {\n    id: 'learner-dash.courseCard.banners.findCourseBannerText',\n    description: 'Find course banner text for verified courses',\n    defaultMessage:\n      'This course-run is no longer available. Enroll in a new session or similar course.',\n  },\n  findCourseAction: {\n    id: 'learner-dash.courseCard.banners.findCourseAction',\n    description: 'Find course action link text for verified courses',\n    defaultMessage: 'Find a course',\n  },\n  upgradeCourseCompleteText: {\n    defaultMessage: 'You now have full course access to {title}',\n    id: 'learner-dash.courseCard.banners.upgrade.complete.text',\n    description: 'text to display when a user has upgraded a course',\n  },\n  upgradeCourseloadingText: {\n    defaultMessage: 'We are upgrading your course to the verified track.',\n    id: 'learner-dash.courseCard.banners.upgrade.loading.text',\n    description: 'text to display when a user is upgrading a course',\n  },\n  closeAction: {\n    id: 'learner-dash.courseCard.banners.closeModal',\n    description: 'Close button text for closing upgrade modal',\n    defaultMessage: 'Close',\n  },\n  resumeCourseAction: {\n    id: 'learner-dash.courseCard.banners.ResumeCourse',\n    description: 'Resume button text for resume course modal',\n    defaultMessage: 'Resume Course',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/Dashboard/LoadingView.d.ts

@@ -1,2 +1,5 @@
-export function LoadingView(): import("react/jsx-runtime").JSX.Element;
+interface LoadingViewProps {
+    variant?: string;
+}
+export declare const LoadingView: ({ variant }: LoadingViewProps) => import("react/jsx-runtime").JSX.Element;
 export default LoadingView;

package/dist/containers/Dashboard/LoadingView.js

@@ -1,10 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
 import { Spinner } from '@openedx/paragon';
 import hooks from './hooks';
-export const LoadingView = () => {
+export const LoadingView = ({ variant }) => {
     const { spinnerScreenReaderText } = hooks.useDashboardMessages();
-    return (_jsx("div", { className: "course-list-loading", children: _jsx(Spinner, { animation: "border", className: "mie-3", screenReaderText: spinnerScreenReaderText }) }));
+    return (_jsx("div", { className: "course-list-loading", children: _jsx(Spinner, { variant: variant, animation: "border", className: "mie-3", screenReaderText: spinnerScreenReaderText }) }));
 };
 export default LoadingView;
 //# sourceMappingURL=LoadingView.js.map

package/dist/containers/Dashboard/LoadingView.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingView.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/LoadingView.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,uBAAuB,EAAE,GAAG,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAEjE,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,OAAO,IACN,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,OAAO,EACjB,gBAAgB,EAAE,uBAAuB,GACzC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React from 'react';\nimport { Spinner } from '@openedx/paragon';\n\nimport hooks from './hooks';\n\nexport const LoadingView = () => {\n  const { spinnerScreenReaderText } = hooks.useDashboardMessages();\n\n  return (\n    <div className=\"course-list-loading\">\n      <Spinner\n        animation=\"border\"\n        className=\"mie-3\"\n        screenReaderText={spinnerScreenReaderText}\n      />\n    </div>\n  );\n};\n\nexport default LoadingView;\n"]}
+{"version":3,"file":"LoadingView.js","sourceRoot":"","sources":["../../../src/containers/Dashboard/LoadingView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,KAAK,MAAM,SAAS,CAAC;AAM5B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC3D,MAAM,EAAE,uBAAuB,EAAE,GAAG,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAEjE,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,KAAC,OAAO,IACN,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,QAAQ,EAClB,SAAS,EAAC,OAAO,EACjB,gBAAgB,EAAE,uBAAuB,GACzC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { Spinner } from '@openedx/paragon';\nimport hooks from './hooks';\n\ninterface LoadingViewProps {\n  variant?: string,\n}\n\nexport const LoadingView = ({ variant }: LoadingViewProps) => {\n  const { spinnerScreenReaderText } = hooks.useDashboardMessages();\n\n  return (\n    <div className=\"course-list-loading\">\n      <Spinner\n        variant={variant}\n        animation=\"border\"\n        className=\"mie-3\"\n        screenReaderText={spinnerScreenReaderText}\n      />\n    </div>\n  );\n};\n\nexport default LoadingView;\n"]}

package/dist/containers/ProductCard/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useIntl } from '@openedx/frontend-base';
 import { Card, Hyperlink, Icon } from '@openedx/paragon';
-import { Timelapse, Speed } from '@openedx/paragon/icons';
+import { Timelapse, Speed, FormatListNumbered } from '@openedx/paragon/icons';
 import './index.scss';
 import cardFallbackImg from '@openedx/brand-openedx/paragon/images/card-imagecap-fallback.png';
 import messages from './messages';
@@ -20,6 +20,7 @@ const getIdentifyingUrlPath = (marketingUrl) => {
 export const ProductCard = ({ item, isLoading }) => {
     const { formatMessage } = useIntl();
     const identifyingUrlPath = getIdentifyingUrlPath(item.marketing_url);
-    return (_jsxs(Card, { className: "shadow-sm d-flex flex-column rounded w-100 overflow-hidden align-items-stretch card-container", variant: "light", "data-testid": "product-card", isLoading: isLoading, as: identifyingUrlPath ? Hyperlink : 'div', destination: identifyingUrlPath ? `/subscription-enroll/${identifyingUrlPath}` : undefined, children: [_jsx(Card.Header, { title: item.content_type, className: "pb-2 pt-2 bg-light-500 text-primary-500 content-type", size: "xs" }), _jsx("div", { className: "position-relative image-container", children: _jsx(Card.ImageCap, { src: item.url || cardFallbackImg, srcAlt: `${item.title} main-image`, "data-testid": "product-card-image", logoSrc: item.thumbnail || '', logoAlt: `${item.title} thumbnail-image` }) }), _jsx(Card.Header, { title: item.title, subtitle: item.partner, size: "sm", className: "product-card-title" }), _jsxs(Card.Section, { className: "d-flex flex-column flex-grow-1 overflow-hidden mt-5", children: [typeof item.weeks_to_complete === 'number' && (_jsxs("span", { className: "d-flex align-items-center", children: [_jsx(Icon, { src: Timelapse, className: "mr-2" }), _jsx("span", { children: formatMessage(messages.weeksToComplete, { count: item.weeks_to_complete }) })] })), item.level ? (_jsxs("span", { className: `d-flex align-items-center${typeof item.weeks_to_complete === 'number' ? ' mt-3' : ''}`, children: [_jsx(Icon, { src: Speed, className: "mr-2" }), _jsx("span", { children: formatMessage(messages.level, { level: item.level }) })] })) : null] })] }));
+    const totalProgramCourses = item.product === 'program' && item.subject && item.subject.length ? item.subject.length : 0;
+    return (_jsxs(Card, { className: "shadow-sm d-flex flex-column rounded w-100 overflow-hidden align-items-stretch card-container", variant: "light", "data-testid": "product-card", isLoading: isLoading, as: identifyingUrlPath ? Hyperlink : 'div', destination: identifyingUrlPath ? `/subscription-enroll/${identifyingUrlPath}` : undefined, children: [_jsx(Card.Header, { title: item.product === 'program' ? `${item.content_type}` : 'Course', className: "pb-2 pt-2 bg-light-500 text-primary-500 content-type", size: "xs" }), _jsx("div", { className: "position-relative image-container", children: _jsx(Card.ImageCap, { src: item.url || cardFallbackImg, srcAlt: `${item.title} main-image`, "data-testid": "product-card-image", logoSrc: item.thumbnail || '', logoAlt: `${item.title} thumbnail-image` }) }), _jsx(Card.Header, { title: item.title, subtitle: item.partner, size: "sm", className: "product-card-title" }), _jsxs(Card.Section, { className: "d-flex flex-column flex-grow-1 overflow-hidden mt-5", children: [totalProgramCourses > 0 ? (_jsxs("span", { className: "d-flex align-items-center mb-2", children: [_jsx(Icon, { src: FormatListNumbered, className: "mr-2" }), _jsx("span", { children: formatMessage(messages.courses, { count: totalProgramCourses }) })] })) : null, typeof item.weeks_to_complete === 'number' && (_jsxs("span", { className: "d-flex align-items-center mb-2", children: [_jsx(Icon, { src: Timelapse, className: "mr-2" }), _jsx("span", { children: formatMessage(messages.weeksToComplete, { count: item.weeks_to_complete }) })] })), item.level ? (_jsxs("span", { className: `d-flex align-items-center${typeof item.weeks_to_complete === 'number' ? ' mt-3' : ''}`, children: [_jsx(Icon, { src: Speed, className: "mr-2" }), _jsx("span", { children: formatMessage(messages.level, { level: item.level }) })] })) : null] })] }));
 };
 //# sourceMappingURL=index.js.map

package/dist/containers/ProductCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/ProductCard/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Card, Hyperlink, Icon } from '@openedx/paragon';\nimport { Timelapse, Speed } from '@openedx/paragon/icons';\nimport './index.scss';\nimport cardFallbackImg from '@openedx/brand-openedx/paragon/images/card-imagecap-fallback.png';\nimport { ProductCardProps } from './data/types';\nimport messages from './messages';\n\nconst getIdentifyingUrlPath = (marketingUrl: string): string | null => {\n  if (!marketingUrl) {\n    return null;\n  }\n  try {\n    const path = new URL(marketingUrl, window.location.origin).pathname.replace(/^\\//, '');\n    return path || null;\n  } catch {\n    return null;\n  }\n};\n\nexport const ProductCard: FC<ProductCardProps> = ({ item, isLoading }) => {\n  const { formatMessage } = useIntl();\n  const identifyingUrlPath = getIdentifyingUrlPath(item.marketing_url);\n  return (\n    <Card\n      className=\"shadow-sm d-flex flex-column rounded w-100 overflow-hidden align-items-stretch card-container\"\n      variant=\"light\"\n      data-testid=\"product-card\"\n      isLoading={isLoading}\n      as={identifyingUrlPath ? Hyperlink : 'div'}\n      destination={identifyingUrlPath ? `/subscription-enroll/${identifyingUrlPath}` : undefined}\n    >\n      <Card.Header title={item.content_type} className=\"pb-2 pt-2 bg-light-500 text-primary-500 content-type\" size=\"xs\" />\n\n      <div className=\"position-relative image-container\">\n        <Card.ImageCap\n          src={item.url || cardFallbackImg}\n          srcAlt={`${item.title} main-image`}\n          data-testid=\"product-card-image\"\n          logoSrc={item.thumbnail || ''}\n          logoAlt={`${item.title} thumbnail-image`}\n        />\n      </div>\n\n      <Card.Header title={item.title} subtitle={item.partner} size=\"sm\" className=\"product-card-title\" />\n\n      <Card.Section className=\"d-flex flex-column flex-grow-1 overflow-hidden mt-5\">\n        {typeof item.weeks_to_complete === 'number' && (\n          <span className=\"d-flex align-items-center\">\n            <Icon src={Timelapse} className=\"mr-2\" />\n            <span>{formatMessage(messages.weeksToComplete, { count: item.weeks_to_complete })}</span>\n          </span>\n        )}\n        {item.level ? (\n          <span className={`d-flex align-items-center${typeof item.weeks_to_complete === 'number' ? ' mt-3' : ''}`}>\n            <Icon src={Speed} className=\"mr-2\" />\n            <span>{formatMessage(messages.level, { level: item.level })}</span>\n          </span>\n        ) : null}\n      </Card.Section>\n\n    </Card>\n  );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/ProductCard/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Card, Hyperlink, Icon } from '@openedx/paragon';\nimport { Timelapse, Speed, FormatListNumbered } from '@openedx/paragon/icons';\nimport './index.scss';\nimport cardFallbackImg from '@openedx/brand-openedx/paragon/images/card-imagecap-fallback.png';\nimport { ProductCardProps } from './data/types';\nimport messages from './messages';\n\nconst getIdentifyingUrlPath = (marketingUrl: string): string | null => {\n  if (!marketingUrl) {\n    return null;\n  }\n  try {\n    const path = new URL(marketingUrl, window.location.origin).pathname.replace(/^\\//, '');\n    return path || null;\n  } catch {\n    return null;\n  }\n};\n\nexport const ProductCard: FC<ProductCardProps> = ({ item, isLoading }) => {\n  const { formatMessage } = useIntl();\n  const identifyingUrlPath = getIdentifyingUrlPath(item.marketing_url);\n  const totalProgramCourses = item.product === 'program' && item.subject && item.subject.length ? item.subject.length : 0;\n\n  return (\n    <Card\n      className=\"shadow-sm d-flex flex-column rounded w-100 overflow-hidden align-items-stretch card-container\"\n      variant=\"light\"\n      data-testid=\"product-card\"\n      isLoading={isLoading}\n      as={identifyingUrlPath ? Hyperlink : 'div'}\n      destination={identifyingUrlPath ? `/subscription-enroll/${identifyingUrlPath}` : undefined}\n    >\n      <Card.Header title={item.product === 'program' ? `${item.content_type}` : 'Course'} className=\"pb-2 pt-2 bg-light-500 text-primary-500 content-type\" size=\"xs\" />\n\n      <div className=\"position-relative image-container\">\n        <Card.ImageCap\n          src={item.url || cardFallbackImg}\n          srcAlt={`${item.title} main-image`}\n          data-testid=\"product-card-image\"\n          logoSrc={item.thumbnail || ''}\n          logoAlt={`${item.title} thumbnail-image`}\n        />\n      </div>\n\n      <Card.Header title={item.title} subtitle={item.partner} size=\"sm\" className=\"product-card-title\" />\n\n      <Card.Section className=\"d-flex flex-column flex-grow-1 overflow-hidden mt-5\">\n        {totalProgramCourses > 0 ? (\n          <span className=\"d-flex align-items-center mb-2\">\n            <Icon src={FormatListNumbered} className=\"mr-2\" />\n            <span>{formatMessage(messages.courses, { count: totalProgramCourses })}</span>\n          </span>\n        ) : null}\n        {typeof item.weeks_to_complete === 'number' && (\n          <span className=\"d-flex align-items-center mb-2\">\n            <Icon src={Timelapse} className=\"mr-2\" />\n            <span>{formatMessage(messages.weeksToComplete, { count: item.weeks_to_complete })}</span>\n          </span>\n        )}\n        {item.level ? (\n          <span className={`d-flex align-items-center${typeof item.weeks_to_complete === 'number' ? ' mt-3' : ''}`}>\n            <Icon src={Speed} className=\"mr-2\" />\n            <span>{formatMessage(messages.level, { level: item.level })}</span>\n          </span>\n        ) : null}\n      </Card.Section>\n\n    </Card>\n  );\n};\n"]}

package/dist/containers/ProductCard/messages.d.ts

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

package/dist/containers/ProductCard/messages.js

@@ -10,6 +10,11 @@ const messages = defineMessages({
         defaultMessage: '{level} level',
         description: 'Label for the level field',
     },
+    courses: {
+        id: 'subs-dash.courses.label',
+        defaultMessage: '{count, plural, one {# course} other {# courses}}',
+        description: 'Label for the courses field',
+    },
 });
 export default messages;
 //# sourceMappingURL=messages.js.map

package/dist/containers/ProductCard/messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/ProductCard/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,uEAAuE;QACvF,WAAW,EAAE,uCAAuC;KACrD;IACD,KAAK,EAAE;QACL,EAAE,EAAE,uBAAuB;QAC3B,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,2BAA2B;KACzC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  weeksToComplete: {\n    id: 'subs-dash.weeksToComplete.label',\n    defaultMessage: '{count, plural, one {# week to complete} other {# weeks to complete}}',\n    description: 'Label for the weeks to complete field',\n  },\n  level: {\n    id: 'subs-dash.level.label',\n    defaultMessage: '{level} level',\n    description: 'Label for the level field',\n  },\n});\n\nexport default messages;\n"]}
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/ProductCard/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,iCAAiC;QACrC,cAAc,EAAE,uEAAuE;QACvF,WAAW,EAAE,uCAAuC;KACrD;IACD,KAAK,EAAE;QACL,EAAE,EAAE,uBAAuB;QAC3B,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,2BAA2B;KACzC;IACD,OAAO,EAAE;QACP,EAAE,EAAE,yBAAyB;QAC7B,cAAc,EAAE,mDAAmD;QACnE,WAAW,EAAE,6BAA6B;KAC3C;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  weeksToComplete: {\n    id: 'subs-dash.weeksToComplete.label',\n    defaultMessage: '{count, plural, one {# week to complete} other {# weeks to complete}}',\n    description: 'Label for the weeks to complete field',\n  },\n  level: {\n    id: 'subs-dash.level.label',\n    defaultMessage: '{level} level',\n    description: 'Label for the level field',\n  },\n  courses: {\n    id: 'subs-dash.courses.label',\n    defaultMessage: '{count, plural, one {# course} other {# courses}}',\n    description: 'Label for the courses field',\n  },\n});\n\nexport default messages;\n"]}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from 'react-router-dom';
-import { breakpoints, useWindowSize, Card, Row, } from '@openedx/paragon';
+import { breakpoints, useWindowSize, Card, } from '@openedx/paragon';
 import programCardFallbackImage from '../assets/program-card-fallback.svg';
 import ProgressCategoryBubbles from './ProgressCategoryBubbles';
 const ProgramListCard = ({ program, }) => {
@@ -36,7 +36,7 @@ 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 small", children: _jsxs(Row, { className: "justify-content-between px-2.5", children: [program.authoringOrganizations && (_jsx("p", { className: "truncate-text-1", children: program.authoringOrganizations.map(org => org.key).join(', ') })), _jsx("p", { children: program.type })] }) }), _jsx(Card.Section, { children: _jsx("h4", { className: "truncate-text-2", children: program.title }) }), _jsx(Card.Section, { children: _jsx(ProgressCategoryBubbles, { inProgress: program.progress.inProgress, notStarted: program.progress.notStarted, completed: program.progress.completed }) })] }));
+    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 }) })] }));
 };
 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  Row,\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 small\">\n        <Row className=\"justify-content-between px-2.5\">\n          {program.authoringOrganizations && (\n            <p className=\"truncate-text-1\">\n              {program.authoringOrganizations.map(org => org.key).join(', ')}\n            </p>\n          )}\n          <p>\n            {program.type}\n          </p>\n        </Row>\n      </Card.Section>\n      <Card.Section>\n        <h4 className=\"truncate-text-2\">{program.title}</h4>\n      </Card.Section>\n      <Card.Section>\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":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACL,WAAW,EACX,aAAa,EACb,IAAI,GACL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,wBAAwB,MAAM,qCAAqC,CAAC;AAE3E,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAEhE,MAAM,eAAe,GAA+B,CAAC,EACnD,OAAO,GACR,EAAE,EAAE;;IACH,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,CAAC;IAE/C,MAAM,iBAAiB,GAAG,GAAW,EAAE;QACrC,IAAI,QAAQ,GAAG,EAAE,CAAC;QAClB,oEAAoE;QACpE,kFAAkF;QAClF,IAAI,OAAO,CAAC,WAAW,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvE,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,OAAO,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC;YACxC,CAAC;YAED,IAAI,OAAO,WAAW,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAChG,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC;YAC3C,CAAC;iBAAM,IAAI,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,KAAK,QAAQ,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;gBACzG,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC;YAC5C,CAAC;iBAAM,IAAI,OAAO,WAAW,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACvG,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACN,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC;YAC5C,CAAC;QACH,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAW,EAAE;;QAClC,IAAI,CAAA,MAAA,OAAO,CAAC,sBAAsB,0CAAE,MAAM,MAAK,CAAC,IAAI,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;YACnG,OAAO,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QACxD,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAC,6BAA6B,EACvC,WAAW,QACX,EAAE,EAAE,IAAI,EACR,EAAE,EAAE,kCAAkC,OAAO,CAAC,IAAI,EAAE,iBACxC,mBAAmB,aAE/B,KAAC,IAAI,CAAC,QAAQ,IACZ,GAAG,EAAE,iBAAiB,EAAE,IAAI,wBAAwB,EACpD,MAAM,EAAE,0BAA0B,OAAO,CAAC,KAAK,EAAE,EACjD,OAAO,EAAE,cAAc,EAAE,EACzB,OAAO,EAAE,OAAO,CAAC,sBAAsB,KAAI,MAAA,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC,0CAAE,GAAG,CAAA,EACjF,SAAS,EAAC,cAAc,GACxB,EACF,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,YAC5B,uBAAK,OAAO,CAAC,KAAK,GAAM,GACX,EACf,MAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,gDAAgD,aACrE,OAAO,CAAC,sBAAsB,IAAI,CACjC,eAAM,SAAS,EAAC,gCAAgC,YAC7C,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GACzD,CACR,EACD,eAAM,SAAS,EAAC,wCAAwC,YACrD,OAAO,CAAC,IAAI,GACR,IACM,EACf,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,YAC5B,KAAC,uBAAuB,IACtB,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,UAAU,EACvC,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,UAAU,EACvC,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,SAAS,GACrC,GACW,IACV,CACR,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,eAAe,CAAC","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"]}

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

@@ -1,21 +1,8 @@
-// The current Truncate component in Paragon is deprecated and soon to be removed
-// See https://github.com/openedx/paragon/issues/3311 for developments on this issue
-
-.truncate-text-1 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1;
-}
-
-.truncate-text-2 {
-  overflow: hidden;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
 .banner-image > .pgn__card-logo-cap {
   width: 12rem;
   height: 4.7rem;
-}
+}
+
+.program-type {
+  font-size: 0.75rem;
+}

package/dist/hooks/usePopularCoursesAndPrograms.js

@@ -23,7 +23,7 @@ export const usePopularCoursesAndProgramsData = (searchClient, enabled, productT
     queryFn: () => __awaiter(void 0, void 0, void 0, function* () {
         const hits = yield fetchPopularProducts(searchClient, productType, 4);
         return hits.map((hit) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
             const hitDetails = hit;
             return {
                 objectID: hit.objectID,
@@ -32,11 +32,12 @@ export const usePopularCoursesAndProgramsData = (searchClient, enabled, productT
                 url: (_g = (_f = hitDetails.card_image_url) !== null && _f !== void 0 ? _f : hitDetails.image_url) !== null && _g !== void 0 ? _g : '',
                 marketing_url: (_h = hitDetails.marketing_url) !== null && _h !== void 0 ? _h : '',
                 thumbnail: (_j = hitDetails.organization_logo_override) !== null && _j !== void 0 ? _j : '',
-                content_type: (_l = (_k = hitDetails.content_type) !== null && _k !== void 0 ? _k : hitDetails.product) !== null && _l !== void 0 ? _l : 'Course',
+                content_type: (_l = (_k = hitDetails.program_type) !== null && _k !== void 0 ? _k : hitDetails.product) !== null && _l !== void 0 ? _l : 'Course',
                 product: productType,
                 partner: (_m = hitDetails.partner) !== null && _m !== void 0 ? _m : '',
                 weeks_to_complete: (_o = hitDetails.weeks_to_complete) !== null && _o !== void 0 ? _o : undefined,
                 level: (_p = hitDetails.level) !== null && _p !== void 0 ? _p : undefined,
+                subject: (_q = hitDetails.subject) !== null && _q !== void 0 ? _q : undefined,
             };
         });
     }),

package/dist/hooks/usePopularCoursesAndPrograms.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePopularCoursesAndPrograms.js","sourceRoot":"","sources":["../../src/hooks/usePopularCoursesAndPrograms.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAGjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG/D,iFAAiF;AACjF,oDAAoD;AAEpD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,GAAG,EAAE,CAAC,QAAQ,CAAU;IACxB,QAAQ,EAAE,CAAC,KAAa,EAAE,IAAc,EAAE,EAAE,CAC1C,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,CAAU;IACvD,OAAO,EAAE,CAAC,KAAa,EAAE,IAAc,EAAE,IAAY,EAAE,EAAE,CACvD,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAU;IAC5D,OAAO,EAAE,CAAC,WAAwB,EAAE,KAAa,EAAE,EAAE,CACnD,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,CAAU;CAC9D,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC9C,YAAiC,EACjC,OAAgB,EAChB,cAA2B,mBAAmB,EACX,EAAE,CACrC,QAAQ,CAAC;IACP,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,GAAS,EAAE;QAClB,MAAM,IAAI,GAAG,MAAM,oBAAoB,CAAC,YAAa,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;QACvE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAmB,EAAE;;YACvC,MAAM,UAAU,GAAG,GAalB,CAAC;YAEF,OAAO;gBACL,QAAQ,EAAE,GAAG,CAAC,QAAQ;gBACtB,KAAK,EAAE,MAAA,MAAA,GAAG,CAAC,KAAK,mCAAI,GAAG,CAAC,IAAI,mCAAI,UAAU;gBAC1C,mBAAmB,EAAE,MAAA,MAAA,MAAA,UAAU,CAAC,mBAAmB,mCAAI,UAAU,CAAC,iBAAiB,mCAAI,UAAU,CAAC,WAAW,mCAAI,EAAE;gBACnH,GAAG,EAAE,MAAA,MAAA,UAAU,CAAC,cAAc,mCAAI,UAAU,CAAC,SAAS,mCAAI,EAAE;gBAC5D,aAAa,EAAE,MAAA,UAAU,CAAC,aAAa,mCAAI,EAAE;gBAC7C,SAAS,EAAE,MAAA,UAAU,CAAC,0BAA0B,mCAAI,EAAE;gBACtD,YAAY,EAAE,MAAA,MAAA,UAAU,CAAC,YAAY,mCAAI,UAAU,CAAC,OAAO,mCAAI,QAAQ;gBACvE,OAAO,EAAE,WAAW;gBACpB,OAAO,EAAE,MAAA,UAAU,CAAC,OAAO,mCAAI,EAAE;gBACjC,iBAAiB,EAAE,MAAA,UAAU,CAAC,iBAAiB,mCAAI,SAAS;gBAC5D,KAAK,EAAE,MAAA,UAAU,CAAC,KAAK,mCAAI,SAAS;aACrC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAA;IACD,OAAO,EAAE,CAAC,CAAC,YAAY,IAAI,OAAO;IAClC,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,EAAE;CAC1B,CAAC,CAAC","sourcesContent":["import { useQuery, UseQueryResult } from '@tanstack/react-query';\nimport { SearchClient } from 'algoliasearch';\nimport { ProductType } from '@src/types/types';\nimport { PRODUCT_TYPE_COURSE } from '@src/constants';\nimport { fetchPopularProducts } from '@src/utils/algoliaUtils';\nimport { ProductCardItem } from '@src/containers/ProductCard/data/types';\n\n// ─── Query key factories ──────────────────────────────────────────────────────\n// Centralised so cache invalidation is never a typo\n\nexport const searchKeys = {\n  all: ['search'] as const,\n  programs: (query: string, tags: string[]) =>\n    [...searchKeys.all, 'programs', query, tags] as const,\n  courses: (query: string, tags: string[], page: number) =>\n    [...searchKeys.all, 'courses', query, tags, page] as const,\n  popular: (productType: ProductType, limit: number) =>\n    [...searchKeys.all, 'popular', productType, limit] as const,\n};\n\nexport const usePopularCoursesAndProgramsData = (\n  searchClient: SearchClient | null,\n  enabled: boolean,\n  productType: ProductType = PRODUCT_TYPE_COURSE\n): UseQueryResult<ProductCardItem[]> =>\n  useQuery({\n    queryKey: searchKeys.popular(productType, 4),\n    queryFn: async () => {\n      const hits = await fetchPopularProducts(searchClient!, productType, 4);\n      return hits.map((hit): ProductCardItem => {\n        const hitDetails = hit as {\n          short_description?: string,\n          primary_description?: string,\n          description?: string,\n          marketing_url?: string,\n          image_url?: string,\n          card_image_url?: string,\n          organization_logo_override?: string,\n          content_type?: string,\n          product?: string,\n          partner?: string,\n          weeks_to_complete?: number,\n          level?: string,\n        };\n\n        return {\n          objectID: hit.objectID,\n          title: hit.title ?? hit.name ?? 'Untitled',\n          primary_description: hitDetails.primary_description ?? hitDetails.short_description ?? hitDetails.description ?? '',\n          url: hitDetails.card_image_url ?? hitDetails.image_url ?? '',\n          marketing_url: hitDetails.marketing_url ?? '',\n          thumbnail: hitDetails.organization_logo_override ?? '',\n          content_type: hitDetails.content_type ?? hitDetails.product ?? 'Course',\n          product: productType,\n          partner: hitDetails.partner ?? '',\n          weeks_to_complete: hitDetails.weeks_to_complete ?? undefined,\n          level: hitDetails.level ?? undefined,\n        };\n      });\n    },\n    enabled: !!searchClient && enabled,\n    staleTime: 1000 * 60 * 10,\n  });\n"]}
+{"version":3,"file":"usePopularCoursesAndPrograms.js","sourceRoot":"","sources":["../../src/hooks/usePopularCoursesAndPrograms.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAC;AAGjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAG/D,iFAAiF;AACjF,oDAAoD;AAEpD,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,GAAG,EAAE,CAAC,QAAQ,CAAU;IACxB,QAAQ,EAAE,CAAC,KAAa,EAAE,IAAc,EAAE,EAAE,CAC1C,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,CAAU;IACvD,OAAO,EAAE,CAAC,KAAa,EAAE,IAAc,EAAE,IAAY,EAAE,EAAE,CACvD,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAU;IAC5D,OAAO,EAAE,CAAC,WAAwB,EAAE,KAAa,EAAE,EAAE,CACnD,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,CAAU;CAC9D,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAC9C,YAAiC,EACjC,OAAgB,EAChB,cAA2B,mBAAmB,EACX,EAAE,CACrC,QAAQ,CAAC;IACP,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,GAAS,EAAE;QAClB,MAAM,IAAI,GAAG,MAAM,oBAAoB,CAAC,YAAa,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;QACvE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAmB,EAAE;;YACvC,MAAM,UAAU,GAAG,GAelB,CAAC;YAEF,OAAO;gBACL,QAAQ,EAAE,GAAG,CAAC,QAAQ;gBACtB,KAAK,EAAE,MAAA,MAAA,GAAG,CAAC,KAAK,mCAAI,GAAG,CAAC,IAAI,mCAAI,UAAU;gBAC1C,mBAAmB,EAAE,MAAA,MAAA,MAAA,UAAU,CAAC,mBAAmB,mCAAI,UAAU,CAAC,iBAAiB,mCAAI,UAAU,CAAC,WAAW,mCAAI,EAAE;gBACnH,GAAG,EAAE,MAAA,MAAA,UAAU,CAAC,cAAc,mCAAI,UAAU,CAAC,SAAS,mCAAI,EAAE;gBAC5D,aAAa,EAAE,MAAA,UAAU,CAAC,aAAa,mCAAI,EAAE;gBAC7C,SAAS,EAAE,MAAA,UAAU,CAAC,0BAA0B,mCAAI,EAAE;gBACtD,YAAY,EAAE,MAAA,MAAA,UAAU,CAAC,YAAY,mCAAI,UAAU,CAAC,OAAO,mCAAI,QAAQ;gBACvE,OAAO,EAAE,WAAW;gBACpB,OAAO,EAAE,MAAA,UAAU,CAAC,OAAO,mCAAI,EAAE;gBACjC,iBAAiB,EAAE,MAAA,UAAU,CAAC,iBAAiB,mCAAI,SAAS;gBAC5D,KAAK,EAAE,MAAA,UAAU,CAAC,KAAK,mCAAI,SAAS;gBACpC,OAAO,EAAE,MAAA,UAAU,CAAC,OAAO,mCAAI,SAAS;aACzC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAA;IACD,OAAO,EAAE,CAAC,CAAC,YAAY,IAAI,OAAO;IAClC,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,EAAE;CAC1B,CAAC,CAAC","sourcesContent":["import { useQuery, UseQueryResult } from '@tanstack/react-query';\nimport { SearchClient } from 'algoliasearch';\nimport { ProductType } from '@src/types/types';\nimport { PRODUCT_TYPE_COURSE } from '@src/constants';\nimport { fetchPopularProducts } from '@src/utils/algoliaUtils';\nimport { ProductCardItem } from '@src/containers/ProductCard/data/types';\n\n// ─── Query key factories ──────────────────────────────────────────────────────\n// Centralised so cache invalidation is never a typo\n\nexport const searchKeys = {\n  all: ['search'] as const,\n  programs: (query: string, tags: string[]) =>\n    [...searchKeys.all, 'programs', query, tags] as const,\n  courses: (query: string, tags: string[], page: number) =>\n    [...searchKeys.all, 'courses', query, tags, page] as const,\n  popular: (productType: ProductType, limit: number) =>\n    [...searchKeys.all, 'popular', productType, limit] as const,\n};\n\nexport const usePopularCoursesAndProgramsData = (\n  searchClient: SearchClient | null,\n  enabled: boolean,\n  productType: ProductType = PRODUCT_TYPE_COURSE\n): UseQueryResult<ProductCardItem[]> =>\n  useQuery({\n    queryKey: searchKeys.popular(productType, 4),\n    queryFn: async () => {\n      const hits = await fetchPopularProducts(searchClient!, productType, 4);\n      return hits.map((hit): ProductCardItem => {\n        const hitDetails = hit as {\n          short_description?: string,\n          primary_description?: string,\n          description?: string,\n          marketing_url?: string,\n          image_url?: string,\n          card_image_url?: string,\n          organization_logo_override?: string,\n          content_type?: string,\n          program_type?: string,\n          product?: string,\n          partner?: string,\n          weeks_to_complete?: number,\n          level?: string,\n          subject?: string,\n        };\n\n        return {\n          objectID: hit.objectID,\n          title: hit.title ?? hit.name ?? 'Untitled',\n          primary_description: hitDetails.primary_description ?? hitDetails.short_description ?? hitDetails.description ?? '',\n          url: hitDetails.card_image_url ?? hitDetails.image_url ?? '',\n          marketing_url: hitDetails.marketing_url ?? '',\n          thumbnail: hitDetails.organization_logo_override ?? '',\n          content_type: hitDetails.program_type ?? hitDetails.product ?? 'Course',\n          product: productType,\n          partner: hitDetails.partner ?? '',\n          weeks_to_complete: hitDetails.weeks_to_complete ?? undefined,\n          level: hitDetails.level ?? undefined,\n          subject: hitDetails.subject ?? undefined,\n        };\n      });\n    },\n    enabled: !!searchClient && enabled,\n    staleTime: 1000 * 60 * 10,\n  });\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-app-subscription-learner-dashboard",
-  "version": "1.52.1",
+  "version": "1.53.1",
   "description": "",
   "repository": {
     "type": "git",