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

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

@@ -0,0 +1,48 @@
+export default messages;
+declare namespace messages {
+    namespace unenroll {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace dropdownAlt {
+        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 emailSettings {
+        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 shareToFacebook {
+        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 shareToTwitter {
+        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 shareQuote {
+        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 };
+    }
+}

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

@@ -0,0 +1,35 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    unenroll: {
+        id: 'learner-dash.courseCardMenu.unenroll',
+        description: 'Course unenroll menu button',
+        defaultMessage: 'Unenroll',
+    },
+    dropdownAlt: {
+        id: 'learner-dash.courseCardMenu.dropdownAlt',
+        description: 'Course action menu alt-text',
+        defaultMessage: 'Course actions dropdown',
+    },
+    emailSettings: {
+        id: 'learner-dash.courseCardMenu.emailSettings',
+        description: 'Course email settings menu button',
+        defaultMessage: 'Email settings',
+    },
+    shareToFacebook: {
+        id: 'learner-dash.courseCardMenu.shareToFacebook',
+        description: 'Course Facebook Sharing button',
+        defaultMessage: 'Share to Facebook',
+    },
+    shareToTwitter: {
+        id: 'learner-dash.courseCardMenu.shareToTwitter',
+        description: 'Course Twitter Sharing button',
+        defaultMessage: 'Share to Twitter',
+    },
+    shareQuote: {
+        id: 'learner-dash.courseCardMenu.shareQuote',
+        description: 'Social sharing quote',
+        defaultMessage: 'I\'m taking {courseName} online with {socialBrand}.  Check it out!',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardMenu/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,QAAQ,EAAE;QACR,EAAE,EAAE,sCAAsC;QAC1C,WAAW,EAAE,6BAA6B;QAC1C,cAAc,EAAE,UAAU;KAC3B;IACD,WAAW,EAAE;QACX,EAAE,EAAE,yCAAyC;QAC7C,WAAW,EAAE,6BAA6B;QAC1C,cAAc,EAAE,yBAAyB;KAC1C;IACD,aAAa,EAAE;QACb,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,gBAAgB;KACjC;IACD,eAAe,EAAE;QACf,EAAE,EAAE,6CAA6C;QACjD,WAAW,EAAE,gCAAgC;QAC7C,cAAc,EAAE,mBAAmB;KACpC;IACD,cAAc,EAAE;QACd,EAAE,EAAE,4CAA4C;QAChD,WAAW,EAAE,+BAA+B;QAC5C,cAAc,EAAE,kBAAkB;KACnC;IACD,UAAU,EAAE;QACV,EAAE,EAAE,wCAAwC;QAC5C,WAAW,EAAE,sBAAsB;QACnC,cAAc,EAAE,oEAAoE;KACrF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  unenroll: {\n    id: 'learner-dash.courseCardMenu.unenroll',\n    description: 'Course unenroll menu button',\n    defaultMessage: 'Unenroll',\n  },\n  dropdownAlt: {\n    id: 'learner-dash.courseCardMenu.dropdownAlt',\n    description: 'Course action menu alt-text',\n    defaultMessage: 'Course actions dropdown',\n  },\n  emailSettings: {\n    id: 'learner-dash.courseCardMenu.emailSettings',\n    description: 'Course email settings menu button',\n    defaultMessage: 'Email settings',\n  },\n  shareToFacebook: {\n    id: 'learner-dash.courseCardMenu.shareToFacebook',\n    description: 'Course Facebook Sharing button',\n    defaultMessage: 'Share to Facebook',\n  },\n  shareToTwitter: {\n    id: 'learner-dash.courseCardMenu.shareToTwitter',\n    description: 'Course Twitter Sharing button',\n    defaultMessage: 'Share to Twitter',\n  },\n  shareQuote: {\n    id: 'learner-dash.courseCardMenu.shareQuote',\n    description: 'Social sharing quote',\n    defaultMessage: 'I\\'m taking {courseName} online with {socialBrand}.  Check it out!',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CourseCard/components/CourseCardTitle.d.ts

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

package/dist/containers/CourseCard/components/CourseCardTitle.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import track from '../../../tracking';
+import { reduxHooks } from '../../../hooks';
+import useActionDisabledState from './hooks';
+const { courseTitleClicked } = track.course;
+export const CourseCardTitle = ({ cardId }) => {
+    const { courseName } = reduxHooks.useCardCourseData(cardId);
+    const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);
+    const handleTitleClicked = reduxHooks.useTrackCourseEvent(courseTitleClicked, cardId, homeUrl);
+    const { disableCourseTitle } = useActionDisabledState(cardId);
+    return (_jsx("h3", { children: disableCourseTitle ? (_jsx("span", { className: "course-card-title", "data-testid": "CourseCardTitle", children: courseName })) : (_jsx("a", { href: homeUrl, className: "course-card-title", "data-testid": "CourseCardTitle", onClick: handleTitleClicked, children: courseName })) }));
+};
+CourseCardTitle.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+CourseCardTitle.defaultProps = {};
+export default CourseCardTitle;
+//# sourceMappingURL=CourseCardTitle.js.map

package/dist/containers/CourseCard/components/CourseCardTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseCardTitle.js","sourceRoot":"","sources":["../../../../src/containers/CourseCard/components/CourseCardTitle.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,KAAK,MAAM,mBAAmB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,sBAAsB,MAAM,SAAS,CAAC;AAE7C,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC5C,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAC5D,MAAM,kBAAkB,GAAG,UAAU,CAAC,mBAAmB,CACvD,kBAAkB,EAClB,MAAM,EACN,OAAO,CACR,CAAC;IACF,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC9D,OAAO,CACL,uBACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,eAAM,SAAS,EAAC,mBAAmB,iBAAa,iBAAiB,YAAE,UAAU,GAAQ,CACtF,CAAC,CAAC,CAAC,CACF,YACE,IAAI,EAAE,OAAO,EACb,SAAS,EAAC,mBAAmB,iBACjB,iBAAiB,EAC7B,OAAO,EAAE,kBAAkB,YAE1B,UAAU,GACT,CACL,GACE,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC;AAElC,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport track from '../../../tracking';\nimport { reduxHooks } from '../../../hooks';\nimport useActionDisabledState from './hooks';\n\nconst { courseTitleClicked } = track.course;\n\nexport const CourseCardTitle = ({ cardId }) => {\n  const { courseName } = reduxHooks.useCardCourseData(cardId);\n  const { homeUrl } = reduxHooks.useCardCourseRunData(cardId);\n  const handleTitleClicked = reduxHooks.useTrackCourseEvent(\n    courseTitleClicked,\n    cardId,\n    homeUrl,\n  );\n  const { disableCourseTitle } = useActionDisabledState(cardId);\n  return (\n    <h3>\n      {disableCourseTitle ? (\n        <span className=\"course-card-title\" data-testid=\"CourseCardTitle\">{courseName}</span>\n      ) : (\n        <a\n          href={homeUrl}\n          className=\"course-card-title\"\n          data-testid=\"CourseCardTitle\"\n          onClick={handleTitleClicked}\n        >\n          {courseName}\n        </a>\n      )}\n    </h3>\n  );\n};\n\nCourseCardTitle.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nCourseCardTitle.defaultProps = {};\n\nexport default CourseCardTitle;\n"]}

package/dist/containers/CourseCard/components/RelatedProgramsBadge/hooks.d.ts

@@ -0,0 +1,11 @@
+export const state: any;
+export function useRelatedProgramsBadgeData({ cardId }: {
+    cardId: any;
+}): {
+    numPrograms: any;
+    programsMessage: string;
+    isOpen: any;
+    openModal: () => any;
+    closeModal: () => any;
+};
+export default module.useRelatedProgramsBadgeData;

package/dist/containers/CourseCard/components/RelatedProgramsBadge/hooks.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { useIntl } from '@openedx/frontend-base';
+import { StrictDict } from '../../../../utils';
+import { reduxHooks } from '../../../../hooks';
+import messages from './messages';
+import * as module from './hooks';
+export const state = StrictDict({
+    isOpen: (val) => React.useState(val), // eslint-disable-line
+});
+export const useRelatedProgramsBadgeData = ({ cardId }) => {
+    const [isOpen, setIsOpen] = module.state.isOpen(false);
+    const { formatMessage } = useIntl();
+    const numPrograms = reduxHooks.useCardRelatedProgramsData(cardId).length;
+    let programsMessage = '';
+    if (numPrograms) {
+        programsMessage = formatMessage(numPrograms === 1 ? messages.badgeLabelSingular : messages.badgeLabelPlural, { numPrograms });
+    }
+    return {
+        numPrograms,
+        programsMessage,
+        isOpen,
+        openModal: () => setIsOpen(true),
+        closeModal: () => setIsOpen(false),
+    };
+};
+export default useRelatedProgramsBadgeData;
+//# sourceMappingURL=hooks.js.map

package/dist/containers/CourseCard/components/RelatedProgramsBadge/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/RelatedProgramsBadge/hooks.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAC7D,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,UAAU,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;IACzE,IAAI,eAAe,GAAG,EAAE,CAAC;IACzB,IAAI,WAAW,EAAE,CAAC;QAChB,eAAe,GAAG,aAAa,CAC7B,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAC3E,EAAE,WAAW,EAAE,CAChB,CAAC;IACJ,CAAC;IAED,OAAO;QACL,WAAW;QACX,eAAe;QACf,MAAM;QACN,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;QAChC,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC;KACnC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { StrictDict } from '@src/utils';\nimport { reduxHooks } from '@src/hooks';\n\nimport messages from './messages';\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  isOpen: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const useRelatedProgramsBadgeData = ({ cardId }) => {\n  const [isOpen, setIsOpen] = module.state.isOpen(false);\n  const { formatMessage } = useIntl();\n  const numPrograms = reduxHooks.useCardRelatedProgramsData(cardId).length;\n  let programsMessage = '';\n  if (numPrograms) {\n    programsMessage = formatMessage(\n      numPrograms === 1 ? messages.badgeLabelSingular : messages.badgeLabelPlural,\n      { numPrograms },\n    );\n  }\n\n  return {\n    numPrograms,\n    programsMessage,\n    isOpen,\n    openModal: () => setIsOpen(true),\n    closeModal: () => setIsOpen(false),\n  };\n};\n\nexport default useRelatedProgramsBadgeData;\n"]}

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

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

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable quotes */
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button, Icon } from '@openedx/paragon';
+import { Program } from '@openedx/paragon/icons';
+import RelatedProgramsBadgeModal from '../../../../containers/RelatedProgramsModal';
+import useRelatedProgramsBadgeData from './hooks';
+export const RelatedProgramsBadge = ({ cardId }) => {
+    const { isOpen, openModal, closeModal, numPrograms, programsMessage, } = useRelatedProgramsBadgeData({ cardId });
+    if (numPrograms === 0) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { "data-testid": "RelatedProgramsBadge", className: "pl-0 mr-0 justify-content-start align-self-start flex-shrink-1", variant: "tertiary", size: "sm", onClick: openModal, children: [_jsx(Icon, { src: Program, className: "mr-2 pr-0" }), " ", programsMessage] }), _jsx(RelatedProgramsBadgeModal, { isOpen, closeModal, cardId })] }));
+};
+RelatedProgramsBadge.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default RelatedProgramsBadge;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/RelatedProgramsBadge/index.jsx"],"names":[],"mappings":";AAAA,2BAA2B;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,yBAAyB,MAAM,sCAAsC,CAAC;AAC7E,OAAO,2BAA2B,MAAM,SAAS,CAAC;AAElD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACjD,MAAM,EACJ,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,GAC5D,GAAG,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAE5C,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BACE,MAAC,MAAM,mBACO,sBAAsB,EAClC,SAAS,EAAC,gEAAgE,EAC1E,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,SAAS,aAElB,KAAC,IAAI,IAAC,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,WAAW,GAAG,OAAE,eAAe,IACtD,EACT,KAAC,yBAAyB,IAAO,MAAM,EAAE,UAAU,EAAE,MAAM,GAAM,IAChE,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,SAAS,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["/* eslint-disable quotes */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button, Icon } from '@openedx/paragon';\nimport { Program } from '@openedx/paragon/icons';\n\nimport RelatedProgramsBadgeModal from '@src/containers/RelatedProgramsModal';\nimport useRelatedProgramsBadgeData from './hooks';\n\nexport const RelatedProgramsBadge = ({ cardId }) => {\n  const {\n    isOpen, openModal, closeModal, numPrograms, programsMessage,\n  } = useRelatedProgramsBadgeData({ cardId });\n\n  if (numPrograms === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        data-testid=\"RelatedProgramsBadge\"\n        className=\"pl-0 mr-0 justify-content-start align-self-start flex-shrink-1\"\n        variant=\"tertiary\"\n        size=\"sm\"\n        onClick={openModal}\n      >\n        <Icon src={Program} className=\"mr-2 pr-0\" /> {programsMessage}\n      </Button>\n      <RelatedProgramsBadgeModal {...{ isOpen, closeModal, cardId }} />\n    </>\n  );\n};\nRelatedProgramsBadge.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default RelatedProgramsBadge;\n"]}

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

