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

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

@@ -0,0 +1,105 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    auditAccessExpired: {
+        id: 'learner-dash.courseCard.banners.auditAccessExpired',
+        description: 'Audit access expiration banner message',
+        defaultMessage: 'Your audit access to this course has expired.',
+    },
+    findAnotherCourse: {
+        id: 'learner-dash.courseCard.banners.findAnotherCourse',
+        description: 'Action prompt taking learners to course exploration',
+        defaultMessage: 'Find another course',
+    },
+    certRestricted: {
+        id: 'learner-dash.courseCard.banners.certificateRestricted',
+        description: 'Restricted certificate warning message',
+        defaultMessage: 'Your Certificate of Achievement is being held pending confirmation that the issuance of your Certificate is in compliance with strict U.S. embargoes on Iran, Cuba, Syria, and Sudan.  If you think our system has mistakenly identified you as being connected with one of those countries, please let us know by contacting {supportEmail}.',
+    },
+    certRestrictedNoEmail: {
+        id: 'learner-dash.courseCard.banners.certificateRestrictedNoEmail',
+        description: 'Restricted certificate warning message',
+        defaultMessage: 'Your Certificate of Achievement is being held pending confirmation that the issuance of your Certificate is in compliance with strict U.S. embargoes on Iran, Cuba, Syria, and Sudan.  If you think our system has mistakenly identified you as being connected with one of those countries, please let us know.',
+    },
+    certRefundContactBilling: {
+        id: 'learner-dash.courseCard.banners.certificateRefundContactBilling',
+        description: 'Message to learners to contact billing for certificate refunds',
+        defaultMessage: 'If you would like a refund on your Certificate of Achievement, please contact our billing address {billingEmail}',
+    },
+    certRefundContactBillingNoEmail: {
+        id: 'learner-dash.courseCard.banners.certificateRefundContactBillingNoEmail',
+        description: 'Message to learners to contact billing for certificate refunds',
+        defaultMessage: 'If you would like a refund on your Certificate of Achievement, please contact us.',
+    },
+    passingGrade: {
+        id: 'learner-dash.courseCard.banners.passingGrade',
+        description: 'Message to learners with minimum passing grade for the course',
+        defaultMessage: 'Grade required to pass the course: {minPassingGrade}\u200f%',
+    },
+    notEligibleForCert: {
+        id: 'learner-dash.courseCard.banners.notEligibleForCert',
+        description: 'Certificate inelligibility message',
+        defaultMessage: 'You are not eligible for a certificate.',
+    },
+    viewGrades: {
+        id: 'learner-dash.courseCard.banners.viewGrades',
+        description: 'Gradses link text',
+        defaultMessage: 'View grades.',
+    },
+    certReady: {
+        id: 'learner-dash.courseCard.banners.certReady',
+        description: 'Certificate ready message',
+        defaultMessage: 'Congratulations.  Your certificate is ready.',
+    },
+    viewCertificate: {
+        id: 'learner-dash.courseCard.banners.viewCertificate',
+        description: 'Certificate link text',
+        defaultMessage: 'View Certificate.',
+    },
+    certMinGrade: {
+        id: 'learner-dash.courseCard.banners.certMinGrade',
+        description: 'Passing grade requirement message',
+        defaultMessage: 'Grade required for a certificate: {minPassingGrade}\u200f%',
+    },
+    downloadCertificate: {
+        id: 'learner-dash.courseCard.banners.downloadCertificate',
+        description: 'Certificate download link text',
+        defaultMessage: 'Download Certificate.',
+    },
+    gradeAndCertReadyAfter: {
+        id: 'learner-dash.courseCard.banners.gradseAndCertReadyAfter',
+        description: 'Grade and certificate availability date message',
+        defaultMessage: 'Your grade and certificate will be ready after {availableDate}.',
+    },
+    entitlementUnavailable: {
+        id: 'learner-dash.courseCard.banners.entitlementUnavailable',
+        description: 'Entitlement course message when no sessions are available',
+        defaultMessage: 'There are no sessions available at the moment.  The course team will create new sessions soon.  If no sessions appear, please contact {emailLink} for information.',
+    },
+    entitlementExpiringSoon: {
+        id: 'learner-dash.courseCard.banners.entitlementExpiringSoon',
+        description: 'Entitlement course message when the entitlement is expiring soon.',
+        defaultMessage: 'You must {selectSessionButton} by {changeDeadline} to access the course.',
+    },
+    entitlementExpired: {
+        id: 'learner-dash.courseCard.banners.entitlementExpired',
+        description: 'Entitlement course message when the entitlement is expired.',
+        defaultMessage: 'You can no longer change sessions.',
+    },
+    selectSession: {
+        id: 'learner-dash.courseCard.banners.selectSession',
+        description: 'Entitlement session selection link text',
+        defaultMessage: 'select a session',
+    },
+    prerequisitesNotMet: {
+        id: 'learner-dash.courseCard.banners.prerequisitesNotMet',
+        description: 'Message to learners with unmet prerequisites',
+        defaultMessage: 'You can\'t access this course just yet because you have not met the pre-requisites.',
+    },
+    courseHasNotStarted: {
+        id: 'learner-dash.courseCard.banners.courseHasNotStarted',
+        description: 'Course has not started message',
+        defaultMessage: 'You can\'t access this course just yet because the course hasn\'t started yet. The course will start on {startDate}.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardBanners/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,kBAAkB,EAAE;QAClB,EAAE,EAAE,oDAAoD;QACxD,WAAW,EAAE,wCAAwC;QACrD,cAAc,EAAE,+CAA+C;KAChE;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,mDAAmD;QACvD,WAAW,EAAE,qDAAqD;QAClE,cAAc,EAAE,qBAAqB;KACtC;IACD,cAAc,EAAE;QACd,EAAE,EAAE,uDAAuD;QAC3D,WAAW,EAAE,wCAAwC;QACrD,cAAc,EAAE,+UAA+U;KAChW;IACD,qBAAqB,EAAE;QACrB,EAAE,EAAE,8DAA8D;QAClE,WAAW,EAAE,wCAAwC;QACrD,cAAc,EAAE,kTAAkT;KACnU;IACD,wBAAwB,EAAE;QACxB,EAAE,EAAE,iEAAiE;QACrE,WAAW,EAAE,gEAAgE;QAC7E,cAAc,EAAE,kHAAkH;KACnI;IACD,+BAA+B,EAAE;QAC/B,EAAE,EAAE,wEAAwE;QAC5E,WAAW,EAAE,gEAAgE;QAC7E,cAAc,EAAE,mFAAmF;KACpG;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,8CAA8C;QAClD,WAAW,EAAE,+DAA+D;QAC5E,cAAc,EAAE,6DAA6D;KAC9E;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,oDAAoD;QACxD,WAAW,EAAE,oCAAoC;QACjD,cAAc,EAAE,yCAAyC;KAC1D;IACD,UAAU,EAAE;QACV,EAAE,EAAE,4CAA4C;QAChD,WAAW,EAAE,mBAAmB;QAChC,cAAc,EAAE,cAAc;KAC/B;IACD,SAAS,EAAE;QACT,EAAE,EAAE,2CAA2C;QAC/C,WAAW,EAAE,2BAA2B;QACxC,cAAc,EAAE,8CAA8C;KAC/D;IACD,eAAe,EAAE;QACf,EAAE,EAAE,iDAAiD;QACrD,WAAW,EAAE,uBAAuB;QACpC,cAAc,EAAE,mBAAmB;KACpC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,8CAA8C;QAClD,WAAW,EAAE,mCAAmC;QAChD,cAAc,EAAE,4DAA4D;KAC7E;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,qDAAqD;QACzD,WAAW,EAAE,gCAAgC;QAC7C,cAAc,EAAE,uBAAuB;KACxC;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,yDAAyD;QAC7D,WAAW,EAAE,iDAAiD;QAC9D,cAAc,EAAE,iEAAiE;KAClF;IACD,sBAAsB,EAAE;QACtB,EAAE,EAAE,wDAAwD;QAC5D,WAAW,EAAE,2DAA2D;QACxE,cAAc,EAAE,oKAAoK;KACrL;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,yDAAyD;QAC7D,WAAW,EAAE,mEAAmE;QAChF,cAAc,EAAE,0EAA0E;KAC3F;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,oDAAoD;QACxD,WAAW,EAAE,6DAA6D;QAC1E,cAAc,EAAE,oCAAoC;KACrD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,+CAA+C;QACnD,WAAW,EAAE,yCAAyC;QACtD,cAAc,EAAE,kBAAkB;KACnC;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,qDAAqD;QACzD,WAAW,EAAE,8CAA8C;QAC3D,cAAc,EAAE,qFAAqF;KACtG;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,qDAAqD;QACzD,WAAW,EAAE,gCAAgC;QAC7C,cAAc,EAAE,sHAAsH;KACvI;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  auditAccessExpired: {\n    id: 'learner-dash.courseCard.banners.auditAccessExpired',\n    description: 'Audit access expiration banner message',\n    defaultMessage: 'Your audit access to this course has expired.',\n  },\n  findAnotherCourse: {\n    id: 'learner-dash.courseCard.banners.findAnotherCourse',\n    description: 'Action prompt taking learners to course exploration',\n    defaultMessage: 'Find another course',\n  },\n  certRestricted: {\n    id: 'learner-dash.courseCard.banners.certificateRestricted',\n    description: 'Restricted certificate warning message',\n    defaultMessage: 'Your Certificate of Achievement is being held pending confirmation that the issuance of your Certificate is in compliance with strict U.S. embargoes on Iran, Cuba, Syria, and Sudan.  If you think our system has mistakenly identified you as being connected with one of those countries, please let us know by contacting {supportEmail}.',\n  },\n  certRestrictedNoEmail: {\n    id: 'learner-dash.courseCard.banners.certificateRestrictedNoEmail',\n    description: 'Restricted certificate warning message',\n    defaultMessage: 'Your Certificate of Achievement is being held pending confirmation that the issuance of your Certificate is in compliance with strict U.S. embargoes on Iran, Cuba, Syria, and Sudan.  If you think our system has mistakenly identified you as being connected with one of those countries, please let us know.',\n  },\n  certRefundContactBilling: {\n    id: 'learner-dash.courseCard.banners.certificateRefundContactBilling',\n    description: 'Message to learners to contact billing for certificate refunds',\n    defaultMessage: 'If you would like a refund on your Certificate of Achievement, please contact our billing address {billingEmail}',\n  },\n  certRefundContactBillingNoEmail: {\n    id: 'learner-dash.courseCard.banners.certificateRefundContactBillingNoEmail',\n    description: 'Message to learners to contact billing for certificate refunds',\n    defaultMessage: 'If you would like a refund on your Certificate of Achievement, please contact us.',\n  },\n  passingGrade: {\n    id: 'learner-dash.courseCard.banners.passingGrade',\n    description: 'Message to learners with minimum passing grade for the course',\n    defaultMessage: 'Grade required to pass the course: {minPassingGrade}\\u200f%',\n  },\n  notEligibleForCert: {\n    id: 'learner-dash.courseCard.banners.notEligibleForCert',\n    description: 'Certificate inelligibility message',\n    defaultMessage: 'You are not eligible for a certificate.',\n  },\n  viewGrades: {\n    id: 'learner-dash.courseCard.banners.viewGrades',\n    description: 'Gradses link text',\n    defaultMessage: 'View grades.',\n  },\n  certReady: {\n    id: 'learner-dash.courseCard.banners.certReady',\n    description: 'Certificate ready message',\n    defaultMessage: 'Congratulations.  Your certificate is ready.',\n  },\n  viewCertificate: {\n    id: 'learner-dash.courseCard.banners.viewCertificate',\n    description: 'Certificate link text',\n    defaultMessage: 'View Certificate.',\n  },\n  certMinGrade: {\n    id: 'learner-dash.courseCard.banners.certMinGrade',\n    description: 'Passing grade requirement message',\n    defaultMessage: 'Grade required for a certificate: {minPassingGrade}\\u200f%',\n  },\n  downloadCertificate: {\n    id: 'learner-dash.courseCard.banners.downloadCertificate',\n    description: 'Certificate download link text',\n    defaultMessage: 'Download Certificate.',\n  },\n  gradeAndCertReadyAfter: {\n    id: 'learner-dash.courseCard.banners.gradseAndCertReadyAfter',\n    description: 'Grade and certificate availability date message',\n    defaultMessage: 'Your grade and certificate will be ready after {availableDate}.',\n  },\n  entitlementUnavailable: {\n    id: 'learner-dash.courseCard.banners.entitlementUnavailable',\n    description: 'Entitlement course message when no sessions are available',\n    defaultMessage: 'There are no sessions available at the moment.  The course team will create new sessions soon.  If no sessions appear, please contact {emailLink} for information.',\n  },\n  entitlementExpiringSoon: {\n    id: 'learner-dash.courseCard.banners.entitlementExpiringSoon',\n    description: 'Entitlement course message when the entitlement is expiring soon.',\n    defaultMessage: 'You must {selectSessionButton} by {changeDeadline} to access the course.',\n  },\n  entitlementExpired: {\n    id: 'learner-dash.courseCard.banners.entitlementExpired',\n    description: 'Entitlement course message when the entitlement is expired.',\n    defaultMessage: 'You can no longer change sessions.',\n  },\n  selectSession: {\n    id: 'learner-dash.courseCard.banners.selectSession',\n    description: 'Entitlement session selection link text',\n    defaultMessage: 'select a session',\n  },\n  prerequisitesNotMet: {\n    id: 'learner-dash.courseCard.banners.prerequisitesNotMet',\n    description: 'Message to learners with unmet prerequisites',\n    defaultMessage: 'You can\\'t access this course just yet because you have not met the pre-requisites.',\n  },\n  courseHasNotStarted: {\n    id: 'learner-dash.courseCard.banners.courseHasNotStarted',\n    description: 'Course has not started message',\n    defaultMessage: 'You can\\'t access this course just yet because the course hasn\\'t started yet. The course will start on {startDate}.',\n  },\n});\n\nexport default messages;\n"]}

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

