@openedx/frontend-app-learner-dashboard 1.0.0-alpha.1 → 1.0.0-alpha.11

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable max-len */
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { MailtoLink, Hyperlink } from '@openedx/paragon';
+import { CheckCircle } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import { baseAppUrl } from '../../../../data/services/lms/urls';
+import { useInitializeLearnerHome } from '../../../../data/hooks';
+import { utilHooks, useCourseData } from '../../../../hooks';
+import Banner from '../../../../components/Banner';
+import messages from './messages';
+const { useFormatDate } = utilHooks;
+export const CertificateBanner = ({ cardId }) => {
+    const { data: learnerHomeData } = useInitializeLearnerHome();
+    const courseData = useCourseData(cardId);
+    const { certificate = {}, isVerified = false, isAudit = false, isPassing = false, isArchived = false, minPassingGrade = 0, progressUrl = '', } = useMemo(() => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return ({
+            isVerified: (_a = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _a === void 0 ? void 0 : _a.isVerified,
+            isAudit: (_b = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _b === void 0 ? void 0 : _b.isAudit,
+            certificate: (courseData === null || courseData === void 0 ? void 0 : courseData.certificate) || {},
+            isPassing: (_c = courseData === null || courseData === void 0 ? void 0 : courseData.gradeData) === null || _c === void 0 ? void 0 : _c.isPassing,
+            isArchived: (_d = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _d === void 0 ? void 0 : _d.isArchived,
+            minPassingGrade: Math.floor(((_f = (_e = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _e === void 0 ? void 0 : _e.minPassingGrade) !== null && _f !== void 0 ? _f : 0) * 100),
+            progressUrl: baseAppUrl(((_g = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _g === void 0 ? void 0 : _g.progressUrl) || ''),
+        });
+    }, [courseData]);
+    const { supportEmail, billingEmail } = useMemo(() => {
+        var _a, _b;
+        return ({
+            supportEmail: (_a = learnerHomeData === null || learnerHomeData === void 0 ? void 0 : learnerHomeData.platformSettings) === null || _a === void 0 ? void 0 : _a.supportEmail,
+            billingEmail: (_b = learnerHomeData === null || learnerHomeData === void 0 ? void 0 : learnerHomeData.platformSettings) === null || _b === void 0 ? void 0 : _b.billingEmail,
+        });
+    }, [learnerHomeData]);
+    const { formatMessage } = useIntl();
+    const formatDate = useFormatDate();
+    const emailLink = address => _jsx(MailtoLink, { to: address, children: address });
+    if (certificate.isRestricted) {
+        return (_jsxs(Banner, { variant: "danger", children: [supportEmail ? formatMessage(messages.certRestricted, { supportEmail: emailLink(supportEmail) }) : formatMessage(messages.certRestrictedNoEmail), isVerified && '  ', isVerified && (billingEmail ? formatMessage(messages.certRefundContactBilling, { billingEmail: emailLink(billingEmail) }) : formatMessage(messages.certRefundContactBillingNoEmail))] }));
+    }
+    if (certificate.isDownloadable) {
+        return (_jsxs(Banner, { variant: "success", icon: CheckCircle, children: [formatMessage(messages.certReady), certificate.certPreviewUrl && (_jsxs(_Fragment, { children: ['  ', _jsx(Hyperlink, { isInline: true, destination: certificate.certPreviewUrl, children: formatMessage(messages.viewCertificate) })] }))] }));
+    }
+    if (!isPassing) {
+        if (isAudit) {
+            return (_jsx(Banner, { children: formatMessage(messages.passingGrade, { minPassingGrade }) }));
+        }
+        if (isArchived) {
+            return (_jsxs(Banner, { variant: "warning", children: [formatMessage(messages.notEligibleForCert), '  ', _jsx(Hyperlink, { isInline: true, destination: progressUrl, children: formatMessage(messages.viewGrades) })] }));
+        }
+        return (_jsx(Banner, { variant: "warning", children: formatMessage(messages.certMinGrade, { minPassingGrade }) }));
+    }
+    if (certificate.isEarned && new Date(certificate.availableDate) > new Date()) {
+        return (_jsx(Banner, { children: formatMessage(messages.gradeAndCertReadyAfter, { availableDate: formatDate(certificate.availableDate) }) }));
+    }
+    return null;
+};
+CertificateBanner.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CertificateBanner;
+//# sourceMappingURL=CertificateBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateBanner.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/CertificateBanner.jsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len */\nimport React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MailtoLink, Hyperlink } from '@openedx/paragon';\nimport { CheckCircle } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\nimport { baseAppUrl } from '@src/data/services/lms/urls';\n\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport { utilHooks, useCourseData } from '@src/hooks';\nimport Banner from '@src/components/Banner';\n\nimport messages from './messages';\n\nconst { useFormatDate } = utilHooks;\n\nexport const CertificateBanner = ({ cardId }) => {\n  const { data: learnerHomeData } = useInitializeLearnerHome();\n  const courseData = useCourseData(cardId);\n  const {\n    certificate = {},\n    isVerified = false,\n    isAudit = false,\n    isPassing = false,\n    isArchived = false,\n    minPassingGrade = 0,\n    progressUrl = '',\n  } = useMemo(() => ({\n    isVerified: courseData?.enrollment?.isVerified,\n    isAudit: courseData?.enrollment?.isAudit,\n    certificate: courseData?.certificate || {},\n    isPassing: courseData?.gradeData?.isPassing,\n    isArchived: courseData?.courseRun?.isArchived,\n    minPassingGrade: Math.floor((courseData?.courseRun?.minPassingGrade ?? 0) * 100),\n    progressUrl: baseAppUrl(courseData?.courseRun?.progressUrl || ''),\n  }), [courseData]);\n  const { supportEmail, billingEmail } = useMemo(\n    () => ({\n      supportEmail: learnerHomeData?.platformSettings?.supportEmail,\n      billingEmail: learnerHomeData?.platformSettings?.billingEmail,\n    }),\n    [learnerHomeData],\n  );\n  const { formatMessage } = useIntl();\n  const formatDate = useFormatDate();\n\n  const emailLink = address => <MailtoLink to={address}>{address}</MailtoLink>;\n\n  if (certificate.isRestricted) {\n    return (\n      <Banner variant=\"danger\">\n        { supportEmail ? formatMessage(messages.certRestricted, { supportEmail: emailLink(supportEmail) }) : formatMessage(messages.certRestrictedNoEmail)}\n        {isVerified && '  '}\n        {isVerified && (billingEmail ? formatMessage(messages.certRefundContactBilling, { billingEmail: emailLink(billingEmail) }) : formatMessage(messages.certRefundContactBillingNoEmail))}\n      </Banner>\n    );\n  }\n  if (certificate.isDownloadable) {\n    return (\n      <Banner variant=\"success\" icon={CheckCircle}>\n        {formatMessage(messages.certReady)}\n        {certificate.certPreviewUrl && (\n          <>\n            {'  '}\n            <Hyperlink isInline destination={certificate.certPreviewUrl}>\n              {formatMessage(messages.viewCertificate)}\n            </Hyperlink>\n          </>\n        )}\n      </Banner>\n    );\n  }\n  if (!isPassing) {\n    if (isAudit) {\n      return (\n        <Banner>\n          {formatMessage(messages.passingGrade, { minPassingGrade })}\n        </Banner>\n      );\n    }\n    if (isArchived) {\n      return (\n        <Banner variant=\"warning\">\n          {formatMessage(messages.notEligibleForCert)}\n          {'  '}\n          <Hyperlink isInline destination={progressUrl}>{formatMessage(messages.viewGrades)}</Hyperlink>\n        </Banner>\n      );\n    }\n    return (\n      <Banner variant=\"warning\">\n        {formatMessage(messages.certMinGrade, { minPassingGrade })}\n      </Banner>\n    );\n  }\n  if (certificate.isEarned && new Date(certificate.availableDate) > new Date()) {\n    return (\n      <Banner>\n        {formatMessage(\n          messages.gradeAndCertReadyAfter,\n          { availableDate: formatDate(certificate.availableDate) },\n        )}\n      </Banner>\n    );\n  }\n\n  return null;\n};\nCertificateBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CertificateBanner;\n"]}

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

@@ -0,0 +1,10 @@
+export function CourseBanner({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+export namespace CourseBanner {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default CourseBanner;
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable max-len */
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { Hyperlink } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { utilHooks, useCourseData } from '../../../../hooks';
+import Banner from '../../../../components/Banner';
+import messages from './messages';
+export const CourseBanner = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const { isVerified = false, isAuditAccessExpired = false, coursewareAccess = {}, } = useMemo(() => {
+        var _a, _b, _c;
+        return ({
+            isVerified: (_a = courseData.enrollment) === null || _a === void 0 ? void 0 : _a.isVerified,
+            isAuditAccessExpired: (_b = courseData.enrollment) === null || _b === void 0 ? void 0 : _b.isAuditAccessExpired,
+            coursewareAccess: ((_c = courseData.enrollment) === null || _c === void 0 ? void 0 : _c.coursewareAccess) || {},
+        });
+    }, [courseData]);
+    const courseRun = (courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) || {};
+    const formatDate = utilHooks.useFormatDate();
+    const { hasUnmetPrerequisites, isStaff, isTooEarly } = coursewareAccess;
+    if (isVerified) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [isAuditAccessExpired
+                && (_jsxs(Banner, { children: [formatMessage(messages.auditAccessExpired), '  ', _jsx(Hyperlink, { isInline: true, destination: "", children: formatMessage(messages.findAnotherCourse) })] })), (!isStaff && isTooEarly && courseRun.startDate) && (_jsx(Banner, { children: formatMessage(messages.courseHasNotStarted, {
+                    startDate: formatDate(courseRun.startDate),
+                }) })), (!isStaff && hasUnmetPrerequisites) && (_jsx(Banner, { children: formatMessage(messages.prerequisitesNotMet) }))] }));
+};
+CourseBanner.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CourseBanner;
+//# sourceMappingURL=CourseBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CourseBanner.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/CourseBanner.jsx"],"names":[],"mappings":";AAAA,4BAA4B;AAC5B,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EACJ,UAAU,GAAG,KAAK,EAClB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,EAAE,GACtB,GAAG,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CAAC;YACjB,UAAU,EAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,UAAU;YAC7C,oBAAoB,EAAE,MAAA,UAAU,CAAC,UAAU,0CAAE,oBAAoB;YACjE,gBAAgB,EAAE,CAAA,MAAA,UAAU,CAAC,UAAU,0CAAE,gBAAgB,KAAI,EAAE;SAChE,CAAC,CAAA;KAAA,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAClB,MAAM,SAAS,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,KAAI,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,EAAE,CAAC;IAE7C,MAAM,EAAE,qBAAqB,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAC;IAExE,IAAI,UAAU,EAAE,CAAC;QAAC,OAAO,IAAI,CAAC;IAAC,CAAC;IAEhC,OAAO,CACL,8BACG,oBAAoB;mBAChB,CACD,MAAC,MAAM,eACJ,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAC1C,IAAI,EACL,KAAC,SAAS,IAAC,QAAQ,QAAC,WAAW,EAAC,EAAE,YAC/B,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,GAChC,IACL,CACV,EAEF,CAAC,CAAC,OAAO,IAAI,UAAU,IAAI,SAAS,CAAC,SAAS,CAAC,IAAI,CAClD,KAAC,MAAM,cACJ,aAAa,CAAC,QAAQ,CAAC,mBAAmB,EAAE;oBAC3C,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC;iBAC3C,CAAC,GACK,CACV,EAEA,CAAC,CAAC,OAAO,IAAI,qBAAqB,CAAC,IAAI,CACtC,KAAC,MAAM,cAAE,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC,GAAU,CAC/D,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,SAAS,GAAG;IACvB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["/* eslint-disable max-len */\nimport React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { Hyperlink } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { utilHooks, useCourseData } from '@src/hooks';\nimport Banner from '@src/components/Banner';\nimport messages from './messages';\n\nexport const CourseBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const {\n    isVerified = false,\n    isAuditAccessExpired = false,\n    coursewareAccess = {},\n  } = useMemo(() => ({\n    isVerified: courseData.enrollment?.isVerified,\n    isAuditAccessExpired: courseData.enrollment?.isAuditAccessExpired,\n    coursewareAccess: courseData.enrollment?.coursewareAccess || {},\n  }), [courseData]);\n  const courseRun = courseData?.courseRun || {};\n  const formatDate = utilHooks.useFormatDate();\n\n  const { hasUnmetPrerequisites, isStaff, isTooEarly } = coursewareAccess;\n\n  if (isVerified) { return null; }\n\n  return (\n    <>\n      {isAuditAccessExpired\n        && (\n          <Banner>\n            {formatMessage(messages.auditAccessExpired)}\n            {'  '}\n            <Hyperlink isInline destination=\"\">\n              {formatMessage(messages.findAnotherCourse)}\n            </Hyperlink>\n          </Banner>\n        )}\n\n      {(!isStaff && isTooEarly && courseRun.startDate) && (\n        <Banner>\n          {formatMessage(messages.courseHasNotStarted, {\n            startDate: formatDate(courseRun.startDate),\n          })}\n        </Banner>\n      )}\n\n      {(!isStaff && hasUnmetPrerequisites) && (\n        <Banner>{formatMessage(messages.prerequisitesNotMet)}</Banner>\n      )}\n    </>\n  );\n};\nCourseBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseBanner;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.d.ts

@@ -0,0 +1,17 @@
+export const statusComponents: any;
+export function useCreditBannerData(cardId: any): {
+    ContentComponent: {
+        ({ cardId }: {
+            cardId: any;
+        }): import("react/jsx-runtime").JSX.Element;
+        propTypes: {
+            cardId: import("prop-types").Validator<string>;
+        };
+    };
+    error: any;
+    supportEmail: any;
+} | null;
+declare namespace _default {
+    export { useCreditBannerData };
+}
+export default _default;

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.js

@@ -0,0 +1,58 @@
+import { useMemo } from 'react';
+import { useInitializeLearnerHome } from '../../../../../data/hooks';
+import { StrictDict } from '../../../../../utils';
+import { useCourseData } from '../../../../../hooks';
+import ApprovedContent from './views/ApprovedContent';
+import EligibleContent from './views/EligibleContent';
+import MustRequestContent from './views/MustRequestContent';
+import PendingContent from './views/PendingContent';
+import RejectedContent from './views/RejectedContent';
+export const statusComponents = StrictDict({
+    pending: PendingContent,
+    approved: ApprovedContent,
+    rejected: RejectedContent,
+});
+export const useCreditBannerData = (cardId) => {
+    var _a;
+    const courseData = useCourseData(cardId);
+    const { data: learnerHomeData } = useInitializeLearnerHome();
+    const supportEmail = useMemo(() => { var _a; return ((_a = learnerHomeData === null || learnerHomeData === void 0 ? void 0 : learnerHomeData.platformSettings) === null || _a === void 0 ? void 0 : _a.supportEmail); }, [learnerHomeData]);
+    const credit = useMemo(() => {
+        const creditData = courseData === null || courseData === void 0 ? void 0 : courseData.credit;
+        if (!creditData || Object.keys(creditData).length === 0) {
+            return { isEligible: false };
+        }
+        return {
+            isEligible: true,
+            providerStatusUrl: creditData.providerStatusUrl,
+            providerName: creditData.providerName,
+            providerId: creditData.providerId,
+            error: creditData.error,
+            purchased: creditData.purchased,
+            requestStatus: creditData.requestStatus,
+        };
+    }, [courseData]);
+    if (!credit.isEligible || !((_a = courseData === null || courseData === void 0 ? void 0 : courseData.credit) === null || _a === void 0 ? void 0 : _a.isEligible)) {
+        return null;
+    }
+    const { error, purchased, requestStatus } = credit;
+    let ContentComponent = EligibleContent;
+    if (purchased) {
+        if (requestStatus == null) {
+            ContentComponent = MustRequestContent;
+        }
+        else if (Object.keys(statusComponents).includes(requestStatus)) {
+            ContentComponent = statusComponents[requestStatus];
+        }
+        // Current behavior is to show Elligible State if unknown request status is returned
+    }
+    return {
+        ContentComponent,
+        error,
+        supportEmail,
+    };
+};
+export default {
+    useCreditBannerData,
+};
+//# sourceMappingURL=hooks.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAC5D,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACzC,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,eAAe;IACzB,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,EAAE;;IAC5C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAC7D,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,WAAC,OAAA,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,gBAAgB,0CAAE,YAAY,CAAC,CAAA,EAAA,EACvD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,MAAM,UAAU,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC;QACtC,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxD,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;QAC/B,CAAC;QACD,OAAO;YACL,UAAU,EAAE,IAAI;YAChB,iBAAiB,EAAE,UAAU,CAAC,iBAAiB;YAC/C,YAAY,EAAE,UAAU,CAAC,YAAY;YACrC,UAAU,EAAE,UAAU,CAAC,UAAU;YACjC,KAAK,EAAE,UAAU,CAAC,KAAK;YACvB,SAAS,EAAE,UAAU,CAAC,SAAS;YAC/B,aAAa,EAAE,UAAU,CAAC,aAAa;SACxC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,CAAC,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,UAAU,CAAA,EAAE,CAAC;QAC1D,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC;IACnD,IAAI,gBAAgB,GAAG,eAAe,CAAC;IACvC,IAAI,SAAS,EAAE,CAAC;QACd,IAAI,aAAa,IAAI,IAAI,EAAE,CAAC;YAC1B,gBAAgB,GAAG,kBAAkB,CAAC;QACxC,CAAC;aAAM,IAAI,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;YACjE,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACrD,CAAC;QACD,oFAAoF;IACtF,CAAC;IACD,OAAO;QACL,gBAAgB;QAChB,KAAK;QACL,YAAY;KACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;IACb,mBAAmB;CACpB,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport { StrictDict } from '@src/utils';\n\nimport { useCourseData } from '@src/hooks';\n\nimport ApprovedContent from './views/ApprovedContent';\nimport EligibleContent from './views/EligibleContent';\nimport MustRequestContent from './views/MustRequestContent';\nimport PendingContent from './views/PendingContent';\nimport RejectedContent from './views/RejectedContent';\n\nexport const statusComponents = StrictDict({\n  pending: PendingContent,\n  approved: ApprovedContent,\n  rejected: RejectedContent,\n});\n\nexport const useCreditBannerData = (cardId) => {\n  const courseData = useCourseData(cardId);\n  const { data: learnerHomeData } = useInitializeLearnerHome();\n  const supportEmail = useMemo(\n    () => (learnerHomeData?.platformSettings?.supportEmail),\n    [learnerHomeData],\n  );\n\n  const credit = useMemo(() => {\n    const creditData = courseData?.credit;\n    if (!creditData || Object.keys(creditData).length === 0) {\n      return { isEligible: false };\n    }\n    return {\n      isEligible: true,\n      providerStatusUrl: creditData.providerStatusUrl,\n      providerName: creditData.providerName,\n      providerId: creditData.providerId,\n      error: creditData.error,\n      purchased: creditData.purchased,\n      requestStatus: creditData.requestStatus,\n    };\n  }, [courseData]);\n  if (!credit.isEligible || !courseData?.credit?.isEligible) {\n    return null;\n  }\n\n  const { error, purchased, requestStatus } = credit;\n  let ContentComponent = EligibleContent;\n  if (purchased) {\n    if (requestStatus == null) {\n      ContentComponent = MustRequestContent;\n    } else if (Object.keys(statusComponents).includes(requestStatus)) {\n      ContentComponent = statusComponents[requestStatus];\n    }\n    // Current behavior is to show Elligible State if unknown request status is returned\n  }\n  return {\n    ContentComponent,\n    error,\n    supportEmail,\n  };\n};\n\nexport default {\n  useCreditBannerData,\n};\n"]}

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

@@ -0,0 +1,10 @@
+export function CreditBanner({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+export namespace CreditBanner {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default CreditBanner;
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import Banner from '../../../../../components/Banner';
+import { MailtoLink } from '@openedx/paragon';
+import hooks from './hooks';
+import messages from './messages';
+export const CreditBanner = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const hookData = hooks.useCreditBannerData(cardId);
+    if (hookData === null) {
+        return null;
+    }
+    const { ContentComponent, error, supportEmail } = hookData;
+    const supportEmailLink = (_jsx(MailtoLink, { to: supportEmail, children: supportEmail }));
+    return (_jsxs(Banner, Object.assign({}, (error && { variant: 'danger' }), { children: [error && (_jsx("p", { className: "credit-error-msg", "data-testid": "credit-error-msg", children: supportEmail ? formatMessage(messages.error, { supportEmailLink }) : formatMessage(messages.errorNoEmail) })), _jsx(ContentComponent, { cardId: cardId })] })));
+};
+CreditBanner.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CreditBanner;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,MAAM,MAAM,kCAAkC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,QAAQ,GAAG,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnD,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC;IAC3D,MAAM,gBAAgB,GAAG,CAAC,KAAC,UAAU,IAAC,EAAE,EAAE,YAAY,YAAG,YAAY,GAAc,CAAC,CAAC;IACrF,OAAO,CACL,MAAC,MAAM,oBAAK,CAAC,KAAK,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,eACzC,KAAK,IAAI,CACR,YAAG,SAAS,EAAC,kBAAkB,iBAAa,kBAAkB,YAC3D,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC,GACxG,CACL,EACD,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,KAC7B,CACV,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,SAAS,GAAG;IACvB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport Banner from '../../../../../components/Banner';\n\nimport { MailtoLink } from '@openedx/paragon';\nimport hooks from './hooks';\nimport messages from './messages';\n\nexport const CreditBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const hookData = hooks.useCreditBannerData(cardId);\n  if (hookData === null) {\n    return null;\n  }\n\n  const { ContentComponent, error, supportEmail } = hookData;\n  const supportEmailLink = (<MailtoLink to={supportEmail}>{supportEmail}</MailtoLink>);\n  return (\n    <Banner {...(error && { variant: 'danger' })}>\n      {error && (\n        <p className=\"credit-error-msg\" data-testid=\"credit-error-msg\">\n          {supportEmail ? formatMessage(messages.error, { supportEmailLink }) : formatMessage(messages.errorNoEmail)}\n        </p>\n      )}\n      <ContentComponent cardId={cardId} />\n    </Banner>\n  );\n};\nCreditBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CreditBanner;\n"]}

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

@@ -0,0 +1,16 @@
+export default messages;
+declare namespace messages {
+    namespace error {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace errorNoEmail {
+        let id_1: string;
+        export { id_1 as id };
+        let description_1: string;
+        export { description_1 as description };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+    }
+}

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

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    error: {
+        id: 'learner-dash.courseCard.banners.credit.error',
+        description: 'Error message for credit transaction with support email link',
+        defaultMessage: 'An error occurred with this transaction.  For help, contact {supportEmailLink}.',
+    },
+    errorNoEmail: {
+        id: 'learner-dash.courseCard.banners.credit.errorNoEmail',
+        description: 'Error message for credit transaction without support email',
+        defaultMessage: 'An error occurred with this transaction.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,KAAK,EAAE;QACL,EAAE,EAAE,8CAA8C;QAClD,WAAW,EAAE,8DAA8D;QAC3E,cAAc,EAAE,iFAAiF;KAClG;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,qDAAqD;QACzD,WAAW,EAAE,4DAA4D;QACzE,cAAc,EAAE,0CAA0C;KAC3D;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  error: {\n    id: 'learner-dash.courseCard.banners.credit.error',\n    description: 'Error message for credit transaction with support email link',\n    defaultMessage: 'An error occurred with this transaction.  For help, contact {supportEmailLink}.',\n  },\n  errorNoEmail: {\n    id: 'learner-dash.courseCard.banners.credit.errorNoEmail',\n    description: 'Error message for credit transaction without support email',\n    defaultMessage: 'An error occurred with this transaction.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/ApprovedContent.d.ts

@@ -0,0 +1,10 @@
+export function ApprovedContent({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace ApprovedContent {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default ApprovedContent;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/ApprovedContent.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useCourseData, useIsMasquerading } from '../../../../../../hooks';
+import CreditContent from './components/CreditContent';
+import ProviderLink from './components/ProviderLink';
+import messages from './messages';
+export const ApprovedContent = ({ cardId }) => {
+    const courseData = useCourseData(cardId);
+    const { providerStatusUrl: href, providerName } = useMemo(() => {
+        const creditData = courseData === null || courseData === void 0 ? void 0 : courseData.credit;
+        return {
+            providerStatusUrl: creditData.providerStatusUrl,
+            providerName: creditData.providerName,
+        };
+    }, [courseData]);
+    const isMasquerading = useIsMasquerading();
+    const { formatMessage } = useIntl();
+    return (_jsx(CreditContent, { action: { href, message: formatMessage(messages.viewCredit), disabled: isMasquerading }, message: formatMessage(messages.approved, {
+            congratulations: _jsx("b", { children: formatMessage(messages.congratulations) }),
+            linkToProviderSite: _jsx(ProviderLink, { cardId: cardId }),
+            providerName,
+        }) }));
+};
+ApprovedContent.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default ApprovedContent;
+//# sourceMappingURL=ApprovedContent.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/ApprovedContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovedContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/ApprovedContent.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AAErD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7D,MAAM,UAAU,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC;QACtC,OAAO;YACL,iBAAiB,EAAE,UAAU,CAAC,iBAAiB;YAC/C,YAAY,EAAE,UAAU,CAAC,YAAY;SACtC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACjB,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,cAAc,EAAE,EACvF,OAAO,EAAE,aAAa,CACpB,QAAQ,CAAC,QAAQ,EACjB;YACE,eAAe,EAAE,sBAAI,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,GAAK;YACjE,kBAAkB,EAAE,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI;YACpD,YAAY;SACb,CACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useCourseData, useIsMasquerading } from '@src/hooks';\nimport CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\n\nimport messages from './messages';\n\nexport const ApprovedContent = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  const { providerStatusUrl: href, providerName } = useMemo(() => {\n    const creditData = courseData?.credit;\n    return {\n      providerStatusUrl: creditData.providerStatusUrl,\n      providerName: creditData.providerName,\n    };\n  }, [courseData]);\n  const isMasquerading = useIsMasquerading();\n  const { formatMessage } = useIntl();\n  return (\n    <CreditContent\n      action={{ href, message: formatMessage(messages.viewCredit), disabled: isMasquerading }}\n      message={formatMessage(\n        messages.approved,\n        {\n          congratulations: <b>{formatMessage(messages.congratulations)}</b>,\n          linkToProviderSite: <ProviderLink cardId={cardId} />,\n          providerName,\n        },\n      )}\n    />\n  );\n};\nApprovedContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default ApprovedContent;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/EligibleContent.d.ts

@@ -0,0 +1,10 @@
+export function EligibleContent({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace EligibleContent {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default EligibleContent;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/EligibleContent.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useCourseData } from '../../../../../../hooks';
+import track from '../../../../../../tracking';
+import CreditContent from './components/CreditContent';
+import messages from './messages';
+export const EligibleContent = ({ cardId }) => {
+    var _a, _b;
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const providerName = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.credit) === null || _a === void 0 ? void 0 : _a.providerName;
+    const courseId = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _b === void 0 ? void 0 : _b.courseId;
+    const onClick = track.credit.purchase(courseId);
+    const getCredit = formatMessage(messages.getCredit);
+    const message = providerName
+        ? formatMessage(messages.eligibleFromProvider, { providerName })
+        : formatMessage(messages.eligible, { getCredit: (_jsx("b", { children: getCredit })) });
+    return (_jsx(CreditContent, { action: { onClick, message: getCredit }, message: message }));
+};
+EligibleContent.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default EligibleContent;
+//# sourceMappingURL=EligibleContent.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/EligibleContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EligibleContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/EligibleContent.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,KAAK,MAAM,eAAe,CAAC;AAElC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;;IAC5C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,YAAY,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,YAAY,CAAC;IACtD,MAAM,QAAQ,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,QAAQ,CAAC;IAEjD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,YAAY;QAC1B,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,EAAE,EAAE,YAAY,EAAE,CAAC;QAChE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,CAAC,sBAAI,SAAS,GAAK,CAAC,EAAE,CAAC,CAAC;IAE1E,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EACvC,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useCourseData } from '@src/hooks';\nimport track from '@src/tracking';\n\nimport CreditContent from './components/CreditContent';\nimport messages from './messages';\n\nexport const EligibleContent = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const providerName = courseData?.credit?.providerName;\n  const courseId = courseData?.courseRun?.courseId;\n\n  const onClick = track.credit.purchase(courseId);\n  const getCredit = formatMessage(messages.getCredit);\n  const message = providerName\n    ? formatMessage(messages.eligibleFromProvider, { providerName })\n    : formatMessage(messages.eligible, { getCredit: (<b>{getCredit}</b>) });\n\n  return (\n    <CreditContent\n      action={{ onClick, message: getCredit }}\n      message={message}\n    />\n  );\n};\nEligibleContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default EligibleContent;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/MustRequestContent.d.ts

@@ -0,0 +1,10 @@
+export function MustRequestContent({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace MustRequestContent {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default MustRequestContent;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/MustRequestContent.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useIsMasquerading } from '../../../../../../hooks';
+import CreditContent from './components/CreditContent';
+import ProviderLink from './components/ProviderLink';
+import hooks from './hooks';
+import messages from './messages';
+export const MustRequestContent = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const { requestData, createCreditRequest } = hooks.useCreditRequestData(cardId);
+    const isMasquerading = useIsMasquerading();
+    return (_jsx(CreditContent, { action: {
+            message: formatMessage(messages.requestCredit),
+            onClick: createCreditRequest,
+            disabled: isMasquerading,
+        }, message: formatMessage(messages.mustRequest, {
+            linkToProviderSite: (_jsx(ProviderLink, { cardId: cardId })),
+            requestCredit: (_jsx("b", { children: formatMessage(messages.requestCredit) })),
+        }), requestData: requestData }));
+};
+MustRequestContent.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default MustRequestContent;
+//# sourceMappingURL=MustRequestContent.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/MustRequestContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MustRequestContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/MustRequestContent.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,GAAG,KAAK,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAChF,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE;YACN,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC;YAC9C,OAAO,EAAE,mBAAmB;YAC5B,QAAQ,EAAE,cAAc;SACzB,EACD,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE;YAC3C,kBAAkB,EAAE,CAAC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;YACtD,aAAa,EAAE,CAAC,sBAAI,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAK,CAAC;SAChE,CAAC,EACF,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,SAAS,GAAG;IAC7B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useIsMasquerading } from '@src/hooks';\nimport CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\nimport hooks from './hooks';\n\nimport messages from './messages';\n\nexport const MustRequestContent = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { requestData, createCreditRequest } = hooks.useCreditRequestData(cardId);\n  const isMasquerading = useIsMasquerading();\n  return (\n    <CreditContent\n      action={{\n        message: formatMessage(messages.requestCredit),\n        onClick: createCreditRequest,\n        disabled: isMasquerading,\n      }}\n      message={formatMessage(messages.mustRequest, {\n        linkToProviderSite: (<ProviderLink cardId={cardId} />),\n        requestCredit: (<b>{formatMessage(messages.requestCredit)}</b>),\n      })}\n      requestData={requestData}\n    />\n  );\n};\nMustRequestContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default MustRequestContent;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/PendingContent.d.ts

@@ -0,0 +1,10 @@
+export function PendingContent({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace PendingContent {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default PendingContent;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/PendingContent.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useCourseData, useIsMasquerading } from '../../../../../../hooks';
+import CreditContent from './components/CreditContent';
+import messages from './messages';
+export const PendingContent = ({ cardId }) => {
+    const courseData = useCourseData(cardId);
+    const { providerStatusUrl: href, providerName } = (courseData === null || courseData === void 0 ? void 0 : courseData.credit) || {};
+    const isMasquerading = useIsMasquerading();
+    const { formatMessage } = useIntl();
+    return (_jsx(CreditContent, { action: {
+            href,
+            message: formatMessage(messages.viewDetails),
+            disabled: isMasquerading,
+        }, message: formatMessage(messages.received, { providerName }) }));
+};
+PendingContent.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default PendingContent;
+//# sourceMappingURL=PendingContent.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/PendingContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/PendingContent.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,KAAI,EAAE,CAAC;IAC3E,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAC3C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE;YACN,IAAI;YACJ,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC;YAC5C,QAAQ,EAAE,cAAc;SACzB,EACD,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,CAAC,GAC3D,CACH,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,SAAS,GAAG;IACzB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useCourseData, useIsMasquerading } from '@src/hooks';\nimport CreditContent from './components/CreditContent';\nimport messages from './messages';\n\nexport const PendingContent = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  const { providerStatusUrl: href, providerName } = courseData?.credit || {};\n  const isMasquerading = useIsMasquerading();\n  const { formatMessage } = useIntl();\n  return (\n    <CreditContent\n      action={{\n        href,\n        message: formatMessage(messages.viewDetails),\n        disabled: isMasquerading,\n      }}\n      message={formatMessage(messages.received, { providerName })}\n    />\n  );\n};\nPendingContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default PendingContent;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/RejectedContent.d.ts

@@ -0,0 +1,10 @@
+export function RejectedContent({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace RejectedContent {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+export default RejectedContent;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/RejectedContent.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { useCourseData } from '../../../../../../hooks';
+import CreditContent from './components/CreditContent';
+import ProviderLink from './components/ProviderLink';
+import messages from './messages';
+export const RejectedContent = ({ cardId }) => {
+    const courseData = useCourseData(cardId);
+    const credit = courseData === null || courseData === void 0 ? void 0 : courseData.credit;
+    const { formatMessage } = useIntl();
+    return (_jsx(CreditContent, { message: formatMessage(messages.rejected, {
+            providerName: credit === null || credit === void 0 ? void 0 : credit.providerName,
+            linkToProviderSite: (_jsx(ProviderLink, { cardId: cardId })),
+        }) }));
+};
+RejectedContent.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default RejectedContent;
+//# sourceMappingURL=RejectedContent.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/RejectedContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RejectedContent.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/RejectedContent.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC;IAClC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,aAAa,IACZ,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACxC,YAAY,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY;YAClC,kBAAkB,EAAE,CAAC,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;SACvD,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useCourseData } from '@src/hooks';\nimport CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\nimport messages from './messages';\n\nexport const RejectedContent = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  const credit = courseData?.credit;\n  const { formatMessage } = useIntl();\n  return (\n    <CreditContent\n      message={formatMessage(messages.rejected, {\n        providerName: credit?.providerName,\n        linkToProviderSite: (<ProviderLink cardId={cardId} />),\n      })}\n    />\n  );\n};\nRejectedContent.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default RejectedContent;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/CreditContent.d.ts

@@ -0,0 +1,30 @@
+export function CreditContent({ action, message, requestData }: {
+    action: any;
+    message: any;
+    requestData: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CreditContent {
+    namespace defaultProps {
+        let action: null;
+        let requestData: null;
+    }
+    namespace propTypes {
+        let action_1: PropTypes.Requireable<PropTypes.InferProps<{
+            href: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            message: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+        }>>;
+        export { action_1 as action };
+        export let message: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let requestData_1: PropTypes.Requireable<PropTypes.InferProps<{
+            url: PropTypes.Requireable<string>;
+            parameters: PropTypes.Requireable<{
+                [x: string]: string | null | undefined;
+            }>;
+        }>>;
+        export { requestData_1 as requestData };
+    }
+}
+export default CreditContent;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/CreditContent.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ActionRow, Button } from '@openedx/paragon';
+import CreditRequestForm from './CreditRequestForm';
+export const CreditContent = ({ action, message, requestData }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: "message-copy credit-msg", "data-testid": "credit-msg", children: message }), action && (_jsx(ActionRow, { className: "mt-4", children: _jsx(Button, { as: "a", disabled: !!action.disabled, 
+                // make sure href is not undefined. Paragon won't disable the button if href is undefined.
+                href: action.href || '#', rel: "noopener", target: "_blank", variant: "outline-primary", className: "border-gray-400", onClick: action.onClick, "data-testid": "action-row-btn", children: action.message }) })), _jsx(CreditRequestForm, { requestData: requestData })] }));
+CreditContent.defaultProps = {
+    action: null,
+    requestData: null,
+};
+CreditContent.propTypes = {
+    action: PropTypes.shape({
+        href: PropTypes.string,
+        onClick: PropTypes.func,
+        message: PropTypes.string,
+        disabled: PropTypes.bool,
+    }),
+    message: PropTypes.node.isRequired,
+    requestData: PropTypes.shape({
+        url: PropTypes.string,
+        parameters: PropTypes.objectOf(PropTypes.string),
+    }),
+};
+export default CreditContent;
+//# sourceMappingURL=CreditContent.js.map