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

package/dist/home/components/courses-list/CoursesList.d.ts

@@ -0,0 +1,2 @@
+declare const CoursesList: () => import("react/jsx-runtime").JSX.Element | null;
+export default CoursesList;

package/dist/home/components/courses-list/CoursesList.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ErrorPage, getAppConfig, getUrlByRouteRole, useIntl, } from '@openedx/frontend-base';
+import { Alert, Button, CardGrid, Container, } from '@openedx/paragon';
+import { useNavigate } from 'react-router';
+import { useCourseListSearch } from '../../../data/course-list-search/hooks';
+import { AlertNotification } from '../../../generic';
+import { DEFAULT_PAGE_INDEX } from '../../../data/course-list-search/constants';
+import HomeCourseCardSlot from '../../../slots/HomeCourseCardSlot';
+import { LoaderSlot } from '../../../slots/LoaderSlot';
+import { appId, coursesRole } from '../../../constants';
+import { DEFAULT_COURSES_COUNT } from '../../../home/constants';
+import messages from './messages';
+const CARD_GRID_LAYOUT = {
+    xs: 12, md: 6, lg: 4, xl: 3,
+};
+const CoursesList = () => {
+    var _a, _b;
+    const intl = useIntl();
+    const navigate = useNavigate();
+    const maxCourses = getAppConfig(appId).HOMEPAGE_COURSE_MAX || DEFAULT_COURSES_COUNT;
+    const { data: courseData, isLoading: isCoursesLoading, isError: isCoursesError, } = useCourseListSearch({
+        pageSize: maxCourses,
+        pageIndex: DEFAULT_PAGE_INDEX,
+        enableCourseSortingByStartDate: getAppConfig(appId).ENABLE_COURSE_SORTING_BY_START_DATE === true,
+    });
+    const handleNavigateToCoursesPage = () => {
+        const coursesUrl = getUrlByRouteRole(coursesRole);
+        if (coursesUrl) {
+            navigate(coursesUrl);
+        }
+    };
+    if (isCoursesLoading) {
+        return (_jsx(Container, { className: "py-6", size: "xl", "data-testid": "courses-list-loading", children: _jsx(LoaderSlot, { children: _jsx(CardGrid, { columnSizes: CARD_GRID_LAYOUT, children: Array.from({ length: maxCourses }, (_, index) => (_jsx(HomeCourseCardSlot, { isLoading: true }, `courses-list-loading-skeleton-card-${index}`))) }) }) }));
+    }
+    if (isCoursesError) {
+        return (_jsx(Container, { className: "py-6", size: "xl", children: _jsx(Alert, { className: "my-0", variant: "danger", children: _jsx(ErrorPage
+                // @ts-expect-error frontend-base ErrorPage declares message?: null but renders the prop as text. Remove when typing is fixed upstream.
+                , { 
+                    // @ts-expect-error frontend-base ErrorPage declares message?: null but renders the prop as text. Remove when typing is fixed upstream.
+                    message: intl.formatMessage(messages.errorMessage, {
+                        supportEmail: getAppConfig(appId).INFO_EMAIL,
+                    }) }) }) }));
+    }
+    if (getAppConfig(appId).NON_BROWSABLE_COURSES) {
+        return null;
+    }
+    return (_jsx(Container, { className: "py-6", size: "xl", "data-testid": "courses-list", children: !((_a = courseData === null || courseData === void 0 ? void 0 : courseData.results) === null || _a === void 0 ? void 0 : _a.length) ? (_jsx(AlertNotification, { className: "my-0", variant: "info", title: intl.formatMessage(messages.noCoursesAvailable), message: intl.formatMessage(messages.noCoursesAvailableMessage) })) : (_jsxs(Container, { className: "text-center", children: [_jsx(CardGrid, { columnSizes: CARD_GRID_LAYOUT, children: (_b = courseData === null || courseData === void 0 ? void 0 : courseData.results) === null || _b === void 0 ? void 0 : _b.map(course => (_jsx(HomeCourseCardSlot, { original: course }, course.id))) }), (courseData === null || courseData === void 0 ? void 0 : courseData.total) > maxCourses && (_jsx(Button, { className: "mt-3", variant: "brand", onClick: handleNavigateToCoursesPage, children: intl.formatMessage(messages.viewAllCoursesButton) }))] })) }));
+};
+export default CoursesList;
+//# sourceMappingURL=CoursesList.js.map