@@ -0,0 +1,16 @@
+export function useAccessMessage({ cardId }: {
+    cardId: any;
+}): string | null;
+export function useCardDetailsData({ cardId }: {
+    cardId: any;
+}): {
+    providerName: any;
+    accessMessage: string | null;
+    isEntitlement: boolean;
+    isFulfilled: any;
+    canChange: boolean | undefined;
+    openSessionModal: () => void;
+    courseNumber: any;
+    changeOrLeaveSessionMessage: string;
+};
+export default hooks.useCardDetailsData;

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

@@ -0,0 +1,51 @@
+import { useIntl } from '@openedx/frontend-base';
+import { utilHooks, useCourseData, useEntitlementInfo } from '../../../../hooks';
+import { useSelectSessionModal } from '../../../../data/context';
+import * as hooks from './hooks';
+import messages from './messages';
+export const useAccessMessage = ({ cardId }) => {
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const { courseRun, enrollment } = courseData || {};
+    const formatDate = utilHooks.useFormatDate();
+    if (!courseRun.isStarted) {
+        if (!courseRun.startDate && !courseRun.advertisedStart) {
+            return null;
+        }
+        const startDate = courseRun.advertisedStart || formatDate(courseRun.startDate);
+        return formatMessage(messages.courseStarts, { startDate });
+    }
+    if (enrollment === null || enrollment === void 0 ? void 0 : enrollment.isEnrolled) {
+        const { isArchived, endDate } = courseRun;
+        const { accessExpirationDate, isAuditAccessExpired, } = enrollment;
+        if (enrollment.isAudit && accessExpirationDate) {
+            return formatMessage(isAuditAccessExpired ? messages.accessExpired : messages.accessExpires, { accessExpirationDate: formatDate(accessExpirationDate) });
+        }
+        if (!endDate) {
+            return null;
+        }
+        return formatMessage(isArchived ? messages.courseEnded : messages.courseEnds, { endDate: formatDate(endDate) });
+    }
+    return null;
+};
+export const useCardDetailsData = ({ cardId }) => {
+    var _a, _b;
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const providerName = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.courseProvider) === null || _a === void 0 ? void 0 : _a.name;
+    const courseNumber = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.course) === null || _b === void 0 ? void 0 : _b.courseNumber;
+    const { isEntitlement, isFulfilled, canChange, } = useEntitlementInfo(courseData);
+    const { updateSelectSessionModal } = useSelectSessionModal();
+    return {
+        providerName: providerName || formatMessage(messages.unknownProviderName),
+        accessMessage: hooks.useAccessMessage({ cardId }),
+        isEntitlement,
+        isFulfilled,
+        canChange,
+        openSessionModal: () => updateSelectSessionModal(cardId),
+        courseNumber,
+        changeOrLeaveSessionMessage: formatMessage(messages.changeOrLeaveSessionButton),
+    };
+};
+export default useCardDetailsData;
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardDetails/hooks.js"],"names":[],"mappings":"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","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { utilHooks, useCourseData, useEntitlementInfo } from '@src/hooks';\nimport { useSelectSessionModal } from '@src/data/context';\n\nimport * as hooks from './hooks';\nimport messages from './messages';\n\nexport const useAccessMessage = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const { courseRun, enrollment } = courseData || {};\n  const formatDate = utilHooks.useFormatDate();\n  if (!courseRun.isStarted) {\n    if (!courseRun.startDate && !courseRun.advertisedStart) {\n      return null;\n    }\n    const startDate = courseRun.advertisedStart || formatDate(courseRun.startDate);\n    return formatMessage(messages.courseStarts, { startDate });\n  }\n  if (enrollment?.isEnrolled) {\n    const { isArchived, endDate } = courseRun;\n    const {\n      accessExpirationDate,\n      isAuditAccessExpired,\n    } = enrollment;\n\n    if (enrollment.isAudit && accessExpirationDate) {\n      return formatMessage(\n        isAuditAccessExpired ? messages.accessExpired : messages.accessExpires,\n        { accessExpirationDate: formatDate(accessExpirationDate) },\n      );\n    }\n    if (!endDate) {\n      return null;\n    }\n    return formatMessage(\n      isArchived ? messages.courseEnded : messages.courseEnds,\n      { endDate: formatDate(endDate) },\n    );\n  }\n  return null;\n};\n\nexport const useCardDetailsData = ({ cardId }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const providerName = courseData?.courseProvider?.name;\n  const courseNumber = courseData?.course?.courseNumber;\n  const {\n    isEntitlement,\n    isFulfilled,\n    canChange,\n  } = useEntitlementInfo(courseData);\n  const { updateSelectSessionModal } = useSelectSessionModal();\n\n  return {\n    providerName: providerName || formatMessage(messages.unknownProviderName),\n    accessMessage: hooks.useAccessMessage({ cardId }),\n    isEntitlement,\n    isFulfilled,\n    canChange,\n    openSessionModal: () => updateSelectSessionModal(cardId),\n    courseNumber,\n    changeOrLeaveSessionMessage: formatMessage(messages.changeOrLeaveSessionButton),\n  };\n};\n\nexport default useCardDetailsData;\n"]}

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Button } from '@openedx/paragon';
+import useCardDetailsData from './hooks';
+import './index.scss';
+export const CourseCardDetails = ({ cardId }) => {
+    const { providerName, accessMessage, isEntitlement, isFulfilled, canChange, openSessionModal, courseNumber, changeOrLeaveSessionMessage, } = useCardDetailsData({ cardId });
+    return (_jsxs("span", { className: "small", "data-testid": "CourseCardDetails", children: [providerName, " \u2022 ", courseNumber, !(isEntitlement && !isFulfilled) && accessMessage && (` • ${accessMessage}`), isEntitlement && isFulfilled && canChange ? (_jsxs(_Fragment, { children: [' • ', _jsx(Button, { variant: "link", size: "inline", className: "m-0 p-0", onClick: openSessionModal, children: changeOrLeaveSessionMessage })] })) : null] }));
+};
+CourseCardDetails.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+CourseCardDetails.defaultProps = {};
+export default CourseCardDetails;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardDetails/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,kBAAkB,MAAM,SAAS,CAAC;AACzC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,MAAM,EACJ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,2BAA2B,GAC5B,GAAG,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAEnC,OAAO,CACL,gBAAM,SAAS,EAAC,OAAO,iBAAa,mBAAmB,aACpD,YAAY,cAAK,YAAY,EAC7B,CAAC,CAAC,aAAa,IAAI,CAAC,WAAW,CAAC,IAAI,aAAa,IAAI,CACpD,MAAM,aAAa,EAAE,CACtB,EACA,aAAa,IAAI,WAAW,IAAI,SAAS,CAAC,CAAC,CAAC,CAC3C,8BACG,KAAK,EACN,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,gBAAgB,YAC/E,2BAA2B,GACrB,IACR,CACJ,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,SAAS,GAAG;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG,EAAE,CAAC;AAEpC,eAAe,iBAAiB,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Button } from '@openedx/paragon';\n\nimport useCardDetailsData from './hooks';\nimport './index.scss';\n\nexport const CourseCardDetails = ({ cardId }) => {\n  const {\n    providerName,\n    accessMessage,\n    isEntitlement,\n    isFulfilled,\n    canChange,\n    openSessionModal,\n    courseNumber,\n    changeOrLeaveSessionMessage,\n  } = useCardDetailsData({ cardId });\n\n  return (\n    <span className=\"small\" data-testid=\"CourseCardDetails\">\n      {providerName} • {courseNumber}\n      {!(isEntitlement && !isFulfilled) && accessMessage && (\n        ` • ${accessMessage}`\n      )}\n      {isEntitlement && isFulfilled && canChange ? (\n        <>\n          {' • '}\n          <Button variant=\"link\" size=\"inline\" className=\"m-0 p-0\" onClick={openSessionModal}>\n            {changeOrLeaveSessionMessage}\n          </Button>\n        </>\n      ) : null}\n    </span>\n  );\n};\n\nCourseCardDetails.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nCourseCardDetails.defaultProps = {};\n\nexport default CourseCardDetails;\n"]}

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

