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

package/dist/data/course-list-search/hooks.js

@@ -0,0 +1,47 @@
+import { useQuery } from '@tanstack/react-query';
+import { useState, useCallback } from 'react';
+import { fetchCourseListSearch } from './api';
+import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from './constants';
+import { transformDataTableFilters } from './utils';
+/**
+ * A React Query hook that fetches course list search data.
+ */
+export const useCourseListSearch = ({ pageSize = DEFAULT_PAGE_SIZE, pageIndex = DEFAULT_PAGE_INDEX, enableCourseSortingByStartDate = false, filters = {}, searchString = '', } = {}) => {
+    const [params, setParams] = useState({
+        pageSize,
+        pageIndex,
+        enableCourseSortingByStartDate,
+        filters,
+        searchString,
+    });
+    const { data, isLoading, isError, error, isFetching, } = useQuery({
+        queryKey: ['courseListSearch', params],
+        queryFn: () => fetchCourseListSearch(params),
+        placeholderData: (previousData) => previousData,
+    });
+    /**
+     * Updates query params and triggers data refetch if params have changed.
+     */
+    const fetchData = useCallback((newParams) => {
+        const transformedFilters = transformDataTableFilters(newParams.filters);
+        const transformedParams = {
+            pageSize: newParams.pageSize,
+            pageIndex: newParams.pageIndex,
+            filters: transformedFilters,
+            searchString: newParams.searchString || '',
+        };
+        setParams(prevParams => {
+            const hasChanged = JSON.stringify(prevParams) !== JSON.stringify(transformedParams);
+            return hasChanged ? transformedParams : prevParams;
+        });
+    }, []);
+    return {
+        data,
+        isLoading,
+        isError,
+        error,
+        fetchData,
+        isFetching,
+    };
+};
+//# sourceMappingURL=hooks.js.map

package/dist/data/course-list-search/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/data/course-list-search/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAIpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEpD;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,QAAQ,GAAG,iBAAiB,EAC5B,SAAS,GAAG,kBAAkB,EAC9B,8BAA8B,GAAG,KAAK,EACtC,OAAO,GAAG,EAAE,EACZ,YAAY,GAAG,EAAE,MACkB,EAAE,EAAwB,EAAE;IAC/D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAyB;QAC3D,QAAQ;QACR,SAAS;QACT,8BAA8B;QAC9B,OAAO;QACP,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,EACJ,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAC5C,GAAG,QAAQ,CAAkC;QAC5C,QAAQ,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC;QACtC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC;QAC5C,eAAe,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY;KAChD,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,SAAsD,EAAE,EAAE;QACvF,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAExE,MAAM,iBAAiB,GAA2B;YAChD,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,SAAS,EAAE,SAAS,CAAC,SAAS;YAC9B,OAAO,EAAE,kBAAkB;YAC3B,YAAY,EAAE,SAAS,CAAC,YAAY,IAAI,EAAE;SAC3C,CAAC;QAEF,SAAS,CAAC,UAAU,CAAC,EAAE;YACrB,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;YACpF,OAAO,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,IAAI;QACJ,SAAS;QACT,OAAO;QACP,KAAK;QACL,SAAS;QACT,UAAU;KACX,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query';\nimport { useState, useCallback } from 'react';\n\nimport { fetchCourseListSearch } from './api';\nimport { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from './constants';\nimport type {\n  CourseListSearchResponse, CourseListSearchParams, CourseListSearchHook, DataTableParams,\n} from './types';\nimport { transformDataTableFilters } from './utils';\n\n/**\n * A React Query hook that fetches course list search data.\n */\nexport const useCourseListSearch = ({\n  pageSize = DEFAULT_PAGE_SIZE,\n  pageIndex = DEFAULT_PAGE_INDEX,\n  enableCourseSortingByStartDate = false,\n  filters = {},\n  searchString = '',\n}: Partial<CourseListSearchParams> = {}): CourseListSearchHook => {\n  const [params, setParams] = useState<CourseListSearchParams>({\n    pageSize,\n    pageIndex,\n    enableCourseSortingByStartDate,\n    filters,\n    searchString,\n  });\n\n  const {\n    data, isLoading, isError, error, isFetching,\n  } = useQuery<CourseListSearchResponse, Error>({\n    queryKey: ['courseListSearch', params],\n    queryFn: () => fetchCourseListSearch(params),\n    placeholderData: (previousData) => previousData,\n  });\n\n  /**\n   * Updates query params and triggers data refetch if params have changed.\n   */\n  const fetchData = useCallback((newParams: DataTableParams & { searchString?: string }) => {\n    const transformedFilters = transformDataTableFilters(newParams.filters);\n\n    const transformedParams: CourseListSearchParams = {\n      pageSize: newParams.pageSize,\n      pageIndex: newParams.pageIndex,\n      filters: transformedFilters,\n      searchString: newParams.searchString || '',\n    };\n\n    setParams(prevParams => {\n      const hasChanged = JSON.stringify(prevParams) !== JSON.stringify(transformedParams);\n      return hasChanged ? transformedParams : prevParams;\n    });\n  }, []);\n\n  return {\n    data,\n    isLoading,\n    isError,\n    error,\n    fetchData,\n    isFetching,\n  };\n};\n"]}