package/dist/home/components/courses-list/CoursesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesList.js","sourceRoot":"","sources":["../../../../src/home/components/courses-list/CoursesList.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  ErrorPage, getAppConfig, getUrlByRouteRole, useIntl,\n} from '@openedx/frontend-base';\nimport {\n  Alert, Button, CardGrid, Container,\n} from '@openedx/paragon';\nimport { useNavigate } from 'react-router';\n\nimport { useCourseListSearch } from '@src/data/course-list-search/hooks';\nimport { AlertNotification } from '@src/generic';\nimport { DEFAULT_PAGE_INDEX } from '@src/data/course-list-search/constants';\nimport HomeCourseCardSlot from '@src/slots/HomeCourseCardSlot';\nimport { LoaderSlot } from '@src/slots/LoaderSlot';\nimport { appId, coursesRole } from '@src/constants';\nimport { DEFAULT_COURSES_COUNT } from '@src/home/constants';\n\nimport messages from './messages';\n\nconst CARD_GRID_LAYOUT = {\n  xs: 12, md: 6, lg: 4, xl: 3,\n};\n\nconst CoursesList = () => {\n  const intl = useIntl();\n  const navigate = useNavigate();\n\n  const maxCourses = (getAppConfig(appId).HOMEPAGE_COURSE_MAX as number | undefined) || DEFAULT_COURSES_COUNT;\n\n  const {\n    data: courseData,\n    isLoading: isCoursesLoading,\n    isError: isCoursesError,\n  } = useCourseListSearch({\n    pageSize: maxCourses,\n    pageIndex: DEFAULT_PAGE_INDEX,\n    enableCourseSortingByStartDate: getAppConfig(appId).ENABLE_COURSE_SORTING_BY_START_DATE === true,\n  });\n\n  const handleNavigateToCoursesPage = () => {\n    const coursesUrl = getUrlByRouteRole(coursesRole);\n    if (coursesUrl) {\n      navigate(coursesUrl);\n    }\n  };\n\n  if (isCoursesLoading) {\n    return (\n      <Container className=\"py-6\" size=\"xl\" data-testid=\"courses-list-loading\">\n        <LoaderSlot>\n          <CardGrid columnSizes={CARD_GRID_LAYOUT}>\n            {Array.from({ length: maxCourses }, (_, index) => (\n              <HomeCourseCardSlot key={`courses-list-loading-skeleton-card-${index}`} isLoading />\n            ))}\n          </CardGrid>\n        </LoaderSlot>\n      </Container>\n    );\n  }\n\n  if (isCoursesError) {\n    return (\n      <Container className=\"py-6\" size=\"xl\">\n        <Alert className=\"my-0\" variant=\"danger\">\n          <ErrorPage\n            // @ts-expect-error frontend-base ErrorPage declares message?: null but renders the prop as text. Remove when typing is fixed upstream.\n            message={intl.formatMessage(messages.errorMessage, {\n              supportEmail: getAppConfig(appId).INFO_EMAIL as string,\n            })}\n          />\n        </Alert>\n      </Container>\n    );\n  }\n\n  if (getAppConfig(appId).NON_BROWSABLE_COURSES) {\n    return null;\n  }\n\n  return (\n    <Container\n      className=\"py-6\"\n      size=\"xl\"\n      data-testid=\"courses-list\"\n    >\n      {!courseData?.results?.length ? (\n        <AlertNotification\n          className=\"my-0\"\n          variant=\"info\"\n          title={intl.formatMessage(messages.noCoursesAvailable)}\n          message={intl.formatMessage(messages.noCoursesAvailableMessage)}\n        />\n      ) : (\n        <Container className=\"text-center\">\n          <CardGrid columnSizes={CARD_GRID_LAYOUT}>\n            {courseData?.results?.map(course => (\n              <HomeCourseCardSlot key={course.id} original={course} />\n            ))}\n          </CardGrid>\n          {courseData?.total > maxCourses && (\n            <Button\n              className=\"mt-3\"\n              variant=\"brand\"\n              onClick={handleNavigateToCoursesPage}\n            >\n              {intl.formatMessage(messages.viewAllCoursesButton)}\n            </Button>\n          )}\n        </Container>\n      )}\n    </Container>\n  );\n};\n\nexport default CoursesList;\n"]}

package/dist/home/components/courses-list/messages.d.ts

@@ -0,0 +1,23 @@
+declare const messages: {
+    errorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noCoursesAvailable: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noCoursesAvailableMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewAllCoursesButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/home/components/courses-list/messages.js

@@ -0,0 +1,25 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    errorMessage: {
+        id: 'category.catalog.error-page-message',
+        defaultMessage: 'If you experience repeated failures, please email support at {supportEmail}',
+        description: 'Error page message.',
+    },
+    noCoursesAvailable: {
+        id: 'category.catalog.alert.no-courses-available',
+        defaultMessage: 'No courses available',
+        description: 'No courses available alert title.',
+    },
+    noCoursesAvailableMessage: {
+        id: 'category.catalog.alert.no-courses-available-message',
+        defaultMessage: 'There are currently no courses available in the catalog. Please check back later for new offerings.',
+        description: 'No courses available alert message.',
+    },
+    viewAllCoursesButton: {
+        id: 'category.catalog.home-page.view-courses-button',
+        defaultMessage: 'View all courses',
+        description: 'Label for the button that redirect to courses page.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/home/components/courses-list/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/home/components/courses-list/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,YAAY,EAAE;QACZ,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,6EAA6E;QAC7F,WAAW,EAAE,qBAAqB;KACnC;IACD,kBAAkB,EAAE;QAClB,EAAE,EAAE,6CAA6C;QACjD,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,mCAAmC;KACjD;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,qDAAqD;QACzD,cAAc,EAAE,qGAAqG;QACrH,WAAW,EAAE,qCAAqC;KACnD;IACD,oBAAoB,EAAE;QACpB,EAAE,EAAE,gDAAgD;QACpD,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,qDAAqD;KACnE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  errorMessage: {\n    id: 'category.catalog.error-page-message',\n    defaultMessage: 'If you experience repeated failures, please email support at {supportEmail}',\n    description: 'Error page message.',\n  },\n  noCoursesAvailable: {\n    id: 'category.catalog.alert.no-courses-available',\n    defaultMessage: 'No courses available',\n    description: 'No courses available alert title.',\n  },\n  noCoursesAvailableMessage: {\n    id: 'category.catalog.alert.no-courses-available-message',\n    defaultMessage: 'There are currently no courses available in the catalog. Please check back later for new offerings.',\n    description: 'No courses available alert message.',\n  },\n  viewAllCoursesButton: {\n    id: 'category.catalog.home-page.view-courses-button',\n    defaultMessage: 'View all courses',\n    description: 'Label for the button that redirect to courses page.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/home/components/home-banner/HomeBanner.d.ts

@@ -0,0 +1,2 @@
+declare const HomeBanner: () => import("react/jsx-runtime").JSX.Element;
+export default HomeBanner;

package/dist/home/components/home-banner/HomeBanner.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useNavigate } from 'react-router';
+import { getAppConfig, getUrlByRouteRole, useIntl } from '@openedx/frontend-base';
+import { Form, useToggle, SearchField, Container, } from '@openedx/paragon';
+import { appId, coursesRole } from '../../../constants';
+import HomeOverlayHtmlSlot from '../../../slots/HomeOverlayHtmlSlot';
+import { HomePromoVideoButtonSlot, HomePromoVideoModalSlot } from '../../../slots/HomePromoVideoSlots';
+import messages from './messages';
+const HomeBanner = () => {
+    const intl = useIntl();
+    const navigate = useNavigate();
+    const [searchValue, setSearchValue] = useState('');
+    const [isOpen, open, close] = useToggle(false);
+    const handleSearch = () => {
+        const coursesUrl = getUrlByRouteRole(coursesRole);
+        if (coursesUrl) {
+            navigate(`${coursesUrl}?search_query=${searchValue}`);
+        }
+    };
+    const searchField = getAppConfig(appId).ENABLE_COURSE_DISCOVERY === true && (_jsx(Form.Group, { className: "mt-4.5", children: _jsx(SearchField, { placeholder: intl.formatMessage(messages.searchPlaceholder), value: searchValue, submitButtonLocation: "external", onChange: (value) => setSearchValue(value), onSubmit: handleSearch }) }));
+    return (_jsxs("section", { className: "home-banner d-flex justify-content-center align-items-center position-relative overflow-hidden", "data-testid": "home-banner", children: [_jsxs("div", { className: "animation-wrapper d-flex justify-content-center align-items-center flex-column p-4 my-5", children: [_jsx(HomeOverlayHtmlSlot, {}), _jsx(HomePromoVideoButtonSlot, { onClick: open }), _jsx(Container, { size: "sm", children: searchField })] }), _jsx(HomePromoVideoModalSlot, { isOpen: isOpen, close: close, videoId: getAppConfig(appId).HOMEPAGE_PROMO_VIDEO_YOUTUBE_ID || '' })] }));
+};
+export default HomeBanner;
+//# sourceMappingURL=HomeBanner.js.map

package/dist/home/components/home-banner/HomeBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeBanner.js","sourceRoot":"","sources":["../../../../src/home/components/home-banner/HomeBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAClF,OAAO,EACL,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,GACxC,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,mBAAmB,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAEnG,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,UAAU,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAClD,IAAI,UAAU,EAAE,CAAC;YACf,QAAQ,CAAC,GAAG,UAAU,iBAAiB,WAAW,EAAE,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,uBAAuB,KAAK,IAAI,IAAI,CAC1E,KAAC,IAAI,CAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,YAC5B,KAAC,WAAW,IACV,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAC3D,KAAK,EAAE,WAAW,EAClB,oBAAoB,EAAC,UAAU,EAC/B,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EAClD,QAAQ,EAAE,YAAY,GACtB,GACS,CACd,CAAC;IAEF,OAAO,CACL,mBACE,SAAS,EAAC,gGAAgG,iBAC9F,aAAa,aAEzB,eAAK,SAAS,EAAC,yFAAyF,aACtG,KAAC,mBAAmB,KAAG,EACvB,KAAC,wBAAwB,IAAC,OAAO,EAAE,IAAI,GAAI,EAC3C,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,YACjB,WAAW,GACF,IACR,EACN,KAAC,uBAAuB,IACtB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAG,YAAY,CAAC,KAAK,CAAC,CAAC,+BAAsD,IAAI,EAAE,GAC1F,IACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useState } from 'react';\nimport { useNavigate } from 'react-router';\nimport { getAppConfig, getUrlByRouteRole, useIntl } from '@openedx/frontend-base';\nimport {\n  Form, useToggle, SearchField, Container,\n} from '@openedx/paragon';\n\nimport { appId, coursesRole } from '@src/constants';\nimport HomeOverlayHtmlSlot from '@src/slots/HomeOverlayHtmlSlot';\nimport { HomePromoVideoButtonSlot, HomePromoVideoModalSlot } from '@src/slots/HomePromoVideoSlots';\n\nimport messages from './messages';\n\nconst HomeBanner = () => {\n  const intl = useIntl();\n  const navigate = useNavigate();\n  const [searchValue, setSearchValue] = useState('');\n  const [isOpen, open, close] = useToggle(false);\n\n  const handleSearch = () => {\n    const coursesUrl = getUrlByRouteRole(coursesRole);\n    if (coursesUrl) {\n      navigate(`${coursesUrl}?search_query=${searchValue}`);\n    }\n  };\n\n  const searchField = getAppConfig(appId).ENABLE_COURSE_DISCOVERY === true && (\n    <Form.Group className=\"mt-4.5\">\n      <SearchField\n        placeholder={intl.formatMessage(messages.searchPlaceholder)}\n        value={searchValue}\n        submitButtonLocation=\"external\"\n        onChange={(value: string) => setSearchValue(value)}\n        onSubmit={handleSearch}\n      />\n    </Form.Group>\n  );\n\n  return (\n    <section\n      className=\"home-banner d-flex justify-content-center align-items-center position-relative overflow-hidden\"\n      data-testid=\"home-banner\"\n    >\n      <div className=\"animation-wrapper d-flex justify-content-center align-items-center flex-column p-4 my-5\">\n        <HomeOverlayHtmlSlot />\n        <HomePromoVideoButtonSlot onClick={open} />\n        <Container size=\"sm\">\n          {searchField}\n        </Container>\n      </div>\n      <HomePromoVideoModalSlot\n        isOpen={isOpen}\n        close={close}\n        videoId={(getAppConfig(appId).HOMEPAGE_PROMO_VIDEO_YOUTUBE_ID as string | undefined) || ''}\n      />\n    </section>\n  );\n};\n\nexport default HomeBanner;\n"]}

package/dist/home/components/home-banner/HomePageOverlay.d.ts

@@ -0,0 +1,2 @@
+declare const HomePageOverlay: () => import("react/jsx-runtime").JSX.Element;
+export default HomePageOverlay;

package/dist/home/components/home-banner/HomePageOverlay.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+const HomePageOverlay = () => {
+    const intl = useIntl();
+    const { siteName } = getSiteConfig();
+    return (_jsxs(_Fragment, { children: [_jsx("h1", { className: "display-1 text-white text-center", children: intl.formatMessage(messages.title, { siteName }) }), _jsx("p", { className: "lead text-white text-center mb-3", children: intl.formatMessage(messages.subtitle) })] }));
+};
+export default HomePageOverlay;
+//# sourceMappingURL=HomePageOverlay.js.map

package/dist/home/components/home-banner/HomePageOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePageOverlay.js","sourceRoot":"","sources":["../../../../src/home/components/home-banner/HomePageOverlay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAErC,OAAO,CACL,8BACE,aAAI,SAAS,EAAC,kCAAkC,YAC7C,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,GAC9C,EACL,YAAG,SAAS,EAAC,kCAAkC,YAC5C,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,GACpC,IACH,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { getSiteConfig, useIntl } from '@openedx/frontend-base';\n\nimport messages from './messages';\n\nconst HomePageOverlay = () => {\n  const intl = useIntl();\n  const { siteName } = getSiteConfig();\n\n  return (\n    <>\n      <h1 className=\"display-1 text-white text-center\">\n        {intl.formatMessage(messages.title, { siteName })}\n      </h1>\n      <p className=\"lead text-white text-center mb-3\">\n        {intl.formatMessage(messages.subtitle)}\n      </p>\n    </>\n  );\n};\n\nexport default HomePageOverlay;\n"]}

package/dist/home/components/home-banner/HomePromoVideoBtn.d.ts

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

package/dist/home/components/home-banner/HomePromoVideoBtn.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+const HomePromoVideoBtn = ({ onClick }) => {
+    const intl = useIntl();
+    return (_jsx(Button, { variant: "brand", className: "mb-3", onClick: onClick, children: intl.formatMessage(messages.videoButton) }));
+};
+export default HomePromoVideoBtn;
+//# sourceMappingURL=HomePromoVideoBtn.js.map

package/dist/home/components/home-banner/HomePromoVideoBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePromoVideoBtn.js","sourceRoot":"","sources":["../../../../src/home/components/home-banner/HomePromoVideoBtn.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,iBAAiB,GAAG,CAAC,EAAE,OAAO,EAA0B,EAAE,EAAE;IAChE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,YACtD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GAClC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { Button } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport type { HomePromoVideoBtnProps } from './types';\nimport messages from './messages';\n\nconst HomePromoVideoBtn = ({ onClick }: HomePromoVideoBtnProps) => {\n  const intl = useIntl();\n\n  return (\n    <Button variant=\"brand\" className=\"mb-3\" onClick={onClick}>\n      {intl.formatMessage(messages.videoButton)}\n    </Button>\n  );\n};\n\nexport default HomePromoVideoBtn;\n"]}

package/dist/home/components/home-banner/index.scss

@@ -0,0 +1,20 @@
+.home-banner {
+    &::before {
+        display: block;
+        content: "";
+        position: absolute;
+        inset: 0;
+        z-index: -1;
+        // To generate a CSS variable with an image, use an absolute link (e.g. https://myfavoritecdn.url/home-bg.jpg)
+        // Paragon issue: https://github.com/openedx/paragon/issues/3707
+        background-image: var(--catalog-home-page-banner-background-image, none);
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: cover;
+        background-color: var(--catalog-home-page-banner-background-color, var(--pgn-color-gray-500));
+    }
+
+    .animation-wrapper {
+        animation: home-banner-info-animation 1.15s ease-in-out both 1s;
+    }
+}

package/dist/home/components/home-banner/messages.d.ts

@@ -0,0 +1,28 @@
+declare const messages: {
+    title: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    subtitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    searchPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    videoButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    videoButtonAlt: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/home/components/home-banner/messages.js

@@ -0,0 +1,30 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    title: {
+        id: 'catalog.home-page.title',
+        defaultMessage: 'Welcome to {siteName}',
+        description: 'Main heading text displayed at the banner of the home page.',
+    },
+    subtitle: {
+        id: 'catalog.home-page.subtitle',
+        defaultMessage: 'It works! Powered by the Open edX® Platform',
+        description: 'Secondary text displayed below the main heading on the home page.',
+    },
+    searchPlaceholder: {
+        id: 'catalog.home-page.search-placeholder',
+        defaultMessage: 'Search for a course',
+        description: 'Placeholder text inside the course search input field.',
+    },
+    videoButton: {
+        id: 'catalog.home-page.video-button',
+        defaultMessage: 'View promo video',
+        description: 'Label for the button that opens the promotional video modal.',
+    },
+    videoButtonAlt: {
+        id: 'catalog.home-page.video-button-alt',
+        defaultMessage: 'search button',
+        description: 'Alternative text for the promo video button (for screen readers).',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/home/components/home-banner/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/home/components/home-banner/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,KAAK,EAAE;QACL,EAAE,EAAE,yBAAyB;QAC7B,cAAc,EAAE,uBAAuB;QACvC,WAAW,EAAE,6DAA6D;KAC3E;IACD,QAAQ,EAAE;QACR,EAAE,EAAE,4BAA4B;QAChC,cAAc,EAAE,6CAA6C;QAC7D,WAAW,EAAE,mEAAmE;KACjF;IACD,iBAAiB,EAAE;QACjB,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,wDAAwD;KACtE;IACD,WAAW,EAAE;QACX,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,kBAAkB;QAClC,WAAW,EAAE,8DAA8D;KAC5E;IACD,cAAc,EAAE;QACd,EAAE,EAAE,oCAAoC;QACxC,cAAc,EAAE,eAAe;QAC/B,WAAW,EAAE,mEAAmE;KACjF;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  title: {\n    id: 'catalog.home-page.title',\n    defaultMessage: 'Welcome to {siteName}',\n    description: 'Main heading text displayed at the banner of the home page.',\n  },\n  subtitle: {\n    id: 'catalog.home-page.subtitle',\n    defaultMessage: 'It works! Powered by the Open edX® Platform',\n    description: 'Secondary text displayed below the main heading on the home page.',\n  },\n  searchPlaceholder: {\n    id: 'catalog.home-page.search-placeholder',\n    defaultMessage: 'Search for a course',\n    description: 'Placeholder text inside the course search input field.',\n  },\n  videoButton: {\n    id: 'catalog.home-page.video-button',\n    defaultMessage: 'View promo video',\n    description: 'Label for the button that opens the promotional video modal.',\n  },\n  videoButtonAlt: {\n    id: 'catalog.home-page.video-button-alt',\n    defaultMessage: 'search button',\n    description: 'Alternative text for the promo video button (for screen readers).',\n  },\n});\n\nexport default messages;\n"]}

package/dist/home/components/home-banner/types.d.ts

@@ -0,0 +1,3 @@
+export interface HomePromoVideoBtnProps {
+    onClick: () => void;
+}

package/dist/home/components/home-banner/types.js

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

package/dist/home/components/home-banner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/home/components/home-banner/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface HomePromoVideoBtnProps {\n  onClick: () => void,\n}\n"]}

package/dist/home/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as HomeBanner } from './home-banner/HomeBanner';
+export { default as CoursesList } from './courses-list/CoursesList';