@@ -0,0 +1,56 @@
+export default messages;
+declare namespace messages {
+    namespace accessExpired {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+    namespace accessExpires {
+        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 courseEnded {
+        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 courseEnds {
+        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 courseStarts {
+        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 unknownProviderName {
+        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 changeOrLeaveSessionButton {
+        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 };
+    }
+}

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

@@ -0,0 +1,40 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    accessExpired: {
+        id: 'learner-dash.courseCard.CourseCardDetails.accessExpired',
+        description: 'Course access expiration date message on course card for expired access.',
+        defaultMessage: 'Access expired {accessExpirationDate}',
+    },
+    accessExpires: {
+        id: 'learner-dash.courseCard.CourseCardDetails.accessExpires',
+        description: 'Course access expiration date message on course card.',
+        defaultMessage: 'Access expires {accessExpirationDate}',
+    },
+    courseEnded: {
+        id: 'learner-dash.courseCard.CourseCardDetails.courseEnded',
+        description: 'Course ended message on course card.',
+        defaultMessage: 'Course ended {endDate}',
+    },
+    courseEnds: {
+        id: 'learner-dash.courseCard.CourseCardDetails.courseEnds',
+        description: 'Course ending message on course card.',
+        defaultMessage: 'Course ends {endDate}',
+    },
+    courseStarts: {
+        id: 'learner-dash.courseCard.CourseCardDetails.courseStarts',
+        description: 'Course start date message on course card.',
+        defaultMessage: 'Course starts {startDate}',
+    },
+    unknownProviderName: {
+        id: 'learner-dash.courseCard.CourseCardDetails.unknownProviderName',
+        description: 'Provider name display when name is unknown',
+        defaultMessage: 'Unknown',
+    },
+    changeOrLeaveSessionButton: {
+        id: 'learner-dash.courseCard.CourseCardDetails.changeOrLeaveSessionButton',
+        description: 'Button for trigger change or leave session for entitlement course',
+        defaultMessage: 'Change or leave session',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardDetails/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,aAAa,EAAE;QACb,EAAE,EAAE,yDAAyD;QAC7D,WAAW,EAAE,0EAA0E;QACvF,cAAc,EAAE,uCAAuC;KACxD;IACD,aAAa,EAAE;QACb,EAAE,EAAE,yDAAyD;QAC7D,WAAW,EAAE,uDAAuD;QACpE,cAAc,EAAE,uCAAuC;KACxD;IACD,WAAW,EAAE;QACX,EAAE,EAAE,uDAAuD;QAC3D,WAAW,EAAE,sCAAsC;QACnD,cAAc,EAAE,wBAAwB;KACzC;IACD,UAAU,EAAE;QACV,EAAE,EAAE,sDAAsD;QAC1D,WAAW,EAAE,uCAAuC;QACpD,cAAc,EAAE,uBAAuB;KACxC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,wDAAwD;QAC5D,WAAW,EAAE,2CAA2C;QACxD,cAAc,EAAE,2BAA2B;KAC5C;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,+DAA+D;QACnE,WAAW,EAAE,4CAA4C;QACzD,cAAc,EAAE,SAAS;KAC1B;IACD,0BAA0B,EAAE;QAC1B,EAAE,EAAE,sEAAsE;QAC1E,WAAW,EAAE,mEAAmE;QAChF,cAAc,EAAE,yBAAyB;KAC1C;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  accessExpired: {\n    id: 'learner-dash.courseCard.CourseCardDetails.accessExpired',\n    description: 'Course access expiration date message on course card for expired access.',\n    defaultMessage: 'Access expired {accessExpirationDate}',\n  },\n  accessExpires: {\n    id: 'learner-dash.courseCard.CourseCardDetails.accessExpires',\n    description: 'Course access expiration date message on course card.',\n    defaultMessage: 'Access expires {accessExpirationDate}',\n  },\n  courseEnded: {\n    id: 'learner-dash.courseCard.CourseCardDetails.courseEnded',\n    description: 'Course ended message on course card.',\n    defaultMessage: 'Course ended {endDate}',\n  },\n  courseEnds: {\n    id: 'learner-dash.courseCard.CourseCardDetails.courseEnds',\n    description: 'Course ending message on course card.',\n    defaultMessage: 'Course ends {endDate}',\n  },\n  courseStarts: {\n    id: 'learner-dash.courseCard.CourseCardDetails.courseStarts',\n    description: 'Course start date message on course card.',\n    defaultMessage: 'Course starts {startDate}',\n  },\n  unknownProviderName: {\n    id: 'learner-dash.courseCard.CourseCardDetails.unknownProviderName',\n    description: 'Provider name display when name is unknown',\n    defaultMessage: 'Unknown',\n  },\n  changeOrLeaveSessionButton: {\n    id: 'learner-dash.courseCard.CourseCardDetails.changeOrLeaveSessionButton',\n    description: 'Button for trigger change or leave session for entitlement course',\n    defaultMessage: 'Change or leave session',\n  },\n});\n\nexport default messages;\n"]}

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

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

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { baseAppUrl } from '../../../data/services/lms/urls';
+import { Badge } from '@openedx/paragon';
+import track from '../../../tracking';
+import { useCourseData, useCourseTrackingEvent } from '../../../hooks';
+import verifiedRibbon from '../../../assets/verified-ribbon.png';
+import useActionDisabledState from './hooks';
+import messages from '../messages';
+const { courseImageClicked } = track.course;
+export const CourseCardImage = ({ cardId, orientation }) => {
+    var _a, _b;
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const { homeUrl } = (courseData === null || courseData === void 0 ? void 0 : courseData.courseRun) || {};
+    const { disableCourseTitle } = useActionDisabledState(cardId);
+    const handleImageClicked = useCourseTrackingEvent(courseImageClicked, cardId, homeUrl);
+    const wrapperClassName = `pgn__card-wrapper-image-cap d-inline-block overflow-visible ${orientation}`;
+    const image = (_jsxs(_Fragment, { children: [_jsx("img", { 
+                // w-100 is necessary for images on Safari, otherwise stretches full height of the image
+                // https://stackoverflow.com/a/44250830
+                className: "pgn__card-image-cap w-100 show", src: ((_a = courseData === null || courseData === void 0 ? void 0 : courseData.course) === null || _a === void 0 ? void 0 : _a.bannerImgSrc) && baseAppUrl(courseData.course.bannerImgSrc), alt: formatMessage(messages.bannerAlt) }), ((_b = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _b === void 0 ? void 0 : _b.isVerified) && (_jsxs("span", { className: "course-card-verify-ribbon-container", title: formatMessage(messages.verifiedHoverDescription), children: [_jsx(Badge, { as: "div", variant: "success", className: "w-100", children: formatMessage(messages.verifiedBanner) }), _jsx("img", { src: verifiedRibbon, alt: formatMessage(messages.verifiedBannerRibbonAlt) })] }))] }));
+    return disableCourseTitle
+        ? (_jsx("div", { className: wrapperClassName, children: image }))
+        : (_jsx("a", { className: wrapperClassName, href: homeUrl, onClick: handleImageClicked, tabIndex: "-1", children: image }));
+};
+CourseCardImage.propTypes = {
+    cardId: PropTypes.string.isRequired,
+    orientation: PropTypes.string.isRequired,
+};
+CourseCardImage.defaultProps = {};
+export default CourseCardImage;
+//# sourceMappingURL=CourseCardImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CourseCardImage.js","sourceRoot":"","sources":["../../../../src/containers/CourseCard/components/CourseCardImage.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEzC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,sBAAsB,MAAM,SAAS,CAAC;AAE7C,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,EAAE;;IACzD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,OAAO,EAAE,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,KAAI,EAAE,CAAC;IAChD,MAAM,EAAE,kBAAkB,EAAE,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAC9D,MAAM,kBAAkB,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IACvF,MAAM,gBAAgB,GAAG,+DAA+D,WAAW,EAAE,CAAC;IACtG,MAAM,KAAK,GAAG,CACZ,8BACE;gBACE,wFAAwF;gBACxF,uCAAuC;gBACvC,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,0CAAE,YAAY,KAAI,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,EACnF,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GACtC,EAEA,CAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,0CAAE,UAAU,KAAI,CACpC,gBACE,SAAS,EAAC,qCAAqC,EAC/C,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,wBAAwB,CAAC,aAEvD,KAAC,KAAK,IAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,YAChD,aAAa,CAAC,QAAQ,CAAC,cAAc,CAAC,GACjC,EACR,cAAK,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,GAAI,IAC7E,CACR,IAEF,CACJ,CAAC;IACF,OAAO,kBAAkB;QACvB,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,gBAAgB,YAAG,KAAK,GAAO,CAAC;QACnD,CAAC,CAAC,CACA,YACE,SAAS,EAAE,gBAAgB,EAC3B,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAC,IAAI,YAEZ,KAAK,GACJ,CACL,CAAC;AACN,CAAC,CAAC;AACF,eAAe,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACnC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACzC,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG,EAAE,CAAC;AAElC,eAAe,eAAe,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useIntl } from '@openedx/frontend-base';\nimport { baseAppUrl } from '@src/data/services/lms/urls';\n\nimport { Badge } from '@openedx/paragon';\n\nimport track from '@src/tracking';\nimport { useCourseData, useCourseTrackingEvent } from '@src/hooks';\nimport verifiedRibbon from '@src/assets/verified-ribbon.png';\nimport useActionDisabledState from './hooks';\n\nimport messages from '../messages';\n\nconst { courseImageClicked } = track.course;\n\nexport const CourseCardImage = ({ cardId, orientation }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const { homeUrl } = courseData?.courseRun || {};\n  const { disableCourseTitle } = useActionDisabledState(cardId);\n  const handleImageClicked = useCourseTrackingEvent(courseImageClicked, cardId, homeUrl);\n  const wrapperClassName = `pgn__card-wrapper-image-cap d-inline-block overflow-visible ${orientation}`;\n  const image = (\n    <>\n      <img\n        // w-100 is necessary for images on Safari, otherwise stretches full height of the image\n        // https://stackoverflow.com/a/44250830\n        className=\"pgn__card-image-cap w-100 show\"\n        src={courseData?.course?.bannerImgSrc && baseAppUrl(courseData.course.bannerImgSrc)}\n        alt={formatMessage(messages.bannerAlt)}\n      />\n      {\n        courseData?.enrollment?.isVerified && (\n          <span\n            className=\"course-card-verify-ribbon-container\"\n            title={formatMessage(messages.verifiedHoverDescription)}\n          >\n            <Badge as=\"div\" variant=\"success\" className=\"w-100\">\n              {formatMessage(messages.verifiedBanner)}\n            </Badge>\n            <img src={verifiedRibbon} alt={formatMessage(messages.verifiedBannerRibbonAlt)} />\n          </span>\n        )\n      }\n    </>\n  );\n  return disableCourseTitle\n    ? (<div className={wrapperClassName}>{image}</div>)\n    : (\n      <a\n        className={wrapperClassName}\n        href={homeUrl}\n        onClick={handleImageClicked}\n        tabIndex=\"-1\"\n      >\n        {image}\n      </a>\n    );\n};\nCourseCardImage.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  orientation: PropTypes.string.isRequired,\n};\n\nCourseCardImage.defaultProps = {};\n\nexport default CourseCardImage;\n"]}

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

@@ -0,0 +1,17 @@
+export namespace testIds {
+    let emailSettingsModalToggle: string;
+}
+export function SocialShareMenu({ cardId, emailSettings }: {
+    cardId: any;
+    emailSettings: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+export namespace SocialShareMenu {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+        let emailSettings: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            show: PropTypes.Requireable<(...args: any[]) => any>;
+        }>>>;
+    }
+}
+export default SocialShareMenu;
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import * as ReactShare from 'react-share';
+import { EXECUTIVE_EDUCATION_COURSE_MODES } from '../../../../data/constants/course';
+import { useIntl } from '@openedx/frontend-base';
+import { Dropdown } from '@openedx/paragon';
+import track from '../../../../tracking';
+import { useCourseTrackingEvent, useCourseData, useIsMasquerading } from '../../../../hooks';
+import { useCardSocialSettingsData } from './hooks';
+import messages from './messages';
+export const testIds = {
+    emailSettingsModalToggle: 'emailSettingsModalToggle',
+};
+export const SocialShareMenu = ({ cardId, emailSettings }) => {
+    var _a, _b, _c;
+    const { formatMessage } = useIntl();
+    const courseData = useCourseData(cardId);
+    const courseName = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.course) === null || _a === void 0 ? void 0 : _a.courseName;
+    const isExecEd2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(courseData.enrollment.mode);
+    const isEmailEnabled = (_c = (_b = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _b === void 0 ? void 0 : _b.isEmailEnabled) !== null && _c !== void 0 ? _c : false;
+    const { twitter, facebook } = useCardSocialSettingsData(cardId);
+    const isMasquerading = useIsMasquerading();
+    const handleTwitterShare = useCourseTrackingEvent(track.socialShare, cardId, 'twitter');
+    const handleFacebookShare = useCourseTrackingEvent(track.socialShare, cardId, 'facebook');
+    if (isExecEd2UCourse) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [isEmailEnabled && (_jsx(Dropdown.Item, { disabled: isMasquerading, onClick: emailSettings.show, "data-testid": testIds.emailSettingsModalToggle, children: formatMessage(messages.emailSettings) })), facebook.isEnabled && (_jsx(ReactShare.FacebookShareButton, { url: facebook.shareUrl, onClick: handleFacebookShare, title: formatMessage(messages.shareQuote, {
+                    courseName,
+                    socialBrand: facebook.socialBrand,
+                }), resetButtonStyle: false, className: "pgn__dropdown-item dropdown-item", "aria-label": "facebook", children: formatMessage(messages.shareToFacebook) })), twitter.isEnabled && (_jsx(ReactShare.TwitterShareButton, { url: twitter.shareUrl, onClick: handleTwitterShare, title: formatMessage(messages.shareQuote, {
+                    courseName,
+                    socialBrand: twitter.socialBrand,
+                }), resetButtonStyle: false, className: "pgn__dropdown-item dropdown-item", "aria-label": "twitter", children: formatMessage(messages.shareToTwitter) }))] }));
+};
+SocialShareMenu.propTypes = {
+    cardId: PropTypes.string.isRequired,
+    emailSettings: PropTypes.shape({
+        show: PropTypes.func,
+    }).isRequired,
+};
+export default SocialShareMenu;
+//# sourceMappingURL=SocialShareMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialShareMenu.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardMenu/SocialShareMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport * as ReactShare from 'react-share';\nimport { EXECUTIVE_EDUCATION_COURSE_MODES } from '@src/data/constants/course';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Dropdown } from '@openedx/paragon';\n\nimport track from '@src/tracking';\nimport { useCourseTrackingEvent, useCourseData, useIsMasquerading } from '@src/hooks';\nimport { useCardSocialSettingsData } from './hooks';\nimport messages from './messages';\n\nexport const testIds = {\n  emailSettingsModalToggle: 'emailSettingsModalToggle',\n};\n\nexport const SocialShareMenu = ({ cardId, emailSettings }) => {\n  const { formatMessage } = useIntl();\n  const courseData = useCourseData(cardId);\n  const courseName = courseData?.course?.courseName;\n  const isExecEd2UCourse = EXECUTIVE_EDUCATION_COURSE_MODES.includes(courseData.enrollment.mode);\n  const isEmailEnabled = courseData?.enrollment?.isEmailEnabled ?? false;\n  const { twitter, facebook } = useCardSocialSettingsData(cardId);\n  const isMasquerading = useIsMasquerading();\n\n  const handleTwitterShare = useCourseTrackingEvent(track.socialShare, cardId, 'twitter');\n  const handleFacebookShare = useCourseTrackingEvent(track.socialShare, cardId, 'facebook');\n\n  if (isExecEd2UCourse) {\n    return null;\n  }\n\n  return (\n    <>\n      {isEmailEnabled && (\n        <Dropdown.Item\n          disabled={isMasquerading}\n          onClick={emailSettings.show}\n          data-testid={testIds.emailSettingsModalToggle}\n        >\n          {formatMessage(messages.emailSettings)}\n        </Dropdown.Item>\n      )}\n      {facebook.isEnabled && (\n        <ReactShare.FacebookShareButton\n          url={facebook.shareUrl}\n          onClick={handleFacebookShare}\n          title={formatMessage(messages.shareQuote, {\n            courseName,\n            socialBrand: facebook.socialBrand,\n          })}\n          resetButtonStyle={false}\n          className=\"pgn__dropdown-item dropdown-item\"\n          aria-label=\"facebook\"\n        >\n          {formatMessage(messages.shareToFacebook)}\n        </ReactShare.FacebookShareButton>\n      )}\n      {twitter.isEnabled && (\n        <ReactShare.TwitterShareButton\n          url={twitter.shareUrl}\n          onClick={handleTwitterShare}\n          title={formatMessage(messages.shareQuote, {\n            courseName,\n            socialBrand: twitter.socialBrand,\n          })}\n          resetButtonStyle={false}\n          className=\"pgn__dropdown-item dropdown-item\"\n          aria-label=\"twitter\"\n        >\n          {formatMessage(messages.shareToTwitter)}\n        </ReactShare.TwitterShareButton>\n      )}\n    </>\n  );\n};\nSocialShareMenu.propTypes = {\n  cardId: PropTypes.string.isRequired,\n  emailSettings: PropTypes.shape({\n    show: PropTypes.func,\n  }).isRequired,\n};\n\nexport default SocialShareMenu;\n"]}

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

@@ -0,0 +1,26 @@
+export const state: any;
+export function useUnenrollData(): {
+    show: () => any;
+    hide: () => any;
+    isVisible: any;
+};
+export function useEmailSettings(): {
+    show: () => any;
+    hide: () => any;
+    isVisible: any;
+};
+export function useHandleToggleDropdown(cardId: any): (isOpen: any) => void;
+export function useCardSocialSettingsData(cardId: any): {
+    facebook: {
+        isEnabled: any;
+        shareUrl: string;
+    };
+    twitter: {
+        isEnabled: any;
+        shareUrl: string;
+    };
+};
+export function useOptionVisibility(cardId: any): {
+    shouldShowUnenrollItem: any;
+    shouldShowDropdown: any;
+};

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

@@ -0,0 +1,67 @@
+import track from '../../../../tracking';
+import { useCourseData, useCourseTrackingEvent } from '../../../../hooks';
+import { useState } from 'react';
+import { StrictDict } from '../../../../utils';
+import { useInitializeLearnerHome } from '../../../../data/hooks';
+export const state = StrictDict({
+    isUnenrollConfirmVisible: (val) => useState(val), // eslint-disable-line
+    isEmailSettingsVisible: (val) => useState(val), // eslint-disable-line
+});
+export const useUnenrollData = () => {
+    const [isVisible, setIsVisible] = state.isUnenrollConfirmVisible(false);
+    return {
+        show: () => setIsVisible(true),
+        hide: () => setIsVisible(false),
+        isVisible,
+    };
+};
+export const useEmailSettings = () => {
+    const [isVisible, setIsVisible] = state.isEmailSettingsVisible(false);
+    return {
+        show: () => setIsVisible(true),
+        hide: () => setIsVisible(false),
+        isVisible,
+    };
+};
+export const useHandleToggleDropdown = (cardId) => {
+    const trackCourseEvent = useCourseTrackingEvent(track.course.courseOptionsDropdownClicked, cardId);
+    return (isOpen) => {
+        if (isOpen) {
+            trackCourseEvent();
+        }
+    };
+};
+export const useCardSocialSettingsData = (cardId) => {
+    const { data: learnerHomeData } = useInitializeLearnerHome();
+    const courseData = useCourseData(cardId);
+    const socialShareSettings = learnerHomeData === null || learnerHomeData === void 0 ? void 0 : learnerHomeData.socialShareSettings;
+    const { socialShareUrl } = (courseData === null || courseData === void 0 ? void 0 : courseData.course) || {};
+    const defaultSettings = { isEnabled: false, shareUrl: '' };
+    if (!socialShareSettings) {
+        return { facebook: defaultSettings, twitter: defaultSettings };
+    }
+    const { facebook, twitter } = socialShareSettings;
+    const loadSettings = (target) => ({
+        isEnabled: target.isEnabled,
+        shareUrl: `${socialShareUrl}?${target.utmParams}`,
+    });
+    return { facebook: loadSettings(facebook), twitter: loadSettings(twitter) };
+};
+export const useOptionVisibility = (cardId) => {
+    var _a, _b, _c, _d, _e, _f;
+    const courseData = useCourseData(cardId);
+    const isEmailEnabled = (_b = (_a = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _a === void 0 ? void 0 : _a.isEmailEnabled) !== null && _b !== void 0 ? _b : false;
+    const isEnrolled = (_d = (_c = courseData === null || courseData === void 0 ? void 0 : courseData.enrollment) === null || _c === void 0 ? void 0 : _c.isEnrolled) !== null && _d !== void 0 ? _d : false;
+    const { twitter, facebook } = useCardSocialSettingsData(cardId);
+    const isEarned = (_f = (_e = courseData === null || courseData === void 0 ? void 0 : courseData.certificate) === null || _e === void 0 ? void 0 : _e.isEarned) !== null && _f !== void 0 ? _f : false;
+    const shouldShowUnenrollItem = isEnrolled && !isEarned;
+    const shouldShowDropdown = (shouldShowUnenrollItem
+        || isEmailEnabled
+        || facebook.isEnabled
+        || twitter.isEnabled);
+    return {
+        shouldShowUnenrollItem,
+        shouldShowDropdown,
+    };
+};
+//# sourceMappingURL=hooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../../src/containers/CourseCard/components/CourseCardMenu/hooks.js"],"names":[],"mappings":"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","sourcesContent":["import track from '@src/tracking';\nimport { useCourseData, useCourseTrackingEvent } from '@src/hooks';\nimport { useState } from 'react';\nimport { StrictDict } from '@src/utils';\nimport { useInitializeLearnerHome } from '@src/data/hooks';\n\nexport const state = StrictDict({\n  isUnenrollConfirmVisible: (val) => useState(val), // eslint-disable-line\n  isEmailSettingsVisible: (val) => useState(val), // eslint-disable-line\n});\n\nexport const useUnenrollData = () => {\n  const [isVisible, setIsVisible] = state.isUnenrollConfirmVisible(false);\n  return {\n    show: () => setIsVisible(true),\n    hide: () => setIsVisible(false),\n    isVisible,\n  };\n};\n\nexport const useEmailSettings = () => {\n  const [isVisible, setIsVisible] = state.isEmailSettingsVisible(false);\n  return {\n    show: () => setIsVisible(true),\n    hide: () => setIsVisible(false),\n    isVisible,\n  };\n};\n\nexport const useHandleToggleDropdown = (cardId) => {\n  const trackCourseEvent = useCourseTrackingEvent(\n    track.course.courseOptionsDropdownClicked,\n    cardId,\n  );\n  return (isOpen) => {\n    if (isOpen) {\n      trackCourseEvent();\n    }\n  };\n};\n\nexport const useCardSocialSettingsData = (cardId) => {\n  const { data: learnerHomeData } = useInitializeLearnerHome();\n  const courseData = useCourseData(cardId);\n  const socialShareSettings = learnerHomeData?.socialShareSettings;\n  const { socialShareUrl } = courseData?.course || {};\n  const defaultSettings = { isEnabled: false, shareUrl: '' };\n\n  if (!socialShareSettings) {\n    return { facebook: defaultSettings, twitter: defaultSettings };\n  }\n  const { facebook, twitter } = socialShareSettings;\n  const loadSettings = (target) => ({\n    isEnabled: target.isEnabled,\n    shareUrl: `${socialShareUrl}?${target.utmParams}`,\n  });\n  return { facebook: loadSettings(facebook), twitter: loadSettings(twitter) };\n};\n\nexport const useOptionVisibility = (cardId) => {\n  const courseData = useCourseData(cardId);\n  const isEmailEnabled = courseData?.enrollment?.isEmailEnabled ?? false;\n  const isEnrolled = courseData?.enrollment?.isEnrolled ?? false;\n  const { twitter, facebook } = useCardSocialSettingsData(cardId);\n  const isEarned = courseData?.certificate?.isEarned ?? false;\n\n  const shouldShowUnenrollItem = isEnrolled && !isEarned;\n  const shouldShowDropdown = (\n    shouldShowUnenrollItem\n    || isEmailEnabled\n    || facebook.isEnabled\n    || twitter.isEnabled\n  );\n\n  return {\n    shouldShowUnenrollItem,\n    shouldShowDropdown,\n  };\n};\n"]}

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

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