package/dist/data/course-list-search/types.d.ts

@@ -0,0 +1,65 @@
+export interface CourseListSearchResponse {
+    took: number;
+    total: number;
+    results: {
+        id: string;
+        index: string;
+        type: string;
+        title: string;
+        data: {
+            id: string;
+            course: string;
+            start: string;
+            imageUrl: string;
+            org: string;
+            orgImageUrl?: string;
+            advertisedStart?: string;
+            content: {
+                displayName: string;
+                overview?: string;
+                number?: string;
+            };
+            number: string;
+            modes: string[];
+            language: string;
+            catalogVisibility: string;
+        };
+    }[];
+    aggs: Record<string, {
+        terms: Record<string, number>;
+        total: number;
+        other: number;
+    }>;
+    maxScore: number;
+}
+export type Aggregations = Record<string, {
+    terms: Record<string, number>;
+}>;
+export interface CourseListSearchParams {
+    pageSize?: number;
+    pageIndex?: number;
+    filters?: Record<string, string[]>;
+    enableCourseSortingByStartDate?: boolean;
+    searchString?: string;
+}
+export interface DataTableParams {
+    pageSize?: number;
+    pageIndex?: number;
+    filters?: {
+        id: string;
+        value: string | string[];
+    }[];
+    searchString?: string;
+}
+export interface CourseListSearchHook {
+    data: CourseListSearchResponse | undefined;
+    isLoading: boolean;
+    isFetching: boolean;
+    isError: boolean;
+    error: Error | null;
+    fetchData: (params: DataTableParams) => void;
+}
+export interface DataTableFilter {
+    id: string;
+    value: string | string[];
+}

package/dist/data/course-list-search/types.js

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

package/dist/data/course-list-search/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/data/course-list-search/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface CourseListSearchResponse {\n  took: number,\n  total: number,\n  results: {\n    id: string,\n    index: string,\n    type: string,\n    title: string,\n    data: {\n      id: string,\n      course: string,\n      start: string,\n      imageUrl: string,\n      org: string,\n      orgImageUrl?: string,\n      advertisedStart?: string,\n      content: {\n        displayName: string,\n        overview?: string,\n        number?: string,\n      },\n      number: string,\n      modes: string[],\n      language: string,\n      catalogVisibility: string,\n    },\n  }[],\n  aggs: Record<string, {\n    terms: Record<string, number>,\n    total: number,\n    other: number,\n  }>,\n  maxScore: number,\n}\n\nexport type Aggregations = Record<string, {\n  terms: Record<string, number>,\n}>;\n\nexport interface CourseListSearchParams {\n  pageSize?: number,\n  pageIndex?: number,\n  filters?: Record<string, string[]>,\n  enableCourseSortingByStartDate?: boolean,\n  searchString?: string,\n}\n\nexport interface DataTableParams {\n  pageSize?: number,\n  pageIndex?: number,\n  filters?: {\n    id: string,\n    value: string | string[],\n  }[],\n  searchString?: string,\n}\n\nexport interface CourseListSearchHook {\n  data: CourseListSearchResponse | undefined,\n  isLoading: boolean,\n  isFetching: boolean,\n  isError: boolean,\n  error: Error | null,\n  fetchData: (params: DataTableParams) => void,\n}\n\nexport interface DataTableFilter {\n  id: string,\n  value: string | string[],\n}\n"]}

package/dist/data/course-list-search/urls.d.ts

@@ -0,0 +1,2 @@
+export declare const getApiBaseUrl: () => string;
+export declare const getCourseListSearchUrl: () => string;

package/dist/data/course-list-search/urls.js

@@ -0,0 +1,4 @@
+import { getSiteConfig } from '@openedx/frontend-base';
+export const getApiBaseUrl = () => getSiteConfig().lmsBaseUrl;
+export const getCourseListSearchUrl = () => `${getApiBaseUrl()}/search/unstable/v0/course_list_search/`;
+//# sourceMappingURL=urls.js.map

package/dist/data/course-list-search/urls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urls.js","sourceRoot":"","sources":["../../../src/data/course-list-search/urls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,aAAa,EAAE,CAAC,UAAU,CAAC;AAE9D,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,GAAG,aAAa,EAAE,yCAAyC,CAAC","sourcesContent":["import { getSiteConfig } from '@openedx/frontend-base';\n\nexport const getApiBaseUrl = () => getSiteConfig().lmsBaseUrl;\n\nexport const getCourseListSearchUrl = () => `${getApiBaseUrl()}/search/unstable/v0/course_list_search/`;\n"]}

package/dist/data/course-list-search/utils.d.ts

