@openedx/frontend-app-learner-dashboard 1.0.0-alpha.0 → 1.0.0-alpha.10

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,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable max-len */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useCourseData } from '../../../../../../../hooks';
+import { Hyperlink } from '@openedx/paragon';
+export const ProviderLink = ({ cardId }) => {
+    const courseData = useCourseData(cardId);
+    const credit = (courseData === null || courseData === void 0 ? void 0 : courseData.credit) || {};
+    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,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACzC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,KAAI,EAAE,CAAC;IACxC,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 { useCourseData } from '@src/hooks';\nimport { Hyperlink } from '@openedx/paragon';\n\nexport const ProviderLink = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  const credit = courseData?.credit || {};\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"]}

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

@@ -0,0 +1,9 @@
+export const state: any;
+export function useCreditRequestData(cardId: any): {
+    requestData: any;
+    createCreditRequest: (e: any) => void;
+};
+declare namespace _default {
+    export { useCreditRequestData };
+}
+export default _default;

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { useAuthenticatedUser } from '@openedx/frontend-base';
+import { StrictDict } from '../../../../../../utils';
+import { useCourseData } from '../../../../../../hooks';
+import { useCreateCreditRequest } from '../../../../../../data/hooks';
+import * as module from './hooks';
+export const state = StrictDict({
+    creditRequestData: (val) => React.useState(val), // eslint-disable-line
+});
+export const useCreditRequestData = (cardId) => {
+    var _a, _b;
+    const [requestData, setRequestData] = module.state.creditRequestData(null);
+    const courseData = useCourseData(cardId);
+    const providerId = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.credit) === null || _a === void 0 ? void 0 : _a.providerId;
+    const { username } = useAuthenticatedUser();
+    const courseId = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) === null || _b === void 0 ? void 0 : _b.courseId;
+    const { mutate: createCreditMutation } = useCreateCreditRequest();
+    const createCreditRequest = (e) => {
+        e.preventDefault();
+        createCreditMutation({ providerId, courseId, username }, {
+            onSuccess: (response) => {
+                setRequestData(response.data);
+            },
+        });
+    };
+    return { requestData, createCreditRequest };
+};
+export default {
+    useCreditRequestData,
+};
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,iBAAiB,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CACxE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAM,EAAE,EAAE;;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,UAAU,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC5C,MAAM,QAAQ,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,0CAAE,QAAQ,CAAC;IACjD,MAAM,EAAE,MAAM,EAAE,oBAAoB,EAAE,GAAG,sBAAsB,EAAE,CAAC;IAElE,MAAM,mBAAmB,GAAG,CAAC,CAAC,EAAE,EAAE;QAChC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,oBAAoB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;YACvD,SAAS,EAAE,CAAC,QAAQ,EAAE,EAAE;gBACtB,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IACF,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC;AAC9C,CAAC,CAAC;AAEF,eAAe;IACb,oBAAoB;CACrB,CAAC","sourcesContent":["import React from 'react';\nimport { useAuthenticatedUser } from '@openedx/frontend-base';\nimport { StrictDict } from '@src/utils';\nimport { useCourseData } from '@src/hooks';\nimport { useCreateCreditRequest } from '@src/data/hooks';\n\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  creditRequestData: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const useCreditRequestData = (cardId) => {\n  const [requestData, setRequestData] = module.state.creditRequestData(null);\n  const courseData = useCourseData(cardId);\n  const providerId = courseData?.credit?.providerId;\n  const { username } = useAuthenticatedUser();\n  const courseId = courseData?.courseRun?.courseId;\n  const { mutate: createCreditMutation } = useCreateCreditRequest();\n\n  const createCreditRequest = (e) => {\n    e.preventDefault();\n    createCreditMutation({ providerId, courseId, username }, {\n      onSuccess: (response) => {\n        setRequestData(response.data);\n      },\n    });\n  };\n  return { requestData, createCreditRequest };\n};\n\nexport default {\n  useCreditRequestData,\n};\n"]}

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