@@ -0,0 +1,16 @@
+export namespace messages {
+    namespace badgeLabelPlural {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace badgeLabelSingular {
+        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 };
+    }
+}
+export default messages;

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

@@ -0,0 +1,14 @@
+export const messages = {
+    badgeLabelPlural: {
+        id: 'learner-dash.courseCard.relatedProgramsBadge.label.plural',
+        description: 'Label test indicating number of related programs for a course card',
+        defaultMessage: '{numPrograms} Related Programs',
+    },
+    badgeLabelSingular: {
+        id: 'learner-dash.courseCard.relatedProgramsBadge.label.singular',
+        description: 'Label test indicating a single related program for a course card',
+        defaultMessage: '{numPrograms} Related Program',
+    },
+};
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/RelatedProgramsBadge/messages.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,gBAAgB,EAAE;QAChB,EAAE,EAAE,2DAA2D;QAC/D,WAAW,EAAE,oEAAoE;QACjF,cAAc,EAAE,gCAAgC;KACjD;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,6DAA6D;QACjE,WAAW,EAAE,kEAAkE;QAC/E,cAAc,EAAE,+BAA+B;KAChD;CACF,CAAC;AACF,eAAe,QAAQ,CAAC","sourcesContent":["export const messages = {\n  badgeLabelPlural: {\n    id: 'learner-dash.courseCard.relatedProgramsBadge.label.plural',\n    description: 'Label test indicating number of related programs for a course card',\n    defaultMessage: '{numPrograms} Related Programs',\n  },\n  badgeLabelSingular: {\n    id: 'learner-dash.courseCard.relatedProgramsBadge.label.singular',\n    description: 'Label test indicating a single related program for a course card',\n    defaultMessage: '{numPrograms} Related Program',\n  },\n};\nexport default messages;\n"]}

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