@@ -0,0 +1,9 @@
+import type { DataTableFilter } from './types';
+/**
+ * Appends filters to the FormData object for backend requests.
+ */
+export declare const addFiltersToFormData: (formData: FormData, filters: Record<string, string[]>) => void;
+/**
+ * Transforms DataTable filters array into a Record<string, string[]> for API.
+ */
+export declare const transformDataTableFilters: (filters?: DataTableFilter[]) => Record<string, string[]>;

package/dist/data/course-list-search/utils.js

@@ -0,0 +1,40 @@
+/**
+ * Checks if a value is valid.
+ */
+const isValidValue = (value) => value !== undefined && value !== null && value !== '';
+/**
+ * Appends filters to the FormData object for backend requests.
+ */
+export const addFiltersToFormData = (formData, filters) => {
+    if (!filters || typeof filters !== 'object') {
+        return;
+    }
+    Object.entries(filters).forEach(([filterKey, filterValues]) => {
+        if (Array.isArray(filterValues)) {
+            filterValues
+                .filter(isValidValue)
+                .forEach(value => formData.append(filterKey, value));
+        }
+        else if (isValidValue(filterValues)) {
+            formData.append(filterKey, filterValues);
+        }
+    });
+};
+/**
+ * Transforms DataTable filters array into a Record<string, string[]> for API.
+ */
+export const transformDataTableFilters = (filters) => {
+    if (!filters) {
+        return {};
+    }
+    const grouped = {};
+    filters.forEach(({ id, value }) => {
+        if (!grouped[id]) {
+            grouped[id] = new Set();
+        }
+        const values = Array.isArray(value) ? value : [value];
+        values.filter(isValidValue).forEach(v => grouped[id].add(v));
+    });
+    return Object.fromEntries(Object.entries(grouped).map(([id, set]) => [id, Array.from(set)]));
+};
+//# sourceMappingURL=utils.js.map

package/dist/data/course-list-search/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/data/course-list-search/utils.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,YAAY,GAAG,CACnB,KAAqC,EAC5B,EAAE,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;AAEpE;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,QAAkB,EAClB,OAAiC,EAC3B,EAAE;IACR,IAAI,CAAC,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAC5C,OAAO;IACT,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE,EAAE;QAC5D,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;YAChC,YAAY;iBACT,MAAM,CAAC,YAAY,CAAC;iBACpB,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;QACzD,CAAC;aAAM,IAAI,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;YACtC,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,OAA2B,EACD,EAAE;IAC5B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,MAAM,OAAO,GAAgC,EAAE,CAAC;IAEhD,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;QAChC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;YACjB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,EAAE,CAAC;QAC1B,CAAC;QAED,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAClE,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import type { DataTableFilter } from './types';\n\n/**\n * Checks if a value is valid.\n */\nconst isValidValue = (\n  value: string | undefined | null | '',\n): boolean => value !== undefined && value !== null && value !== '';\n\n/**\n * Appends filters to the FormData object for backend requests.\n */\nexport const addFiltersToFormData = (\n  formData: FormData,\n  filters: Record<string, string[]>,\n): void => {\n  if (!filters || typeof filters !== 'object') {\n    return;\n  }\n\n  Object.entries(filters).forEach(([filterKey, filterValues]) => {\n    if (Array.isArray(filterValues)) {\n      filterValues\n        .filter(isValidValue)\n        .forEach(value => formData.append(filterKey, value));\n    } else if (isValidValue(filterValues)) {\n      formData.append(filterKey, filterValues);\n    }\n  });\n};\n\n/**\n * Transforms DataTable filters array into a Record<string, string[]> for API.\n */\nexport const transformDataTableFilters = (\n  filters?: DataTableFilter[],\n): Record<string, string[]> => {\n  if (!filters) {\n    return {};\n  }\n\n  const grouped: Record<string, Set<string>> = {};\n\n  filters.forEach(({ id, value }) => {\n    if (!grouped[id]) {\n      grouped[id] = new Set();\n    }\n\n    const values = Array.isArray(value) ? value : [value];\n    values.filter(isValidValue).forEach(v => grouped[id].add(v));\n  });\n\n  return Object.fromEntries(\n    Object.entries(grouped).map(([id, set]) => [id, Array.from(set)]),\n  );\n};\n"]}

package/dist/generic/alert-notification/index.d.ts

@@ -0,0 +1,2 @@
+import type { AlertNotificationProps } from './types';
+export declare const AlertNotification: ({ variant, title, message, className, }: AlertNotificationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/generic/alert-notification/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert as BaseAlert } from '@openedx/paragon';
+import { Info as InfoIcon } from '@openedx/paragon/icons';
+export const AlertNotification = ({ variant = 'info', title, message, className = '', }) => (_jsxs(BaseAlert, { variant: variant, icon: InfoIcon, className: className, children: [_jsx(BaseAlert.Heading, { children: title }), _jsx("p", { children: message })] }));
+//# sourceMappingURL=index.js.map