@@ -0,0 +1,88 @@
+export default messages;
+declare namespace messages {
+    namespace approved {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace congratulations {
+        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 };
+    }
+    namespace eligible {
+        let id_2: string;
+        export { id_2 as id };
+        let description_2: string;
+        export { description_2 as description };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+    }
+    namespace eligibleFromProvider {
+        let id_3: string;
+        export { id_3 as id };
+        let description_3: string;
+        export { description_3 as description };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+    }
+    namespace getCredit {
+        let id_4: string;
+        export { id_4 as id };
+        let description_4: string;
+        export { description_4 as description };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+    }
+    namespace mustRequest {
+        let id_5: string;
+        export { id_5 as id };
+        let description_5: string;
+        export { description_5 as description };
+        let defaultMessage_5: string;
+        export { defaultMessage_5 as defaultMessage };
+    }
+    namespace received {
+        let id_6: string;
+        export { id_6 as id };
+        let description_6: string;
+        export { description_6 as description };
+        let defaultMessage_6: string;
+        export { defaultMessage_6 as defaultMessage };
+    }
+    namespace rejected {
+        let id_7: string;
+        export { id_7 as id };
+        let description_7: string;
+        export { description_7 as description };
+        let defaultMessage_7: string;
+        export { defaultMessage_7 as defaultMessage };
+    }
+    namespace requestCredit {
+        let id_8: string;
+        export { id_8 as id };
+        let description_8: string;
+        export { description_8 as description };
+        let defaultMessage_8: string;
+        export { defaultMessage_8 as defaultMessage };
+    }
+    namespace viewCredit {
+        let id_9: string;
+        export { id_9 as id };
+        let description_9: string;
+        export { description_9 as description };
+        let defaultMessage_9: string;
+        export { defaultMessage_9 as defaultMessage };
+    }
+    namespace viewDetails {
+        let id_10: string;
+        export { id_10 as id };
+        let description_10: string;
+        export { description_10 as description };
+        let defaultMessage_10: string;
+        export { defaultMessage_10 as defaultMessage };
+    }
+}

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