package/dist/home/components/index.js

@@ -0,0 +1,3 @@
+export { default as HomeBanner } from './home-banner/HomeBanner';
+export { default as CoursesList } from './courses-list/CoursesList';
+//# sourceMappingURL=index.js.map

package/dist/home/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/home/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export { default as HomeBanner } from './home-banner/HomeBanner';\nexport { default as CoursesList } from './courses-list/CoursesList';\n"]}

package/dist/home/constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_COURSES_COUNT = 9;

package/dist/home/constants.js

@@ -0,0 +1,2 @@
+export const DEFAULT_COURSES_COUNT = 9;
+//# sourceMappingURL=constants.js.map

package/dist/home/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/home/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAC","sourcesContent":["export const DEFAULT_COURSES_COUNT = 9;\n"]}

package/dist/home/messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    pageTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/home/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    pageTitle: {
+        id: 'home.page.title',
+        defaultMessage: 'Catalog | {siteName}',
+        description: 'Document title for the catalog home page.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/home/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../src/home/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,iBAAiB;QACrB,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,2CAA2C;KACzD;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  pageTitle: {\n    id: 'home.page.title',\n    defaultMessage: 'Catalog | {siteName}',\n    description: 'Document title for the catalog home page.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/i18n/index.d.ts

@@ -0,0 +1 @@
+export { default } from './messages';

package/dist/i18n/index.js

@@ -0,0 +1,2 @@
+export { default } from './messages';
+//# sourceMappingURL=index.js.map

package/dist/i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default } from './messages';\n"]}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export { default as catalogApp } from './app';
+export { default as catalogRoutes } from './routes';
+export type { HomePromoVideoButtonSlotProps } from './slots/HomePromoVideoSlots/HomePromoVideoButtonSlot';
+export type { HomePromoVideoModalSlotProps } from './slots/HomePromoVideoSlots/HomePromoVideoModalSlot';
+export type { HomePromoVideoModalContentSlotProps } from './slots/HomePromoVideoSlots/HomePromoVideoModalContentSlot';
+export type { HomeCourseCardSlotProps } from './slots/HomeCourseCardSlot';
+export type { CourseAboutIntroSlotProps } from './slots/CourseAboutIntroSlot';
+export type { CourseAboutCourseMediaSlotProps } from './slots/CourseAboutCourseMediaSlot';
+export type { CourseAboutOverviewSlotProps } from './slots/CourseAboutOverviewSlot';
+export type { CourseAboutSidebarSlotProps } from './slots/CourseAboutSidebarSlot';
+export type { CourseAboutIntroVideoButtonSlotProps } from './slots/CourseAboutIntroVideoSlots/CourseAboutIntroVideoButtonSlot';
+export type { CourseAboutIntroVideoModalSlotProps } from './slots/CourseAboutIntroVideoSlots/CourseAboutIntroVideoModalSlot';
+export type { CourseAboutIntroVideoModalContentSlotProps } from './slots/CourseAboutIntroVideoSlots/CourseAboutIntroVideoModalContentSlot';
+export type { CourseAboutSidebarSocialSlotProps } from './slots/CourseAboutSidebarSocialSlot';
+export type { CourseAboutSidebarCoursePriceSlotProps } from './slots/CourseAboutSidebarCoursePriceSlot';
+export type { CourseAboutCourseImageSlotProps } from './slots/CourseAboutCourseImageSlot';
+export type { CourseAboutEnrollmentButtonSlotProps } from './slots/CourseAboutEnrollmentButtonSlot';
+export type { CourseCatalogIntroSlotProps } from './slots/CourseCatalogIntroSlot';
+export type { CourseCatalogSearchFieldSlotProps } from './slots/CourseCatalogSearchFieldSlot';
+export type { CourseCatalogDataTableSlotProps } from './slots/CourseCatalogDataTableSlots/CourseCatalogDataTableSlot';
+export type { CourseCatalogDataTableControlBarSlotProps } from './slots/CourseCatalogDataTableSlots/CourseCatalogDataTableControlBarSlot';
+export type { CourseCatalogDataTableCardViewSlotProps } from './slots/CourseCatalogDataTableSlots/CourseCatalogDataTableCardViewSlot';
+export type { CourseCatalogDataTableCourseCardSlotProps } from './slots/CourseCatalogDataTableSlots/CourseCatalogDataTableCardViewSlot/CourseCatalogDataTableCourseCardSlot';

