@openedx/frontend-app-learner-dashboard 1.0.0-alpha.6 → 1.0.0-alpha.8

package/dist/utils/dataTransformers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataTransformers.js","sourceRoot":"","sources":["../../src/utils/dataTransformers.ts"],"names":[],"mappings":"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","sourcesContent":["import { FilterKeys, ListPageSize, SortKeys } from '@src/data/constants/app';\nimport StrictDict from './StrictDict';\n\nconst cardId = (val) => `card-${val}`;\n\nconst transformCourseData = (courses) => {\n  const now = Date.now();\n  return courses.reduce(\n    (obj, curr, index) => {\n      const out = { ...curr, cardId: cardId(index) };\n      if (out.enrollment?.lastEnrolled === null) {\n        out.enrollment.lastEnrolled = now;\n      }\n      return { ...obj, [cardId(index)]: out };\n    },\n    {},\n  );\n};\n\nconst getTransformedCourseDataObject = (courses) => transformCourseData(courses);\n\nconst getTransformedCourseDataList = (courses) => Object.values(transformCourseData(courses));\n\nconst getVisibleList = (courses: any[], filters: string[], sortBy: string, pageNumber: number) => {\n  const courseFilters = StrictDict({\n    [FilterKeys.notEnrolled]: (course) => !course.enrollment.isEnrolled,\n    [FilterKeys.done]: (course) => course.courseRun !== null && course.courseRun.isArchived,\n    [FilterKeys.upgraded]: (course) => course.enrollment.isVerified,\n    [FilterKeys.inProgress]: (course) => course.enrollment.hasStarted,\n    [FilterKeys.notStarted]: (course) => !course.enrollment.hasStarted,\n  });\n\n  const transforms = StrictDict({\n    [SortKeys.enrolled]: ({ enrollment }) => new Date(enrollment?.lastEnrolled),\n    [SortKeys.title]: ({ course }) => course.courseName.toLowerCase(),\n  });\n\n  const courseFilterFn = filtersList => (filtersList.length\n    ? course => filtersList.reduce((match, filter) => match && courseFilters[filter](course), true)\n    : () => true);\n\n  const sortFn = (transform, { reverse }) => (v1, v2) => {\n    const [a, b] = [v1, v2].map(transform);\n    if (a === b) {\n      return 0;\n    }\n    return (((a as any) > (b as any)) ? 1 : -1) * (reverse ? -1 : 1);\n  };\n\n  const list = courses\n    .filter(courseFilterFn(filters))\n    .sort(sortFn(transforms[sortBy], { reverse: sortBy === SortKeys.enrolled }));\n\n  const querySearch = new URLSearchParams(window.location.search);\n  const disablePagination = querySearch.get('disable_pagination');\n  const pageSize = Number(disablePagination) === 1 ? 0 : ListPageSize;\n\n  if (pageSize === 0) {\n    return {\n      visibleList: list,\n      numPages: 1,\n    };\n  }\n  const result = {\n    visibleList: list.slice((pageNumber - 1) * pageSize, pageNumber * pageSize),\n    numPages: Math.ceil(list.length / pageSize),\n  };\n  return result;\n};\n\nexport { getVisibleList, getTransformedCourseDataList, getTransformedCourseDataObject };\n"]}

package/dist/widgets/LearnerDashboardHeader/ConfirmEmailBanner/hooks.d.ts

@@ -1,11 +1,10 @@
-export const state: any;
 export function useConfirmEmailBannerData(): {
-    isNeeded: boolean;
+    isNeeded: any;
     showPageBanner: any;
-    closePageBanner: () => any;
-    showConfirmModal: any;
-    closeConfirmModal: () => any;
+    closePageBanner: () => void;
+    showConfirmModal: boolean;
+    closeConfirmModal: () => void;
     openConfirmModalButtonClick: () => void;
     userConfirmEmailButtonClick: () => void;
 };
-export default module.useConfirmEmailBannerData;
+export default useConfirmEmailBannerData;

package/dist/widgets/LearnerDashboardHeader/ConfirmEmailBanner/hooks.js