@@ -0,0 +1,60 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    approved: {
+        id: 'learner-dash.courseCard.banners.credit.approved',
+        description: 'Message shown when credit request has been approved',
+        defaultMessage: '{congratulations} {providerName} has approved your request for course credit. To see your course credit, visit the {linkToProviderSite} website.',
+    },
+    congratulations: {
+        id: 'learner-dash.courseCard.banners.credit.congratulations',
+        description: 'Congratulatory message for credit approval',
+        defaultMessage: 'Congratulations!',
+    },
+    eligible: {
+        id: 'learner-dash.courseCard.banners.credit.eligible',
+        description: 'Message shown when user is eligible to purchase course credit',
+        defaultMessage: 'You have completed this course and are eligible to purchase course credit.  Select {getCredit} to get started.',
+    },
+    eligibleFromProvider: {
+        id: 'learner-dash.courseCard.banners.credit.eligibleFromProvider',
+        description: 'Message shown when user is eligible for credit from a specific provider',
+        defaultMessage: 'You are now eligible for credit from {providerName}. Congratulations!',
+    },
+    getCredit: {
+        id: 'learner-dash.courseCard.banners.credit.getCredit',
+        description: 'Button text for initiating the credit process',
+        defaultMessage: 'Get Credit',
+    },
+    mustRequest: {
+        id: 'learner-dash.courseCard.banners.credit.mustRequest',
+        description: 'Message shown after payment to instruct user to request credit',
+        defaultMessage: 'Thank you for your payment.  To receive course credit, you must request credit at the {linkToProviderSite} website.  Select {requestCredit} to get started',
+    },
+    received: {
+        id: 'learner-dash.courseCard.banners.credit.received',
+        description: 'Message shown when credit request has been received',
+        defaultMessage: '{providerName} has received your course credit request.  We will update you when credit processing is complete.',
+    },
+    rejected: {
+        id: 'learner-dash.courseCard.banners.credit.rejected',
+        description: 'Message shown when credit request has been rejected',
+        defaultMessage: '{providerName} did not approve your request for course credit.  For more information, contact {linkToProviderSite} directly.',
+    },
+    requestCredit: {
+        id: 'learner-dash.courseCard.banners.credit.requestCredit',
+        description: 'Button text for requesting credit',
+        defaultMessage: 'Request Credit',
+    },
+    viewCredit: {
+        id: 'learner-dash.courseCard.banners.credit.viewCredit',
+        description: 'Button text for viewing credit details',
+        defaultMessage: 'View Credit',
+    },
+    viewDetails: {
+        id: 'learner-dash.courseCard.banners.credit.viewDetails',
+        description: 'Button text for viewing credit request details',
+        defaultMessage: 'View Details',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../../../src/containers/CourseCard/components/CourseCardBanners/CreditBanner/views/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,QAAQ,EAAE;QACR,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,qDAAqD;QAClE,cAAc,EAAE,kJAAkJ;KACnK;IACD,eAAe,EAAE;QACf,EAAE,EAAE,wDAAwD;QAC5D,WAAW,EAAE,4CAA4C;QACzD,cAAc,EAAE,kBAAkB;KACnC;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,+DAA+D;QAC5E,cAAc,EAAE,gHAAgH;KACjI;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,6DAA6D;QACjE,WAAW,EAAE,yEAAyE;QACtF,cAAc,EAAE,uEAAuE;KACxF;IACD,SAAS,EAAE;QACT,EAAE,EAAE,kDAAkD;QACtD,WAAW,EAAE,+CAA+C;QAC5D,cAAc,EAAE,YAAY;KAC7B;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oDAAoD;QACxD,WAAW,EAAE,gEAAgE;QAC7E,cAAc,EAAE,4JAA4J;KAC7K;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,qDAAqD;QAClE,cAAc,EAAE,iHAAiH;KAClI;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,qDAAqD;QAClE,cAAc,EAAE,8HAA8H;KAC/I;IACD,aAAa,EAAE;QACb,EAAE,EAAE,sDAAsD;QAC1D,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,gBAAgB;KACjC;IACD,UAAU,EAAE;QACV,EAAE,EAAE,mDAAmD;QACvD,WAAW,EAAE,wCAAwC;QACrD,cAAc,EAAE,aAAa;KAC9B;IACD,WAAW,EAAE;QACX,EAAE,EAAE,oDAAoD;QACxD,WAAW,EAAE,gDAAgD;QAC7D,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  approved: {\n    id: 'learner-dash.courseCard.banners.credit.approved',\n    description: 'Message shown when credit request has been approved',\n    defaultMessage: '{congratulations} {providerName} has approved your request for course credit. To see your course credit, visit the {linkToProviderSite} website.',\n  },\n  congratulations: {\n    id: 'learner-dash.courseCard.banners.credit.congratulations',\n    description: 'Congratulatory message for credit approval',\n    defaultMessage: 'Congratulations!',\n  },\n  eligible: {\n    id: 'learner-dash.courseCard.banners.credit.eligible',\n    description: 'Message shown when user is eligible to purchase course credit',\n    defaultMessage: 'You have completed this course and are eligible to purchase course credit.  Select {getCredit} to get started.',\n  },\n  eligibleFromProvider: {\n    id: 'learner-dash.courseCard.banners.credit.eligibleFromProvider',\n    description: 'Message shown when user is eligible for credit from a specific provider',\n    defaultMessage: 'You are now eligible for credit from {providerName}. Congratulations!',\n  },\n  getCredit: {\n    id: 'learner-dash.courseCard.banners.credit.getCredit',\n    description: 'Button text for initiating the credit process',\n    defaultMessage: 'Get Credit',\n  },\n  mustRequest: {\n    id: 'learner-dash.courseCard.banners.credit.mustRequest',\n    description: 'Message shown after payment to instruct user to request credit',\n    defaultMessage: 'Thank you for your payment.  To receive course credit, you must request credit at the {linkToProviderSite} website.  Select {requestCredit} to get started',\n  },\n  received: {\n    id: 'learner-dash.courseCard.banners.credit.received',\n    description: 'Message shown when credit request has been received',\n    defaultMessage: '{providerName} has received your course credit request.  We will update you when credit processing is complete.',\n  },\n  rejected: {\n    id: 'learner-dash.courseCard.banners.credit.rejected',\n    description: 'Message shown when credit request has been rejected',\n    defaultMessage: '{providerName} did not approve your request for course credit.  For more information, contact {linkToProviderSite} directly.',\n  },\n  requestCredit: {\n    id: 'learner-dash.courseCard.banners.credit.requestCredit',\n    description: 'Button text for requesting credit',\n    defaultMessage: 'Request Credit',\n  },\n  viewCredit: {\n    id: 'learner-dash.courseCard.banners.credit.viewCredit',\n    description: 'Button text for viewing credit details',\n    defaultMessage: 'View Credit',\n  },\n  viewDetails: {\n    id: 'learner-dash.courseCard.banners.credit.viewDetails',\n    description: 'Button text for viewing credit request details',\n    defaultMessage: 'View Details',\n  },\n});\n\nexport default messages;\n"]}

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

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

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