@@ -0,0 +1,8 @@
+export function useActionDisabledState(cardId: any): {
+    disableBeginCourse: any;
+    disableResumeCourse: any;
+    disableViewCourse: any;
+    disableSelectSession: any;
+    disableCourseTitle: any;
+};
+export default useActionDisabledState;

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

@@ -0,0 +1,23 @@
+import { useContext } from 'react';
+import MasqueradeUserContext from '../../../data/contexts/MasqueradeUserContext';
+import { reduxHooks } from '../../../hooks';
+export const useActionDisabledState = (cardId) => {
+    const { isMasquerading } = useContext(MasqueradeUserContext);
+    const { hasAccess, isAudit, isAuditAccessExpired, } = reduxHooks.useCardEnrollmentData(cardId);
+    const { isEntitlement, isFulfilled, canChange, hasSessions, } = reduxHooks.useCardEntitlementData(cardId);
+    const { resumeUrl, homeUrl } = reduxHooks.useCardCourseRunData(cardId);
+    const disableBeginCourse = !homeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));
+    const disableResumeCourse = !resumeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));
+    const disableViewCourse = !hasAccess || (isAudit && isAuditAccessExpired);
+    const disableSelectSession = !isEntitlement || isMasquerading || !hasAccess || (!canChange || !hasSessions);
+    const disableCourseTitle = (isEntitlement && !isFulfilled) || disableViewCourse;
+    return {
+        disableBeginCourse,
+        disableResumeCourse,
+        disableViewCourse,
+        disableSelectSession,
+        disableCourseTitle,
+    };
+};
+export default useActionDisabledState;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/containers/CourseCard/components/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAM,EAAE,EAAE;IAC/C,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7D,MAAM,EACJ,SAAS,EAAE,OAAO,EAAE,oBAAoB,GACzC,GAAG,UAAU,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC7C,MAAM,EACJ,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,GACnD,GAAG,UAAU,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAE9C,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;IAEvE,MAAM,kBAAkB,GAAG,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,oBAAoB,CAAC,CAAC,CAAC;IAC3G,MAAM,mBAAmB,GAAG,CAAC,SAAS,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,oBAAoB,CAAC,CAAC,CAAC;IAC9G,MAAM,iBAAiB,GAAG,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,oBAAoB,CAAC,CAAC;IAC1E,MAAM,oBAAoB,GAAG,CAAC,aAAa,IAAI,cAAc,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,WAAW,CAAC,CAAC;IAE5G,MAAM,kBAAkB,GAAG,CAAC,aAAa,IAAI,CAAC,WAAW,CAAC,IAAI,iBAAiB,CAAC;IAEhF,OAAO;QACL,kBAAkB;QAClB,mBAAmB;QACnB,iBAAiB;QACjB,oBAAoB;QACpB,kBAAkB;KACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { useContext } from 'react';\n\nimport MasqueradeUserContext from '../../../data/contexts/MasqueradeUserContext';\nimport { reduxHooks } from '../../../hooks';\n\nexport const useActionDisabledState = (cardId) => {\n  const { isMasquerading } = useContext(MasqueradeUserContext);\n  const {\n    hasAccess, isAudit, isAuditAccessExpired,\n  } = reduxHooks.useCardEnrollmentData(cardId);\n  const {\n    isEntitlement, isFulfilled, canChange, hasSessions,\n  } = reduxHooks.useCardEntitlementData(cardId);\n\n  const { resumeUrl, homeUrl } = reduxHooks.useCardCourseRunData(cardId);\n\n  const disableBeginCourse = !homeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));\n  const disableResumeCourse = !resumeUrl || (isMasquerading || !hasAccess || (isAudit && isAuditAccessExpired));\n  const disableViewCourse = !hasAccess || (isAudit && isAuditAccessExpired);\n  const disableSelectSession = !isEntitlement || isMasquerading || !hasAccess || (!canChange || !hasSessions);\n\n  const disableCourseTitle = (isEntitlement && !isFulfilled) || disableViewCourse;\n\n  return {\n    disableBeginCourse,\n    disableResumeCourse,\n    disableViewCourse,\n    disableSelectSession,\n    disableCourseTitle,\n  };\n};\n\nexport default useActionDisabledState;\n"]}