package/dist/index.js

@@ -0,0 +1,3 @@
+export { default as catalogApp } from './app';
+export { default as catalogRoutes } from './routes';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC","sourcesContent":["export { default as catalogApp } from './app';\nexport { default as catalogRoutes } from './routes';\n\nexport type { HomePromoVideoButtonSlotProps } from './slots/HomePromoVideoSlots/HomePromoVideoButtonSlot';\nexport type { HomePromoVideoModalSlotProps } from './slots/HomePromoVideoSlots/HomePromoVideoModalSlot';\nexport type { HomePromoVideoModalContentSlotProps } from './slots/HomePromoVideoSlots/HomePromoVideoModalContentSlot';\nexport type { HomeCourseCardSlotProps } from './slots/HomeCourseCardSlot';\nexport type { CourseAboutIntroSlotProps } from './slots/CourseAboutIntroSlot';\nexport type { CourseAboutCourseMediaSlotProps } from './slots/CourseAboutCourseMediaSlot';\nexport type { CourseAboutOverviewSlotProps } from './slots/CourseAboutOverviewSlot';\nexport type { CourseAboutSidebarSlotProps } from './slots/CourseAboutSidebarSlot';\nexport type { CourseAboutIntroVideoButtonSlotProps } from './slots/CourseAboutIntroVideoSlots/CourseAboutIntroVideoButtonSlot';\nexport type { CourseAboutIntroVideoModalSlotProps } from './slots/CourseAboutIntroVideoSlots/CourseAboutIntroVideoModalSlot';\nexport type { CourseAboutIntroVideoModalContentSlotProps } from './slots/CourseAboutIntroVideoSlots/CourseAboutIntroVideoModalContentSlot';\nexport type { CourseAboutSidebarSocialSlotProps } from './slots/CourseAboutSidebarSocialSlot';\nexport type { CourseAboutSidebarCoursePriceSlotProps } from './slots/CourseAboutSidebarCoursePriceSlot';\nexport type { CourseAboutCourseImageSlotProps } from './slots/CourseAboutCourseImageSlot';\nexport type { CourseAboutEnrollmentButtonSlotProps } from './slots/CourseAboutEnrollmentButtonSlot';\nexport type { CourseCatalogIntroSlotProps } from './slots/CourseCatalogIntroSlot';\nexport type { CourseCatalogSearchFieldSlotProps } from './slots/CourseCatalogSearchFieldSlot';\nexport type { CourseCatalogDataTableSlotProps } from './slots/CourseCatalogDataTableSlots/CourseCatalogDataTableSlot';\nexport type { CourseCatalogDataTableControlBarSlotProps } from './slots/CourseCatalogDataTableSlots/CourseCatalogDataTableControlBarSlot';\nexport type { CourseCatalogDataTableCardViewSlotProps } from './slots/CourseCatalogDataTableSlots/CourseCatalogDataTableCardViewSlot';\nexport type { CourseCatalogDataTableCourseCardSlotProps } from './slots/CourseCatalogDataTableSlots/CourseCatalogDataTableCardViewSlot/CourseCatalogDataTableCourseCardSlot';\n"]}