@@ -0,0 +1,42 @@
+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 { Button, MailtoLink } from '@openedx/paragon';
+import { utilHooks, useCourseData, useEntitlementInfo } from '../../../../hooks';
+import { useSelectSessionModal } from '../../../../data/context';
+import Banner from '../../../../components/Banner';
+import { useInitializeLearnerHome } from '../../../../data/hooks';
+import messages from './messages';
+export const EntitlementBanner = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const { data: learnerHomeData } = useInitializeLearnerHome();
+    const courseData = useCourseData(cardId);
+    const { isEntitlement, hasSessions, isFulfilled, changeDeadline, showExpirationWarning, isExpired, } = useEntitlementInfo(courseData);
+    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 { updateSelectSessionModal } = useSelectSessionModal();
+    const formatDate = utilHooks.useFormatDate();
+    if (!isEntitlement) {
+        return null;
+    }
+    if (!hasSessions && !isFulfilled) {
+        return (_jsx(Banner, { variant: "warning", children: formatMessage(messages.entitlementUnavailable, {
+                emailLink: supportEmail && _jsx(MailtoLink, { to: supportEmail, children: supportEmail }),
+            }) }));
+    }
+    if (showExpirationWarning) {
+        return (_jsx(Banner, { children: formatMessage(messages.entitlementExpiringSoon, {
+                changeDeadline: formatDate(changeDeadline),
+                selectSessionButton: (_jsx(Button, { variant: "link", size: "inline", className: "m-0 p-0", onClick: () => updateSelectSessionModal(cardId), children: formatMessage(messages.selectSession) })),
+            }) }));
+    }
+    if (isExpired) {
+        return (_jsx(Banner, { children: formatMessage(messages.entitlementExpired) }));
+    }
+    return null;
+};
+EntitlementBanner.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default EntitlementBanner;
+//# sourceMappingURL=EntitlementBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntitlementBanner.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/EntitlementBanner.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;AACjD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAEzC,MAAM,EACJ,aAAa,EACb,WAAW,EACX,WAAW,EACX,cAAc,EACd,qBAAqB,EACrB,SAAS,GACV,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,WAAC,OAAA,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,gBAAgB,0CAAE,YAAY,CAAA,EAAA,EACrD,CAAC,eAAe,CAAC,CAClB,CAAC;IACF,MAAM,EAAE,wBAAwB,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAC7D,MAAM,UAAU,GAAG,SAAS,CAAC,aAAa,EAAE,CAAC;IAE7C,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,EAAE,CAAC;QACjC,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,YACtB,aAAa,CAAC,QAAQ,CAAC,sBAAsB,EAAE;gBAC9C,SAAS,EAAE,YAAY,IAAI,KAAC,UAAU,IAAC,EAAE,EAAE,YAAY,YAAG,YAAY,GAAc;aACrF,CAAC,GACK,CACV,CAAC;IACJ,CAAC;IACD,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,MAAM,cACJ,aAAa,CAAC,QAAQ,CAAC,uBAAuB,EAAE;gBAC/C,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC;gBAC1C,mBAAmB,EAAE,CACnB,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,MAAM,CAAC,YACrG,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,GAC/B,CACV;aACF,CAAC,GACK,CACV,CAAC;IACJ,CAAC;IACD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,CACL,KAAC,MAAM,cACJ,aAAa,CAAC,QAAQ,CAAC,kBAAkB,CAAC,GACpC,CACV,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AACF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport { Button, MailtoLink } from '@openedx/paragon';\n\nimport { utilHooks, useCourseData, useEntitlementInfo } from '@src/hooks';\nimport { useSelectSessionModal } from '@src/data/context';\nimport Banner from '@src/components/Banner';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\n\nimport messages from './messages';\n\nexport const EntitlementBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { data: learnerHomeData } = useInitializeLearnerHome();\n  const courseData = useCourseData(cardId);\n\n  const {\n    isEntitlement,\n    hasSessions,\n    isFulfilled,\n    changeDeadline,\n    showExpirationWarning,\n    isExpired,\n  } = useEntitlementInfo(courseData);\n  const supportEmail = useMemo(\n    () => learnerHomeData?.platformSettings?.supportEmail,\n    [learnerHomeData],\n  );\n  const { updateSelectSessionModal } = useSelectSessionModal();\n  const formatDate = utilHooks.useFormatDate();\n\n  if (!isEntitlement) {\n    return null;\n  }\n\n  if (!hasSessions && !isFulfilled) {\n    return (\n      <Banner variant=\"warning\">\n        {formatMessage(messages.entitlementUnavailable, {\n          emailLink: supportEmail && <MailtoLink to={supportEmail}>{supportEmail}</MailtoLink>,\n        })}\n      </Banner>\n    );\n  }\n  if (showExpirationWarning) {\n    return (\n      <Banner>\n        {formatMessage(messages.entitlementExpiringSoon, {\n          changeDeadline: formatDate(changeDeadline),\n          selectSessionButton: (\n            <Button variant=\"link\" size=\"inline\" className=\"m-0 p-0\" onClick={() => updateSelectSessionModal(cardId)}>\n              {formatMessage(messages.selectSession)}\n            </Button>\n          ),\n        })}\n      </Banner>\n    );\n  }\n  if (isExpired) {\n    return (\n      <Banner>\n        {formatMessage(messages.entitlementExpired)}\n      </Banner>\n    );\n  }\n  return null;\n};\nEntitlementBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default EntitlementBanner;\n"]}