package/dist/containers/CourseCard/hooks.d.ts

@@ -0,0 +1,13 @@
+export function useIsCollapsed(): boolean;
+export function useCardData({ cardId }: {
+    cardId: any;
+}): {
+    isEnrolled: any;
+    title: any;
+    bannerImgSrc: any;
+    formatMessage: {
+        (this: void, descriptor: import("react-intl").MessageDescriptor, values?: Record<string, import("intl-messageformat").PrimitiveType | import("intl-messageformat").FormatXMLElementFn<string, string>>, opts?: import("intl-messageformat").Options): string;
+        (this: void, descriptor: import("react-intl").MessageDescriptor, values?: Record<string, React.ReactNode | import("intl-messageformat").PrimitiveType | import("intl-messageformat").FormatXMLElementFn<string, React.ReactNode>>, opts?: import("intl-messageformat").Options): Array<React.ReactNode>;
+    };
+};
+export default useCardData;

package/dist/containers/CourseCard/hooks.js

@@ -0,0 +1,20 @@
+import { useIntl } from '@openedx/frontend-base';
+import { useWindowSize, breakpoints } from '@openedx/paragon';
+import { reduxHooks } from '../../hooks';
+export const useIsCollapsed = () => {
+    const { width } = useWindowSize();
+    return width < breakpoints.small.maxWidth;
+};
+export const useCardData = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const { title, bannerImgSrc } = reduxHooks.useCardCourseData(cardId);
+    const { isEnrolled } = reduxHooks.useCardEnrollmentData(cardId);
+    return {
+        isEnrolled,
+        title,
+        bannerImgSrc,
+        formatMessage,
+    };
+};
+export default useCardData;
+//# sourceMappingURL=hooks.js.map