package/dist/routes.d.ts

@@ -0,0 +1,28 @@
+declare const routes: {
+    id: string;
+    path: string;
+    handle: {
+        roles: string[];
+    };
+    lazy(): Promise<{
+        Component: () => import("react/jsx-runtime").JSX.Element;
+    }>;
+    children: ({
+        index: boolean;
+        lazy(): Promise<{
+            Component: () => import("react/jsx-runtime").JSX.Element;
+        }>;
+        path?: undefined;
+        handle?: undefined;
+    } | {
+        path: string;
+        handle: {
+            roles: string[];
+        };
+        lazy(): Promise<{
+            Component: () => import("react/jsx-runtime").JSX.Element;
+        }>;
+        index?: undefined;
+    })[];
+}[];
+export default routes;

package/dist/routes.js

@@ -0,0 +1,62 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { catalogRole, coursesRole, courseAboutRole } from './constants';
+const routes = [
+    {
+        id: 'org.openedx.frontend.route.catalog.main',
+        path: '/catalog',
+        handle: {
+            roles: [catalogRole],
+        },
+        lazy() {
+            return __awaiter(this, void 0, void 0, function* () {
+                const module = yield import(/* webpackChunkName: "catalog-main" */ './Main');
+                return { Component: module.default };
+            });
+        },
+        children: [
+            {
+                index: true,
+                lazy() {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        const module = yield import(/* webpackChunkName: "catalog-home" */ './home/HomePage');
+                        return { Component: module.default };
+                    });
+                },
+            },
+            {
+                path: 'courses',
+                handle: {
+                    roles: [coursesRole],
+                },
+                lazy() {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        const module = yield import(/* webpackChunkName: "catalog-courses" */ './catalog/CatalogPage');
+                        return { Component: module.default };
+                    });
+                },
+            },
+            {
+                path: 'courses/:courseId/about',
+                handle: {
+                    roles: [courseAboutRole],
+                },
+                lazy() {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        const module = yield import(/* webpackChunkName: "catalog-course-about" */ './course-about/CourseAboutPage');
+                        return { Component: module.default };
+                    });
+                },
+            },
+        ],
+    },
+];
+export default routes;
+//# sourceMappingURL=routes.js.map