package/dist/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/ProgramsList.d.ts

@@ -0,0 +1,13 @@
+export function ProgramsList({ programs }: {
+    programs: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace ProgramsList {
+    namespace propTypes {
+        let programs: PropTypes.Validator<(PropTypes.InferProps<{
+            programUrl: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+        }> | null | undefined)[]>;
+    }
+}
+export default ProgramsList;
+import PropTypes from 'prop-types';

package/dist/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/ProgramsList.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+export const ProgramsList = ({ programs }) => (_jsx("ul", { className: "related-programs-list-container", children: programs.map((program) => (_jsx("li", { className: "my-2", children: _jsx("a", { href: program.programUrl, children: program.title }) }, program.programUrl))) }));
+ProgramsList.propTypes = {
+    programs: PropTypes.arrayOf(PropTypes.shape({
+        programUrl: PropTypes.string,
+        title: PropTypes.string,
+    })).isRequired,
+};
+export default ProgramsList;
+//# sourceMappingURL=ProgramsList.js.map

package/dist/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/ProgramsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramsList.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/ProgramsList.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC5C,aAAI,SAAS,EAAC,iCAAiC,YAC5C,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACzB,aAA6B,SAAS,EAAC,MAAM,YAC3C,YAAG,IAAI,EAAE,OAAO,CAAC,UAAU,YAAG,OAAO,CAAC,KAAK,GAAK,IADzC,OAAO,CAAC,UAAU,CAEtB,CACN,CAAC,GACC,CACN,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,OAAO,CACzB,SAAS,CAAC,KAAK,CAAC;QACd,UAAU,EAAE,SAAS,CAAC,MAAM;QAC5B,KAAK,EAAE,SAAS,CAAC,MAAM;KACxB,CAAC,CACH,CAAC,UAAU;CACb,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const ProgramsList = ({ programs }) => (\n  <ul className=\"related-programs-list-container\">\n    {programs.map((program) => (\n      <li key={program.programUrl} className=\"my-2\">\n        <a href={program.programUrl}>{program.title}</a>\n      </li>\n    ))}\n  </ul>\n);\n\nProgramsList.propTypes = {\n  programs: PropTypes.arrayOf(\n    PropTypes.shape({\n      programUrl: PropTypes.string,\n      title: PropTypes.string,\n    }),\n  ).isRequired,\n};\n\nexport default ProgramsList;\n"]}

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

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

package/dist/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/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 { Program } from '@openedx/paragon/icons';
+import { useIntl } from '@openedx/frontend-base';
+import { useCourseData } from '../../../../../hooks';
+import Banner from '../../../../../components/Banner';
+import ProgramList from './ProgramsList';
+import messages from './messages';
+export const RelatedProgramsBanner = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const programData = courseData === null || courseData === void 0 ? void 0 : courseData.programs;
+    if (!courseData || !(programData === null || programData === void 0 ? void 0 : programData.relatedPrograms.length)) {
+        return null;
+    }
+    return (_jsxs(Banner, { icon: Program, className: "bg-white border-top border-bottom mb-0 related-programs-banner", children: [_jsx("span", { className: "font-weight-bolder", children: formatMessage(messages.relatedPrograms) }), _jsx(ProgramList, { programs: programData.relatedPrograms })] }));
+};
+RelatedProgramsBanner.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default RelatedProgramsBanner;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAE5C,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAClD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC;IAEzC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAC,MAAM,CAAA,EAAE,CAAC;QACxD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,MAAC,MAAM,IACL,IAAI,EAAE,OAAO,EACb,SAAS,EAAC,gEAAgE,aAE1E,eAAM,SAAS,EAAC,oBAAoB,YACjC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,GACnC,EACP,KAAC,WAAW,IAAC,QAAQ,EAAE,WAAW,CAAC,eAAe,GAAI,IAC/C,CACV,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,SAAS,GAAG;IAChC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Program } from '@openedx/paragon/icons';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useCourseData } from '@src/hooks';\nimport Banner from '@src/components/Banner';\n\nimport ProgramList from './ProgramsList';\nimport messages from './messages';\n\nexport const RelatedProgramsBanner = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const programData = courseData?.programs;\n\n  if (!courseData || !programData?.relatedPrograms.length) {\n    return null;\n  }\n\n  return (\n    <Banner\n      icon={Program}\n      className=\"bg-white border-top border-bottom mb-0 related-programs-banner\"\n    >\n      <span className=\"font-weight-bolder\">\n        {formatMessage(messages.relatedPrograms)}\n      </span>\n      <ProgramList programs={programData.relatedPrograms} />\n    </Banner>\n  );\n};\nRelatedProgramsBanner.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default RelatedProgramsBanner;\n"]}

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