package/dist/generic/alert-notification/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generic/alert-notification/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAI1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,GACzB,EAAE,EAAE,CAAC,CAC5B,MAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,aAC/D,KAAC,SAAS,CAAC,OAAO,cAAE,KAAK,GAAqB,EAC9C,sBAAI,OAAO,GAAK,IACN,CACb,CAAC","sourcesContent":["import { Alert as BaseAlert } from '@openedx/paragon';\nimport { Info as InfoIcon } from '@openedx/paragon/icons';\n\nimport type { AlertNotificationProps } from './types';\n\nexport const AlertNotification = ({\n  variant = 'info', title, message, className = '',\n}: AlertNotificationProps) => (\n  <BaseAlert variant={variant} icon={InfoIcon} className={className}>\n    <BaseAlert.Heading>{title}</BaseAlert.Heading>\n    <p>{message}</p>\n  </BaseAlert>\n);\n"]}

package/dist/generic/alert-notification/types.d.ts

@@ -0,0 +1,6 @@
+export interface AlertNotificationProps {
+    variant?: 'info' | 'warning';
+    title: string;
+    message: string;
+    className?: string;
+}

package/dist/generic/alert-notification/types.js

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

package/dist/generic/alert-notification/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/generic/alert-notification/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface AlertNotificationProps {\n  variant?: 'info' | 'warning',\n  title: string,\n  message: string,\n  className?: string,\n}\n"]}

package/dist/generic/course-card/index.d.ts