package/dist/containers/CourseCard/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/containers/CourseCard/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAClC,OAAO,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACrE,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAEhE,OAAO;QACL,UAAU;QACV,KAAK;QACL,YAAY;QACZ,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { useWindowSize, breakpoints } from '@openedx/paragon';\nimport { reduxHooks } from '../../hooks';\n\nexport const useIsCollapsed = () => {\n  const { width } = useWindowSize();\n  return width < breakpoints.small.maxWidth;\n};\n\nexport const useCardData = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const { title, bannerImgSrc } = reduxHooks.useCardCourseData(cardId);\n  const { isEnrolled } = reduxHooks.useCardEnrollmentData(cardId);\n\n  return {\n    isEnrolled,\n    title,\n    bannerImgSrc,\n    formatMessage,\n  };\n};\n\nexport default useCardData;\n"]}

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

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

package/dist/containers/CourseCard/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 { Card } from '@openedx/paragon';
+import { useIsCollapsed } from './hooks';
+import CourseCardBanners from './components/CourseCardBanners';
+import CourseCardImage from './components/CourseCardImage';
+import CourseCardMenu from './components/CourseCardMenu';
+import CourseCardActions from './components/CourseCardActions';
+import CourseCardDetails from './components/CourseCardDetails';
+import CourseCardTitle from './components/CourseCardTitle';
+import './CourseCard.scss';
+export const CourseCard = ({ cardId, }) => {
+    const isCollapsed = useIsCollapsed();
+    const orientation = isCollapsed ? 'vertical' : 'horizontal';
+    return (_jsx("div", { className: "mb-4.5 course-card", id: cardId, "data-testid": "CourseCard", children: _jsx(Card, { orientation: orientation, children: _jsxs("div", { className: "d-flex flex-column w-100", children: [_jsxs("div", Object.assign({}, (!isCollapsed && { className: 'd-flex' }), { children: [_jsx(CourseCardImage, { cardId: cardId, orientation: "horizontal" }), _jsxs(Card.Body, { children: [_jsx(Card.Header, { title: _jsx(CourseCardTitle, { cardId: cardId }), actions: _jsx(CourseCardMenu, { cardId: cardId }) }), _jsx(Card.Section, { className: "pt-0", children: _jsx(CourseCardDetails, { cardId: cardId }) }), _jsx(Card.Footer, { orientation: orientation, children: _jsx(CourseCardActions, { cardId: cardId }) })] })] })), _jsx(CourseCardBanners, { cardId: cardId })] }) }) }));
+};
+CourseCard.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CourseCard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/CourseCard/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,gCAAgC,CAAC;AAC/D,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,GACP,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,EAAC,EAAE,EAAE,MAAM,iBAAc,YAAY,YACtE,KAAC,IAAI,IAAC,WAAW,EAAE,WAAW,YAC5B,eAAK,SAAS,EAAC,0BAA0B,aACvC,+BAAS,CAAC,CAAC,WAAW,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,eAChD,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAC,YAAY,GAAG,EAC5D,MAAC,IAAI,CAAC,IAAI,eACR,KAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAE,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,GAAI,EAC1C,OAAO,EAAE,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,GAC3C,EACF,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,YAC5B,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,GACxB,EACf,KAAC,IAAI,CAAC,MAAM,IAAC,WAAW,EAAE,WAAW,YACnC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,GACzB,IACJ,KACR,EACN,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,IACjC,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,SAAS,GAAG;IACrB,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Card } from '@openedx/paragon';\n\nimport { useIsCollapsed } from './hooks';\nimport CourseCardBanners from './components/CourseCardBanners';\nimport CourseCardImage from './components/CourseCardImage';\nimport CourseCardMenu from './components/CourseCardMenu';\nimport CourseCardActions from './components/CourseCardActions';\nimport CourseCardDetails from './components/CourseCardDetails';\nimport CourseCardTitle from './components/CourseCardTitle';\n\nimport './CourseCard.scss';\n\nexport const CourseCard = ({\n  cardId,\n}) => {\n  const isCollapsed = useIsCollapsed();\n  const orientation = isCollapsed ? 'vertical' : 'horizontal';\n  return (\n    <div className=\"mb-4.5 course-card\" id={cardId} data-testid=\"CourseCard\">\n      <Card orientation={orientation}>\n        <div className=\"d-flex flex-column w-100\">\n          <div {...(!isCollapsed && { className: 'd-flex' })}>\n            <CourseCardImage cardId={cardId} orientation=\"horizontal\" />\n            <Card.Body>\n              <Card.Header\n                title={<CourseCardTitle cardId={cardId} />}\n                actions={<CourseCardMenu cardId={cardId} />}\n              />\n              <Card.Section className=\"pt-0\">\n                <CourseCardDetails cardId={cardId} />\n              </Card.Section>\n              <Card.Footer orientation={orientation}>\n                <CourseCardActions cardId={cardId} />\n              </Card.Footer>\n            </Card.Body>\n          </div>\n          <CourseCardBanners cardId={cardId} />\n        </div>\n      </Card>\n    </div>\n  );\n};\nCourseCard.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseCard;\n"]}

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