@@ -0,0 +1,40 @@
+export default messages;
+declare namespace messages {
+    namespace relatedPrograms {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace expandBanner {
+        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 };
+    }
+    namespace expandBannerAlt {
+        let id_2: string;
+        export { id_2 as id };
+        let description_2: string;
+        export { description_2 as description };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+    }
+    namespace collapseBanner {
+        let id_3: string;
+        export { id_3 as id };
+        let description_3: string;
+        export { description_3 as description };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+    }
+    namespace collapseBannerAlt {
+        let id_4: string;
+        export { id_4 as id };
+        let description_4: string;
+        export { description_4 as description };
+        let defaultMessage_4: string;
+        export { defaultMessage_4 as defaultMessage };
+    }
+}

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

@@ -0,0 +1,30 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    relatedPrograms: {
+        id: 'learner-dash.courseCard.banners.relatedPrograms',
+        description: 'title for related programs banner',
+        defaultMessage: 'Related Programs: ',
+    },
+    expandBanner: {
+        id: 'learner-dash.courseCard.banners.expandBanner',
+        description: 'expand banner button text',
+        defaultMessage: 'More',
+    },
+    expandBannerAlt: {
+        id: 'learner-dash.courseCard.banners.expandBannerAlt',
+        description: 'expand banner button alt text',
+        defaultMessage: 'Expand banner icon',
+    },
+    collapseBanner: {
+        id: 'learner-dash.courseCard.banners.collapseBanner',
+        description: 'collapse banner button text',
+        defaultMessage: 'Less',
+    },
+    collapseBannerAlt: {
+        id: 'learner-dash.courseCard.banners.collapseBannerAlt',
+        description: 'collapse banner button alt text',
+        defaultMessage: 'Collapse banner icon',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../../src/containers/CourseCard/components/CourseCardBanners/RelatedProgramsBanner/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,oBAAoB;KACrC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,8CAA8C;QAClD,WAAW,EAAE,2BAA2B;QACxC,cAAc,EAAE,MAAM;KACvB;IACD,eAAe,EAAE;QACf,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,+BAA+B;QAC5C,cAAc,EAAE,oBAAoB;KACrC;IACD,cAAc,EAAE;QACd,EAAE,EAAE,gDAAgD;QACpD,WAAW,EAAE,6BAA6B;QAC1C,cAAc,EAAE,MAAM;KACvB;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,mDAAmD;QACvD,WAAW,EAAE,iCAAiC;QAC9C,cAAc,EAAE,sBAAsB;KACvC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  relatedPrograms: {\n    id: 'learner-dash.courseCard.banners.relatedPrograms',\n    description: 'title for related programs banner',\n    defaultMessage: 'Related Programs: ',\n  },\n  expandBanner: {\n    id: 'learner-dash.courseCard.banners.expandBanner',\n    description: 'expand banner button text',\n    defaultMessage: 'More',\n  },\n  expandBannerAlt: {\n    id: 'learner-dash.courseCard.banners.expandBannerAlt',\n    description: 'expand banner button alt text',\n    defaultMessage: 'Expand banner icon',\n  },\n  collapseBanner: {\n    id: 'learner-dash.courseCard.banners.collapseBanner',\n    description: 'collapse banner button text',\n    defaultMessage: 'Less',\n  },\n  collapseBannerAlt: {\n    id: 'learner-dash.courseCard.banners.collapseBannerAlt',\n    description: 'collapse banner button alt text',\n    defaultMessage: 'Collapse banner icon',\n  },\n});\n\nexport default messages;\n"]}

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

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

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useCourseData } from '../../../../hooks';
+import CourseBannerSlot from '../../../../slots/CourseBannerSlot';
+import CertificateBanner from './CertificateBanner';
+import CreditBanner from './CreditBanner';
+import EntitlementBanner from './EntitlementBanner';
+import RelatedProgramsBanner from './RelatedProgramsBanner';
+export const CourseCardBanners = ({ cardId }) => {
+    const courseData = useCourseData(cardId);
+    if (!courseData) {
+        return null;
+    }
+    const { isEnrolled = false } = courseData.enrollment;
+    return (_jsxs("div", { className: "course-card-banners", "data-testid": "CourseCardBanners", children: [_jsx(RelatedProgramsBanner, { cardId: cardId }), _jsx(CourseBannerSlot, { cardId: cardId }), _jsx(EntitlementBanner, { cardId: cardId }), isEnrolled && _jsx(CertificateBanner, { cardId: cardId }), isEnrolled && _jsx(CreditBanner, { cardId: cardId })] }));
+};
+CourseCardBanners.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CourseCardBanners;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAC3D,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAE5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC;IACrD,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,iBAAa,mBAAmB,aAClE,KAAC,qBAAqB,IAAC,MAAM,EAAE,MAAM,GAAI,EACzC,KAAC,gBAAgB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACpC,UAAU,IAAI,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACnD,UAAU,IAAI,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,IAC3C,CACP,CAAC;AACJ,CAAC,CAAC;AACF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useCourseData } from '@src/hooks';\n\nimport CourseBannerSlot from '@src/slots/CourseBannerSlot';\nimport CertificateBanner from './CertificateBanner';\nimport CreditBanner from './CreditBanner';\nimport EntitlementBanner from './EntitlementBanner';\nimport RelatedProgramsBanner from './RelatedProgramsBanner';\n\nexport const CourseCardBanners = ({ cardId }) => {\n  const courseData = useCourseData(cardId);\n  if (!courseData) {\n    return null;\n  }\n  const { isEnrolled = false } = courseData.enrollment;\n  return (\n    <div className=\"course-card-banners\" data-testid=\"CourseCardBanners\">\n      <RelatedProgramsBanner cardId={cardId} />\n      <CourseBannerSlot cardId={cardId} />\n      <EntitlementBanner cardId={cardId} />\n      {isEnrolled && <CertificateBanner cardId={cardId} />}\n      {isEnrolled && <CreditBanner cardId={cardId} />}\n    </div>\n  );\n};\nCourseCardBanners.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseCardBanners;\n"]}