@openedx/frontend-app-learner-dashboard 1.0.0-alpha.4 → 1.0.0-alpha.6

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,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Hyperlink } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { utilHooks, reduxHooks } from '../../../../hooks';
+import Banner from '../../../../components/Banner';
+import messages from './messages';
+export const CourseBanner = ({ cardId }) => {
+    const { isVerified, isAuditAccessExpired, coursewareAccess = {}, } = reduxHooks.useCardEnrollmentData(cardId);
+    const courseRun = reduxHooks.useCardCourseRunData(cardId);
+    const { formatMessage } = useIntl();
+    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,MAAM,OAAO,CAAC;AAC1B,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,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzC,MAAM,EACJ,UAAU,EACV,oBAAoB,EACpB,gBAAgB,GAAG,EAAE,GACtB,GAAG,UAAU,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,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 from 'react';\nimport PropTypes from 'prop-types';\nimport { Hyperlink } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { utilHooks, reduxHooks } from '../../../../hooks';\nimport Banner from '../../../../components/Banner';\n\nimport messages from './messages';\n\nexport const CourseBanner = ({ cardId }) => {\n  const {\n    isVerified,\n    isAuditAccessExpired,\n    coursewareAccess = {},\n  } = reduxHooks.useCardEnrollmentData(cardId);\n  const courseRun = reduxHooks.useCardCourseRunData(cardId);\n  const { formatMessage } = useIntl();\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,39 @@
+import { StrictDict } from '../../../../../utils';
+import { reduxHooks } 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) => {
+    const credit = reduxHooks.useCardCreditData(cardId);
+    const { supportEmail } = reduxHooks.usePlatformSettingsData();
+    if (!credit.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,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,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,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,uBAAuB,EAAE,CAAC;IAC9D,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QACvB,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 { StrictDict } from '../../../../../utils';\nimport { reduxHooks } from '../../../../../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 credit = reduxHooks.useCardCreditData(cardId);\n  const { supportEmail } = reduxHooks.usePlatformSettingsData();\n  if (!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,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useContext } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import MasqueradeUserContext from '../../../../../../data/contexts/MasqueradeUserContext';
+import { reduxHooks } from '../../../../../../hooks';
+import CreditContent from './components/CreditContent';
+import ProviderLink from './components/ProviderLink';
+import messages from './messages';
+export const ApprovedContent = ({ cardId }) => {
+    const { providerStatusUrl: href, providerName } = reduxHooks.useCardCreditData(cardId);
+    const { isMasquerading } = useContext(MasqueradeUserContext);
+    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,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,qBAAqB,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,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,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACvF,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7D,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 PropTypes from 'prop-types';\nimport { useContext } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport MasqueradeUserContext from '../../../../../../data/contexts/MasqueradeUserContext';\nimport { reduxHooks } from '../../../../../../hooks';\nimport CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\n\nimport messages from './messages';\n\nexport const ApprovedContent = ({ cardId }) => {\n  const { providerStatusUrl: href, providerName } = reduxHooks.useCardCreditData(cardId);\n  const { isMasquerading } = useContext(MasqueradeUserContext);\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,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { reduxHooks } from '../../../../../../hooks';
+import track from '../../../../../../tracking';
+import CreditContent from './components/CreditContent';
+import messages from './messages';
+export const EligibleContent = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const { providerName } = reduxHooks.useCardCreditData(cardId);
+    const { courseId } = reduxHooks.useCardCourseRunData(cardId);
+    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,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAE/C,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,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAE7D,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 { reduxHooks } from '../../../../../../hooks';\nimport track from '../../../../../../tracking';\n\nimport CreditContent from './components/CreditContent';\nimport messages from './messages';\n\nexport const EligibleContent = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { providerName } = reduxHooks.useCardCreditData(cardId);\n  const { courseId } = reduxHooks.useCardCourseRunData(cardId);\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 PropTypes from 'prop-types';
+import { useContext } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import MasqueradeUserContext from '../../../../../../data/contexts/MasqueradeUserContext';
+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 } = useContext(MasqueradeUserContext);
+    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,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,qBAAqB,MAAM,uDAAuD,CAAC;AAC1F,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,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7D,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 PropTypes from 'prop-types';\nimport { useContext } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport MasqueradeUserContext from '../../../../../../data/contexts/MasqueradeUserContext';\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 } = useContext(MasqueradeUserContext);\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 PropTypes from 'prop-types';
+import { useContext } from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import MasqueradeUserContext from '../../../../../../data/contexts/MasqueradeUserContext';
+import { reduxHooks } from '../../../../../../hooks';
+import CreditContent from './components/CreditContent';
+import messages from './messages';
+export const PendingContent = ({ cardId }) => {
+    const { providerStatusUrl: href, providerName } = reduxHooks.useCardCreditData(cardId);
+    const { isMasquerading } = useContext(MasqueradeUserContext);
+    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,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,qBAAqB,MAAM,uDAAuD,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,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,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACvF,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7D,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 PropTypes from 'prop-types';\nimport { useContext } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport MasqueradeUserContext from '../../../../../../data/contexts/MasqueradeUserContext';\nimport { reduxHooks } from '../../../../../../hooks';\nimport CreditContent from './components/CreditContent';\nimport messages from './messages';\n\nexport const PendingContent = ({ cardId }) => {\n  const { providerStatusUrl: href, providerName } = reduxHooks.useCardCreditData(cardId);\n  const { isMasquerading } = useContext(MasqueradeUserContext);\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,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { reduxHooks } from '../../../../../../hooks';
+import CreditContent from './components/CreditContent';
+import ProviderLink from './components/ProviderLink';
+import messages from './messages';
+export const RejectedContent = ({ cardId }) => {
+    const credit = reduxHooks.useCardCreditData(cardId);
+    const { formatMessage } = useIntl();
+    return (_jsx(CreditContent, { message: formatMessage(messages.rejected, {
+            providerName: 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,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,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,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpD,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,CAAC,YAAY;YACjC,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 { reduxHooks } from '../../../../../../hooks';\nimport CreditContent from './components/CreditContent';\nimport ProviderLink from './components/ProviderLink';\nimport messages from './messages';\n\nexport const RejectedContent = ({ cardId }) => {\n  const credit = reduxHooks.useCardCreditData(cardId);\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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreditContent.js","sourceRoot":"","sources":["../../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/CreditContent.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACjE,8BACE,cAAK,SAAS,EAAC,yBAAyB,iBAAa,YAAY,YAC9D,OAAO,GACJ,EACL,MAAM,IAAI,CACT,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,YACzB,KAAC,MAAM,IACL,EAAE,EAAC,GAAG,EACN,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;gBAC3B,0FAA0F;gBAC1F,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,GAAG,EACxB,GAAG,EAAC,UAAU,EACd,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,MAAM,CAAC,OAAO,iBACX,gBAAgB,YAE3B,MAAM,CAAC,OAAO,GACR,GACC,CACb,EACD,KAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW,GAAI,IAC9C,CACJ,CAAC;AACF,aAAa,CAAC,YAAY,GAAG;IAC3B,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,IAAI;CAClB,CAAC;AACF,aAAa,CAAC,SAAS,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC;QACtB,IAAI,EAAE,SAAS,CAAC,MAAM;QACtB,OAAO,EAAE,SAAS,CAAC,IAAI;QACvB,OAAO,EAAE,SAAS,CAAC,MAAM;QACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;KACzB,CAAC;IACF,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAClC,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC;QAC3B,GAAG,EAAE,SAAS,CAAC,MAAM;QACrB,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC;KACjD,CAAC;CACH,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ActionRow, Button } from '@openedx/paragon';\nimport CreditRequestForm from './CreditRequestForm';\n\nexport const CreditContent = ({ action, message, requestData }) => (\n  <>\n    <div className=\"message-copy credit-msg\" data-testid=\"credit-msg\">\n      {message}\n    </div>\n    {action && (\n      <ActionRow className=\"mt-4\">\n        <Button\n          as=\"a\"\n          disabled={!!action.disabled}\n          // make sure href is not undefined. Paragon won't disable the button if href is undefined.\n          href={action.href || '#'}\n          rel=\"noopener\"\n          target=\"_blank\"\n          variant=\"outline-primary\"\n          className=\"border-gray-400\"\n          onClick={action.onClick}\n          data-testid=\"action-row-btn\"\n        >\n          {action.message}\n        </Button>\n      </ActionRow>\n    )}\n    <CreditRequestForm requestData={requestData} />\n  </>\n);\nCreditContent.defaultProps = {\n  action: null,\n  requestData: null,\n};\nCreditContent.propTypes = {\n  action: PropTypes.shape({\n    href: PropTypes.string,\n    onClick: PropTypes.func,\n    message: PropTypes.string,\n    disabled: PropTypes.bool,\n  }),\n  message: PropTypes.node.isRequired,\n  requestData: PropTypes.shape({\n    url: PropTypes.string,\n    parameters: PropTypes.objectOf(PropTypes.string),\n  }),\n};\n\nexport default CreditContent;\n"]}

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

@@ -0,0 +1,5 @@
+export function useCreditRequestFormData(requestData: any): {
+    ref: React.MutableRefObject<null>;
+};
+export default useCreditRequestFormData;
+import React from 'react';

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export const useCreditRequestFormData = (requestData) => {
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (requestData !== null) {
+            ref.current.click();
+        }
+    }, [requestData]);
+    return { ref };
+};
+export default useCreditRequestFormData;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/CreditRequestForm/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAW,EAAE,EAAE;IACtD,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YACzB,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO,EAAE,GAAG,EAAE,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC","sourcesContent":["import React from 'react';\n\nexport const useCreditRequestFormData = (requestData) => {\n  const ref = React.useRef(null);\n  React.useEffect(() => {\n    if (requestData !== null) {\n      ref.current.click();\n    }\n  }, [requestData]);\n  return { ref };\n};\n\nexport default useCreditRequestFormData;\n"]}

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

@@ -0,0 +1,19 @@
+export function CreditRequestForm({ requestData }: {
+    requestData: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+export namespace CreditRequestForm {
+    namespace defaultProps {
+        let requestData: null;
+    }
+    namespace propTypes {
+        let requestData_1: PropTypes.Requireable<PropTypes.InferProps<{
+            parameters: PropTypes.Requireable<{
+                [x: string]: string | null | undefined;
+            }>;
+            url: PropTypes.Requireable<string>;
+        }>>;
+        export { requestData_1 as requestData };
+    }
+}
+export default CreditRequestForm;
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, Form, FormControl } from '@openedx/paragon';
+import useCreditRequestFormData from './hooks';
+export const CreditRequestForm = ({ requestData }) => {
+    const { ref } = useCreditRequestFormData(requestData);
+    if (requestData === null) {
+        return null;
+    }
+    const { parameters, url } = requestData;
+    return (_jsxs(Form, { "accept-method": "UTF-8", action: url, className: "hidden", method: "POST", children: [Object.keys(parameters).map((key) => (_jsx(FormControl, { as: "textarea", name: key, value: parameters[key] }, key))), _jsx(Button, { type: "submit", ref: ref })] }));
+};
+CreditRequestForm.defaultProps = {
+    requestData: null,
+};
+CreditRequestForm.propTypes = {
+    requestData: PropTypes.shape({
+        parameters: PropTypes.objectOf(PropTypes.string),
+        url: PropTypes.string,
+    }),
+};
+export default CreditRequestForm;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/CreditRequestForm/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,wBAAwB,MAAM,SAAS,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACnD,MAAM,EAAE,GAAG,EAAE,GAAG,wBAAwB,CAAC,WAAW,CAAC,CAAC;IACtD,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC;IACxC,OAAO,CACL,MAAC,IAAI,qBACW,OAAO,EACrB,MAAM,EAAE,GAAG,EACX,SAAS,EAAC,QAAQ,EAClB,MAAM,EAAC,MAAM,aAEZ,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpC,KAAC,WAAW,IACV,EAAE,EAAC,UAAU,EAEb,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,IAFjB,GAAG,CAGR,CACH,CAAC,EACF,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,GAAI,IAC7B,CACR,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,YAAY,GAAG;IAC/B,WAAW,EAAE,IAAI;CAClB,CAAC;AACF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC;QAC3B,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC;QAChD,GAAG,EAAE,SAAS,CAAC,MAAM;KACtB,CAAC;CACH,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button, Form, FormControl } from '@openedx/paragon';\n\nimport useCreditRequestFormData from './hooks';\n\nexport const CreditRequestForm = ({ requestData }) => {\n  const { ref } = useCreditRequestFormData(requestData);\n  if (requestData === null) {\n    return null;\n  }\n  const { parameters, url } = requestData;\n  return (\n    <Form\n      accept-method=\"UTF-8\"\n      action={url}\n      className=\"hidden\"\n      method=\"POST\"\n    >\n      {Object.keys(parameters).map((key) => (\n        <FormControl\n          as=\"textarea\"\n          key={key}\n          name={key}\n          value={parameters[key]}\n        />\n      ))}\n      <Button type=\"submit\" ref={ref} />\n    </Form>\n  );\n};\nCreditRequestForm.defaultProps = {\n  requestData: null,\n};\nCreditRequestForm.propTypes = {\n  requestData: PropTypes.shape({\n    parameters: PropTypes.objectOf(PropTypes.string),\n    url: PropTypes.string,\n  }),\n};\n\nexport default CreditRequestForm;\n"]}

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

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

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { reduxHooks } from '../../../../../../../hooks';
+import { Hyperlink } from '@openedx/paragon';
+export const ProviderLink = ({ cardId }) => {
+    const credit = reduxHooks.useCardCreditData(cardId);
+    return (_jsx(Hyperlink, { href: credit.providerStatusUrl, rel: "noopener", target: "_blank", children: credit.providerName }));
+};
+ProviderLink.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default ProviderLink;
+//# sourceMappingURL=ProviderLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProviderLink.js","sourceRoot":"","sources":["../../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/components/ProviderLink.jsx"],"names":[],"mappings":";AAAA,4BAA4B;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzC,MAAM,MAAM,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpD,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAE,MAAM,CAAC,iBAAiB,EAC9B,GAAG,EAAC,UAAU,EACd,MAAM,EAAC,QAAQ,YAEd,MAAM,CAAC,YAAY,GACV,CACb,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 from 'react';\nimport PropTypes from 'prop-types';\n\nimport { reduxHooks } from '../../../../../../../hooks';\nimport { Hyperlink } from '@openedx/paragon';\n\nexport const ProviderLink = ({ cardId }) => {\n  const credit = reduxHooks.useCardCreditData(cardId);\n  return (\n    <Hyperlink\n      href={credit.providerStatusUrl}\n      rel=\"noopener\"\n      target=\"_blank\"\n    >\n      {credit.providerName}\n    </Hyperlink>\n  );\n};\nProviderLink.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default ProviderLink;\n"]}