@@ -0,0 +1,32 @@
+export default messages;
+declare namespace messages {
+    namespace bannerAlt {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace verifiedBanner {
+        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 verifiedHoverDescription {
+        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 verifiedBannerRibbonAlt {
+        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 };
+    }
+}

package/dist/containers/CourseCard/messages.js

@@ -0,0 +1,25 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    bannerAlt: {
+        id: 'learner-dash.courseCard.bannerAlt',
+        description: 'Course card banner alt-text',
+        defaultMessage: 'Course thumbnail',
+    },
+    verifiedBanner: {
+        id: 'learner-dash.courseCard.verifiedBanner',
+        description: 'Course card verified banner',
+        defaultMessage: 'Verified',
+    },
+    verifiedHoverDescription: {
+        id: 'learner-dash.courseCard.verifiedHoverDescription',
+        description: 'Course card verified hover description',
+        defaultMessage: 'You\'re enrolled as a verified student',
+    },
+    verifiedBannerRibbonAlt: {
+        id: 'learner-dash.courseCard.verifiedBannerRibbonAlt',
+        description: 'Course card verified banner ribbon alt-text',
+        defaultMessage: 'ID Verified Ribbon/Badge',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/CourseCard/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,mCAAmC;QACvC,WAAW,EAAE,6BAA6B;QAC1C,cAAc,EAAE,kBAAkB;KACnC;IACD,cAAc,EAAE;QACd,EAAE,EAAE,wCAAwC;QAC5C,WAAW,EAAE,6BAA6B;QAC1C,cAAc,EAAE,UAAU;KAC3B;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,kDAAkD;QACtD,WAAW,EAAE,wCAAwC;QACrD,cAAc,EAAE,wCAAwC;KACzD;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,6CAA6C;QAC1D,cAAc,EAAE,0BAA0B;KAC3C;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  bannerAlt: {\n    id: 'learner-dash.courseCard.bannerAlt',\n    description: 'Course card banner alt-text',\n    defaultMessage: 'Course thumbnail',\n  },\n  verifiedBanner: {\n    id: 'learner-dash.courseCard.verifiedBanner',\n    description: 'Course card verified banner',\n    defaultMessage: 'Verified',\n  },\n  verifiedHoverDescription: {\n    id: 'learner-dash.courseCard.verifiedHoverDescription',\n    description: 'Course card verified hover description',\n    defaultMessage: 'You\\'re enrolled as a verified student',\n  },\n  verifiedBannerRibbonAlt: {\n    id: 'learner-dash.courseCard.verifiedBannerRibbonAlt',\n    description: 'Course card verified banner ribbon alt-text',\n    defaultMessage: 'ID Verified Ribbon/Badge',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/CourseFilterControls/ActiveCourseFilters.d.ts

@@ -0,0 +1,12 @@
+export function ActiveCourseFilters({ filters, handleRemoveFilter, }: {
+    filters: any;
+    handleRemoveFilter: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace ActiveCourseFilters {
+    namespace propTypes {
+        let filters: PropTypes.Validator<(string | null | undefined)[]>;
+        let handleRemoveFilter: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default ActiveCourseFilters;
+import PropTypes from 'prop-types';

package/dist/containers/CourseFilterControls/ActiveCourseFilters.js

@@ -0,0 +1,20 @@
+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 { Button, Chip } from '@openedx/paragon';
+import { CloseSmall } from '@openedx/paragon/icons';
+import { reduxHooks } from '../../hooks';
+import messages from './messages';
+import './index.scss';
+export const ActiveCourseFilters = ({ filters, handleRemoveFilter, }) => {
+    const { formatMessage } = useIntl();
+    const clearFilters = reduxHooks.useClearFilters();
+    return (_jsxs("div", { id: "course-list-active-filters", children: [filters.map(filter => (_jsx(Chip, { iconAfter: CloseSmall, onClick: handleRemoveFilter(filter), children: formatMessage(messages[filter]) }, filter))), _jsx(Button, { variant: "link", onClick: clearFilters, children: formatMessage(messages.clearAll) })] }));
+};
+ActiveCourseFilters.propTypes = {
+    filters: PropTypes.arrayOf(PropTypes.string).isRequired,
+    handleRemoveFilter: PropTypes.func.isRequired,
+};
+export default ActiveCourseFilters;
+//# sourceMappingURL=ActiveCourseFilters.js.map

package/dist/containers/CourseFilterControls/ActiveCourseFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveCourseFilters.js","sourceRoot":"","sources":["../../../src/containers/CourseFilterControls/ActiveCourseFilters.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,OAAO,EACP,kBAAkB,GACnB,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,EAAE,CAAC;IAClD,OAAO,CACL,eAAK,EAAE,EAAC,4BAA4B,aACjC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,KAAC,IAAI,IAEH,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,YAElC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAJ3B,MAAM,CAKN,CACR,CAAC,EACF,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,YAAY,YACzC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAC1B,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,mBAAmB,CAAC,SAAS,GAAG;IAC9B,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,UAAU;IACvD,kBAAkB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC9C,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { Button, Chip } from '@openedx/paragon';\nimport { CloseSmall } from '@openedx/paragon/icons';\nimport { reduxHooks } from '../../hooks';\n\nimport messages from './messages';\nimport './index.scss';\n\nexport const ActiveCourseFilters = ({\n  filters,\n  handleRemoveFilter,\n}) => {\n  const { formatMessage } = useIntl();\n  const clearFilters = reduxHooks.useClearFilters();\n  return (\n    <div id=\"course-list-active-filters\">\n      {filters.map(filter => (\n        <Chip\n          key={filter}\n          iconAfter={CloseSmall}\n          onClick={handleRemoveFilter(filter)}\n        >\n          {formatMessage(messages[filter])}\n        </Chip>\n      ))}\n      <Button variant=\"link\" onClick={clearFilters}>\n        {formatMessage(messages.clearAll)}\n      </Button>\n    </div>\n  );\n};\nActiveCourseFilters.propTypes = {\n  filters: PropTypes.arrayOf(PropTypes.string).isRequired,\n  handleRemoveFilter: PropTypes.func.isRequired,\n};\n\nexport default ActiveCourseFilters;\n"]}

package/dist/containers/CourseFilterControls/CourseFilterControls.d.ts

@@ -0,0 +1,14 @@
+export function CourseFilterControls({ sortBy, setSortBy, filters, }: {
+    sortBy: any;
+    setSortBy: any;
+    filters: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CourseFilterControls {
+    namespace propTypes {
+        let sortBy: PropTypes.Validator<string>;
+        let setSortBy: PropTypes.Validator<(...args: any[]) => any>;
+        let filters: PropTypes.Validator<(string | null | undefined)[]>;
+    }
+}
+export default CourseFilterControls;
+import PropTypes from 'prop-types';

package/dist/containers/CourseFilterControls/CourseFilterControls.js

@@ -0,0 +1,31 @@
+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 { Button, Form, Icon, ModalPopup, Sheet, breakpoints, useWindowSize, ModalCloseButton, } from '@openedx/paragon';
+import { Close, Tune } from '@openedx/paragon/icons';
+import { reduxHooks } from '../../hooks';
+import FilterForm from './components/FilterForm';
+import SortForm from './components/SortForm';
+import useCourseFilterControlsData from './hooks';
+import messages from './messages';
+import './index.scss';
+export const CourseFilterControls = ({ sortBy, setSortBy, filters, }) => {
+    const { formatMessage } = useIntl();
+    const hasCourses = reduxHooks.useHasCourses();
+    const { isOpen, open, close, target, setTarget, handleFilterChange, handleSortChange, } = useCourseFilterControlsData({
+        filters,
+        setSortBy,
+    });
+    const { width } = useWindowSize();
+    const isMobile = width < breakpoints.small.minWidth;
+    return (_jsxs("div", { id: "course-filter-controls", children: [_jsx(Button, { ref: setTarget, variant: "outline-primary", iconBefore: Tune, onClick: open, disabled: !hasCourses, children: formatMessage(messages.refine) }), _jsx(Form, { children: isMobile
+                    ? (_jsxs(Sheet, { className: "w-75", position: "left", show: isOpen, onClose: close, children: [_jsx("div", { className: "p-1 mr-3", children: _jsx("b", { children: formatMessage(messages.refine) }) }), _jsx("hr", {}), _jsx("div", { className: "filter-form-row", children: _jsx(FilterForm, { filters, handleFilterChange }) }), _jsx("div", { className: "filter-form-row text-left m-1", children: _jsx(SortForm, { sortBy, handleSortChange }) }), _jsx("div", { className: "pgn__modal-close-container", children: _jsx(ModalCloseButton, { variant: "tertiary", onClick: close, children: _jsx(Icon, { src: Close }) }) })] })) : (_jsx(ModalPopup, { positionRef: target, isOpen: isOpen, onClose: close, placement: "bottom-end", children: _jsxs("div", { id: "course-filter-controls-card", className: "bg-white p-3 rounded shadow d-flex flex-row", children: [_jsx("div", { className: "filter-form-col", children: _jsx(FilterForm, { filters, handleFilterChange }) }), _jsx("hr", { className: "h-100 bg-primary-200 mx-3 my-0" }), _jsx("div", { className: "filter-form-col text-left m-1", children: _jsx(SortForm, { sortBy, handleSortChange }) })] }) })) })] }));
+};
+CourseFilterControls.propTypes = {
+    sortBy: PropTypes.string.isRequired,
+    setSortBy: PropTypes.func.isRequired,
+    filters: PropTypes.arrayOf(PropTypes.string).isRequired,
+};
+export default CourseFilterControls;
+//# sourceMappingURL=CourseFilterControls.js.map

package/dist/containers/CourseFilterControls/CourseFilterControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseFilterControls.js","sourceRoot":"","sources":["../../../src/containers/CourseFilterControls/CourseFilterControls.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport {\n  Button,\n  Form,\n  Icon,\n  ModalPopup,\n  Sheet,\n  breakpoints,\n  useWindowSize,\n  ModalCloseButton,\n} from '@openedx/paragon';\nimport { Close, Tune } from '@openedx/paragon/icons';\n\nimport { reduxHooks } from '../../hooks';\n\nimport FilterForm from './components/FilterForm';\nimport SortForm from './components/SortForm';\nimport useCourseFilterControlsData from './hooks';\nimport messages from './messages';\n\nimport './index.scss';\n\nexport const CourseFilterControls = ({\n  sortBy,\n  setSortBy,\n  filters,\n}) => {\n  const { formatMessage } = useIntl();\n  const hasCourses = reduxHooks.useHasCourses();\n  const {\n    isOpen,\n    open,\n    close,\n    target,\n    setTarget,\n    handleFilterChange,\n    handleSortChange,\n  } = useCourseFilterControlsData({\n    filters,\n    setSortBy,\n  });\n  const { width } = useWindowSize();\n  const isMobile = width < breakpoints.small.minWidth;\n\n  return (\n    <div id=\"course-filter-controls\">\n      <Button\n        ref={setTarget}\n        variant=\"outline-primary\"\n        iconBefore={Tune}\n        onClick={open}\n        disabled={!hasCourses}\n      >\n        {formatMessage(messages.refine)}\n      </Button>\n      <Form>\n        {isMobile\n          ? (\n            <Sheet\n              className=\"w-75\"\n              position=\"left\"\n              show={isOpen}\n              onClose={close}\n            >\n              <div className=\"p-1 mr-3\">\n                <b>{formatMessage(messages.refine)}</b>\n              </div>\n              <hr />\n              <div className=\"filter-form-row\">\n                <FilterForm {...{ filters, handleFilterChange }} />\n              </div>\n              <div className=\"filter-form-row text-left m-1\">\n                <SortForm {...{ sortBy, handleSortChange }} />\n              </div>\n              <div className=\"pgn__modal-close-container\">\n                <ModalCloseButton variant=\"tertiary\" onClick={close}>\n                  <Icon src={Close} />\n                </ModalCloseButton>\n              </div>\n            </Sheet>\n          ) : (\n            <ModalPopup\n              positionRef={target}\n              isOpen={isOpen}\n              onClose={close}\n              placement=\"bottom-end\"\n            >\n              <div\n                id=\"course-filter-controls-card\"\n                className=\"bg-white p-3 rounded shadow d-flex flex-row\"\n              >\n                <div className=\"filter-form-col\">\n                  <FilterForm {...{ filters, handleFilterChange }} />\n                </div>\n                <hr className=\"h-100 bg-primary-200 mx-3 my-0\" />\n                <div className=\"filter-form-col text-left m-1\">\n                  <SortForm {...{ sortBy, handleSortChange }} />\n                </div>\n              </div>\n            </ModalPopup>\n          )}\n      </Form>\n    </div>\n  );\n};\nCourseFilterControls.propTypes = {\n  sortBy: PropTypes.string.isRequired,\n  setSortBy: PropTypes.func.isRequired,\n  filters: PropTypes.arrayOf(PropTypes.string).isRequired,\n};\n\nexport default CourseFilterControls;\n"]}

package/dist/containers/CourseFilterControls/components/Checkbox.d.ts

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

package/dist/containers/CourseFilterControls/components/Checkbox.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { Form } from '@openedx/paragon';
+import messages from '../messages';
+export const Checkbox = ({ filterKey }) => {
+    const { formatMessage } = useIntl();
+    return (_jsx(Form.Checkbox, { className: "py-2", value: filterKey, children: formatMessage(messages[filterKey]) }));
+};
+Checkbox.propTypes = {
+    filterKey: PropTypes.string.isRequired,
+};
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/containers/CourseFilterControls/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/containers/CourseFilterControls/components/Checkbox.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,CAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,YAC7C,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GACrB,CACjB,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACvC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { Form } from '@openedx/paragon';\n\nimport messages from '../messages';\n\nexport const Checkbox = ({ filterKey }) => {\n  const { formatMessage } = useIntl();\n  return (\n    <Form.Checkbox className=\"py-2\" value={filterKey}>\n      {formatMessage(messages[filterKey])}\n    </Form.Checkbox>\n  );\n};\nCheckbox.propTypes = {\n  filterKey: PropTypes.string.isRequired,\n};\n\nexport default Checkbox;\n"]}

package/dist/containers/CourseFilterControls/components/FilterForm.d.ts

@@ -0,0 +1,13 @@
+export const filterOrder: any[];
+export function FilterForm({ filters, handleFilterChange, }: {
+    filters: any;
+    handleFilterChange: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace FilterForm {
+    namespace propTypes {
+        let filters: PropTypes.Validator<(string | null | undefined)[]>;
+        let handleFilterChange: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default FilterForm;
+import PropTypes from 'prop-types';