package/dist/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../src/routes.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,GAAG;IACb;QACE,EAAE,EAAE,yCAAyC;QAC7C,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE;YACN,KAAK,EAAE,CAAC,WAAW,CAAC;SACrB;QACK,IAAI;;gBACR,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,sCAAsC,CAAC,QAAQ,CAAC,CAAC;gBAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACvC,CAAC;SAAA;QACD,QAAQ,EAAE;YACR;gBACE,KAAK,EAAE,IAAI;gBACL,IAAI;;wBACR,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,sCAAsC,CAAC,iBAAiB,CAAC,CAAC;wBACtF,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;oBACvC,CAAC;iBAAA;aACF;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE;oBACN,KAAK,EAAE,CAAC,WAAW,CAAC;iBACrB;gBACK,IAAI;;wBACR,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,yCAAyC,CAAC,uBAAuB,CAAC,CAAC;wBAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;oBACvC,CAAC;iBAAA;aACF;YACD;gBACE,IAAI,EAAE,yBAAyB;gBAC/B,MAAM,EAAE;oBACN,KAAK,EAAE,CAAC,eAAe,CAAC;iBACzB;gBACK,IAAI;;wBACR,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,8CAA8C,CAAC,gCAAgC,CAAC,CAAC;wBAC7G,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;oBACvC,CAAC;iBAAA;aACF;SACF;KACF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import { catalogRole, coursesRole, courseAboutRole } from './constants';\n\nconst routes = [\n  {\n    id: 'org.openedx.frontend.route.catalog.main',\n    path: '/catalog',\n    handle: {\n      roles: [catalogRole],\n    },\n    async lazy() {\n      const module = await import(/* webpackChunkName: \"catalog-main\" */ './Main');\n      return { Component: module.default };\n    },\n    children: [\n      {\n        index: true,\n        async lazy() {\n          const module = await import(/* webpackChunkName: \"catalog-home\" */ './home/HomePage');\n          return { Component: module.default };\n        },\n      },\n      {\n        path: 'courses',\n        handle: {\n          roles: [coursesRole],\n        },\n        async lazy() {\n          const module = await import(/* webpackChunkName: \"catalog-courses\" */ './catalog/CatalogPage');\n          return { Component: module.default };\n        },\n      },\n      {\n        path: 'courses/:courseId/about',\n        handle: {\n          roles: [courseAboutRole],\n        },\n        async lazy() {\n          const module = await import(/* webpackChunkName: \"catalog-course-about\" */ './course-about/CourseAboutPage');\n          return { Component: module.default };\n        },\n      },\n    ],\n  },\n];\n\nexport default routes;\n"]}

