@iblai/iblai-js 1.4.17 → 1.4.18

package/dist/web-containers/source/index.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { useRef, useEffect, useState, useCallback, useLayoutEffect, forwardRef, createElement as createElement$1, useMemo, createContext, useReducer, useImperativeHandle, useContext, useDebugValue, isValidElement, Children, PureComponent, cloneElement, Component } from 'react';
 import { LOCAL_STORAGE_KEYS, TimeTracker, getInitials, useTenantMetadata, isAlphaNumeric32, checkRbacPermission, getTimeAgo, REQUIRED_ACTIONS_FOR_GROUPS, formatRelativeTime as formatRelativeTime$2, ANONYMOUS_USERNAME, combineCSVData, redirectToAuthSpaJoinTenant, redirectToAuthSpa, getAuthSpaJoinUrl } from '@iblai/web-utils';
-import { useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, useGetMentorsQuery, useGetRbacPoliciesQuery, usePlatformUsersQuery, usePlatformUserGroupsQuery, useUpdateTemplateMutation, useGetTemplateDetailsQuery, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAverageRatingQuery, useGetFinancialStatsQuery, useGetDetailedFinancialStatsQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useLazyGetDownloadReportFromURLQuery, useGetReportsQuery, useCreateReportMutation, useGetMentorPublicSettingsQuery, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListPaywallsQuery, useListSubscribersQuery, useGetAuditLogsQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useCreateCheckoutMutation } from '@iblai/data-layer';
+import { useTimeTrackingMutation, useGetUserMetadataQuery, useGetUserMetadataEdxQuery, useUpdateUserMetadataMutation, useUpdateUserMetadataEdxMutation, useUploadProfileImageMutation, useResetPasswordMutation, useSelfRetireMutation, useCreateUserInstitutionMutation, useGetUserInstitutionsQuery, useCreateUserEducationMutation, useUpdateUserEducationMutation, useDeleteUserEducationMutation, useGetUserEducationQuery, useCreateUserCompanyMutation, useGetUserCompaniesQuery, useCreateUserExperienceMutation, useUpdateUserExperienceMutation, useDeleteUserExperienceMutation, useGetUserExperienceQuery, useGetUserResumeQuery, useCreateUserResumeMutation, useGetMySubscriptionsQuery, useGetItemSubscriptionQuery, useCancelSubscriptionMutation, useCreateGlobalMemoryMutation, useGetMemsearchStatusQuery, useGetUserMemorySettingsQuery, useUpdateUserMemorySettingsMutation, useGetGlobalMemoriesQuery, useDeleteGlobalMemoryMutation, useInviteUserMutation, usePlatformInvitationsQuery, useCreateCatalogInvitationCourseBulkMutation, useGetCatalogInvitationsCourseQuery, useLazyPlatformUsersQuery, useLazyPlatformUserGroupsQuery, useGetPersonnalizedSearchQuery, useCreateCatalogInvitationProgramBulkMutation, useGetCatalogInvitationsProgramQuery, useGetNotificationsCountQuery, useLazyGetNotificationsQuery, useMarkAllAsReadMutation, useCreateNotificationPreviewMutation, useSendNotificationMutation, useGetMentorsQuery, useGetRbacPoliciesQuery, usePlatformUsersQuery, usePlatformUserGroupsQuery, useUpdateTemplateMutation, useGetTemplateDetailsQuery, useGetTemplatesQuery, useLazyGetTemplateDetailsQuery, useToggleTemplateMutation, useGetTopicsStatsQuery, useGetUsersStatsQuery, useGetSessionStatsQuery, useGetTopicsDetailsStatsQuery, useGetAccessTimeHeatmapQuery, useGetUserDetailsStatsQuery, useGetTranscriptsConversationHeadlineQuery, useGetAverageRatingQuery, useGetFinancialStatsQuery, useGetDetailedFinancialStatsQuery, useGetTranscriptsMessagesDetailsQuery, useGetTranscriptsMessagesQuery, useGetReportDetailQuery, useLazyGetDownloadReportFromURLQuery, useGetReportsQuery, useCreateReportMutation, useGetMentorPublicSettingsQuery, useGetContentAnalyticsQuery, useGetContentAnalyticsDetailsQuery, useGetRevenueQuery, useListPaywallsQuery, useListSubscribersQuery, useGetAuditLogsQuery, useLazyGetCourseMetaDataQuery, useLazyGetCourseCompletionOutlinesQuery, useLazyGetCourseEligibilityQuery, useLazyGetUserEnrolledCoursesQuery, useLazyGetUserAssignedCoursesQuery, useLazyGetUserCredentialsQuery, useLazyGetOverTimeActivityQuery, useLazyGetCatalogSearchQuery, useGetUserEarnedSkillsQuery, useGetUserReportedSkillsQuery, useGetUserDesiredSkillsQuery, useCreateOrUpdateUserReportedSkillMutation, useCreateOrUpdateUserDesiredSkillMutation, useLazyGetPathwayListQuery, useLazyGetUserAssignedPathwaysQuery, useLazyGetUserEnrolledPathwaysQuery, useLazyGetPathwayCompletionQuery, useLazyGetProgramListQuery, useLazyGetProgramCompletionQuery, useLazyGetUserEnrolledProgramsQuery, useLazyGetAssignedProgramsQuery, useLazyGetUserSkillsPointsQuery, useLazyGetUserReportedSkillsQuery, useLazyGetUserDesiredSkillsQuery, useLazyGetUserCatalogPathwaysQuery, useLazyGetPerLearnerInfoQuery, useLazyGetEdxSSOTokenQuery, useCreateCourseEnrollmentMutation, useCreateStripeCheckoutSessionMutation, useLazyGetCourseProgressQuery, useLazyGetCourseCompletionQuery, useLazyGetPersonnalizedSearchQuery, useUpdateExamAttemptMutation, useStartExamMutation, useLazyGetExamInfoQuery, useCreateCheckoutMutation } from '@iblai/data-layer';
 import { toast, Toaster as Toaster$1 } from 'sonner';
 import { jsx, Fragment as Fragment$1, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
@@ -11,6 +11,7 @@ import { NotificationSourceTypeEnum, StateEnum } from '@iblai/iblai-api';
 import { useSearchParams, useRouter, usePathname } from 'next/navigation';
 import { skipToken } from '@reduxjs/toolkit/query';
 import Image$4 from 'next/image';
+import ReactPaginate from 'react-paginate';
 
 function useIframeMessageHandler({ handlers, allowedOrigins, defaultHandler, }) {
     const handlersRef = useRef(handlers);
@@ -98897,7 +98898,7 @@ function callOrReturn(value, context = void 0, ...props) {
 }
 
 // src/utilities/isEmptyObject.ts
-function isEmptyObject(value = {}) {
+function isEmptyObject$1(value = {}) {
   return Object.keys(value).length === 0 && value.constructor === Object;
 }
 
@@ -99157,7 +99158,7 @@ function cleanUpSchemaItem(data) {
   return Object.fromEntries(
     // @ts-ignore
     Object.entries(data).filter(([key, value]) => {
-      if (key === "attrs" && isEmptyObject(value)) {
+      if (key === "attrs" && isEmptyObject$1(value)) {
         return false;
       }
       return value !== null && value !== void 0;
@@ -119878,7 +119879,7 @@ function DropdownNav(props) {
  * @group Components
  * @see https://daypicker.dev/guides/custom-components
  */
-function Footer(props) {
+function Footer$1(props) {
     return React__default.createElement("div", { ...props });
 }
 
@@ -120120,7 +120121,7 @@ var components$1 = /*#__PURE__*/Object.freeze({
     DayButton: DayButton,
     Dropdown: Dropdown,
     DropdownNav: DropdownNav,
-    Footer: Footer,
+    Footer: Footer$1,
     Month: Month,
     MonthCaption: MonthCaption,
     MonthGrid: MonthGrid,
@@ -189950,6 +189951,19 @@ const CourseOutlineContext = createContext({
     refetchCourseOutline: () => { },
 });
 
+const FacetFilterContext = createContext({
+    facetsLoading: false,
+    isError: false,
+    filteredFacets: [],
+    facets: [],
+    handleToggleFacet: () => { },
+    handleFilterFacets: () => { },
+    isFacetTermSelected: () => false,
+    handleSelectFacets: () => { },
+    filterDrawerOpen: false,
+    setFilterDrawerOpen: () => { },
+});
+
 /**
  * Pure utility helpers for the edX iframe course navigation.
  *
@@ -190621,6 +190635,300 @@ const useCourseDetail = ({ courseId, dmUrl, courseEligibilityEnabled = false, on
     };
 };
 
+const isEmptyArray = (value) => !Array.isArray(value) || value.length === 0;
+const isEmptyObject = (value) => !value || typeof value !== 'object' || Object.keys(value).length === 0;
+/**
+ * Prop-driven port of skillsai's `hooks/discover/use-discover.ts`.
+ *
+ * Differences from the skillsai version:
+ * - No `next/navigation`. The single place it was used (clearing `?q=` when
+ *   the user unselects the search facet) is delegated to `onNavigate`; if
+ *   omitted, we fall back to `window.history.replaceState`.
+ * - No `lodash` / `use-debounce` — replaced with native checks and a small
+ *   local debounce to stay dependency-light.
+ * - LMS URL is passed in (`lmsUrl`) instead of read from a `config` object.
+ */
+const useDiscover = ({ limit = 12, lmsUrl = '', onNavigate, tenantOverride, usernameOverride, } = {}) => {
+    var _a, _b, _c;
+    const tenant = tenantOverride !== null && tenantOverride !== void 0 ? tenantOverride : getTenant();
+    const username = (_a = usernameOverride !== null && usernameOverride !== void 0 ? usernameOverride : getUserName()) !== null && _a !== void 0 ? _a : '';
+    const { metadata } = useTenantMetadata({ org: tenant });
+    const [getPersonnalizedSearch, { isError }] = useLazyGetPersonnalizedSearchQuery();
+    const [pagination, setPagination] = useState(null);
+    const [facets, setFacets] = useState([]);
+    const [filteredFacets, setFilteredFacets] = useState([]);
+    const [contents, setContents] = useState([]);
+    const [page, setPage] = useState(1);
+    const [facetsLoading, setFacetsLoading] = useState(false);
+    const [contentsLoading, setContentsLoading] = useState(false);
+    const [selectedFacets, setSelectedFacets] = useState({
+        content: ['courses'],
+    });
+    const isFacetTermSelected = useCallback((facetSlug, term) => {
+        var _a;
+        return Boolean((_a = selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets[facetSlug]) === null || _a === void 0 ? void 0 : _a.includes(term));
+    }, [selectedFacets]);
+    const handleSelectFacets = useCallback((facetSlug, term) => {
+        if (facetSlug === 'q') {
+            if (typeof window !== 'undefined') {
+                const url = new URL(window.location.href);
+                url.searchParams.set('q', '');
+                const next = url.pathname + url.search;
+                if (onNavigate) {
+                    onNavigate(next);
+                }
+                else {
+                    window.history.replaceState({}, '', next);
+                }
+            }
+        }
+        setSelectedFacets((prev) => {
+            if (!prev)
+                return { [facetSlug]: [term] };
+            const current = prev[facetSlug] || [];
+            return {
+                ...prev,
+                [facetSlug]: current.includes(term)
+                    ? current.filter((t) => t !== term)
+                    : [...current, term],
+            };
+        });
+        setPage(1);
+    }, [onNavigate]);
+    const handleFormatFacets = (allFacets) => {
+        try {
+            const formatted = [];
+            Object.keys(allFacets).forEach((key) => {
+                const group = allFacets[key];
+                const source = !isEmptyObject(group === null || group === void 0 ? void 0 : group.terms) ? group.terms : group;
+                const terms = Object.keys(source || {})
+                    .filter((term) => source[term] > 0)
+                    .map((term) => ({ key: term, count: source[term] || 0 }));
+                if (terms.length > 0) {
+                    formatted.push({
+                        slug: key,
+                        label: key.charAt(0).toUpperCase() + key.slice(1),
+                        expanded: false,
+                        terms,
+                    });
+                }
+            });
+            return formatted;
+        }
+        catch (_a) {
+            return [];
+        }
+    };
+    const handleFetchData = useCallback(async (onlyFacets = false) => {
+        var _a, _b, _c, _d, _e;
+        if (onlyFacets) {
+            setFacetsLoading(true);
+        }
+        else {
+            setContentsLoading(true);
+        }
+        try {
+            const includeTenant = !(metadata === null || metadata === void 0 ? void 0 : metadata.skills_include_community_courses);
+            const response = await (onlyFacets
+                ? getPersonnalizedSearch([
+                    {
+                        username,
+                        ...(includeTenant && { tenant }),
+                        returnFacet: true,
+                    },
+                ], true)
+                : getPersonnalizedSearch([
+                    {
+                        username,
+                        ...(includeTenant && { tenant }),
+                        limit,
+                        offset: (page - 1) * limit,
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.q) && { query: selectedFacets.q[0] }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.content) && {
+                            content: selectedFacets.content,
+                        }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.language) && {
+                            language: selectedFacets.language,
+                        }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.level) && { level: selectedFacets.level }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.provider) && {
+                            provider: selectedFacets.provider,
+                        }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.topics) && {
+                            topics: selectedFacets.topics,
+                        }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.tags) && { tags: selectedFacets.tags }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.promotion) && {
+                            promotion: selectedFacets.promotion,
+                        }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets['course duration']) && {
+                            duration: selectedFacets['course duration'],
+                        }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.certificate) && {
+                            certificate: selectedFacets.certificate,
+                        }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.price) && {
+                            price: selectedFacets.price.at(-1),
+                        }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.subject) && {
+                            subject: selectedFacets.subject,
+                        }),
+                        ...(!isEmptyArray(selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.skills) && {
+                            skills: selectedFacets.skills,
+                        }),
+                    },
+                ], true));
+            if (isError) {
+                throw new Error('Error fetching data');
+            }
+            if (onlyFacets) {
+                const formatted = handleFormatFacets(((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.facets) || {});
+                setFacets(formatted);
+                setFilteredFacets(formatted);
+                setFacetsLoading(false);
+            }
+            else {
+                setContents(((_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.results) || []);
+                setPagination({
+                    count: ((_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.count) || 0,
+                    current_page: ((_d = response === null || response === void 0 ? void 0 : response.data) === null || _d === void 0 ? void 0 : _d.current_page) || 0,
+                    total_pages: ((_e = response === null || response === void 0 ? void 0 : response.data) === null || _e === void 0 ? void 0 : _e.total_pages) || 0,
+                });
+                setContentsLoading(false);
+            }
+        }
+        catch (_f) {
+            if (onlyFacets) {
+                setFacets([]);
+                setFilteredFacets([]);
+                setFacetsLoading(false);
+            }
+            else {
+                setContentsLoading(false);
+            }
+        }
+    }, [
+        getPersonnalizedSearch,
+        limit,
+        metadata === null || metadata === void 0 ? void 0 : metadata.skills_include_community_courses,
+        page,
+        selectedFacets,
+        tenant,
+        username,
+        isError,
+    ]);
+    const handleToggleFacet = useCallback((slug) => {
+        const next = facets.map((facet) => facet.slug === slug ? { ...facet, expanded: !facet.expanded } : facet);
+        setFacets(next);
+        setFilteredFacets(next);
+    }, [facets]);
+    const handleFormatContents = useCallback(({ type, data }) => {
+        var _a, _b, _c, _d, _e;
+        switch (type) {
+            case 'program':
+                return {
+                    ...data,
+                    title: data === null || data === void 0 ? void 0 : data.name,
+                    contentType: type,
+                    url: `/programs/${data === null || data === void 0 ? void 0 : data.program_key}?platform=${data === null || data === void 0 ? void 0 : data.platform}`,
+                    image: ((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.card_image)
+                        ? String((_b = data === null || data === void 0 ? void 0 : data.data) === null || _b === void 0 ? void 0 : _b.card_image).startsWith('http')
+                            ? (_c = data === null || data === void 0 ? void 0 : data.data) === null || _c === void 0 ? void 0 : _c.card_image
+                            : `${lmsUrl}${(_d = data === null || data === void 0 ? void 0 : data.data) === null || _d === void 0 ? void 0 : _d.card_image}`
+                        : '',
+                    id: data === null || data === void 0 ? void 0 : data.program_key,
+                };
+            case 'pathway':
+                return {
+                    ...data,
+                    title: data === null || data === void 0 ? void 0 : data.name,
+                    contentType: type,
+                    url: `/pathways/${data === null || data === void 0 ? void 0 : data.pathway_uuid}?platform=${encodeURI((data === null || data === void 0 ? void 0 : data.platform) || '')}&user_related=false&pathway_id=${encodeURIComponent((data === null || data === void 0 ? void 0 : data.pathway_id) || '')}`,
+                    image: '',
+                    id: data === null || data === void 0 ? void 0 : data.pathway_uuid,
+                };
+            default: {
+                return {
+                    ...data,
+                    title: data === null || data === void 0 ? void 0 : data.name,
+                    contentType: type,
+                    url: `/courses/${data === null || data === void 0 ? void 0 : data.course_id}`,
+                    image: `${lmsUrl}${((_e = data === null || data === void 0 ? void 0 : data.edx_data) === null || _e === void 0 ? void 0 : _e.course_image_asset_path) || ''}`,
+                    id: data === null || data === void 0 ? void 0 : data.course_id,
+                };
+            }
+        }
+    }, [lmsUrl]);
+    const handleFilterFacets = useCallback((facetSlug, searchTerm) => {
+        try {
+            if (!searchTerm) {
+                throw new Error();
+            }
+            const target = facets.find((f) => f.slug === facetSlug);
+            const matches = target === null || target === void 0 ? void 0 : target.terms.filter((t) => String(t.key).toLowerCase().includes(String(searchTerm).toLowerCase()));
+            if (!matches || matches.length === 0) {
+                throw new Error();
+            }
+            setFilteredFacets(facets.map((facet) => facet.slug === facetSlug ? { ...facet, terms: [...matches] } : facet));
+        }
+        catch (_a) {
+            setFilteredFacets(facets);
+        }
+    }, [facets]);
+    // Minimal local debounce — replaces `use-debounce` without a new dep.
+    const debounceRef = useRef(null);
+    const handleFetchSearchContents = useCallback(() => {
+        if (debounceRef.current)
+            clearTimeout(debounceRef.current);
+        debounceRef.current = setTimeout(() => {
+            void handleFetchData();
+        }, 500);
+    }, [handleFetchData]);
+    useEffect(() => {
+        void handleFetchData(true);
+    }, []);
+    useEffect(() => {
+        handleFetchSearchContents();
+        return () => {
+            if (debounceRef.current)
+                clearTimeout(debounceRef.current);
+        };
+    }, [(_b = selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.q) === null || _b === void 0 ? void 0 : _b.length, (_c = selectedFacets === null || selectedFacets === void 0 ? void 0 : selectedFacets.content) === null || _c === void 0 ? void 0 : _c.length, page, handleFetchSearchContents]);
+    return useMemo(() => ({
+        contents,
+        facets,
+        filteredFacets,
+        contentsLoading,
+        facetsLoading,
+        isError,
+        handleToggleFacet,
+        handleSelectFacets,
+        selectedFacets,
+        isFacetTermSelected,
+        handleFormatContents,
+        pagination,
+        page,
+        setPage,
+        handleFilterFacets,
+        setSelectedFacets,
+    }), [
+        contents,
+        facets,
+        filteredFacets,
+        contentsLoading,
+        facetsLoading,
+        isError,
+        handleToggleFacet,
+        handleSelectFacets,
+        selectedFacets,
+        isFacetTermSelected,
+        handleFormatContents,
+        pagination,
+        page,
+        handleFilterFacets,
+    ]);
+};
+
 /**
  * Hierarchical course outline (chapters → lessons → sublessons) with
  * completion progress indicators and collapsible tree UI.
@@ -190894,6 +191202,93 @@ const CourseContentLoading = () => {
     return (jsxs("div", { className: "flex min-h-screen flex-col", children: [jsx("div", { className: "h-16 flex-shrink-0 border-b border-gray-200 bg-white md:h-20" }), jsxs("div", { className: "flex flex-1 flex-col md:flex-row", children: [jsxs("div", { className: "w-full border-r border-gray-200 md:w-72", children: [jsx("div", { className: "border-b border-gray-200 p-4", children: jsx(Skeleton, { className: "h-6 w-48" }) }), jsx("div", { className: "space-y-4 p-4", children: Array.from({ length: 6 }, (_v, i) => (jsxs("div", { className: "space-y-2", children: [jsx(Skeleton, { className: "h-5 w-full" }), i === 0 && (jsxs("div", { className: "space-y-2 pl-4", children: [jsx(Skeleton, { className: "h-4 w-5/6" }), jsx(Skeleton, { className: "h-4 w-4/6" })] }))] }, i))) })] }), jsxs("div", { className: "flex flex-1 flex-col", children: [jsxs("div", { className: "border-b border-gray-200", children: [jsx("div", { className: "flex p-4", children: Array.from({ length: 5 }, (_v, i) => (jsx(Skeleton, { className: "mx-2 h-4 w-16" }, i))) }), jsxs("div", { className: "flex items-center justify-between bg-gray-50 p-4", children: [jsxs("div", { className: "flex items-center", children: [jsx(Skeleton, { className: "mr-2 h-3 w-24" }), jsx(Skeleton, { className: "mx-1 h-3 w-3" }), jsx(Skeleton, { className: "mr-2 h-3 w-32" }), jsx(Skeleton, { className: "mx-1 h-3 w-3" }), jsx(Skeleton, { className: "h-3 w-16" })] }), jsxs("div", { className: "flex items-center", children: [jsx(Skeleton, { className: "mr-4 h-3 w-16" }), jsx(Skeleton, { className: "h-3 w-16" })] })] })] }), jsx("div", { className: "h-full bg-amber-50 p-6", children: jsxs("div", { className: "mx-auto max-w-4xl", children: [jsx(Skeleton, { className: "mb-4 h-8 w-64" }), jsx(Skeleton, { className: "mb-2 h-4 w-full" }), jsx(Skeleton, { className: "mb-6 h-4 w-5/6" }), jsx("div", { className: "mb-6 aspect-video rounded-md bg-gray-200" }), jsxs("div", { className: "mb-6 rounded-md border border-gray-200 bg-white p-4", children: [jsx(Skeleton, { className: "mb-2 h-5 w-40" }), jsx(Skeleton, { className: "mb-2 h-4 w-full" }), jsx(Skeleton, { className: "mb-2 h-4 w-full" }), jsx(Skeleton, { className: "h-4 w-3/4" })] }), jsxs("div", { className: "flex items-center justify-between", children: [jsx(Skeleton, { className: "h-10 w-32" }), jsx(Skeleton, { className: "h-10 w-32" })] })] }) })] })] })] }));
 };
 
+const SkeletonDiscoverFilterBox = () => {
+    return (jsxs("div", { className: "mb-2 flex items-center justify-between", children: [jsx("div", { className: "h-4 w-20 animate-pulse rounded bg-gray-200" }), jsx("div", { className: "h-4 w-4 animate-pulse rounded bg-gray-200" })] }));
+};
+
+/**
+ * Renders the full list of discoverable facet groups (content type, language,
+ * level, etc.) with expand/collapse and per-term search. Reads all state from
+ * `FacetFilterContext`; pair it with `useDiscover` or your own provider.
+ */
+const DiscoverFacetsFilter = () => {
+    const { facetsLoading, isError, facets, handleToggleFacet, handleFilterFacets, isFacetTermSelected, handleSelectFacets, } = useContext(FacetFilterContext);
+    if (facetsLoading) {
+        return (jsx("div", { className: "mb-4", children: jsx(SkeletonMultiplier, { multiplier: 10, Skeleton: SkeletonDiscoverFilterBox }) }));
+    }
+    if (isError || (!isError && facets.length === 0)) {
+        return jsx(DefaultEmptyBox, { message: "No content filters found." });
+    }
+    return (jsx(Fragment$1, { children: facets.map((facet, index) => (jsxs("div", { className: "mb-4", "data-testid": "facet-filter", children: [jsxs("div", { className: "mb-2 flex cursor-pointer items-center justify-between", onClick: () => handleToggleFacet(facet === null || facet === void 0 ? void 0 : facet.slug), children: [jsx("h4", { className: "text-sm font-medium text-gray-700 capitalize", children: facet === null || facet === void 0 ? void 0 : facet.label }), (facet === null || facet === void 0 ? void 0 : facet.expanded) ? (jsx(ChevronUp, { className: "h-4 w-4 text-gray-500" })) : (jsx(ChevronDown, { className: "h-4 w-4 text-gray-500" }))] }), (facet === null || facet === void 0 ? void 0 : facet.expanded) && (jsxs("div", { className: "space-y-3", children: [jsx("div", { className: "mb-2 rounded-md bg-gray-100 p-2", children: jsx("input", { type: "text", placeholder: "Filter", className: "w-full border-none bg-transparent text-sm focus:outline-none", onChange: (e) => handleFilterFacets(facet.slug, e.target.value) }) }), facet === null || facet === void 0 ? void 0 : facet.terms.map((term, termIndex) => (jsxs("div", { className: "flex items-center", children: [jsx("input", { type: "checkbox", id: `${facet.slug}-${term.key}`, className: "h-4 w-4 rounded border-gray-300 text-amber-500 accent-amber-500 focus:ring-amber-500", checked: isFacetTermSelected(facet.slug, term.key) || false, onChange: () => handleSelectFacets(facet.slug, term.key) }), jsxs("label", { htmlFor: `${facet.slug}-${term.key}`, className: "ml-2 text-sm text-gray-700 capitalize", children: [term.key, " (", term.count, ")"] })] }, `${facet.slug}-${term.key}-${termIndex}`)))] }))] }, index))) }));
+};
+
+/**
+ * Mobile drawer version of `<DiscoverFacetsFilter />`. Reads `filterDrawerOpen`
+ * + `setFilterDrawerOpen` from `FacetFilterContext` and renders the same facet
+ * list inside a left-side Sheet.
+ */
+const DiscoverFilterDrawer = () => {
+    const { filterDrawerOpen, setFilterDrawerOpen } = useContext(FacetFilterContext);
+    return (jsx(Sheet, { open: filterDrawerOpen, onOpenChange: setFilterDrawerOpen, children: jsxs(SheetContent, { side: "left", className: "flex w-72 flex-col p-0", children: [jsx(SheetHeader, { className: "flex flex-row items-center justify-between border-b border-gray-200 p-4", children: jsx(SheetTitle, { className: "text-left font-semibold text-gray-800", children: "Explore Content" }) }), jsx("div", { className: "flex-1 overflow-y-auto p-6 pb-16", style: {
+                        scrollbarWidth: 'none',
+                        msOverflowStyle: 'none',
+                    }, children: jsx(DiscoverFacetsFilter, {}) })] }) }));
+};
+
+/**
+ * Prop-driven port of skillsai's `DiscoverContentCard`. Renders a single
+ * content tile (course / pathway / program / article) with cover image and
+ * capitalized `contentType` badge. Uses a plain `<img>` so it works outside
+ * Next.js — replace the image element on the caller side if you need
+ * `next/image` optimization.
+ */
+const DiscoverContentCard = ({ content, onSelect, className = '', }) => {
+    const [fallbackImage] = useState(() => getRandomCourseImage());
+    return (jsx("div", { onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(content), className: `block h-full ${className}`, "data-testid": "discover-content-card", children: jsxs("div", { className: "flex h-full w-full cursor-pointer flex-col overflow-hidden rounded-md border border-gray-200 bg-white shadow-sm transition-transform duration-500 ease-in-out hover:scale-105", children: [jsxs("div", { className: "relative aspect-video w-full overflow-hidden", children: [jsx("img", { src: content.image || fallbackImage, alt: content.title, className: "absolute inset-0 h-full w-full object-cover", onError: (e) => {
+                                e.currentTarget.src = fallbackImage;
+                            } }), jsx("div", { className: "absolute bottom-2 left-2 rounded-sm bg-amber-500 px-2 py-1 text-xs text-white uppercase", children: content.contentType })] }), jsx("div", { className: "flex flex-1 flex-col justify-between p-4 pb-6", children: jsx("div", { children: jsx("h3", { className: "line-clamp-2 h-10 text-xs font-medium text-gray-900 sm:text-sm", children: content.title }) }) })] }) }));
+};
+
+const defaultRenderLink = (props) => (
+// eslint-disable-next-line jsx-a11y/anchor-has-content
+jsx("a", { target: "_blank", rel: "noreferrer", ...props }));
+/**
+ * Prop-driven port of skillsai's `components/footer.tsx`. The original read
+ * chat state + tenant metadata + config internally; callers now pass those
+ * pre-resolved so this component stays framework-agnostic.
+ */
+const Footer = ({ menus = [], copyright, chatOpen = false, renderLink = defaultRenderLink, className = '', }) => {
+    return (jsxs("footer", { className: `${chatOpen ? 'hidden sm:flex' : 'flex'} fixed bottom-0 left-0 z-40 items-center justify-between border-t border-gray-200 bg-white px-6 py-3 text-sm text-gray-600 transition-all duration-300 ${chatOpen ? 'w-[calc(100%-var(--chat-width))]' : 'w-full'} ${className}`, children: [jsx("div", { className: "flex space-x-6", children: menus.map((menu, index) => {
+                    const linkElement = renderLink({
+                        href: menu.link,
+                        className: 'transition-colors hover:text-amber-500',
+                        children: menu.label,
+                    });
+                    return cloneElement(linkElement, { key: `footer-menu-${index}` });
+                }) }), copyright && jsx("div", { children: copyright })] }));
+};
+
+/**
+ * Wrapper around `react-paginate` that fixes an accessibility issue: the
+ * library renders `<ul role="navigation">`, which is invalid — navigation
+ * landmarks belong on a `<nav>`. We wrap in a `<nav aria-label="Pagination">`
+ * and rewrite the inner `<ul>` role to `list`.
+ *
+ * `react-paginate` is declared as an optional peer dependency; consumers must
+ * install it themselves.
+ */
+const AccessiblePaginate = (props) => {
+    const containerRef = useRef(null);
+    useEffect(() => {
+        var _a;
+        const ul = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('ul');
+        if (ul) {
+            ul.setAttribute('role', 'list');
+        }
+    });
+    return (jsx("nav", { "aria-label": "Pagination", children: jsx("div", { ref: containerRef, children: jsx(ReactPaginate, { ...props }) }) }));
+};
+
 /**
  * LoginButton Component
  *
@@ -192551,5 +192946,5 @@ var event = /*#__PURE__*/Object.freeze({
     listen: listen
 });
 
-export { ACCESS_COURSE_LABEL, AccessTimeHeatmap, AddSkillDialog, AlertsTab, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, BUY_NOW_LABEL, ChartCardWrapper, ChartFiltersProvider, ChatContext, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CustomDateRangePicker, CustomTooltip, DefaultEmptyBox, DeleteWorkflowModal, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, InviteUserDialog, InvitedUsersDialog, Loader, LocalLLMTab, LoginButton, Markdown, NotificationDisplay, NotificationDropdown, PaywallModal, Profile, ProfileTimeChart, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, ResumeBox, ResumeTab, RichTextEditor, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, Spinner, StatCard, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UserAvatar, Version, WorkflowSidebar, addBookmarksTab, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, getFirstAvailableUnit, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getTenant, getUnitToIframe, getUserId, getUserName, inBrowserPrint, inIframe, initialModelDownloadState, isLocalLLMEnabled, isTauriApp, components as markdownComponents, sanitizeCss, setLocalLLMEnabled, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatState, useCourseDetail, useCourseMetadata, useCourses, useEdxIframe, useFinancial, useIframeMessageHandler, useLocalStorage, useModelDownload, useMonetization, useOverview, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers };
+export { ACCESS_COURSE_LABEL, AccessTimeHeatmap, AccessiblePaginate, AddSkillDialog, AlertsTab, AnalyticsAuditLogStats, AnalyticsCourseDetail, AnalyticsCourses, AnalyticsFinancialStats, AnalyticsLayout, AnalyticsMonetizationStats, AnalyticsOverview, AnalyticsProgramDetail, AnalyticsPrograms, AnalyticsReportDownload, AnalyticsReports, AnalyticsSettingsProvider, AnalyticsTopicsStats, AnalyticsTranscriptsStats, AnalyticsUsersStats, BUY_NOW_LABEL, ChartCardWrapper, ChartFiltersProvider, ChatContext, ChatProvider, CompanyDialog, ConnectorManagementDialog, CopyButtonIcon, CourseAccessGuard, CourseCardSkeleton, CourseContentLoading, CourseOutline, CourseOutlineContext, CourseOutlineDrawer, CreateWorkflowModal, CredentialBox, CredentialMiniBoxSkeleton, CustomDateRangePicker, CustomTooltip, DefaultEmptyBox, DeleteWorkflowModal, DiscoverContentCard, DiscoverFacetsFilter, DiscoverFilterDrawer, ENROLL_NOW_COURSE_STARTING_SOON_LABEL, ENROLL_NOW_LABEL, EditAlertDialog, EducationBox, EducationDialog, EducationTab, EdxIframeContext, EmptyStats, ExperienceBox, ExperienceDialog, ExperienceTab, FacetFilterContext, Footer, GroupsFilterDropdown, INVITATION_ONLY_LABEL, InstitutionDialog, InviteUserDialog, InvitedUsersDialog, Loader, LocalLLMTab, LoginButton, Markdown, NotificationDisplay, NotificationDropdown, PaywallModal, Profile, ProfileTimeChart, REQUEST_ACCESS_COURSE_STARTING_SOON_LABEL, REQUEST_ACCESS_LABEL, ResumeBox, ResumeTab, RichTextEditor, SearchableMultiSelect, SendNotificationDialog, SignupButton, SkeletonActivityStatBox, SkeletonAddSkillsLoading, SkeletonCreatePathwaySearchList, SkeletonDiscoverFilterBox, SkeletonEducationBox, SkeletonMultiplier, SkeletonPathwayBox, SkeletonProfileInfoCard, SkeletonSkillBox, SkillBox, SkillDetailModal, SkillLeaderboardChart, SkillsBox, Spinner, StatCard, TAURI_COMMANDS, TAURI_EVENTS, TenantSwitcher, TimeFilter, TimeTrackingProvider, TimedExam, ToolDialogs, TopBanner, UserAvatar, Version, WorkflowSidebar, addBookmarksTab, findLastResumeBlock, findSequentialParent, flattenVerticalBlocks, getFirstAvailableUnit, getNextUnitIframe, getOrg, getParentBlockById, getParentsInfosFromSublessonId, getPreviousUnitIframe, getRandomCourseImage, getTenant, getUnitToIframe, getUserId, getUserName, inBrowserPrint, inIframe, initialModelDownloadState, isLocalLLMEnabled, isTauriApp, components as markdownComponents, sanitizeCss, setLocalLLMEnabled, useAnalyticsSettings, useAuditLog, useCatalogSearch, useChartFilters, useChatState, useCourseDetail, useCourseMetadata, useCourses, useDiscover, useEdxIframe, useFinancial, useIframeMessageHandler, useLocalStorage, useModelDownload, useMonetization, useOverview, useProfileActivityStats, useProfileCredentials, useProfilePathways, useProfilePrograms, useProfileSkills, useProfileTimeSpent, usePrograms, useReports, useTauri, useTimeTracking, useTopics, useTranscripts, useUserCourses, useUserMetadata, useUsers };
 //# sourceMappingURL=index.esm.js.map