@openedx/frontend-app-catalog 1.0.0-alpha.0

package/dist/course-about/course-intro/messages.js

@@ -0,0 +1,45 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    statusMessageEnrolled: {
+        id: 'category.course-about.course-intro.status-message.enrolled',
+        defaultMessage: 'You are enrolled in this course',
+        description: 'The text for the status message when the user is enrolled in the course.',
+    },
+    viewCourseBtn: {
+        id: 'category.course-about.course-intro.view-course-btn',
+        defaultMessage: 'View course',
+        description: 'The text for the button to view the course.',
+    },
+    statusMessageFull: {
+        id: 'category.course-about.course-intro.status-message.full',
+        defaultMessage: 'Course is full',
+        description: 'The text for the status message when the course is full.',
+    },
+    statusMessageEnrollmentInvitationOnly: {
+        id: 'category.course-about.course-intro.status-message.enrollment-invitation-only',
+        defaultMessage: 'Enrollment in this course is by invitation only',
+        description: 'The text for the status message when the enrollment is by invitation only.',
+    },
+    statusMessageEnrollmentClosed: {
+        id: 'category.course-about.course-intro.status-message.enrollment-closed',
+        defaultMessage: 'Enrollment is closed',
+        description: 'The text for the status message when the enrollment is closed.',
+    },
+    enrollNowBtn: {
+        id: 'category.course-about.course-intro.enroll-now-btn',
+        defaultMessage: 'Enroll now',
+        description: 'The text for the button to enroll in the course.',
+    },
+    enrollNowBtnPending: {
+        id: 'category.course-about.course-intro.enroll-now-btn-pending',
+        defaultMessage: 'Enrolling...',
+        description: 'The text for the button to enroll in the course when the enrollment is pending.',
+    },
+    statusMessageEnrollmentError: {
+        id: 'category.course-about.course-intro.status-message.enrollment-error',
+        defaultMessage: 'An error occurred. Please try again later.',
+        description: 'The text for the status message when an error occurs during enrollment.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/course-about/course-intro/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/course-about/course-intro/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,qBAAqB,EAAE;QACrB,EAAE,EAAE,4DAA4D;QAChE,cAAc,EAAE,iCAAiC;QACjD,WAAW,EAAE,0EAA0E;KACxF;IACD,aAAa,EAAE;QACb,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,6CAA6C;KAC3D;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,wDAAwD;QAC5D,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,0DAA0D;KACxE;IACD,qCAAqC,EAAE;QACrC,EAAE,EAAE,8EAA8E;QAClF,cAAc,EAAE,iDAAiD;QACjE,WAAW,EAAE,4EAA4E;KAC1F;IACD,6BAA6B,EAAE;QAC7B,EAAE,EAAE,qEAAqE;QACzE,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,gEAAgE;KAC9E;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,kDAAkD;KAChE;IACD,mBAAmB,EAAE;QACnB,EAAE,EAAE,2DAA2D;QAC/D,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,iFAAiF;KAC/F;IACD,4BAA4B,EAAE;QAC5B,EAAE,EAAE,oEAAoE;QACxE,cAAc,EAAE,4CAA4C;QAC5D,WAAW,EAAE,yEAAyE;KACvF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  statusMessageEnrolled: {\n    id: 'category.course-about.course-intro.status-message.enrolled',\n    defaultMessage: 'You are enrolled in this course',\n    description: 'The text for the status message when the user is enrolled in the course.',\n  },\n  viewCourseBtn: {\n    id: 'category.course-about.course-intro.view-course-btn',\n    defaultMessage: 'View course',\n    description: 'The text for the button to view the course.',\n  },\n  statusMessageFull: {\n    id: 'category.course-about.course-intro.status-message.full',\n    defaultMessage: 'Course is full',\n    description: 'The text for the status message when the course is full.',\n  },\n  statusMessageEnrollmentInvitationOnly: {\n    id: 'category.course-about.course-intro.status-message.enrollment-invitation-only',\n    defaultMessage: 'Enrollment in this course is by invitation only',\n    description: 'The text for the status message when the enrollment is by invitation only.',\n  },\n  statusMessageEnrollmentClosed: {\n    id: 'category.course-about.course-intro.status-message.enrollment-closed',\n    defaultMessage: 'Enrollment is closed',\n    description: 'The text for the status message when the enrollment is closed.',\n  },\n  enrollNowBtn: {\n    id: 'category.course-about.course-intro.enroll-now-btn',\n    defaultMessage: 'Enroll now',\n    description: 'The text for the button to enroll in the course.',\n  },\n  enrollNowBtnPending: {\n    id: 'category.course-about.course-intro.enroll-now-btn-pending',\n    defaultMessage: 'Enrolling...',\n    description: 'The text for the button to enroll in the course when the enrollment is pending.',\n  },\n  statusMessageEnrollmentError: {\n    id: 'category.course-about.course-intro.status-message.enrollment-error',\n    defaultMessage: 'An error occurred. Please try again later.',\n    description: 'The text for the status message when an error occurs during enrollment.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/course-about/course-intro/utils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns the absolute URL to the learning home page for a given course.
+ */
+export declare const getLearningHomePageUrl: (courseId: string) => string;

package/dist/course-about/course-intro/utils.js

@@ -0,0 +1,7 @@
+import { getAppConfig } from '@openedx/frontend-base';
+import { appId } from '../../constants';
+/**
+ * Returns the absolute URL to the learning home page for a given course.
+ */
+export const getLearningHomePageUrl = (courseId) => `${getAppConfig(appId).LEARNING_BASE_URL}/course/${courseId}/home`;
+//# sourceMappingURL=utils.js.map

package/dist/course-about/course-intro/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/course-about/course-intro/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,iBAA2B,WAAW,QAAQ,OAAO,CAAC","sourcesContent":["import { getAppConfig } from '@openedx/frontend-base';\n\nimport { appId } from '@src/constants';\n\n/**\n * Returns the absolute URL to the learning home page for a given course.\n */\nexport const getLearningHomePageUrl = (courseId: string) => `${getAppConfig(appId).LEARNING_BASE_URL as string}/course/${courseId}/home`;\n"]}

package/dist/course-about/course-overview/index.d.ts

@@ -0,0 +1,2 @@
+import type { CourseOverviewProps } from './types';
+export declare const CourseOverview: ({ overviewData, courseId }: CourseOverviewProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/course-about/course-overview/index.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Container, useMediaQuery, breakpoints, Card, ActionRow, } from '@openedx/paragon';
+import { getAuthenticatedUser, getSiteConfig, useIntl, } from '@openedx/frontend-base';
+import messages from '../messages';
+import { processOverviewContent } from './utils';
+export const CourseOverview = ({ overviewData, courseId }) => {
+    const intl = useIntl();
+    const authenticatedUser = getAuthenticatedUser();
+    const isGlobalStaff = (authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.administrator) || false;
+    const isExtraSmall = useMediaQuery({ maxWidth: breakpoints.extraSmall.maxWidth });
+    const processedOverviewData = processOverviewContent(overviewData, getSiteConfig().lmsBaseUrl);
+    const hasOverviewContent = processedOverviewData.trim().length > 0;
+    if (!hasOverviewContent) {
+        if (!isGlobalStaff) {
+            return null;
+        }
+        return (_jsx(ActionRow, { children: _jsx(Button, { as: "a", size: "sm", block: isExtraSmall, variant: "outline-primary", href: `${getSiteConfig().cmsBaseUrl}/settings/details/${courseId}`, children: intl.formatMessage(messages.viewAboutPageInStudio) }) }));
+    }
+    return (_jsx(Container, { className: "px-0", children: _jsxs(Card, { children: [isGlobalStaff && (_jsx(Card.Header, { actions: (_jsx(ActionRow, { children: _jsx(Button, { as: "a", size: "sm", block: isExtraSmall, variant: "outline-primary", href: `${getSiteConfig().cmsBaseUrl}/settings/details/${courseId}`, children: intl.formatMessage(messages.viewAboutPageInStudio) }) })) })), _jsx(Card.Section, { children: _jsx("div", { className: "course-about-overview", dangerouslySetInnerHTML: { __html: processedOverviewData } }) })] }) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/course-about/course-overview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/course-about/course-overview/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAC/D,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,oBAAoB,EAAE,aAAa,EAAE,OAAO,GAC7C,MAAM,wBAAwB,CAAC;AAEhC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAuB,EAAE,EAAE;IAChF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IACjD,MAAM,aAAa,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa,KAAI,KAAK,CAAC;IAChE,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;IAElF,MAAM,qBAAqB,GAAG,sBAAsB,CAAC,YAAY,EAAE,aAAa,EAAE,CAAC,UAAU,CAAC,CAAC;IAC/F,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnE,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,KAAC,SAAS,cACR,KAAC,MAAM,IACL,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,YAAY,EACnB,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAE,GAAG,aAAa,EAAE,CAAC,UAAU,qBAAqB,QAAQ,EAAE,YAEjE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAC5C,GACC,CACb,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,YACzB,MAAC,IAAI,eACF,aAAa,IAAI,CAChB,KAAC,IAAI,CAAC,MAAM,IACV,OAAO,EAAE,CACP,KAAC,SAAS,cACR,KAAC,MAAM,IACL,EAAE,EAAC,GAAG,EACN,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,YAAY,EACnB,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAE,GAAG,aAAa,EAAE,CAAC,UAAU,qBAAqB,QAAQ,EAAE,YAEjE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,GAC5C,GACC,CACb,GACD,CACH,EACD,KAAC,IAAI,CAAC,OAAO,cACX,cAAK,SAAS,EAAC,uBAAuB,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAAI,GACxF,IACV,GACG,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n  Button, Container, useMediaQuery, breakpoints, Card, ActionRow,\n} from '@openedx/paragon';\nimport {\n  getAuthenticatedUser, getSiteConfig, useIntl,\n} from '@openedx/frontend-base';\n\nimport messages from '../messages';\nimport type { CourseOverviewProps } from './types';\nimport { processOverviewContent } from './utils';\n\nexport const CourseOverview = ({ overviewData, courseId }: CourseOverviewProps) => {\n  const intl = useIntl();\n  const authenticatedUser = getAuthenticatedUser();\n  const isGlobalStaff = authenticatedUser?.administrator || false;\n  const isExtraSmall = useMediaQuery({ maxWidth: breakpoints.extraSmall.maxWidth });\n\n  const processedOverviewData = processOverviewContent(overviewData, getSiteConfig().lmsBaseUrl);\n  const hasOverviewContent = processedOverviewData.trim().length > 0;\n\n  if (!hasOverviewContent) {\n    if (!isGlobalStaff) {\n      return null;\n    }\n\n    return (\n      <ActionRow>\n        <Button\n          as=\"a\"\n          size=\"sm\"\n          block={isExtraSmall}\n          variant=\"outline-primary\"\n          href={`${getSiteConfig().cmsBaseUrl}/settings/details/${courseId}`}\n        >\n          {intl.formatMessage(messages.viewAboutPageInStudio)}\n        </Button>\n      </ActionRow>\n    );\n  }\n\n  return (\n    <Container className=\"px-0\">\n      <Card>\n        {isGlobalStaff && (\n          <Card.Header\n            actions={(\n              <ActionRow>\n                <Button\n                  as=\"a\"\n                  size=\"sm\"\n                  block={isExtraSmall}\n                  variant=\"outline-primary\"\n                  href={`${getSiteConfig().cmsBaseUrl}/settings/details/${courseId}`}\n                >\n                  {intl.formatMessage(messages.viewAboutPageInStudio)}\n                </Button>\n              </ActionRow>\n            )}\n          />\n        )}\n        <Card.Section>\n          <div className=\"course-about-overview\" dangerouslySetInnerHTML={{ __html: processedOverviewData }} />\n        </Card.Section>\n      </Card>\n    </Container>\n  );\n};\n"]}

package/dist/course-about/course-overview/types.d.ts

@@ -0,0 +1,4 @@
+export interface CourseOverviewProps {
+    overviewData: string;
+    courseId: string;
+}

package/dist/course-about/course-overview/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/course-about/course-overview/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/course-about/course-overview/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface CourseOverviewProps {\n  overviewData: string,\n  courseId: string,\n}\n"]}

package/dist/course-about/course-overview/utils.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Processes overview content to replace image paths
+ * @param overview - The overview HTML content
+ * @returns Processed overview content with updated image paths
+ */
+export declare const processOverviewContent: (overview: string, lmsBaseUrl: string) => string;

package/dist/course-about/course-overview/utils.js

@@ -0,0 +1,12 @@
+/**
+ * Processes overview content to replace image paths
+ * @param overview - The overview HTML content
+ * @returns Processed overview content with updated image paths
+ */
+export const processOverviewContent = (overview, lmsBaseUrl) => {
+    if (!overview) {
+        return overview;
+    }
+    return overview.replace(/src="\/(static\/images\/|asset)/g, (_, path) => `src="${lmsBaseUrl}/${path}`);
+};
+//# sourceMappingURL=utils.js.map

package/dist/course-about/course-overview/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/course-about/course-overview/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,QAAgB,EAAE,UAAkB,EAAU,EAAE;IACrF,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,QAAQ,CAAC,OAAO,CACrB,kCAAkC,EAClC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,QAAQ,UAAU,IAAI,IAAI,EAAE,CAC1C,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n * Processes overview content to replace image paths\n * @param overview - The overview HTML content\n * @returns Processed overview content with updated image paths\n */\nexport const processOverviewContent = (overview: string, lmsBaseUrl: string): string => {\n  if (!overview) {\n    return overview;\n  }\n\n  return overview.replace(\n    /src=\"\\/(static\\/images\\/|asset)/g,\n    (_, path) => `src=\"${lmsBaseUrl}/${path}`,\n  );\n};\n"]}

package/dist/course-about/course-sidebar/CourseSidebar.d.ts

@@ -0,0 +1,5 @@
+import type { CourseAboutData } from '../types';
+declare const CourseSidebar: ({ courseAboutData }: {
+    courseAboutData: CourseAboutData;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CourseSidebar;

package/dist/course-about/course-sidebar/CourseSidebar.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from '@openedx/paragon';
+import SidebarSocial from './sidebar-social/SidebarSocial';
+import SidebarDetails from './sidebar-details/SidebarDetails';
+const CourseSidebar = ({ courseAboutData }) => (_jsx(Card, { children: _jsxs(Card.Section, { className: "p-0", children: [_jsx(SidebarSocial, { courseAboutData: courseAboutData }), _jsx(SidebarDetails, { courseAboutData: courseAboutData })] }) }));
+export default CourseSidebar;
+//# sourceMappingURL=CourseSidebar.js.map

package/dist/course-about/course-sidebar/CourseSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseSidebar.js","sourceRoot":"","sources":["../../../src/course-about/course-sidebar/CourseSidebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAG9D,MAAM,aAAa,GAAG,CAAC,EAAE,eAAe,EAAwC,EAAE,EAAE,CAAC,CACnF,KAAC,IAAI,cACH,MAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAC,KAAK,aAC3B,KAAC,aAAa,IAAC,eAAe,EAAE,eAAe,GAAI,EACnD,KAAC,cAAc,IAAC,eAAe,EAAE,eAAe,GAAI,IACvC,GACV,CACR,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { Card } from '@openedx/paragon';\n\nimport SidebarSocial from './sidebar-social/SidebarSocial';\nimport SidebarDetails from './sidebar-details/SidebarDetails';\nimport type { CourseAboutData } from '../types';\n\nconst CourseSidebar = ({ courseAboutData }: { courseAboutData: CourseAboutData }) => (\n  <Card>\n    <Card.Section className=\"p-0\">\n      <SidebarSocial courseAboutData={courseAboutData} />\n      <SidebarDetails courseAboutData={courseAboutData} />\n    </Card.Section>\n  </Card>\n);\n\nexport default CourseSidebar;\n"]}

package/dist/course-about/course-sidebar/sidebar-details/SidebarDetails.d.ts

@@ -0,0 +1,5 @@
+import type { CourseAboutData } from '../../types';
+declare const SidebarDetails: ({ courseAboutData }: {
+    courseAboutData: CourseAboutData;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SidebarDetails;

package/dist/course-about/course-sidebar/sidebar-details/SidebarDetails.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Container, Card } from '@openedx/paragon';
+import { ListView as ListViewIcon } from '@openedx/paragon/icons';
+import { getUrlByRouteRole, useIntl } from '@openedx/frontend-base';
+import { Link } from 'react-router-dom';
+import CourseAboutSidebarCoursePriceSlot from '../../../slots/CourseAboutSidebarCoursePriceSlot';
+import { courseAboutRole } from '../../../constants';
+import SidebarDetailsItem from './SidebarDetailsItem';
+import { getSidebarDetails } from './utils';
+import messages from './messages';
+const SidebarDetails = ({ courseAboutData }) => {
+    const intl = useIntl();
+    const renderPrerequisites = () => {
+        var _a, _b;
+        if (!((_a = courseAboutData.preRequisiteCourses) === null || _a === void 0 ? void 0 : _a.length)) {
+            return null;
+        }
+        const prerequisite = courseAboutData.preRequisiteCourses[0];
+        const prerequisiteUrl = (_b = getUrlByRouteRole(courseAboutRole)) === null || _b === void 0 ? void 0 : _b.replace(':courseId', prerequisite.key);
+        if (!prerequisiteUrl) {
+            return null;
+        }
+        return (_jsxs(_Fragment, { children: [_jsx(SidebarDetailsItem, { icon: ListViewIcon, label: intl.formatMessage(messages.prerequisites), value: _jsx(Link, { to: prerequisiteUrl, children: prerequisite.display }) }, "prerequisites"), _jsx(Container, { className: "p-3", children: intl.formatMessage(messages.prerequisitesCompletion, {
+                        prerequisite: _jsx(Link, { to: prerequisiteUrl, children: prerequisite.display }),
+                    }) }), _jsx(Card.Divider, {})] }));
+    };
+    const renderAboutSidebarHtml = () => {
+        if (!courseAboutData.aboutSidebarHtml) {
+            return null;
+        }
+        return (_jsx(Container, { className: "p-3", children: _jsx("div", { dangerouslySetInnerHTML: { __html: courseAboutData.aboutSidebarHtml } }) }));
+    };
+    return (_jsxs(Stack, { children: [getSidebarDetails(intl, courseAboutData)
+                .filter(detail => detail.show)
+                .map(detail => (_jsx(SidebarDetailsItem, { icon: detail.icon, label: detail.label, value: detail.value }, detail.key))), courseAboutData.coursePrice && (_jsx(CourseAboutSidebarCoursePriceSlot, { coursePrice: courseAboutData.coursePrice })), renderPrerequisites(), renderAboutSidebarHtml()] }));
+};
+export default SidebarDetails;
+//# sourceMappingURL=SidebarDetails.js.map

package/dist/course-about/course-sidebar/sidebar-details/SidebarDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarDetails.js","sourceRoot":"","sources":["../../../../src/course-about/course-sidebar/sidebar-details/SidebarDetails.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,iCAAiC,MAAM,8CAA8C,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,EAAE,eAAe,EAAwC,EAAE,EAAE;IACnF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,mBAAmB,GAAG,GAAG,EAAE;;QAC/B,IAAI,CAAC,CAAA,MAAA,eAAe,CAAC,mBAAmB,0CAAE,MAAM,CAAA,EAAE,CAAC;YACjD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,YAAY,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC5D,MAAM,eAAe,GAAG,MAAA,iBAAiB,CAAC,eAAe,CAAC,0CAAE,OAAO,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;QAEnG,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,8BACE,KAAC,kBAAkB,IAEjB,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EACjD,KAAK,EAAE,KAAC,IAAI,IAAC,EAAE,EAAE,eAAe,YAAG,YAAY,CAAC,OAAO,GAAQ,IAH3D,eAAe,CAInB,EACF,KAAC,SAAS,IAAC,SAAS,EAAC,KAAK,YACvB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,uBAAuB,EAAE;wBACpD,YAAY,EAAE,KAAC,IAAI,IAAC,EAAE,EAAE,eAAe,YAAG,YAAY,CAAC,OAAO,GAAQ;qBACvE,CAAC,GACQ,EACZ,KAAC,IAAI,CAAC,OAAO,KAAG,IACf,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,CAAC;YACtC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL,KAAC,SAAS,IAAC,SAAS,EAAC,KAAK,YAExB,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,eAAe,CAAC,gBAAgB,EAAE,GAAI,GACpE,CACb,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,eACH,iBAAiB,CAAC,IAAI,EAAE,eAAe,CAAC;iBACtC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;iBAC7B,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACb,KAAC,kBAAkB,IAEjB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAHd,MAAM,CAAC,GAAG,CAIf,CACH,CAAC,EACH,eAAe,CAAC,WAAW,IAAI,CAC9B,KAAC,iCAAiC,IAAC,WAAW,EAAE,eAAe,CAAC,WAAW,GAAI,CAChF,EACA,mBAAmB,EAAE,EACrB,sBAAsB,EAAE,IACnB,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { Stack, Container, Card } from '@openedx/paragon';\nimport { ListView as ListViewIcon } from '@openedx/paragon/icons';\nimport { getUrlByRouteRole, useIntl } from '@openedx/frontend-base';\nimport { Link } from 'react-router-dom';\n\nimport CourseAboutSidebarCoursePriceSlot from '@src/slots/CourseAboutSidebarCoursePriceSlot';\nimport { courseAboutRole } from '@src/constants';\nimport type { CourseAboutData } from '../../types';\nimport SidebarDetailsItem from './SidebarDetailsItem';\nimport { getSidebarDetails } from './utils';\nimport messages from './messages';\n\nconst SidebarDetails = ({ courseAboutData }: { courseAboutData: CourseAboutData }) => {\n  const intl = useIntl();\n\n  const renderPrerequisites = () => {\n    if (!courseAboutData.preRequisiteCourses?.length) {\n      return null;\n    }\n\n    const prerequisite = courseAboutData.preRequisiteCourses[0];\n    const prerequisiteUrl = getUrlByRouteRole(courseAboutRole)?.replace(':courseId', prerequisite.key);\n\n    if (!prerequisiteUrl) {\n      return null;\n    }\n\n    return (\n      <>\n        <SidebarDetailsItem\n          key=\"prerequisites\"\n          icon={ListViewIcon}\n          label={intl.formatMessage(messages.prerequisites)}\n          value={<Link to={prerequisiteUrl}>{prerequisite.display}</Link>}\n        />\n        <Container className=\"p-3\">\n          {intl.formatMessage(messages.prerequisitesCompletion, {\n            prerequisite: <Link to={prerequisiteUrl}>{prerequisite.display}</Link>,\n          })}\n        </Container>\n        <Card.Divider />\n      </>\n    );\n  };\n\n  const renderAboutSidebarHtml = () => {\n    if (!courseAboutData.aboutSidebarHtml) {\n      return null;\n    }\n\n    return (\n      <Container className=\"p-3\">\n        { }\n        <div dangerouslySetInnerHTML={{ __html: courseAboutData.aboutSidebarHtml }} />\n      </Container>\n    );\n  };\n\n  return (\n    <Stack>\n      {getSidebarDetails(intl, courseAboutData)\n        .filter(detail => detail.show)\n        .map(detail => (\n          <SidebarDetailsItem\n            key={detail.key}\n            icon={detail.icon}\n            label={detail.label}\n            value={detail.value}\n          />\n        ))}\n      {courseAboutData.coursePrice && (\n        <CourseAboutSidebarCoursePriceSlot coursePrice={courseAboutData.coursePrice} />\n      )}\n      {renderPrerequisites()}\n      {renderAboutSidebarHtml()}\n    </Stack>\n  );\n};\n\nexport default SidebarDetails;\n"]}

package/dist/course-about/course-sidebar/sidebar-details/SidebarDetailsItem.d.ts

@@ -0,0 +1,3 @@
+import type { SidebarDetailsItemProps } from './types';
+declare const SidebarDetailsItem: ({ icon, label, value }: SidebarDetailsItemProps) => import("react/jsx-runtime").JSX.Element;
+export default SidebarDetailsItem;

package/dist/course-about/course-sidebar/sidebar-details/SidebarDetailsItem.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon, Stack, Card } from '@openedx/paragon';
+const SidebarDetailsItem = ({ icon, label, value }) => (_jsxs(_Fragment, { children: [_jsxs(Stack, { className: "justify-content-between flex-wrap p-3", gap: 2, direction: "horizontal", children: [_jsxs(Stack, { direction: "horizontal", gap: 2, children: [_jsx(Icon, { src: icon }), _jsx("span", { "data-testid": "sidebar-details-item-label", children: label })] }), _jsx("span", { className: "font-weight-bolder", "data-testid": "sidebar-details-item-value", children: value })] }), _jsx(Card.Divider, {})] }));
+export default SidebarDetailsItem;
+//# sourceMappingURL=SidebarDetailsItem.js.map

package/dist/course-about/course-sidebar/sidebar-details/SidebarDetailsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarDetailsItem.js","sourceRoot":"","sources":["../../../../src/course-about/course-sidebar/sidebar-details/SidebarDetailsItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAIrD,MAAM,kBAAkB,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAA2B,EAAE,EAAE,CAAC,CAC9E,8BACE,MAAC,KAAK,IAAC,SAAS,EAAC,uCAAuC,EAAC,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,YAAY,aACrF,MAAC,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,CAAC,aAClC,KAAC,IAAI,IAAC,GAAG,EAAE,IAAI,GAAI,EACnB,8BAAkB,4BAA4B,YAAE,KAAK,GAAQ,IACvD,EACR,eAAM,SAAS,EAAC,oBAAoB,iBAAa,4BAA4B,YAAE,KAAK,GAAQ,IACtF,EACR,KAAC,IAAI,CAAC,OAAO,KAAG,IACf,CACJ,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { Icon, Stack, Card } from '@openedx/paragon';\n\nimport type { SidebarDetailsItemProps } from './types';\n\nconst SidebarDetailsItem = ({ icon, label, value }: SidebarDetailsItemProps) => (\n  <>\n    <Stack className=\"justify-content-between flex-wrap p-3\" gap={2} direction=\"horizontal\">\n      <Stack direction=\"horizontal\" gap={2}>\n        <Icon src={icon} />\n        <span data-testid=\"sidebar-details-item-label\">{label}</span>\n      </Stack>\n      <span className=\"font-weight-bolder\" data-testid=\"sidebar-details-item-value\">{value}</span>\n    </Stack>\n    <Card.Divider />\n  </>\n);\n\nexport default SidebarDetailsItem;\n"]}

package/dist/course-about/course-sidebar/sidebar-details/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const SIDEBAR_DETAIL_KEYS: {
+    readonly COURSE_NUMBER: "course-number";
+    readonly START_DATE: "start-date";
+    readonly END_DATE: "end-date";
+    readonly EFFORT: "effort";
+    readonly REQUIREMENTS: "requirements";
+};

package/dist/course-about/course-sidebar/sidebar-details/constants.js

@@ -0,0 +1,8 @@
+export const SIDEBAR_DETAIL_KEYS = {
+    COURSE_NUMBER: 'course-number',
+    START_DATE: 'start-date',
+    END_DATE: 'end-date',
+    EFFORT: 'effort',
+    REQUIREMENTS: 'requirements',
+};
+//# sourceMappingURL=constants.js.map

package/dist/course-about/course-sidebar/sidebar-details/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/course-about/course-sidebar/sidebar-details/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,aAAa,EAAE,eAAe;IAC9B,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,cAAc;CACpB,CAAC","sourcesContent":["export const SIDEBAR_DETAIL_KEYS = {\n  COURSE_NUMBER: 'course-number',\n  START_DATE: 'start-date',\n  END_DATE: 'end-date',\n  EFFORT: 'effort',\n  REQUIREMENTS: 'requirements',\n} as const;\n"]}

package/dist/course-about/course-sidebar/sidebar-details/messages.d.ts

@@ -0,0 +1,43 @@
+declare const messages: {
+    courseNumber: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    classesStart: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    classesEnd: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    estimatedEffort: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    price: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    requirements: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    prerequisites: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    prerequisitesCompletion: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/course-about/course-sidebar/sidebar-details/messages.js

@@ -0,0 +1,45 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    courseNumber: {
+        id: 'catalog.course-about.sidebar-details.course-number',
+        defaultMessage: 'Course number',
+        description: 'Course number label.',
+    },
+    classesStart: {
+        id: 'catalog.course-about.sidebar-details.classes-start',
+        defaultMessage: 'Classes start',
+        description: 'Classes start label.',
+    },
+    classesEnd: {
+        id: 'catalog.course-about.sidebar-details.classes-end',
+        defaultMessage: 'Classes end',
+        description: 'Classes end label.',
+    },
+    estimatedEffort: {
+        id: 'catalog.course-about.sidebar-details.estimated-effort',
+        defaultMessage: 'Estimated effort',
+        description: 'Estimated effort label.',
+    },
+    price: {
+        id: 'catalog.course-about.sidebar-details.price',
+        defaultMessage: 'Price',
+        description: 'Price label.',
+    },
+    requirements: {
+        id: 'catalog.course-about.sidebar-details.requirements',
+        defaultMessage: 'Requirements',
+        description: 'Requirements label.',
+    },
+    prerequisites: {
+        id: 'catalog.course-about.sidebar-details.prerequisites',
+        defaultMessage: 'Prerequisites',
+        description: 'Prerequisites label.',
+    },
+    prerequisitesCompletion: {
+        id: 'catalog.course-about.sidebar-details.prerequisites-completion',
+        defaultMessage: 'You must successfully complete {prerequisite} before you begin this course.',
+        description: 'Text explaining that a prerequisite course must be completed.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/course-about/course-sidebar/sidebar-details/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/course-about/course-sidebar/sidebar-details/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,YAAY,EAAE;QACZ,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,sBAAsB;KACpC;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,sBAAsB;KACpC;IACD,UAAU,EAAE;QACV,EAAE,EAAE,kDAAkD;QACtD,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,oBAAoB;KAClC;IACD,eAAe,EAAE;QACf,EAAE,EAAE,uDAAuD;QAC3D,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,yBAAyB;KACvC;IACD,KAAK,EAAE;QACL,EAAE,EAAE,4CAA4C;QAChD,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,cAAc;KAC5B;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,mDAAmD;QACvD,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,qBAAqB;KACnC;IACD,aAAa,EAAE;QACb,EAAE,EAAE,oDAAoD;QACxD,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,sBAAsB;KACpC;IACD,uBAAuB,EAAE;QACvB,EAAE,EAAE,+DAA+D;QACnE,cAAc,EAAE,6EAA6E;QAC7F,WAAW,EAAE,+DAA+D;KAC7E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  courseNumber: {\n    id: 'catalog.course-about.sidebar-details.course-number',\n    defaultMessage: 'Course number',\n    description: 'Course number label.',\n  },\n  classesStart: {\n    id: 'catalog.course-about.sidebar-details.classes-start',\n    defaultMessage: 'Classes start',\n    description: 'Classes start label.',\n  },\n  classesEnd: {\n    id: 'catalog.course-about.sidebar-details.classes-end',\n    defaultMessage: 'Classes end',\n    description: 'Classes end label.',\n  },\n  estimatedEffort: {\n    id: 'catalog.course-about.sidebar-details.estimated-effort',\n    defaultMessage: 'Estimated effort',\n    description: 'Estimated effort label.',\n  },\n  price: {\n    id: 'catalog.course-about.sidebar-details.price',\n    defaultMessage: 'Price',\n    description: 'Price label.',\n  },\n  requirements: {\n    id: 'catalog.course-about.sidebar-details.requirements',\n    defaultMessage: 'Requirements',\n    description: 'Requirements label.',\n  },\n  prerequisites: {\n    id: 'catalog.course-about.sidebar-details.prerequisites',\n    defaultMessage: 'Prerequisites',\n    description: 'Prerequisites label.',\n  },\n  prerequisitesCompletion: {\n    id: 'catalog.course-about.sidebar-details.prerequisites-completion',\n    defaultMessage: 'You must successfully complete {prerequisite} before you begin this course.',\n    description: 'Text explaining that a prerequisite course must be completed.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/course-about/course-sidebar/sidebar-details/types.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode, ComponentType } from 'react';
+export interface SidebarDetailsItemProps {
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    label: string;
+    value?: string | ReactNode;
+}

package/dist/course-about/course-sidebar/sidebar-details/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/course-about/course-sidebar/sidebar-details/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/course-about/course-sidebar/sidebar-details/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode, ComponentType } from 'react';\n\nexport interface SidebarDetailsItemProps {\n  icon: ComponentType<{ className?: string }>,\n  label: string,\n  value?: string | ReactNode,\n}\n"]}

package/dist/course-about/course-sidebar/sidebar-details/utils.d.ts

@@ -0,0 +1,37 @@
+import { type IntlShape } from '../../../utils';
+import type { CourseAboutData } from '../../types';
+/**
+ * Generates an array of sidebar detail objects for course information display.
+ * Each detail object contains metadata about a specific course attribute.
+*/
+export declare const getSidebarDetails: (intl: IntlShape, courseAboutData: CourseAboutData) => ({
+    key: "course-number";
+    icon: any;
+    label: string;
+    value: string;
+    show: boolean;
+} | {
+    key: "start-date";
+    icon: any;
+    label: string;
+    value: string;
+    show: boolean;
+} | {
+    key: "end-date";
+    icon: any;
+    label: string;
+    value: string;
+    show: boolean;
+} | {
+    key: "effort";
+    icon: any;
+    label: string;
+    value: string | null;
+    show: boolean;
+} | {
+    key: "requirements";
+    icon: any;
+    label: string;
+    value: string;
+    show: boolean;
+})[];

package/dist/course-about/course-sidebar/sidebar-details/utils.js

@@ -0,0 +1,49 @@
+import { AccessTimeFilled as AccessTimeFilledIcon, Event as EventIcon, Info as InfoIcon, } from '@openedx/paragon/icons';
+import { formatDate } from '../../../utils';
+import { SIDEBAR_DETAIL_KEYS } from './constants';
+import messages from './messages';
+/**
+ * Generates an array of sidebar detail objects for course information display.
+ * Each detail object contains metadata about a specific course attribute.
+*/
+export const getSidebarDetails = (intl, courseAboutData) => {
+    var _a, _b;
+    return [
+        {
+            key: SIDEBAR_DETAIL_KEYS.COURSE_NUMBER,
+            icon: InfoIcon,
+            label: intl.formatMessage(messages.courseNumber),
+            value: courseAboutData.displayNumberWithDefault,
+            show: true,
+        },
+        {
+            key: SIDEBAR_DETAIL_KEYS.START_DATE,
+            icon: EventIcon,
+            label: intl.formatMessage(messages.classesStart),
+            value: formatDate(((_a = (courseAboutData.advertisedStart || courseAboutData.start)) !== null && _a !== void 0 ? _a : ''), intl),
+            show: !courseAboutData.startDateIsStillDefault,
+        },
+        {
+            key: SIDEBAR_DETAIL_KEYS.END_DATE,
+            icon: EventIcon,
+            label: intl.formatMessage(messages.classesEnd),
+            value: formatDate(((_b = courseAboutData.end) !== null && _b !== void 0 ? _b : ''), intl),
+            show: !!courseAboutData.end,
+        },
+        {
+            key: SIDEBAR_DETAIL_KEYS.EFFORT,
+            icon: AccessTimeFilledIcon,
+            label: intl.formatMessage(messages.estimatedEffort),
+            value: courseAboutData.effort,
+            show: !!courseAboutData.effort,
+        },
+        {
+            key: SIDEBAR_DETAIL_KEYS.REQUIREMENTS,
+            icon: InfoIcon,
+            label: intl.formatMessage(messages.requirements),
+            value: courseAboutData.requirements,
+            show: !!(courseAboutData === null || courseAboutData === void 0 ? void 0 : courseAboutData.requirements),
+        },
+    ];
+};
+//# sourceMappingURL=utils.js.map

package/dist/course-about/course-sidebar/sidebar-details/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/course-about/course-sidebar/sidebar-details/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,IAAI,oBAAoB,EACxC,KAAK,IAAI,SAAS,EAClB,IAAI,IAAI,QAAQ,GACjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAkB,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC;;;EAGE;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,IAAe,EACf,eAAgC,EAChC,EAAE;;IAAC,OAAA;QACH;YACE,GAAG,EAAE,mBAAmB,CAAC,aAAa;YACtC,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC;YAChD,KAAK,EAAE,eAAe,CAAC,wBAAwB;YAC/C,IAAI,EAAE,IAAI;SACX;QACD;YACE,GAAG,EAAE,mBAAmB,CAAC,UAAU;YACnC,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC;YAChD,KAAK,EAAE,UAAU,CAAC,CAAC,MAAA,CAAC,eAAe,CAAC,eAAe,IAAI,eAAe,CAAC,KAAK,CAAC,mCAAI,EAAE,CAAC,EAAE,IAAI,CAAC;YAC3F,IAAI,EAAE,CAAC,eAAe,CAAC,uBAAuB;SAC/C;QACD;YACE,GAAG,EAAE,mBAAmB,CAAC,QAAQ;YACjC,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC;YAC9C,KAAK,EAAE,UAAU,CAAC,CAAC,MAAA,eAAe,CAAC,GAAG,mCAAI,EAAE,CAAC,EAAE,IAAI,CAAC;YACpD,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,GAAG;SAC5B;QACD;YACE,GAAG,EAAE,mBAAmB,CAAC,MAAM;YAC/B,IAAI,EAAE,oBAAoB;YAC1B,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC;YACnD,KAAK,EAAE,eAAe,CAAC,MAAM;YAC7B,IAAI,EAAE,CAAC,CAAC,eAAe,CAAC,MAAM;SAC/B;QACD;YACE,GAAG,EAAE,mBAAmB,CAAC,YAAY;YACrC,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC;YAChD,KAAK,EAAE,eAAe,CAAC,YAAY;YACnC,IAAI,EAAE,CAAC,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,CAAA;SACtC;KACF,CAAA;CAAA,CAAC","sourcesContent":["import {\n  AccessTimeFilled as AccessTimeFilledIcon,\n  Event as EventIcon,\n  Info as InfoIcon,\n} from '@openedx/paragon/icons';\n\nimport { formatDate, type IntlShape } from '@src/utils';\nimport { SIDEBAR_DETAIL_KEYS } from './constants';\nimport type { CourseAboutData } from '../../types';\nimport messages from './messages';\n\n/**\n * Generates an array of sidebar detail objects for course information display.\n * Each detail object contains metadata about a specific course attribute.\n*/\nexport const getSidebarDetails = (\n  intl: IntlShape,\n  courseAboutData: CourseAboutData,\n) => [\n  {\n    key: SIDEBAR_DETAIL_KEYS.COURSE_NUMBER,\n    icon: InfoIcon,\n    label: intl.formatMessage(messages.courseNumber),\n    value: courseAboutData.displayNumberWithDefault,\n    show: true,\n  },\n  {\n    key: SIDEBAR_DETAIL_KEYS.START_DATE,\n    icon: EventIcon,\n    label: intl.formatMessage(messages.classesStart),\n    value: formatDate(((courseAboutData.advertisedStart || courseAboutData.start) ?? ''), intl),\n    show: !courseAboutData.startDateIsStillDefault,\n  },\n  {\n    key: SIDEBAR_DETAIL_KEYS.END_DATE,\n    icon: EventIcon,\n    label: intl.formatMessage(messages.classesEnd),\n    value: formatDate((courseAboutData.end ?? ''), intl),\n    show: !!courseAboutData.end,\n  },\n  {\n    key: SIDEBAR_DETAIL_KEYS.EFFORT,\n    icon: AccessTimeFilledIcon,\n    label: intl.formatMessage(messages.estimatedEffort),\n    value: courseAboutData.effort,\n    show: !!courseAboutData.effort,\n  },\n  {\n    key: SIDEBAR_DETAIL_KEYS.REQUIREMENTS,\n    icon: InfoIcon,\n    label: intl.formatMessage(messages.requirements),\n    value: courseAboutData.requirements,\n    show: !!courseAboutData?.requirements,\n  },\n];\n"]}

package/dist/course-about/course-sidebar/sidebar-social/SidebarSocial.d.ts

@@ -0,0 +1,5 @@
+import type { CourseAboutData } from '../../../course-about/types';
+declare const SidebarSocial: ({ courseAboutData }: {
+    courseAboutData: CourseAboutData;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SidebarSocial;

package/dist/course-about/course-sidebar/sidebar-social/SidebarSocial.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Tooltip, OverlayTrigger, Card, } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import CourseAboutSidebarSocialSlot from '../../../slots/CourseAboutSidebarSocialSlot';
+import { getSocialLinks } from './utils';
+import messages from './messages';
+const SidebarSocial = ({ courseAboutData }) => {
+    const intl = useIntl();
+    const socialLinks = useMemo(() => getSocialLinks(intl).map((link) => (Object.assign(Object.assign({}, link), { destination: link.destination(courseAboutData) }))), [courseAboutData, intl]);
+    return (_jsx(OverlayTrigger, { placement: "top", overlay: (_jsx(Tooltip, { id: "tooltip-top", children: intl.formatMessage(messages.socialSharingTooltip) })), children: _jsxs("header", { children: [_jsx(CourseAboutSidebarSocialSlot, { socialLinks: socialLinks }), _jsx(Card.Divider, {})] }) }));
+};
+export default SidebarSocial;
+//# sourceMappingURL=SidebarSocial.js.map

package/dist/course-about/course-sidebar/sidebar-social/SidebarSocial.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSocial.js","sourceRoot":"","sources":["../../../../src/course-about/course-sidebar/sidebar-social/SidebarSocial.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,OAAO,EAAE,cAAc,EAAE,IAAI,GAC9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,OAAO,4BAA4B,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,aAAa,GAAG,CAAC,EAAE,eAAe,EAAwC,EAAE,EAAE;IAClF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCACpC,IAAI,KACP,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,IAC9C,CAAC,EACH,CAAC,eAAe,EAAE,IAAI,CAAC,CACxB,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,CACP,KAAC,OAAO,IAAC,EAAE,EAAC,aAAa,YACtB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,oBAAoB,CAAC,GAC1C,CACX,YAED,6BACE,KAAC,4BAA4B,IAAC,WAAW,EAAE,WAAW,GAAI,EAC1D,KAAC,IAAI,CAAC,OAAO,KAAG,IACT,GACM,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useMemo } from 'react';\nimport {\n  Tooltip, OverlayTrigger, Card,\n} from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport type { CourseAboutData } from '@src/course-about/types';\nimport CourseAboutSidebarSocialSlot from '@src/slots/CourseAboutSidebarSocialSlot';\nimport { getSocialLinks } from './utils';\nimport messages from './messages';\n\nconst SidebarSocial = ({ courseAboutData }: { courseAboutData: CourseAboutData }) => {\n  const intl = useIntl();\n\n  const socialLinks = useMemo(\n    () => getSocialLinks(intl).map((link) => ({\n      ...link,\n      destination: link.destination(courseAboutData),\n    })),\n    [courseAboutData, intl],\n  );\n\n  return (\n    <OverlayTrigger\n      placement=\"top\"\n      overlay={(\n        <Tooltip id=\"tooltip-top\">\n          {intl.formatMessage(messages.socialSharingTooltip)}\n        </Tooltip>\n      )}\n    >\n      <header>\n        <CourseAboutSidebarSocialSlot socialLinks={socialLinks} />\n        <Card.Divider />\n      </header>\n    </OverlayTrigger>\n  );\n};\n\nexport default SidebarSocial;\n"]}

package/dist/course-about/course-sidebar/sidebar-social/SocialLinks.d.ts

@@ -0,0 +1,5 @@
+import type { SocialLink } from './types';
+declare const SocialLinks: ({ socialLinks }: {
+    socialLinks: SocialLink[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default SocialLinks;

package/dist/course-about/course-sidebar/sidebar-social/SocialLinks.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon, Hyperlink } from '@openedx/paragon';
+const SocialLinks = ({ socialLinks }) => (_jsx(_Fragment, { children: socialLinks.map((link) => (_jsx(Hyperlink, { destination: link.destination, children: _jsx(Icon, { src: link.icon, screenReaderText: link.screenReaderText, size: "lg" }) }, link.id))) }));
+export default SocialLinks;
+//# sourceMappingURL=SocialLinks.js.map

package/dist/course-about/course-sidebar/sidebar-social/SocialLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialLinks.js","sourceRoot":"","sources":["../../../../src/course-about/course-sidebar/sidebar-social/SocialLinks.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAInD,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAiC,EAAE,EAAE,CAAC,CACtE,4BACG,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,KAAC,SAAS,IAAe,WAAW,EAAE,IAAI,CAAC,WAAW,YACpD,KAAC,IAAI,IACH,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,IAAI,EAAC,IAAI,GACT,IALY,IAAI,CAAC,EAAE,CAMX,CACb,CAAC,GACD,CACJ,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { Icon, Hyperlink } from '@openedx/paragon';\n\nimport type { SocialLink } from './types';\n\nconst SocialLinks = ({ socialLinks }: { socialLinks: SocialLink[] }) => (\n  <>\n    {socialLinks.map((link) => (\n      <Hyperlink key={link.id} destination={link.destination}>\n        <Icon\n          src={link.icon}\n          screenReaderText={link.screenReaderText}\n          size=\"lg\"\n        />\n      </Hyperlink>\n    ))}\n  </>\n);\n\nexport default SocialLinks;\n"]}

package/dist/course-about/course-sidebar/sidebar-social/messages.d.ts

@@ -0,0 +1,43 @@
+declare const messages: {
+    socialSharingOptionsAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    socialSharingTooltip: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    socialSharingTwitter: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    socialSharingFacebook: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    socialSharingEmail: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    socialSharingEmailSubject: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    socialSharingEmailBody: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    socialSharingTwitterText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;