@@ -1,21 +1,16 @@
-import { useContext, useState } from 'react';
-import GlobalDataContext from '../../../data/contexts/GlobalDataContext';
-import { StrictDict } from '../../../utils';
-import { apiHooks } from '../../../hooks';
-import * as module from './hooks';
-export const state = StrictDict({
-    showPageBanner: (val) => useState(val), // eslint-disable-line
-    showConfirmModal: (val) => useState(val), // eslint-disable-line
-});
+import { useState } from 'react';
+import { useInitializeLearnerHome, useSendConfirmEmail } from '../../../data/hooks';
 export const useConfirmEmailBannerData = () => {
-    const { emailConfirmation } = useContext(GlobalDataContext);
-    const { isNeeded } = emailConfirmation;
-    const [showPageBanner, setShowPageBanner] = module.state.showPageBanner(isNeeded);
-    const [showConfirmModal, setShowConfirmModal] = module.state.showConfirmModal(false);
+    var _a, _b;
+    const { data: learnerData } = useInitializeLearnerHome();
+    const isNeeded = ((_a = learnerData === null || learnerData === void 0 ? void 0 : learnerData.emailConfirmation) === null || _a === void 0 ? void 0 : _a.isNeeded) || false;
+    const sendEmailUrl = ((_b = learnerData === null || learnerData === void 0 ? void 0 : learnerData.emailConfirmation) === null || _b === void 0 ? void 0 : _b.sendEmailUrl) || '';
+    const { mutate: sendConfirmEmail } = useSendConfirmEmail(sendEmailUrl);
+    const [showPageBanner, setShowPageBanner] = useState(isNeeded);
+    const [showConfirmModal, setShowConfirmModal] = useState(false);
     const closePageBanner = () => setShowPageBanner(false);
     const closeConfirmModal = () => setShowConfirmModal(false);
     const openConfirmModal = () => setShowConfirmModal(true);
-    const sendConfirmEmail = apiHooks.useSendConfirmEmail();
     const openConfirmModalButtonClick = () => {
         sendConfirmEmail();
         openConfirmModal();

package/dist/widgets/LearnerDashboardHeader/ConfirmEmailBanner/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardHeader/ConfirmEmailBanner/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,cAAc,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;IAC9D,gBAAgB,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CACjE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC5D,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAC;IACvC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACrF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,gBAAgB,GAAG,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAExD,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,gBAAgB,EAAE,CAAC;QACnB,gBAAgB,EAAE,CAAC;QACnB,eAAe,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,iBAAiB,EAAE,CAAC;QACpB,eAAe,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,OAAO;QACL,QAAQ;QACR,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,iBAAiB;QACjB,2BAA2B;QAC3B,2BAA2B;KAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import { useContext, useState } from 'react';\n\nimport GlobalDataContext from '../../../data/contexts/GlobalDataContext';\nimport { StrictDict } from '../../../utils';\nimport { apiHooks } from '../../../hooks';\n\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  showPageBanner: (val) => useState(val), // eslint-disable-line\n  showConfirmModal: (val) => useState(val), // eslint-disable-line\n});\n\nexport const useConfirmEmailBannerData = () => {\n  const { emailConfirmation } = useContext(GlobalDataContext);\n  const { isNeeded } = emailConfirmation;\n  const [showPageBanner, setShowPageBanner] = module.state.showPageBanner(isNeeded);\n  const [showConfirmModal, setShowConfirmModal] = module.state.showConfirmModal(false);\n  const closePageBanner = () => setShowPageBanner(false);\n  const closeConfirmModal = () => setShowConfirmModal(false);\n  const openConfirmModal = () => setShowConfirmModal(true);\n  const sendConfirmEmail = apiHooks.useSendConfirmEmail();\n\n  const openConfirmModalButtonClick = () => {\n    sendConfirmEmail();\n    openConfirmModal();\n    closePageBanner();\n  };\n\n  const userConfirmEmailButtonClick = () => {\n    closeConfirmModal();\n    closePageBanner();\n  };\n  return {\n    isNeeded,\n    showPageBanner,\n    closePageBanner,\n    showConfirmModal,\n    closeConfirmModal,\n    openConfirmModalButtonClick,\n    userConfirmEmailButtonClick,\n  };\n};\n\nexport default useConfirmEmailBannerData;\n"]}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardHeader/ConfirmEmailBanner/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEhF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;;IAC5C,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,QAAQ,GAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,iBAAiB,0CAAE,QAAQ,KAAI,KAAK,CAAC;IACnE,MAAM,YAAY,GAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,iBAAiB,0CAAE,YAAY,KAAI,EAAE,CAAC;IACxE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IACvE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvD,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAEzD,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,gBAAgB,EAAE,CAAC;QACnB,gBAAgB,EAAE,CAAC;QACnB,eAAe,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,iBAAiB,EAAE,CAAC;QACpB,eAAe,EAAE,CAAC;IACpB,CAAC,CAAC;IACF,OAAO;QACL,QAAQ;QACR,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,iBAAiB;QACjB,2BAA2B;QAC3B,2BAA2B;KAC5B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import { useState } from 'react';\n\nimport { useInitializeLearnerHome, useSendConfirmEmail } from '@src/data/hooks';\n\nexport const useConfirmEmailBannerData = () => {\n  const { data: learnerData } = useInitializeLearnerHome();\n  const isNeeded = learnerData?.emailConfirmation?.isNeeded || false;\n  const sendEmailUrl = learnerData?.emailConfirmation?.sendEmailUrl || '';\n  const { mutate: sendConfirmEmail } = useSendConfirmEmail(sendEmailUrl);\n  const [showPageBanner, setShowPageBanner] = useState(isNeeded);\n  const [showConfirmModal, setShowConfirmModal] = useState(false);\n  const closePageBanner = () => setShowPageBanner(false);\n  const closeConfirmModal = () => setShowConfirmModal(false);\n  const openConfirmModal = () => setShowConfirmModal(true);\n\n  const openConfirmModalButtonClick = () => {\n    sendConfirmEmail();\n    openConfirmModal();\n    closePageBanner();\n  };\n\n  const userConfirmEmailButtonClick = () => {\n    closeConfirmModal();\n    closePageBanner();\n  };\n  return {\n    isNeeded,\n    showPageBanner,\n    closePageBanner,\n    showConfirmModal,\n    closeConfirmModal,\n    openConfirmModalButtonClick,\n    userConfirmEmailButtonClick,\n  };\n};\n\nexport default useConfirmEmailBannerData;\n"]}

package/dist/widgets/LearnerDashboardHeader/MasqueradeBar/hooks.d.ts

@@ -1,24 +1,22 @@
-export const state: any;
-export function useMasqueradeInput(): {
-    handleMasqueradeInputChange: (e: any) => any;
-    masqueradeInput: any;
-};
-export function getMasqueradeErrorMessage(errorStatus: any): any;
 export function useMasqueradeBarData({ authenticatedUser, }: {
     authenticatedUser: any;
 }): {
     canMasquerade: any;
-    isMasquerading: undefined;
-    isMasqueradingFailed: undefined;
-    isMasqueradingPending: undefined;
-    masqueradeErrorMessage: any;
-    masqueradeInput: any;
+    isMasquerading: boolean;
+    isMasqueradingFailed: boolean;
+    isMasqueradingPending: boolean;
+    masqueradeErrorMessage: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    } | null;
+    masqueradeInput: string;
     handleMasqueradeSubmit: (user: any) => (e: any) => void;
-    handleClearMasquerade: () => any;
-    handleMasqueradeInputChange: (e: any) => any;
+    handleClearMasquerade: () => void;
+    handleMasqueradeInputChange: (e: any) => void;
     formatMessage: {
         (this: void, descriptor: import("react-intl").MessageDescriptor, values?: Record<string, import("intl-messageformat").PrimitiveType | import("intl-messageformat").FormatXMLElementFn<string, string>>, opts?: import("intl-messageformat").Options): string;
         (this: void, descriptor: import("react-intl").MessageDescriptor, values?: Record<string, React.ReactNode | import("intl-messageformat").PrimitiveType | import("intl-messageformat").FormatXMLElementFn<string, React.ReactNode>>, opts?: import("intl-messageformat").Options): Array<React.ReactNode>;
     };
 };
-export default module.useMasqueradeBarData;
+export default useMasqueradeBarData;

package/dist/widgets/LearnerDashboardHeader/MasqueradeBar/hooks.js

@@ -1,47 +1,37 @@
-import { useState, useContext } from 'react';
+import { useState, useMemo } from 'react';
 import { useIntl } from '@openedx/frontend-base';
-import MasqueradeUserContext from '../../../data/contexts/MasqueradeUserContext';
-import { StrictDict } from '../../../utils';
-import * as module from './hooks';
+import { useMasquerade } from '../../../data/context';
+import { useInitializeLearnerHome } from '../../../data/hooks';
 import messages from './messages';
-export const state = StrictDict({
-    masqueradeInput: (val) => useState(val), // eslint-disable-line
-});
-export const useMasqueradeInput = () => {
-    const [masqueradeInput, setMasqueradeInput] = module.state.masqueradeInput('');
-    const handleMasqueradeInputChange = (e) => setMasqueradeInput(e.target.value);
-    return {
-        handleMasqueradeInputChange,
-        masqueradeInput,
-    };
-};
-const masqueradeErrorMessageMap = {
-    404: messages.NoStudentFound,
-};
-export const getMasqueradeErrorMessage = (errorStatus) => {
-    var _a;
-    if (errorStatus == null) {
-        return null;
-    }
-    return (_a = masqueradeErrorMessageMap[errorStatus]) !== null && _a !== void 0 ? _a : messages.UnknownError;
-};
 export const useMasqueradeBarData = ({ authenticatedUser, }) => {
-    var _a;
     const { formatMessage } = useIntl();
-    const { setMasqueradeUser } = useContext(MasqueradeUserContext);
-    const handleClearMasquerade = () => setMasqueradeUser(null);
-    const { masqueradeIsSuccess, masqueradeIsPending, masqueradeIsError, masqueradeError, } = useContext(MasqueradeUserContext);
-    const { masqueradeInput, handleMasqueradeInputChange } = module.useMasqueradeInput();
-    const masqueradeErrorMessage = getMasqueradeErrorMessage((_a = masqueradeError === null || masqueradeError === void 0 ? void 0 : masqueradeError.customAttributes) === null || _a === void 0 ? void 0 : _a.httpErrorStatus);
+    const [masqueradeInput, setMasqueradeInput] = useState('');
+    const { masqueradeUser, setMasqueradeUser } = useMasquerade();
+    const { isError, error, isPending, } = useInitializeLearnerHome();
+    const handleMasqueradeInputChange = (e) => setMasqueradeInput(e.target.value);
+    const handleClearMasquerade = () => {
+        setMasqueradeUser(undefined);
+        setMasqueradeInput('');
+    };
     const handleMasqueradeSubmit = (user) => (e) => {
         setMasqueradeUser(user);
         e.preventDefault();
     };
+    const isMasqueradingFailed = !!masqueradeUser && !!masqueradeInput && isError;
+    const isMasqueradingPending = !!masqueradeUser && isPending;
+    const isMasquerading = !!masqueradeUser && !isError && !isPending;
+    const masqueradeErrorMessage = useMemo(() => {
+        var _a;
+        if (masqueradeUser && error) {
+            return (((_a = error.customAttributes) === null || _a === void 0 ? void 0 : _a.httpErrorStatus) === 404 ? messages.NoStudentFound : messages.UnknownError);
+        }
+        return null;
+    }, [error, masqueradeUser]);
     return {
         canMasquerade: authenticatedUser === null || authenticatedUser === void 0 ? void 0 : authenticatedUser.administrator,
-        isMasquerading: masqueradeIsSuccess,
-        isMasqueradingFailed: masqueradeIsError,
-        isMasqueradingPending: masqueradeIsPending,
+        isMasquerading,
+        isMasqueradingFailed,
+        isMasqueradingPending,
         masqueradeErrorMessage,
         masqueradeInput,
         handleMasqueradeSubmit,

package/dist/widgets/LearnerDashboardHeader/MasqueradeBar/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardHeader/MasqueradeBar/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAClC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,eAAe,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAChE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;IAC/E,MAAM,2BAA2B,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9E,OAAO;QACL,2BAA2B;QAC3B,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG;IAChC,GAAG,EAAE,QAAQ,CAAC,cAAc;CAC7B,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,WAAW,EAAE,EAAE;;IACvD,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,MAAA,yBAAyB,CAAC,WAAW,CAAC,mCAAI,QAAQ,CAAC,YAAY,CAAC;AACzE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,iBAAiB,GAClB,EAAE,EAAE;;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAChE,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAE5D,MAAM,EACJ,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,GAChB,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACtC,MAAM,EAAE,eAAe,EAAE,2BAA2B,EAAE,GAAG,MAAM,CAAC,kBAAkB,EAAE,CAAC;IAErF,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,gBAAgB,0CAAE,eAAe,CAAC,CAAC;IAC7G,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAC7C,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC,cAAc,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO;QACL,aAAa,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa;QAC/C,cAAc,EAAE,mBAAmB;QACnC,oBAAoB,EAAE,iBAAiB;QACvC,qBAAqB,EAAE,mBAAmB;QAC1C,sBAAsB;QACtB,eAAe;QACf,sBAAsB;QACtB,qBAAqB;QACrB,2BAA2B;QAC3B,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { useState, useContext } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport MasqueradeUserContext from '../../../data/contexts/MasqueradeUserContext';\nimport { StrictDict } from '../../../utils';\n\nimport * as module from './hooks';\nimport messages from './messages';\n\nexport const state = StrictDict({\n  masqueradeInput: (val) => useState(val), // eslint-disable-line\n});\n\nexport const useMasqueradeInput = () => {\n  const [masqueradeInput, setMasqueradeInput] = module.state.masqueradeInput('');\n  const handleMasqueradeInputChange = (e) => setMasqueradeInput(e.target.value);\n  return {\n    handleMasqueradeInputChange,\n    masqueradeInput,\n  };\n};\n\nconst masqueradeErrorMessageMap = {\n  404: messages.NoStudentFound,\n};\n\nexport const getMasqueradeErrorMessage = (errorStatus) => {\n  if (errorStatus == null) {\n    return null;\n  }\n  return masqueradeErrorMessageMap[errorStatus] ?? messages.UnknownError;\n};\n\nexport const useMasqueradeBarData = ({\n  authenticatedUser,\n}) => {\n  const { formatMessage } = useIntl();\n  const { setMasqueradeUser } = useContext(MasqueradeUserContext);\n  const handleClearMasquerade = () => setMasqueradeUser(null);\n\n  const {\n    masqueradeIsSuccess,\n    masqueradeIsPending,\n    masqueradeIsError,\n    masqueradeError,\n  } = useContext(MasqueradeUserContext);\n  const { masqueradeInput, handleMasqueradeInputChange } = module.useMasqueradeInput();\n\n  const masqueradeErrorMessage = getMasqueradeErrorMessage(masqueradeError?.customAttributes?.httpErrorStatus);\n  const handleMasqueradeSubmit = (user) => (e) => {\n    setMasqueradeUser(user);\n    e.preventDefault();\n  };\n\n  return {\n    canMasquerade: authenticatedUser?.administrator,\n    isMasquerading: masqueradeIsSuccess,\n    isMasqueradingFailed: masqueradeIsError,\n    isMasqueradingPending: masqueradeIsPending,\n    masqueradeErrorMessage,\n    masqueradeInput,\n    handleMasqueradeSubmit,\n    handleClearMasquerade,\n    handleMasqueradeInputChange,\n    formatMessage,\n  };\n};\n\nexport default useMasqueradeBarData;\n"]}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardHeader/MasqueradeBar/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3D,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,aAAa,EAAE,CAAC;IAC9D,MAAM,EACJ,OAAO,EAAE,KAAK,EAAE,SAAS,GAC1B,GAAG,wBAAwB,EAAE,CAAC;IAE/B,MAAM,2BAA2B,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9E,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7B,kBAAkB,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,MAAM,sBAAsB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;QAC7C,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC,CAAC,cAAc,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,eAAe,IAAI,OAAO,CAAC;IAC9E,MAAM,qBAAqB,GAAG,CAAC,CAAC,cAAc,IAAI,SAAS,CAAC;IAC5D,MAAM,cAAc,GAAG,CAAC,CAAC,cAAc,IAAI,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC;IAClE,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;;QAC1C,IAAI,cAAc,IAAI,KAAK,EAAE,CAAC;YAC5B,OAAO,CAAC,CAAA,MAAA,KAAK,CAAC,gBAAgB,0CAAE,eAAe,MAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAC7G,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5B,OAAO;QACL,aAAa,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa;QAC/C,cAAc;QACd,oBAAoB;QACpB,qBAAqB;QACrB,sBAAsB;QACtB,eAAe;QACf,sBAAsB;QACtB,qBAAqB;QACrB,2BAA2B;QAC3B,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { useState, useMemo } from 'react';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { useMasquerade } from '../../../data/context';\nimport { useInitializeLearnerHome } from '../../../data/hooks';\n\nimport messages from './messages';\n\nexport const useMasqueradeBarData = ({\n  authenticatedUser,\n}) => {\n  const { formatMessage } = useIntl();\n  const [masqueradeInput, setMasqueradeInput] = useState('');\n  const { masqueradeUser, setMasqueradeUser } = useMasquerade();\n  const {\n    isError, error, isPending,\n  } = useInitializeLearnerHome();\n\n  const handleMasqueradeInputChange = (e) => setMasqueradeInput(e.target.value);\n  const handleClearMasquerade = () => {\n    setMasqueradeUser(undefined);\n    setMasqueradeInput('');\n  };\n  const handleMasqueradeSubmit = (user) => (e) => {\n    setMasqueradeUser(user);\n    e.preventDefault();\n  };\n\n  const isMasqueradingFailed = !!masqueradeUser && !!masqueradeInput && isError;\n  const isMasqueradingPending = !!masqueradeUser && isPending;\n  const isMasquerading = !!masqueradeUser && !isError && !isPending;\n  const masqueradeErrorMessage = useMemo(() => {\n    if (masqueradeUser && error) {\n      return (error.customAttributes?.httpErrorStatus === 404 ? messages.NoStudentFound : messages.UnknownError);\n    }\n    return null;\n  }, [error, masqueradeUser]);\n\n  return {\n    canMasquerade: authenticatedUser?.administrator,\n    isMasquerading,\n    isMasqueradingFailed,\n    isMasqueradingPending,\n    masqueradeErrorMessage,\n    masqueradeInput,\n    handleMasqueradeSubmit,\n    handleClearMasquerade,\n    handleMasqueradeInputChange,\n    formatMessage,\n  };\n};\n\nexport default useMasqueradeBarData;\n"]}

package/dist/widgets/LearnerDashboardHeader/MasqueradeBar/index.js

@@ -12,7 +12,7 @@ export const MasqueradeBar = () => {
     if (!canMasquerade) {
         return null;
     }
-    return (_jsx("div", { className: "w-100 shadow-sm px-2", children: _jsx(Form, { className: "masquerade-bar w-100", children: isMasquerading ? (_jsxs(_Fragment, { children: [_jsxs(FormLabel, { inline: "true", className: "masquerade-form-label", children: [_jsx(Icon, { src: PersonSearch }), formatMessage(messages.ViewingAs)] }), _jsx(Chip, { className: "masquerade-chip", iconAfter: Close, onClick: handleClearMasquerade, children: masqueradeInput })] })) : (_jsxs(_Fragment, { children: [_jsxs(FormLabel, { inline: "true", id: "masquerade-form-label", className: "masquerade-form-label", children: [_jsx(Icon, { src: PersonSearch }), formatMessage(messages.ViewAs)] }), _jsxs(FormGroup, { isInvalid: isMasqueradingFailed, className: "masquerade-form-input", children: [_jsx(FormControl, { value: masqueradeInput, onChange: handleMasqueradeInputChange, floatingLabel: formatMessage(messages.StudentNameInput), "aria-labelledby": "masquerade-form-label" }), isMasqueradingFailed && (_jsx(FormControlFeedback, { type: "invalid", hasIcon: false, children: formatMessage(masqueradeErrorMessage) }))] }), _jsx(StatefulButton, { disabled: !masqueradeInput.length, variant: "brand", onClick: handleMasqueradeSubmit(masqueradeInput), labels: {
+    return (_jsx("div", { className: "w-100 shadow-sm px-2", children: _jsx(Form, { className: "masquerade-bar w-100", children: isMasquerading ? (_jsxs(_Fragment, { children: [_jsxs(FormLabel, { inline: "true", className: "masquerade-form-label", children: [_jsx(Icon, { src: PersonSearch }), formatMessage(messages.ViewingAs)] }), _jsx(Chip, { className: "masquerade-chip", iconAfter: Close, onClick: handleClearMasquerade, children: masqueradeInput })] })) : (_jsxs(_Fragment, { children: [_jsxs(FormLabel, { inline: "true", id: "masquerade-form-label", className: "masquerade-form-label", children: [_jsx(Icon, { src: PersonSearch }), formatMessage(messages.ViewAs)] }), _jsxs(FormGroup, { isInvalid: isMasqueradingFailed, className: "masquerade-form-input", children: [_jsx(FormControl, { value: masqueradeInput, onChange: handleMasqueradeInputChange, floatingLabel: formatMessage(messages.StudentNameInput), "aria-labelledby": "masquerade-form-label" }), isMasqueradingFailed && (_jsx(FormControlFeedback, { type: "invalid", hasIcon: false, children: formatMessage(masqueradeErrorMessage) }))] }), _jsx(StatefulButton, { disabled: !(masqueradeInput === null || masqueradeInput === void 0 ? void 0 : masqueradeInput.length), variant: "brand", onClick: handleMasqueradeSubmit(masqueradeInput), labels: {
                             default: formatMessage(messages.SubmitButton),
                         }, className: "mr-3", state: isMasqueradingPending ? 'pending' : 'default', type: "submit" })] })) }) }));
 };

package/dist/widgets/LearnerDashboardHeader/MasqueradeBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardHeader/MasqueradeBar/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,SAAS,EACT,cAAc,EACd,IAAI,GACL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,EACJ,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,sBAAsB,EACtB,aAAa,GACd,GAAG,oBAAoB,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAC;IAEhD,IAAI,CAAC,aAAa,EAAE,CAAC;QAAC,OAAO,IAAI,CAAC;IAAC,CAAC;IAEpC,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,YACnC,cAAc,CAAC,CAAC,CAAC,CAChB,8BACE,MAAC,SAAS,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,uBAAuB,aACxD,KAAC,IAAI,IAAC,GAAG,EAAE,YAAY,GAAI,EAC1B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,IACxB,EACZ,KAAC,IAAI,IACH,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,qBAAqB,YAE7B,eAAe,GACX,IACN,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,MAAC,SAAS,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,uBAAuB,EAAC,SAAS,EAAC,uBAAuB,aACnF,KAAC,IAAI,IAAC,GAAG,EAAE,YAAY,GAAI,EAC1B,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,IACrB,EACZ,MAAC,SAAS,IAAC,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAC,uBAAuB,aAC3E,KAAC,WAAW,IACV,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,2BAA2B,EACrC,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,qBACvC,uBAAuB,GACvC,EACD,oBAAoB,IAAI,CACvB,KAAC,mBAAmB,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,YAC/C,aAAa,CAAC,sBAAsB,CAAC,GAClB,CACvB,IACS,EACZ,KAAC,cAAc,IACb,QAAQ,EAAE,CAAC,eAAe,CAAC,MAAM,EACjC,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,sBAAsB,CAAC,eAAe,CAAC,EAChD,MAAM,EAAE;4BACN,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC;yBAC9C,EACD,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpD,IAAI,EAAC,QAAQ,GACb,IACD,CACJ,GACI,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useContext } from 'react';\nimport { SiteContext } from '@openedx/frontend-base';\n\nimport {\n  Chip,\n  Form,\n  FormControl,\n  FormControlFeedback,\n  FormLabel,\n  FormGroup,\n  StatefulButton,\n  Icon,\n} from '@openedx/paragon';\nimport { Close, PersonSearch } from '@openedx/paragon/icons';\n\nimport messages from './messages';\nimport { useMasqueradeBarData } from './hooks';\nimport './index.scss';\n\nexport const MasqueradeBar = () => {\n  const { authenticatedUser } = useContext(SiteContext);\n\n  const {\n    canMasquerade,\n    isMasquerading,\n    isMasqueradingFailed,\n    isMasqueradingPending,\n    masqueradeInput,\n    masqueradeErrorMessage,\n    handleMasqueradeInputChange,\n    handleClearMasquerade,\n    handleMasqueradeSubmit,\n    formatMessage,\n  } = useMasqueradeBarData({ authenticatedUser });\n\n  if (!canMasquerade) { return null; }\n\n  return (\n    <div className=\"w-100 shadow-sm px-2\">\n      <Form className=\"masquerade-bar w-100\">\n        {isMasquerading ? (\n          <>\n            <FormLabel inline=\"true\" className=\"masquerade-form-label\">\n              <Icon src={PersonSearch} />\n              {formatMessage(messages.ViewingAs)}\n            </FormLabel>\n            <Chip\n              className=\"masquerade-chip\"\n              iconAfter={Close}\n              onClick={handleClearMasquerade}\n            >\n              {masqueradeInput}\n            </Chip>\n          </>\n        ) : (\n          <>\n            <FormLabel inline=\"true\" id=\"masquerade-form-label\" className=\"masquerade-form-label\">\n              <Icon src={PersonSearch} />\n              {formatMessage(messages.ViewAs)}\n            </FormLabel>\n            <FormGroup isInvalid={isMasqueradingFailed} className=\"masquerade-form-input\">\n              <FormControl\n                value={masqueradeInput}\n                onChange={handleMasqueradeInputChange}\n                floatingLabel={formatMessage(messages.StudentNameInput)}\n                aria-labelledby=\"masquerade-form-label\"\n              />\n              {isMasqueradingFailed && (\n                <FormControlFeedback type=\"invalid\" hasIcon={false}>\n                  {formatMessage(masqueradeErrorMessage)}\n                </FormControlFeedback>\n              )}\n            </FormGroup>\n            <StatefulButton\n              disabled={!masqueradeInput.length}\n              variant=\"brand\"\n              onClick={handleMasqueradeSubmit(masqueradeInput)}\n              labels={{\n                default: formatMessage(messages.SubmitButton),\n              }}\n              className=\"mr-3\"\n              state={isMasqueradingPending ? 'pending' : 'default'}\n              type=\"submit\"\n            />\n          </>\n        )}\n      </Form>\n    </div>\n  );\n};\n\nexport default MasqueradeBar;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/widgets/LearnerDashboardHeader/MasqueradeBar/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,SAAS,EACT,cAAc,EACd,IAAI,GACL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAEtD,MAAM,EACJ,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,sBAAsB,EACtB,2BAA2B,EAC3B,qBAAqB,EACrB,sBAAsB,EACtB,aAAa,GACd,GAAG,oBAAoB,CAAC,EAAE,iBAAiB,EAAE,CAAC,CAAC;IAEhD,IAAI,CAAC,aAAa,EAAE,CAAC;QAAC,OAAO,IAAI,CAAC;IAAC,CAAC;IAEpC,OAAO,CACL,cAAK,SAAS,EAAC,sBAAsB,YACnC,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,YACnC,cAAc,CAAC,CAAC,CAAC,CAChB,8BACE,MAAC,SAAS,IAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,uBAAuB,aACxD,KAAC,IAAI,IAAC,GAAG,EAAE,YAAY,GAAI,EAC1B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,IACxB,EACZ,KAAC,IAAI,IACH,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,qBAAqB,YAE7B,eAAe,GACX,IACN,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,MAAC,SAAS,IAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAC,uBAAuB,EAAC,SAAS,EAAC,uBAAuB,aACnF,KAAC,IAAI,IAAC,GAAG,EAAE,YAAY,GAAI,EAC1B,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,IACrB,EACZ,MAAC,SAAS,IAAC,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAC,uBAAuB,aAC3E,KAAC,WAAW,IACV,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,2BAA2B,EACrC,aAAa,EAAE,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,qBACvC,uBAAuB,GACvC,EACD,oBAAoB,IAAI,CACvB,KAAC,mBAAmB,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,YAC/C,aAAa,CAAC,sBAAsB,CAAC,GAClB,CACvB,IACS,EACZ,KAAC,cAAc,IACb,QAAQ,EAAE,CAAC,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,MAAM,CAAA,EAClC,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,sBAAsB,CAAC,eAAe,CAAC,EAChD,MAAM,EAAE;4BACN,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,YAAY,CAAC;yBAC9C,EACD,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACpD,IAAI,EAAC,QAAQ,GACb,IACD,CACJ,GACI,GACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useContext } from 'react';\nimport { SiteContext } from '@openedx/frontend-base';\n\nimport {\n  Chip,\n  Form,\n  FormControl,\n  FormControlFeedback,\n  FormLabel,\n  FormGroup,\n  StatefulButton,\n  Icon,\n} from '@openedx/paragon';\nimport { Close, PersonSearch } from '@openedx/paragon/icons';\n\nimport messages from './messages';\nimport { useMasqueradeBarData } from './hooks';\nimport './index.scss';\n\nexport const MasqueradeBar = () => {\n  const { authenticatedUser } = useContext(SiteContext);\n\n  const {\n    canMasquerade,\n    isMasquerading,\n    isMasqueradingFailed,\n    isMasqueradingPending,\n    masqueradeInput,\n    masqueradeErrorMessage,\n    handleMasqueradeInputChange,\n    handleClearMasquerade,\n    handleMasqueradeSubmit,\n    formatMessage,\n  } = useMasqueradeBarData({ authenticatedUser });\n\n  if (!canMasquerade) { return null; }\n\n  return (\n    <div className=\"w-100 shadow-sm px-2\">\n      <Form className=\"masquerade-bar w-100\">\n        {isMasquerading ? (\n          <>\n            <FormLabel inline=\"true\" className=\"masquerade-form-label\">\n              <Icon src={PersonSearch} />\n              {formatMessage(messages.ViewingAs)}\n            </FormLabel>\n            <Chip\n              className=\"masquerade-chip\"\n              iconAfter={Close}\n              onClick={handleClearMasquerade}\n            >\n              {masqueradeInput}\n            </Chip>\n          </>\n        ) : (\n          <>\n            <FormLabel inline=\"true\" id=\"masquerade-form-label\" className=\"masquerade-form-label\">\n              <Icon src={PersonSearch} />\n              {formatMessage(messages.ViewAs)}\n            </FormLabel>\n            <FormGroup isInvalid={isMasqueradingFailed} className=\"masquerade-form-input\">\n              <FormControl\n                value={masqueradeInput}\n                onChange={handleMasqueradeInputChange}\n                floatingLabel={formatMessage(messages.StudentNameInput)}\n                aria-labelledby=\"masquerade-form-label\"\n              />\n              {isMasqueradingFailed && (\n                <FormControlFeedback type=\"invalid\" hasIcon={false}>\n                  {formatMessage(masqueradeErrorMessage)}\n                </FormControlFeedback>\n              )}\n            </FormGroup>\n            <StatefulButton\n              disabled={!masqueradeInput?.length}\n              variant=\"brand\"\n              onClick={handleMasqueradeSubmit(masqueradeInput)}\n              labels={{\n                default: formatMessage(messages.SubmitButton),\n              }}\n              className=\"mr-3\"\n              state={isMasqueradingPending ? 'pending' : 'default'}\n              type=\"submit\"\n            />\n          </>\n        )}\n      </Form>\n    </div>\n  );\n};\n\nexport default MasqueradeBar;\n"]}

package/dist/widgets/LearnerDashboardHeader/hooks.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useIntl } from '@openedx/frontend-base';
-import { StrictDict } from 'utils';
+import { StrictDict } from '../../utils';
 import getLearnerHeaderMenu from './LearnerDashboardMenu';
 export const state = StrictDict({
     isOpen: (val) => React.useState(val), // eslint-disable-line

package/dist/widgets/LearnerDashboardHeader/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/widgets/LearnerDashboardHeader/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAC7D,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,eAAe,EAAE,iBAAiB,GACnC,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,oBAAoB,CAAC,aAAa,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC;AACjF,CAAC,CAAC;AAEF,eAAe;IACb,6BAA6B;CAC9B,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { StrictDict } from 'utils';\n\nimport getLearnerHeaderMenu from './LearnerDashboardMenu';\n\nexport const state = StrictDict({\n  isOpen: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const useLearnerDashboardHeaderMenu = ({\n  courseSearchUrl, authenticatedUser,\n}) => {\n  const { formatMessage } = useIntl();\n  return getLearnerHeaderMenu(formatMessage, courseSearchUrl, authenticatedUser);\n};\n\nexport default {\n  useLearnerDashboardHeaderMenu,\n};\n"]}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/widgets/LearnerDashboardHeader/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAC7D,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,eAAe,EAAE,iBAAiB,GACnC,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,OAAO,oBAAoB,CAAC,aAAa,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC;AACjF,CAAC,CAAC;AAEF,eAAe;IACb,6BAA6B;CAC9B,CAAC","sourcesContent":["import React from 'react';\nimport { useIntl } from '@openedx/frontend-base';\nimport { StrictDict } from '@src/utils';\n\nimport getLearnerHeaderMenu from './LearnerDashboardMenu';\n\nexport const state = StrictDict({\n  isOpen: (val) => React.useState(val), // eslint-disable-line\n});\n\nexport const useLearnerDashboardHeaderMenu = ({\n  courseSearchUrl, authenticatedUser,\n}) => {\n  const { formatMessage } = useIntl();\n  return getLearnerHeaderMenu(formatMessage, courseSearchUrl, authenticatedUser);\n};\n\nexport default {\n  useLearnerDashboardHeaderMenu,\n};\n"]}

package/dist/widgets/LookingForChallengeWidget/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useIntl } from '@openedx/frontend-base';
 import { Card, Hyperlink, Icon } from '@openedx/paragon';
 import { ArrowForward } from '@openedx/paragon/icons';
-import { reduxHooks } from '../../hooks';
+import { useInitializeLearnerHome } from '../../data/hooks';
 import moreCoursesSVG from '../../assets/more-courses-sidewidget.svg';
 import { baseAppUrl } from '../../data/services/lms/urls';
 import { findCoursesWidgetClicked } from './track';
@@ -10,8 +10,10 @@ import messages from './messages';
 import './index.scss';
 export const arrowIcon = (_jsx(Icon, { className: "mx-1", src: ArrowForward }));
 export const LookingForChallengeWidget = () => {
+    var _a;
     const { formatMessage } = useIntl();
-    const { courseSearchUrl } = reduxHooks.usePlatformSettingsData();
+    const { data: learnerData } = useInitializeLearnerHome();
+    const courseSearchUrl = ((_a = learnerData === null || learnerData === void 0 ? void 0 : learnerData.platformSettings) === null || _a === void 0 ? void 0 : _a.courseSearchUrl) || '';
     const hyperlinkDestination = baseAppUrl(courseSearchUrl) || '';
     return (_jsxs(Card, { orientation: "horizontal", id: "looking-for-challenge-widget", children: [_jsx(Card.ImageCap, { src: moreCoursesSVG, srcAlt: "course side widget" }), _jsxs(Card.Body, { className: "m-auto pr-2", children: [_jsx("h4", { children: formatMessage(messages.lookingForChallengePrompt) }), _jsx("h5", { children: _jsx(Hyperlink, { variant: "brand", destination: hyperlinkDestination, onClick: findCoursesWidgetClicked(hyperlinkDestination), className: "d-flex align-items-center", children: formatMessage(messages.findCoursesButton, { arrow: arrowIcon }) }) })] })] }));
 };

package/dist/widgets/LookingForChallengeWidget/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/LookingForChallengeWidget/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,cAAc,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,GAAI,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,uBAAuB,EAAE,CAAC;IACjE,MAAM,oBAAoB,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;IAE/D,OAAO,CACL,MAAC,IAAI,IAAC,WAAW,EAAC,YAAY,EAAC,EAAE,EAAC,8BAA8B,aAC9D,KAAC,IAAI,CAAC,QAAQ,IACZ,GAAG,EAAE,cAAc,EACnB,MAAM,EAAC,oBAAoB,GAC3B,EACF,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,aAAa,aAChC,uBACG,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAC/C,EACL,uBACE,KAAC,SAAS,IACR,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,oBAAoB,EACjC,OAAO,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,EACvD,SAAS,EAAC,2BAA2B,YAEpC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GACtD,GACT,IACK,IACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,yBAAyB,CAAC,SAAS,GAAG,EAAE,CAAC;AAEzC,eAAe,yBAAyB,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Card, Hyperlink, Icon } from '@openedx/paragon';\nimport { ArrowForward } from '@openedx/paragon/icons';\n\nimport { reduxHooks } from '../../hooks';\nimport moreCoursesSVG from '../../assets/more-courses-sidewidget.svg';\nimport { baseAppUrl } from '../../data/services/lms/urls';\n\nimport { findCoursesWidgetClicked } from './track';\nimport messages from './messages';\nimport './index.scss';\n\nexport const arrowIcon = (<Icon className=\"mx-1\" src={ArrowForward} />);\n\nexport const LookingForChallengeWidget = () => {\n  const { formatMessage } = useIntl();\n  const { courseSearchUrl } = reduxHooks.usePlatformSettingsData();\n  const hyperlinkDestination = baseAppUrl(courseSearchUrl) || '';\n\n  return (\n    <Card orientation=\"horizontal\" id=\"looking-for-challenge-widget\">\n      <Card.ImageCap\n        src={moreCoursesSVG}\n        srcAlt=\"course side widget\"\n      />\n      <Card.Body className=\"m-auto pr-2\">\n        <h4>\n          {formatMessage(messages.lookingForChallengePrompt)}\n        </h4>\n        <h5>\n          <Hyperlink\n            variant=\"brand\"\n            destination={hyperlinkDestination}\n            onClick={findCoursesWidgetClicked(hyperlinkDestination)}\n            className=\"d-flex align-items-center\"\n          >\n            {formatMessage(messages.findCoursesButton, { arrow: arrowIcon })}\n          </Hyperlink>\n        </h5>\n      </Card.Body>\n    </Card>\n  );\n};\n\nLookingForChallengeWidget.propTypes = {};\n\nexport default LookingForChallengeWidget;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/widgets/LookingForChallengeWidget/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,cAAc,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,GAAI,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,EAAE;;IAC5C,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACzD,MAAM,eAAe,GAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,0CAAE,eAAe,KAAI,EAAE,CAAC;IAC7E,MAAM,oBAAoB,GAAG,UAAU,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;IAE/D,OAAO,CACL,MAAC,IAAI,IAAC,WAAW,EAAC,YAAY,EAAC,EAAE,EAAC,8BAA8B,aAC9D,KAAC,IAAI,CAAC,QAAQ,IACZ,GAAG,EAAE,cAAc,EACnB,MAAM,EAAC,oBAAoB,GAC3B,EACF,MAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,aAAa,aAChC,uBACG,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,GAC/C,EACL,uBACE,KAAC,SAAS,IACR,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,oBAAoB,EACjC,OAAO,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,EACvD,SAAS,EAAC,2BAA2B,YAEpC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GACtD,GACT,IACK,IACP,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,yBAAyB,CAAC,SAAS,GAAG,EAAE,CAAC;AAEzC,eAAe,yBAAyB,CAAC","sourcesContent":["import { useIntl } from '@openedx/frontend-base';\nimport { Card, Hyperlink, Icon } from '@openedx/paragon';\nimport { ArrowForward } from '@openedx/paragon/icons';\n\nimport { useInitializeLearnerHome } from '@src/data/hooks';\nimport moreCoursesSVG from '../../assets/more-courses-sidewidget.svg';\nimport { baseAppUrl } from '../../data/services/lms/urls';\n\nimport { findCoursesWidgetClicked } from './track';\nimport messages from './messages';\nimport './index.scss';\n\nexport const arrowIcon = (<Icon className=\"mx-1\" src={ArrowForward} />);\n\nexport const LookingForChallengeWidget = () => {\n  const { formatMessage } = useIntl();\n  const { data: learnerData } = useInitializeLearnerHome();\n  const courseSearchUrl = learnerData?.platformSettings?.courseSearchUrl || '';\n  const hyperlinkDestination = baseAppUrl(courseSearchUrl) || '';\n\n  return (\n    <Card orientation=\"horizontal\" id=\"looking-for-challenge-widget\">\n      <Card.ImageCap\n        src={moreCoursesSVG}\n        srcAlt=\"course side widget\"\n      />\n      <Card.Body className=\"m-auto pr-2\">\n        <h4>\n          {formatMessage(messages.lookingForChallengePrompt)}\n        </h4>\n        <h5>\n          <Hyperlink\n            variant=\"brand\"\n            destination={hyperlinkDestination}\n            onClick={findCoursesWidgetClicked(hyperlinkDestination)}\n            className=\"d-flex align-items-center\"\n          >\n            {formatMessage(messages.findCoursesButton, { arrow: arrowIcon })}\n          </Hyperlink>\n        </h5>\n      </Card.Body>\n    </Card>\n  );\n};\n\nLookingForChallengeWidget.propTypes = {};\n\nexport default LookingForChallengeWidget;\n"]}

package/dist/widgets/LookingForChallengeWidget/track.d.ts

@@ -1,5 +1,5 @@
 export const linkNames: any;
-export function findCoursesWidgetClicked(href: any): (e: any) => NodeJS.Timeout;
+export function findCoursesWidgetClicked(href: any): (e: any) => number;
 declare namespace _default {
     export { linkNames };
     export { findCoursesWidgetClicked };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@openedx/frontend-app-learner-dashboard",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.8",
   "description": "",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/edx/frontend-app-learner-dashboard.git"
+    "url": "git+https://github.com/openedx/frontend-app-learner-dashboard.git"
   },
   "exports": {
     ".": "./dist/index.js",
@@ -13,6 +13,9 @@
   "files": [
     "/dist"
   ],
+  "workspaces": [
+    "packages/*"
+  ],
   "browserslist": [
     "extends @edx/browserslist-config"
   ],
@@ -20,15 +23,27 @@
     "*.css",
     "*.scss"
   ],
+  "atlasTranslations": {
+    "path": "translations/frontend-app-learner-dashboard/src/i18n/messages",
+    "dependencies": [
+      "@openedx/frontend-base"
+    ]
+  },
   "scripts": {
     "build": "make build",
+    "build:packages": "make build-packages",
     "clean": "make clean",
+    "clean:packages": "make clean-packages",
     "dev": "PORT=1996 PUBLIC_PATH=/learner-dashboard openedx dev",
+    "dev:site": "make dev-site",
+    "dev:packages": "make dev-packages",
     "i18n_extract": "openedx formatjs extract",
     "lint": "openedx lint .",
     "lint:fix": "openedx lint --fix .",
-    "prepack": "npm run build",
-    "test": "openedx test --coverage --passWithNoTests"
+    "prepack": "npm run clean && npm run build",
+    "test": "openedx test --coverage --passWithNoTests",
+    "translations:pull": "openedx translations:pull",
+    "watch:build": "nodemon --exec 'npm run build'"
   },
   "author": "Open edX",
   "license": "AGPL-3.0",
@@ -46,45 +61,38 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
     "@fortawesome/react-fontawesome": "^0.2.0",
-    "@redux-devtools/extension": "3.3.0",
-    "@reduxjs/toolkit": "^2.0.0",
     "classnames": "^2.3.1",
-    "filesize": "^10.0.0",
     "font-awesome": "4.7.0",
     "lodash": "^4.17.21",
     "moment": "^2.29.4",
     "prop-types": "15.8.1",
-    "react-share": "^4.4.0",
-    "redux-logger": "3.0.6",
-    "redux-thunk": "2.4.2",
-    "reselect": "^4.0.0"
+    "react-share": "^5.2.2"
   },
   "devDependencies": {
     "@edx/browserslist-config": "^1.5.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^29.5.14",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-expect-message": "^1.1.3",
     "jest-when": "^3.6.0",
+    "nodemon": "^3.1.14",
     "react-dev-utils": "^12.0.0",
-    "react-test-renderer": "^18.3.1",
-    "redux-mock-store": "^1.5.4",
-    "tsc-alias": "^1.8.16"
+    "tsc-alias": "^1.8.16",
+    "turbo": "^2.8.20"
   },
   "peerDependencies": {
-    "@openedx/frontend-base": "^1.0.0-alpha.13",
+    "@openedx/frontend-base": "^1.0.0-alpha || 0.0.0-dev",
     "@openedx/paragon": "^23",
     "@tanstack/react-query": "^5",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "react": "^18",
     "react-dom": "^18",
-    "react-redux": "^8",
     "react-router": "^6",
-    "react-router-dom": "^6",
-    "redux": "^4"
+    "react-router-dom": "^6"
   }
 }

package/dist/containers/CourseFilterControls/hooks.d.ts

@@ -1,3 +0,0 @@
-export const state: any;
-export function useCourseFilterControlsData({ filters, setSortBy, }: any[]): object;
-export default module.useCourseFilterControlsData;

package/dist/containers/CourseFilterControls/hooks.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { useToggle } from '@openedx/paragon';
-import { StrictDict } from '../../utils';
-import track from '../../tracking';
-import { reduxHooks } from '../../hooks';
-import * as module from './hooks';
-export const state = StrictDict({
-    target: (val) => React.useState(val), // eslint-disable-line
-});
-/**
- * Sets up a toggle for the modal as well as helper functions for handling changes to the form controls.
- *
- * @param {array} filters Currently active course filters
- * @param {function} setSortBy Set function for sorting the course list
- * @returns {object} data and functions for managing the CourseFilterControls component
- */
-export const useCourseFilterControlsData = ({ filters, setSortBy, }) => {
-    const [isOpen, toggleOpen, toggleClose] = useToggle(false);
-    const [target, setTarget] = module.state.target(null);
-    const addFilter = reduxHooks.useAddFilter();
-    const removeFilter = reduxHooks.useRemoveFilter();
-    const handleFilterChange = ({ target: { checked, value } }) => {
-        const update = checked ? addFilter : removeFilter;
-        update(value);
-    };
-    const handleSortChange = ({ target: { value } }) => {
-        setSortBy(value);
-    };
-    const open = () => {
-        track.filter.filterClicked();
-        toggleOpen();
-    };
-    const close = () => {
-        track.filter.filterOptionSelected(filters);
-        toggleClose();
-    };
-    return {
-        isOpen,
-        open,
-        close,
-        target,
-        setTarget,
-        handleFilterChange,
-        handleSortChange,
-    };
-};
-export default useCourseFilterControlsData;
-//# sourceMappingURL=hooks.js.map

package/dist/containers/CourseFilterControls/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/containers/CourseFilterControls/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAC7D,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,OAAO,EACP,SAAS,GACV,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEtD,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,CAAC;IAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,EAAE,CAAC;IAElD,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;QAC5D,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC;QAClD,MAAM,CAAC,KAAK,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;QACjD,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,GAAG,EAAE;QAChB,KAAK,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;QAC7B,UAAU,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAC3C,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,MAAM;QACN,IAAI;QACJ,KAAK;QACL,MAAM;QACN,SAAS;QACT,kBAAkB;QAClB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["import React from 'react';\nimport { useToggle } from '@openedx/paragon';\n\nimport { StrictDict } from '../../utils';\nimport track from '../../tracking';\nimport { reduxHooks } from '../../hooks';\n\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  target: (val) => React.useState(val), // eslint-disable-line\n});\n\n/**\n * Sets up a toggle for the modal as well as helper functions for handling changes to the form controls.\n *\n * @param {array} filters Currently active course filters\n * @param {function} setSortBy Set function for sorting the course list\n * @returns {object} data and functions for managing the CourseFilterControls component\n */\nexport const useCourseFilterControlsData = ({\n  filters,\n  setSortBy,\n}) => {\n  const [isOpen, toggleOpen, toggleClose] = useToggle(false);\n  const [target, setTarget] = module.state.target(null);\n\n  const addFilter = reduxHooks.useAddFilter();\n  const removeFilter = reduxHooks.useRemoveFilter();\n\n  const handleFilterChange = ({ target: { checked, value } }) => {\n    const update = checked ? addFilter : removeFilter;\n    update(value);\n  };\n  const handleSortChange = ({ target: { value } }) => {\n    setSortBy(value);\n  };\n\n  const open = () => {\n    track.filter.filterClicked();\n    toggleOpen();\n  };\n\n  const close = () => {\n    track.filter.filterOptionSelected(filters);\n    toggleClose();\n  };\n\n  return {\n    isOpen,\n    open,\n    close,\n    target,\n    setTarget,\n    handleFilterChange,\n    handleSortChange,\n  };\n};\n\nexport default useCourseFilterControlsData;\n"]}

package/dist/containers/CoursesPanel/hooks.d.ts

@@ -1,15 +0,0 @@
-export const state: any;
-export function useCourseListData(): {
-    pageNumber: unknown;
-    numPages: any;
-    setPageNumber: (value: any) => any;
-    visibleList: any;
-    filterOptions: {
-        sortBy: any;
-        setSortBy: any;
-        filters: unknown;
-        handleRemoveFilter: (filter: any) => () => any;
-    };
-    showFilters: boolean;
-};
-export default module.useCourseListData;

package/dist/containers/CoursesPanel/hooks.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { ListPageSize, SortKeys } from '../../data/constants/app';
-import { reduxHooks } from '../../hooks';
-import { StrictDict } from '../../utils';
-import * as module from './hooks';
-export const state = StrictDict({
-    sortBy: (val) => React.useState(val), // eslint-disable-line
-});
-/**
- * Filters are fetched from the store and used to generate a list of "visible" courses.
- * Other values returned and used for the layout of the CoursesPanel component are:
- * the current page number, the sorting method, and whether or not to enable filters and pagination.
- *
- * @returns data for the CoursesPanel component
- */
-export const useCourseListData = () => {
-    const filters = reduxHooks.useFilters();
-    const removeFilter = reduxHooks.useRemoveFilter();
-    const pageNumber = reduxHooks.usePageNumber();
-    const setPageNumber = reduxHooks.useSetPageNumber();
-    const [sortBy, setSortBy] = module.state.sortBy(SortKeys.enrolled);
-    const querySearch = new URLSearchParams(window.location.search);
-    const disablePagination = querySearch.get('disable_pagination');
-    const { numPages, visibleList } = reduxHooks.useCurrentCourseList({
-        sortBy,
-        filters,
-        pageSize: Number(disablePagination) === 1 ? 0 : ListPageSize,
-    });
-    const handleRemoveFilter = (filter) => () => removeFilter(filter);
-    return {
-        pageNumber,
-        numPages,
-        setPageNumber,
-        visibleList,
-        filterOptions: {
-            sortBy,
-            setSortBy,
-            filters,
-            handleRemoveFilter,
-        },
-        showFilters: filters.length > 0,
-    };
-};
-export default useCourseListData;
-//# sourceMappingURL=hooks.js.map

package/dist/containers/CoursesPanel/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/containers/CoursesPanel/hooks.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,MAAM,MAAM,SAAS,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,sBAAsB;CAC7D,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC;IACxC,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,EAAE,CAAC;IAClD,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,EAAE,CAAC;IAC9C,MAAM,aAAa,GAAG,UAAU,CAAC,gBAAgB,EAAE,CAAC;IAEpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAEhE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC;QAChE,MAAM;QACN,OAAO;QACP,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY;KAC7D,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAElE,OAAO;QACL,UAAU;QACV,QAAQ;QACR,aAAa;QACb,WAAW;QACX,aAAa,EAAE;YACb,MAAM;YACN,SAAS;YACT,OAAO;YACP,kBAAkB;SACnB;QACD,WAAW,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC;KAChC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React from 'react';\n\nimport { ListPageSize, SortKeys } from '../../data/constants/app';\nimport { reduxHooks } from '../../hooks';\nimport { StrictDict } from '../../utils';\n\nimport * as module from './hooks';\n\nexport const state = StrictDict({\n  sortBy: (val) => React.useState(val), // eslint-disable-line\n});\n\n/**\n * Filters are fetched from the store and used to generate a list of \"visible\" courses.\n * Other values returned and used for the layout of the CoursesPanel component are:\n * the current page number, the sorting method, and whether or not to enable filters and pagination.\n *\n * @returns data for the CoursesPanel component\n */\nexport const useCourseListData = () => {\n  const filters = reduxHooks.useFilters();\n  const removeFilter = reduxHooks.useRemoveFilter();\n  const pageNumber = reduxHooks.usePageNumber();\n  const setPageNumber = reduxHooks.useSetPageNumber();\n\n  const [sortBy, setSortBy] = module.state.sortBy(SortKeys.enrolled);\n\n  const querySearch = new URLSearchParams(window.location.search);\n  const disablePagination = querySearch.get('disable_pagination');\n\n  const { numPages, visibleList } = reduxHooks.useCurrentCourseList({\n    sortBy,\n    filters,\n    pageSize: Number(disablePagination) === 1 ? 0 : ListPageSize,\n  });\n\n  const handleRemoveFilter = (filter) => () => removeFilter(filter);\n\n  return {\n    pageNumber,\n    numPages,\n    setPageNumber,\n    visibleList,\n    filterOptions: {\n      sortBy,\n      setSortBy,\n      filters,\n      handleRemoveFilter,\n    },\n    showFilters: filters.length > 0,\n  };\n};\n\nexport default useCourseListData;\n"]}

package/dist/containers/RelatedProgramsModal/hooks.d.ts

@@ -1,7 +0,0 @@
-export function useProgramData({ cardId, }: {
-    cardId: any;
-}): {
-    courseTitle: any;
-    relatedPrograms: any;
-};
-export default useProgramData;

package/dist/containers/RelatedProgramsModal/hooks.js

@@ -1,7 +0,0 @@
-import { reduxHooks } from 'hooks';
-export const useProgramData = ({ cardId, }) => ({
-    courseTitle: reduxHooks.useCardCourseData(cardId).title,
-    relatedPrograms: reduxHooks.useCardRelatedProgramsData(cardId).list,
-});
-export default useProgramData;
-//# sourceMappingURL=hooks.js.map

package/dist/containers/RelatedProgramsModal/hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../src/containers/RelatedProgramsModal/hooks.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,MAAM,GACP,EAAE,EAAE,CAAC,CAAC;IACL,WAAW,EAAE,UAAU,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,KAAK;IACvD,eAAe,EAAE,UAAU,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,IAAI;CACpE,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC","sourcesContent":["import { reduxHooks } from 'hooks';\n\nexport const useProgramData = ({\n  cardId,\n}) => ({\n  courseTitle: reduxHooks.useCardCourseData(cardId).title,\n  relatedPrograms: reduxHooks.useCardRelatedProgramsData(cardId).list,\n});\n\nexport default useProgramData;\n"]}

package/dist/data/contexts/MasqueradeUserContext.d.ts

@@ -1,13 +0,0 @@
-export default MasqueradeUserContext;
-declare const MasqueradeUserContext: import("react").Context<{
-    masqueradeUser: undefined;
-    masqueradeIsSuccess: undefined;
-    masqueradeIsPending: undefined;
-    masqueradeIsError: undefined;
-    masqueradeError: undefined;
-    setMasqueradeUser: undefined;
-    setMasqueradeIsSuccess: undefined;
-    setMasqueradeIsPending: undefined;
-    setMasqueradeIsError: undefined;
-    setMasqueradeError: undefined;
-}>;