package/dist/slots/CourseAboutCourseImageSlot/index.d.ts

@@ -0,0 +1,6 @@
+export interface CourseAboutCourseImageSlotProps {
+    imgSrc: string;
+    altText: string;
+}
+declare const CourseAboutCourseImageSlot: ({ imgSrc, altText }: CourseAboutCourseImageSlotProps) => import("react/jsx-runtime").JSX.Element;
+export default CourseAboutCourseImageSlot;

package/dist/slots/CourseAboutCourseImageSlot/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Image } from '@openedx/paragon';
+import { Slot } from '@openedx/frontend-base';
+import noCourseImg from '../../assets/images/no-course-image.svg';
+const CourseAboutCourseImageSlot = ({ imgSrc, altText }) => (_jsx(Slot, { id: "org.openedx.frontend.slot.catalog.courseAboutCourseImage.v1", imgSrc: imgSrc, altText: altText, children: _jsx(Image, { className: "course-media-image shadow w-100", src: imgSrc, rounded: true, alt: altText, onError: (e) => {
+            e.currentTarget.src = noCourseImg;
+        } }) }));
+export default CourseAboutCourseImageSlot;
+//# sourceMappingURL=index.js.map

package/dist/slots/CourseAboutCourseImageSlot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/CourseAboutCourseImageSlot/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAOjE,MAAM,0BAA0B,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAmC,EAAE,EAAE,CAAC,CAC3F,KAAC,IAAI,IACH,EAAE,EAAC,6DAA6D,EAChE,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,YAEhB,KAAC,KAAK,IACJ,SAAS,EAAC,iCAAiC,EAC3C,GAAG,EAAE,MAAM,EACX,OAAO,QACP,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,CAAC,CAAyC,EAAE,EAAE;YACrD,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC;QACpC,CAAC,GACD,GACG,CACR,CAAC;AAEF,eAAe,0BAA0B,CAAC","sourcesContent":["import { Image } from '@openedx/paragon';\nimport { Slot } from '@openedx/frontend-base';\n\nimport noCourseImg from '@src/assets/images/no-course-image.svg';\n\nexport interface CourseAboutCourseImageSlotProps {\n  imgSrc: string,\n  altText: string,\n}\n\nconst CourseAboutCourseImageSlot = ({ imgSrc, altText }: CourseAboutCourseImageSlotProps) => (\n  <Slot\n    id=\"org.openedx.frontend.slot.catalog.courseAboutCourseImage.v1\"\n    imgSrc={imgSrc}\n    altText={altText}\n  >\n    <Image\n      className=\"course-media-image shadow w-100\"\n      src={imgSrc}\n      rounded\n      alt={altText}\n      onError={(e: React.SyntheticEvent<HTMLImageElement>) => {\n        e.currentTarget.src = noCourseImg;\n      }}\n    />\n  </Slot>\n);\n\nexport default CourseAboutCourseImageSlot;\n"]}

package/dist/slots/CourseAboutCourseMediaSlot/index.d.ts

@@ -0,0 +1,9 @@
+import type { CourseMediaPartial } from '../../course-about/types';
+export interface CourseAboutCourseMediaSlotProps {
+    courseAboutData: {
+        name: string;
+        media: CourseMediaPartial;
+    };
+}
+declare const CourseAboutCourseMediaSlot: ({ courseAboutData }: CourseAboutCourseMediaSlotProps) => import("react/jsx-runtime").JSX.Element;
+export default CourseAboutCourseMediaSlot;

package/dist/slots/CourseAboutCourseMediaSlot/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@openedx/frontend-base';
+import CourseMedia from '../../course-about/course-intro/course-media/CourseMedia';
+const CourseAboutCourseMediaSlot = ({ courseAboutData }) => (_jsx(Slot, { id: "org.openedx.frontend.slot.catalog.courseAboutCourseMedia.v1", courseAboutData: courseAboutData, children: _jsx(CourseMedia, { courseAboutData: courseAboutData }) }));
+export default CourseAboutCourseMediaSlot;
+//# sourceMappingURL=index.js.map