@@ -0,0 +1,2 @@
+import type { CourseCardProps } from './types';
+export declare const CourseCard: ({ isLoading, courseId, courseOrg, courseName, courseNumber, courseImageUrl, courseStartDate, courseAdvertisedStart, }: CourseCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/generic/course-card/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from 'react-router-dom';
+import { Card, useMediaQuery, breakpoints, Badge, } from '@openedx/paragon';
+import { getUrlByRouteRole, useIntl } from '@openedx/frontend-base';
+import noCourseImg from '../../assets/images/no-course-image.svg';
+import { courseAboutRole } from '../../constants';
+import messages from './messages';
+import { getFullImageUrl, getStartDateDisplay } from './utils';
+export const CourseCard = ({ isLoading, courseId, courseOrg, courseName, courseNumber, courseImageUrl, courseStartDate, courseAdvertisedStart, }) => {
+    var _a;
+    const intl = useIntl();
+    const isExtraSmall = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });
+    const startDateDisplay = (courseStartDate || courseAdvertisedStart) ? getStartDateDisplay({
+        start: courseStartDate,
+        advertisedStart: courseAdvertisedStart,
+    }, intl) : null;
+    const courseAboutUrl = courseId
+        ? (_a = getUrlByRouteRole(courseAboutRole)) === null || _a === void 0 ? void 0 : _a.replace(':courseId', courseId)
+        : undefined;
+    return (_jsxs(Card, { as: courseAboutUrl ? Link : 'div', to: courseAboutUrl, 
+        // TODO: Temporary use of `d-flex` to fix alignment. Remove once the related Paragon issue
+        // (https://github.com/openedx/paragon/issues/3792) is resolved.
+        className: `course-card d-flex ${isExtraSmall ? 'w-100' : 'course-card-desktop'}`, isClickable: !isLoading, isLoading: isLoading, "data-testid": "course-card", children: [_jsx(Card.ImageCap, { src: getFullImageUrl(courseImageUrl), fallbackSrc: noCourseImg, srcAlt: `${courseName} ${courseNumber}`, skeletonDuringImageLoad: true }), _jsx(Card.Header, { title: courseName, subtitle: (_jsxs(_Fragment, { children: [_jsx("div", { children: courseNumber }), _jsx(Badge, { variant: "light", children: courseOrg })] })), size: "sm" }), _jsx(Card.Section, {}), _jsx(Card.Footer, { textElement: startDateDisplay && intl.formatMessage(messages.startDate, {
+                    startDate: startDateDisplay,
+                }) })] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/generic/course-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generic/course-card/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACL,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,KAAK,GACxC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEpE,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,cAAc,EACd,eAAe,EACf,qBAAqB,GACL,EAAE,EAAE;;IACpB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,YAAY,GAAG,aAAa,CAAC,EAAE,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE7E,MAAM,gBAAgB,GAAG,CAAC,eAAe,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC;QACxF,KAAK,EAAE,eAAe;QACtB,eAAe,EAAE,qBAAqB;KACvC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEhB,MAAM,cAAc,GAAG,QAAQ;QAC7B,CAAC,CAAC,MAAA,iBAAiB,CAAC,eAAe,CAAC,0CAAE,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC;QACpE,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,MAAC,IAAI,IACH,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjC,EAAE,EAAE,cAAc;QAClB,0FAA0F;QAC1F,gEAAgE;QAChE,SAAS,EAAE,sBAAsB,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,EAAE,EACjF,WAAW,EAAE,CAAC,SAAS,EACvB,SAAS,EAAE,SAAS,iBACR,aAAa,aAEzB,KAAC,IAAI,CAAC,QAAQ,IACZ,GAAG,EAAE,eAAe,CAAC,cAAc,CAAC,EACpC,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,GAAG,UAAU,IAAI,YAAY,EAAE,EACvC,uBAAuB,SACvB,EACF,KAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CACR,8BACE,wBAAM,YAAY,GAAO,EACzB,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,YAAE,SAAS,GAAS,IACzC,CACJ,EACD,IAAI,EAAC,IAAI,GACT,EACF,KAAC,IAAI,CAAC,OAAO,KAAG,EAChB,KAAC,IAAI,CAAC,MAAM,IAAC,WAAW,EAAE,gBAAgB,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,SAAS,EAAE;oBACnF,SAAS,EAAE,gBAAgB;iBAC5B,CAAC,GACA,IACG,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Link } from 'react-router-dom';\nimport {\n  Card, useMediaQuery, breakpoints, Badge,\n} from '@openedx/paragon';\nimport { getUrlByRouteRole, useIntl } from '@openedx/frontend-base';\n\nimport noCourseImg from '@src/assets/images/no-course-image.svg';\nimport { courseAboutRole } from '@src/constants';\n\nimport type { CourseCardProps } from './types';\nimport messages from './messages';\nimport { getFullImageUrl, getStartDateDisplay } from './utils';\n\nexport const CourseCard = ({\n  isLoading,\n  courseId,\n  courseOrg,\n  courseName,\n  courseNumber,\n  courseImageUrl,\n  courseStartDate,\n  courseAdvertisedStart,\n}: CourseCardProps) => {\n  const intl = useIntl();\n  const isExtraSmall = useMediaQuery({ maxWidth: breakpoints.small.maxWidth });\n\n  const startDateDisplay = (courseStartDate || courseAdvertisedStart) ? getStartDateDisplay({\n    start: courseStartDate,\n    advertisedStart: courseAdvertisedStart,\n  }, intl) : null;\n\n  const courseAboutUrl = courseId\n    ? getUrlByRouteRole(courseAboutRole)?.replace(':courseId', courseId)\n    : undefined;\n\n  return (\n    <Card\n      as={courseAboutUrl ? Link : 'div'}\n      to={courseAboutUrl}\n      // TODO: Temporary use of `d-flex` to fix alignment. Remove once the related Paragon issue\n      // (https://github.com/openedx/paragon/issues/3792) is resolved.\n      className={`course-card d-flex ${isExtraSmall ? 'w-100' : 'course-card-desktop'}`}\n      isClickable={!isLoading}\n      isLoading={isLoading}\n      data-testid=\"course-card\"\n    >\n      <Card.ImageCap\n        src={getFullImageUrl(courseImageUrl)}\n        fallbackSrc={noCourseImg}\n        srcAlt={`${courseName} ${courseNumber}`}\n        skeletonDuringImageLoad\n      />\n      <Card.Header\n        title={courseName}\n        subtitle={(\n          <>\n            <div>{courseNumber}</div>\n            <Badge variant=\"light\">{courseOrg}</Badge>\n          </>\n        )}\n        size=\"sm\"\n      />\n      <Card.Section />\n      <Card.Footer textElement={startDateDisplay && intl.formatMessage(messages.startDate, {\n        startDate: startDateDisplay,\n      })}\n      />\n    </Card>\n  );\n};\n"]}

package/dist/generic/course-card/messages.d.ts

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

package/dist/generic/course-card/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    startDate: {
+        id: 'generic.course-card.start-date',
+        defaultMessage: 'Starts: {startDate}',
+        description: 'Start date.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/generic/course-card/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/generic/course-card/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,gCAAgC;QACpC,cAAc,EAAE,qBAAqB;QACrC,WAAW,EAAE,aAAa;KAC3B;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  startDate: {\n    id: 'generic.course-card.start-date',\n    defaultMessage: 'Starts: {startDate}',\n    description: 'Start date.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/generic/course-card/types.d.ts

@@ -0,0 +1,35 @@
+export interface CourseContent {
+    displayName: string;
+    overview?: string;
+    number?: string;
+}
+export interface CourseData {
+    id: string;
+    course: string;
+    start: string;
+    imageUrl: string;
+    org: string;
+    orgImageUrl?: string;
+    advertisedStart?: string;
+    content: CourseContent;
+    number: string;
+    modes: string[];
+    language: string;
+    catalogVisibility: string;
+}
+export interface Course {
+    id: string;
+    index?: string;
+    type?: string;
+    data: CourseData;
+}
+export interface CourseCardProps {
+    isLoading?: boolean;
+    courseId?: string;
+    courseOrg?: string;
+    courseName?: string;
+    courseNumber?: string;
+    courseImageUrl?: string;
+    courseStartDate?: string;
+    courseAdvertisedStart?: string;
+}

package/dist/generic/course-card/types.js

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

package/dist/generic/course-card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/generic/course-card/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface CourseContent {\n  displayName: string,\n  overview?: string,\n  number?: string,\n}\n\nexport interface CourseData {\n  id: string,\n  course: string,\n  start: string,\n  imageUrl: string,\n  org: string,\n  orgImageUrl?: string,\n  advertisedStart?: string,\n  content: CourseContent,\n  number: string,\n  modes: string[],\n  language: string,\n  catalogVisibility: string,\n}\n\nexport interface Course {\n  id: string,\n  index?: string,\n  type?: string,\n  data: CourseData,\n}\n\nexport interface CourseCardProps {\n  isLoading?: boolean,\n  courseId?: string,\n  courseOrg?: string,\n  courseName?: string,\n  courseNumber?: string,\n  courseImageUrl?: string,\n  courseStartDate?: string,\n  courseAdvertisedStart?: string,\n}\n"]}

package/dist/generic/course-card/utils.d.ts

@@ -0,0 +1,10 @@
+import { type IntlShape } from '../../utils';
+import type { Course } from './types';
+/**
+ * Constructs a full URL for an image by combining the LMS base URL with the provided image path.
+ */
+export declare const getFullImageUrl: (path?: string) => string;
+/**
+ * Constructs a start date display for a course by combining the advertised start date and the start date.
+ */
+export declare const getStartDateDisplay: (courseData: Partial<Pick<Course["data"], "advertisedStart" | "start">>, intl: IntlShape) => string;

package/dist/generic/course-card/utils.js

@@ -0,0 +1,24 @@
+import { getSiteConfig } from '@openedx/frontend-base';
+import { formatDate } from '../../utils';
+/**
+ * Constructs a full URL for an image by combining the LMS base URL with the provided image path.
+ */
+export const getFullImageUrl = (path) => {
+    if (!path) {
+        return '';
+    }
+    return `${getSiteConfig().lmsBaseUrl}${path}`;
+};
+/**
+ * Constructs a start date display for a course by combining the advertised start date and the start date.
+ */
+export const getStartDateDisplay = (courseData, intl) => {
+    if (courseData === null || courseData === void 0 ? void 0 : courseData.advertisedStart) {
+        return courseData.advertisedStart;
+    }
+    if (courseData === null || courseData === void 0 ? void 0 : courseData.start) {
+        return formatDate(courseData.start, intl);
+    }
+    return '';
+};
+//# sourceMappingURL=utils.js.map

package/dist/generic/course-card/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/generic/course-card/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAkB,MAAM,YAAY,CAAC;AAGxD;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAa,EAAE,EAAE;IAC/C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,OAAO,GAAG,aAAa,EAAE,CAAC,UAAU,GAAG,IAAI,EAAE,CAAC;AAChD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,UAAsE,EACtE,IAAe,EACf,EAAE;IACF,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,EAAE,CAAC;QAChC,OAAO,UAAU,CAAC,eAAe,CAAC;IACpC,CAAC;IAED,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,EAAE,CAAC;QACtB,OAAO,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC","sourcesContent":["import { getSiteConfig } from '@openedx/frontend-base';\n\nimport { formatDate, type IntlShape } from '@src/utils';\nimport type { Course } from './types';\n\n/**\n * Constructs a full URL for an image by combining the LMS base URL with the provided image path.\n */\nexport const getFullImageUrl = (path?: string) => {\n  if (!path) {\n    return '';\n  }\n  return `${getSiteConfig().lmsBaseUrl}${path}`;\n};\n\n/**\n * Constructs a start date display for a course by combining the advertised start date and the start date.\n */\nexport const getStartDateDisplay = (\n  courseData: Partial<Pick<Course['data'], 'advertisedStart' | 'start'>>,\n  intl: IntlShape,\n) => {\n  if (courseData?.advertisedStart) {\n    return courseData.advertisedStart;\n  }\n\n  if (courseData?.start) {\n    return formatDate(courseData.start, intl);\n  }\n\n  return '';\n};\n"]}

package/dist/generic/index.d.ts

@@ -0,0 +1,5 @@
+export { CourseCard } from './course-card';
+export { AlertNotification } from './alert-notification';
+export { VideoModal } from './video-modal';
+export { Loading, LoadingSpinner } from './loading-spinner';
+export { SubHeader } from './sub-header';

package/dist/generic/index.js

@@ -0,0 +1,6 @@
+export { CourseCard } from './course-card';
+export { AlertNotification } from './alert-notification';
+export { VideoModal } from './video-modal';
+export { Loading, LoadingSpinner } from './loading-spinner';
+export { SubHeader } from './sub-header';
+//# sourceMappingURL=index.js.map

package/dist/generic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/generic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { CourseCard } from './course-card';\nexport { AlertNotification } from './alert-notification';\nexport { VideoModal } from './video-modal';\nexport { Loading, LoadingSpinner } from './loading-spinner';\nexport { SubHeader } from './sub-header';\n"]}

package/dist/generic/loading-spinner/index.d.ts

@@ -0,0 +1,3 @@
+import type { LoadingSpinnerProps } from './types';
+export declare const LoadingSpinner: ({ size }: LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Loading: () => import("react/jsx-runtime").JSX.Element;

package/dist/generic/loading-spinner/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Spinner } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+export const LoadingSpinner = ({ size }) => {
+    const intl = useIntl();
+    return (_jsx(Spinner, { animation: "border", role: "status", size: size, screenReaderText: intl.formatMessage(messages.screenReaderText) }));
+};
+export const Loading = () => (_jsx("div", { className: "d-flex justify-content-center align-items-center flex-column vh-100", children: _jsx(LoadingSpinner, {}) }));
+//# sourceMappingURL=index.js.map

package/dist/generic/loading-spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generic/loading-spinner/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAuB,EAAE,EAAE;IAC9D,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,OAAO,IACN,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAC/D,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAC3B,cAAK,SAAS,EAAC,qEAAqE,YAClF,KAAC,cAAc,KAAG,GACd,CACP,CAAC","sourcesContent":["import { Spinner } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport messages from './messages';\nimport type { LoadingSpinnerProps } from './types';\n\nexport const LoadingSpinner = ({ size }: LoadingSpinnerProps) => {\n  const intl = useIntl();\n\n  return (\n    <Spinner\n      animation=\"border\"\n      role=\"status\"\n      size={size}\n      screenReaderText={intl.formatMessage(messages.screenReaderText)}\n    />\n  );\n};\n\nexport const Loading = () => (\n  <div className=\"d-flex justify-content-center align-items-center flex-column vh-100\">\n    <LoadingSpinner />\n  </div>\n);\n"]}

package/dist/generic/loading-spinner/messages.d.ts

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

package/dist/generic/loading-spinner/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    screenReaderText: {
+        id: 'category.generic.loading',
+        defaultMessage: 'Loading...',
+        description: 'Screen-reader message for when a page is loading.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/generic/loading-spinner/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/generic/loading-spinner/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,gBAAgB,EAAE;QAChB,EAAE,EAAE,0BAA0B;QAC9B,cAAc,EAAE,YAAY;QAC5B,WAAW,EAAE,mDAAmD;KACjE;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  screenReaderText: {\n    id: 'category.generic.loading',\n    defaultMessage: 'Loading...',\n    description: 'Screen-reader message for when a page is loading.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/generic/loading-spinner/types.d.ts

@@ -0,0 +1,3 @@
+export interface LoadingSpinnerProps {
+    size?: 'sm' | undefined;
+}

package/dist/generic/loading-spinner/types.js

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

package/dist/generic/loading-spinner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/generic/loading-spinner/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface LoadingSpinnerProps {\n  size?: 'sm' | undefined,\n}\n"]}

package/dist/generic/sub-header/index.d.ts

@@ -0,0 +1,2 @@
+import type { SubHeaderProps } from './types';
+export declare const SubHeader: ({ title, className }: SubHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/generic/sub-header/index.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const SubHeader = ({ title, className }) => (_jsx("header", { className: classNames('mb-5 d-flex justify-content-between', className), children: _jsx("h1", { className: "mb-0", children: title }) }));
+//# sourceMappingURL=index.js.map

package/dist/generic/sub-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generic/sub-header/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAkB,EAAE,EAAE,CAAC,CACjE,iBAAQ,SAAS,EAAE,UAAU,CAAC,qCAAqC,EAAE,SAAS,CAAC,YAC7E,aAAI,SAAS,EAAC,MAAM,YAAE,KAAK,GAAM,GAC1B,CACV,CAAC","sourcesContent":["import classNames from 'classnames';\n\nimport type { SubHeaderProps } from './types';\n\nexport const SubHeader = ({ title, className }: SubHeaderProps) => (\n  <header className={classNames('mb-5 d-flex justify-content-between', className)}>\n    <h1 className=\"mb-0\">{title}</h1>\n  </header>\n);\n"]}

package/dist/generic/sub-header/types.d.ts

@@ -0,0 +1,4 @@
+export interface SubHeaderProps {
+    title: string;
+    className?: string;
+}

package/dist/generic/sub-header/types.js

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

package/dist/generic/sub-header/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/generic/sub-header/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface SubHeaderProps {\n  title: string,\n  className?: string,\n}\n"]}

package/dist/generic/video-modal/index.d.ts

@@ -0,0 +1,2 @@
+import type { VideoModalProps } from './types';
+export declare const VideoModal: ({ isOpen, close, size, children, }: VideoModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/generic/video-modal/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useIntl } from '@openedx/frontend-base';
+import { ModalDialog } from '@openedx/paragon';
+import { DEFAULT_VIDEO_MODAL_SIZE } from '../../constants';
+import messages from './messages';
+export const VideoModal = ({ isOpen, close, size = DEFAULT_VIDEO_MODAL_SIZE, children, }) => {
+    const intl = useIntl();
+    return (_jsx(ModalDialog, { title: intl.formatMessage(messages.videoModalTitle), size: size, isOpen: isOpen || false, onClose: close, hasCloseButton: false, isOverflowVisible: false, className: "bg-transparent shadow-none", children: children }));
+};
+//# sourceMappingURL=index.js.map

package/dist/generic/video-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/generic/video-modal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EAAE,KAAK,EAAE,IAAI,GAAG,wBAAwB,EAAE,QAAQ,GACxC,EAAE,EAAE;IACpB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,eAAe,CAAC,EACnD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,IAAI,KAAK,EACvB,OAAO,EAAE,KAAK,EACd,cAAc,EAAE,KAAK,EACrB,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAC,4BAA4B,YAErC,QAAQ,GACG,CACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { ModalDialog } from '@openedx/paragon';\n\nimport { DEFAULT_VIDEO_MODAL_SIZE } from '@src/constants';\nimport type { VideoModalProps } from './types';\nimport messages from './messages';\n\nexport const VideoModal = ({\n  isOpen, close, size = DEFAULT_VIDEO_MODAL_SIZE, children,\n}: VideoModalProps) => {\n  const intl = useIntl();\n\n  return (\n    <ModalDialog\n      title={intl.formatMessage(messages.videoModalTitle)}\n      size={size}\n      isOpen={isOpen || false}\n      onClose={close}\n      hasCloseButton={false}\n      isOverflowVisible={false}\n      className=\"bg-transparent shadow-none\"\n    >\n      {children}\n    </ModalDialog>\n  );\n};\n"]}

package/dist/generic/video-modal/messages.d.ts

@@ -0,0 +1,13 @@
+declare const messages: {
+    videoModalTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    videoIframeTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/generic/video-modal/messages.js

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    videoModalTitle: {
+        id: 'catalog.home-page.video-modal-title',
+        defaultMessage: 'Video modal',
+        description: 'Title text displayed inside the modal when the promo video is opened.',
+    },
+    videoIframeTitle: {
+        id: 'catalog.home-page.video-iframe-title',
+        defaultMessage: 'YouTube video player',
+        description: 'Title attribute for the embedded YouTube iframe video player.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/generic/video-modal/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/generic/video-modal/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,eAAe,EAAE;QACf,EAAE,EAAE,qCAAqC;QACzC,cAAc,EAAE,aAAa;QAC7B,WAAW,EAAE,uEAAuE;KACrF;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,sCAAsC;QAC1C,cAAc,EAAE,sBAAsB;QACtC,WAAW,EAAE,+DAA+D;KAC7E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  videoModalTitle: {\n    id: 'catalog.home-page.video-modal-title',\n    defaultMessage: 'Video modal',\n    description: 'Title text displayed inside the modal when the promo video is opened.',\n  },\n  videoIframeTitle: {\n    id: 'catalog.home-page.video-iframe-title',\n    defaultMessage: 'YouTube video player',\n    description: 'Title attribute for the embedded YouTube iframe video player.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/generic/video-modal/types.d.ts

@@ -0,0 +1,6 @@
+export interface VideoModalProps {
+    children: React.ReactNode;
+    isOpen: boolean;
+    close: () => void;
+    size?: 'sm' | 'md' | 'lg';
+}

package/dist/generic/video-modal/types.js

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

package/dist/generic/video-modal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/generic/video-modal/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface VideoModalProps {\n  children: React.ReactNode,\n  isOpen: boolean,\n  close: () => void,\n  size?: 'sm' | 'md' | 'lg',\n}\n"]}

package/dist/home/HomePage.d.ts

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

package/dist/home/HomePage.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Helmet } from 'react-helmet';
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
+import HomeBannerSlot from '../slots/HomeBannerSlot';
+import HomeCoursesListSlot from '../slots/HomeCoursesListSlot';
+import messages from './messages';
+const HomePage = () => {
+    const { formatMessage } = useIntl();
+    return (_jsxs(_Fragment, { children: [_jsx(Helmet, { children: _jsx("title", { children: formatMessage(messages.pageTitle, {
+                        siteName: getSiteConfig().siteName,
+                    }) }) }), _jsx(HomeBannerSlot, {}), _jsx(HomeCoursesListSlot, {})] }));
+};
+export default HomePage;
+//# sourceMappingURL=HomePage.js.map

package/dist/home/HomePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage.js","sourceRoot":"","sources":["../../src/home/HomePage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,mBAAmB,MAAM,gCAAgC,CAAC;AAEjE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,8BACE,KAAC,MAAM,cACL,0BACG,aAAa,CAAC,QAAQ,CAAC,SAAS,EAAE;wBACjC,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ;qBACnC,CAAC,GACI,GACD,EACT,KAAC,cAAc,KAAG,EAClB,KAAC,mBAAmB,KAAG,IACtB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import { Helmet } from 'react-helmet';\nimport { getSiteConfig, useIntl } from '@openedx/frontend-base';\n\nimport HomeBannerSlot from '@src/slots/HomeBannerSlot';\nimport HomeCoursesListSlot from '@src/slots/HomeCoursesListSlot';\n\nimport messages from './messages';\n\nconst HomePage = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <Helmet>\n        <title>\n          {formatMessage(messages.pageTitle, {\n            siteName: getSiteConfig().siteName,\n          })}\n        </title>\n      </Helmet>\n      <HomeBannerSlot />\n      <HomeCoursesListSlot />\n    </>\n  );\n};\n\nexport default HomePage;\n"]}