package/dist/slots/CourseAboutCourseMediaSlot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/CourseAboutCourseMediaSlot/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,WAAW,MAAM,yDAAyD,CAAC;AAUlF,MAAM,0BAA0B,GAAG,CAAC,EAAE,eAAe,EAAmC,EAAE,EAAE,CAAC,CAC3F,KAAC,IAAI,IACH,EAAE,EAAC,6DAA6D,EAChE,eAAe,EAAE,eAAe,YAEhC,KAAC,WAAW,IAAC,eAAe,EAAE,eAAe,GAAI,GAC5C,CACR,CAAC;AAEF,eAAe,0BAA0B,CAAC","sourcesContent":["import { Slot } from '@openedx/frontend-base';\n\nimport CourseMedia from '@src/course-about/course-intro/course-media/CourseMedia';\nimport type { CourseMediaPartial } from '@src/course-about/types';\n\nexport interface CourseAboutCourseMediaSlotProps {\n  courseAboutData: {\n    name: string,\n    media: CourseMediaPartial,\n  },\n}\n\nconst CourseAboutCourseMediaSlot = ({ courseAboutData }: CourseAboutCourseMediaSlotProps) => (\n  <Slot\n    id=\"org.openedx.frontend.slot.catalog.courseAboutCourseMedia.v1\"\n    courseAboutData={courseAboutData}\n  >\n    <CourseMedia courseAboutData={courseAboutData} />\n  </Slot>\n);\n\nexport default CourseAboutCourseMediaSlot;\n"]}

package/dist/slots/CourseAboutEnrollmentButtonSlot/index.d.ts

@@ -0,0 +1,10 @@
+import type { SinglePaidMode } from '../../course-about/types';
+export interface CourseAboutEnrollmentButtonSlotProps {
+    singlePaidMode: SinglePaidMode;
+    ecommerceCheckout: boolean;
+    isEnrollmentPending: boolean;
+    onEnroll: () => void;
+    onEcommerceCheckout: () => void;
+}
+declare const CourseAboutEnrollmentButtonSlot: ({ singlePaidMode, ecommerceCheckout, isEnrollmentPending, onEnroll, onEcommerceCheckout, }: CourseAboutEnrollmentButtonSlotProps) => import("react/jsx-runtime").JSX.Element;
+export default CourseAboutEnrollmentButtonSlot;

package/dist/slots/CourseAboutEnrollmentButtonSlot/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@openedx/frontend-base';
+import { EnrollmentButton } from '../../course-about/course-intro/components';
+const CourseAboutEnrollmentButtonSlot = ({ singlePaidMode, ecommerceCheckout, isEnrollmentPending, onEnroll, onEcommerceCheckout, }) => (_jsx(Slot, { id: "org.openedx.frontend.slot.catalog.courseAboutEnrollmentButton.v1", singlePaidMode: singlePaidMode, ecommerceCheckout: ecommerceCheckout, isEnrollmentPending: isEnrollmentPending, onEnroll: onEnroll, onEcommerceCheckout: onEcommerceCheckout, children: _jsx(EnrollmentButton, { singlePaidMode: singlePaidMode, ecommerceCheckout: ecommerceCheckout, isEnrollmentPending: isEnrollmentPending, onEnroll: onEnroll, onEcommerceCheckout: onEcommerceCheckout }) }));
+export default CourseAboutEnrollmentButtonSlot;
+//# sourceMappingURL=index.js.map

package/dist/slots/CourseAboutEnrollmentButtonSlot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/CourseAboutEnrollmentButtonSlot/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAW7E,MAAM,+BAA+B,GAAG,CAAC,EACvC,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,QAAQ,EACR,mBAAmB,GACkB,EAAE,EAAE,CAAC,CAC1C,KAAC,IAAI,IACH,EAAE,EAAC,kEAAkE,EACrE,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,mBAAmB,YAExC,KAAC,gBAAgB,IACf,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,mBAAmB,GACxC,GACG,CACR,CAAC;AAEF,eAAe,+BAA+B,CAAC","sourcesContent":["import { Slot } from '@openedx/frontend-base';\n\nimport { EnrollmentButton } from '@src/course-about/course-intro/components';\nimport type { SinglePaidMode } from '@src/course-about/types';\n\nexport interface CourseAboutEnrollmentButtonSlotProps {\n  singlePaidMode: SinglePaidMode,\n  ecommerceCheckout: boolean,\n  isEnrollmentPending: boolean,\n  onEnroll: () => void,\n  onEcommerceCheckout: () => void,\n}\n\nconst CourseAboutEnrollmentButtonSlot = ({\n  singlePaidMode,\n  ecommerceCheckout,\n  isEnrollmentPending,\n  onEnroll,\n  onEcommerceCheckout,\n}: CourseAboutEnrollmentButtonSlotProps) => (\n  <Slot\n    id=\"org.openedx.frontend.slot.catalog.courseAboutEnrollmentButton.v1\"\n    singlePaidMode={singlePaidMode}\n    ecommerceCheckout={ecommerceCheckout}\n    isEnrollmentPending={isEnrollmentPending}\n    onEnroll={onEnroll}\n    onEcommerceCheckout={onEcommerceCheckout}\n  >\n    <EnrollmentButton\n      singlePaidMode={singlePaidMode}\n      ecommerceCheckout={ecommerceCheckout}\n      isEnrollmentPending={isEnrollmentPending}\n      onEnroll={onEnroll}\n      onEcommerceCheckout={onEcommerceCheckout}\n    />\n  </Slot>\n);\n\nexport default CourseAboutEnrollmentButtonSlot;\n"]}

package/dist/slots/CourseAboutIntroSlot/index.d.ts

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