@edx/frontend-app-subscription-learner-dashboard 1.3.0 → 1.4.0

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgress.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import './index.scss';
-declare const ProgramProgress: React.FC;
+declare const ProgramProgress: FC;
 export default ProgramProgress;

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgress.js

@@ -1,45 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
 import { Helmet } from 'react-helmet';
 import { useParams } from 'react-router-dom';
 import { Col, Container, Row } from '@openedx/paragon';
-import { logError, camelCaseObject } from '@openedx/frontend-base';
-import { getProgramProgressData } from '../data/api';
-import { ProgramProgressContext } from './ProgramProgressProvider';
+import { camelCaseObject } from '@openedx/frontend-base';
+import './index.scss';
+import { useProgramProgressData } from '../../../data/hooks';
 import ProgramProgressHeader from './ProgramProgressHeader';
 import ProgramProgressInfo from './ProgramProgressInfo';
-import './index.scss';
 import { ProgramProgressTabs } from './ProgramProgressTabs';
 const ProgramProgress = () => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const { programProgressData, setProgramProgressData, } = useContext(ProgramProgressContext);
-    const [programProgressEndpointError, setProgramProgressEndpointError] = useState(false);
-    const hasProgramProgressData = !!((programProgressData === null || programProgressData === void 0 ? void 0 : programProgressData.courseData)
-        && programProgressData.programData
-        && programProgressData.urls);
     // Fetch UUID from route params
     const { uuid } = useParams();
-    useEffect(() => {
-        if (!uuid) {
-            return;
-        }
-        getProgramProgressData(uuid)
-            .then(responseData => {
-            setProgramProgressData(camelCaseObject(responseData.data));
-        })
-            .catch(err => {
-            logError(err);
-            setProgramProgressEndpointError(true);
-        });
-    }, [uuid, setProgramProgressData]);
-    if (programProgressEndpointError) {
-        return (_jsx("div", { children: "Not found page" }));
-    }
+    const { data, isLoading, error } = useProgramProgressData(uuid);
+    const programProgressData = camelCaseObject(data);
     if (!uuid) {
-        return (_jsx("div", { children: "Program uuid is missing." }));
+        return _jsx("div", { children: "Invalid URL" });
+    }
+    if (isLoading) {
+        return _jsx("div", { children: "Loading..." });
     }
-    if (!hasProgramProgressData) {
-        return (_jsx("div", { children: "Loading..." }));
+    if (error) {
+        return _jsx("div", { children: "Error occurred" });
     }
     const programData = programProgressData === null || programProgressData === void 0 ? void 0 : programProgressData.programData;
     const courseData = programProgressData === null || programProgressData === void 0 ? void 0 : programProgressData.courseData;

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgramProgress.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/ProgramProgress.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useContext, useEffect, useState } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { useParams } from 'react-router-dom';\nimport { Col, Container, Row } from '@openedx/paragon';\nimport { logError, camelCaseObject } from '@openedx/frontend-base';\nimport { getProgramProgressData } from '../data/api';\nimport { ProgramProgressContext, ProgramProgressContextValueType } from './ProgramProgressProvider';\nimport ProgramProgressHeader from './ProgramProgressHeader';\nimport ProgramProgressInfo from './ProgramProgressInfo';\n\nimport './index.scss';\nimport { ProgramProgressTabs } from './ProgramProgressTabs';\n\nconst ProgramProgress: React.FC = () => {\n  const {\n    programProgressData,\n    setProgramProgressData,\n  } = useContext<ProgramProgressContextValueType>(ProgramProgressContext);\n\n  const [programProgressEndpointError, setProgramProgressEndpointError] = useState<boolean>(false);\n  const hasProgramProgressData = !!(\n    programProgressData?.courseData\n    && programProgressData.programData\n    && programProgressData.urls\n  );\n\n  // Fetch UUID from route params\n  const { uuid } = useParams() as { uuid: string };\n\n  useEffect(() => {\n    if (!uuid) {\n      return;\n    }\n\n    getProgramProgressData(uuid)\n      .then(responseData => {\n        setProgramProgressData(camelCaseObject(responseData.data));\n      })\n      .catch(err => {\n        logError(err);\n        setProgramProgressEndpointError(true);\n      });\n  }, [uuid, setProgramProgressData]);\n\n  if (programProgressEndpointError) {\n    return (\n      <div>Not found page</div>\n    );\n  }\n\n  if (!uuid) {\n    return (\n      <div>Program uuid is missing.</div>\n    );\n  }\n\n  if (!hasProgramProgressData) {\n    return (\n      <div>Loading...</div>\n    );\n  }\n\n  const programData = programProgressData?.programData;\n  const courseData = programProgressData?.courseData;\n\n  const totalCoursesInProgram = (courseData.notStarted?.length || 0)\n    + (courseData.completed?.length || 0)\n    + (courseData.inProgress?.length || 0);\n\n  const allCoursesCompleted = !courseData.notStarted?.length\n    && !courseData.inProgress?.length\n    && courseData.completed?.length;\n\n  const programType = programData?.type ?? '';\n\n  return (\n    <>\n      <Helmet title={`${programData?.title}`} />\n      <Container fluid={false} size=\"xl\" className=\"p-4.5\">\n        <ProgramProgressHeader\n          programTitle={programData?.title ?? ''}\n          programType={programData?.type ?? ''}\n          authoringOrganizations={programData?.authoringOrganizations}\n        />\n        <Row>\n          <Col sm={12} md={8}>\n            <ProgramProgressInfo\n              allCoursesCompleted={allCoursesCompleted}\n              totalCoursesInProgram={totalCoursesInProgram}\n              programTitle={programData?.title ?? ''}\n            />\n          </Col>\n        </Row>\n\n        {/* TODO [TEMP]: Replace the below course count with actual count. For now, returning hardcoded data.\n          Action: Revisit when data is being made dynamic.\n        */}\n        <ProgramProgressTabs counts={{ inProgress: 1, remaining: 2, completed: 0 }} type={programType} />\n      </Container>\n    </>\n  );\n};\n\nexport default ProgramProgress;\n"]}
+{"version":3,"file":"ProgramProgress.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/ProgramProgress.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC } from 'react';\nimport { Helmet } from 'react-helmet';\nimport { useParams } from 'react-router-dom';\nimport { Col, Container, Row } from '@openedx/paragon';\nimport { camelCaseObject } from '@openedx/frontend-base';\n\nimport './index.scss';\nimport { useProgramProgressData } from '@src/data/hooks';\nimport ProgramProgressHeader from './ProgramProgressHeader';\nimport ProgramProgressInfo from './ProgramProgressInfo';\nimport { ProgramProgressTabs } from './ProgramProgressTabs';\n\nconst ProgramProgress: FC = () => {\n  // Fetch UUID from route params\n  const { uuid } = useParams() as { uuid: string };\n\n  const { data, isLoading, error } = useProgramProgressData(uuid);\n  const programProgressData = camelCaseObject(data);\n\n  if (!uuid) {\n    return <div>Invalid URL</div>;\n  }\n\n  if (isLoading) {\n    return <div>Loading...</div>;\n  }\n\n  if (error) {\n    return <div>Error occurred</div>;\n  }\n\n  const programData = programProgressData?.programData;\n  const courseData = programProgressData?.courseData;\n\n  const totalCoursesInProgram = (courseData.notStarted?.length || 0)\n    + (courseData.completed?.length || 0)\n    + (courseData.inProgress?.length || 0);\n\n  const allCoursesCompleted = !courseData.notStarted?.length\n    && !courseData.inProgress?.length\n    && courseData.completed?.length;\n\n  const programType = programData?.type ?? '';\n\n  return (\n    <>\n      <Helmet title={`${programData?.title}`} />\n      <Container fluid={false} size=\"xl\" className=\"p-4.5\">\n        <ProgramProgressHeader\n          programTitle={programData?.title ?? ''}\n          programType={programData?.type ?? ''}\n          authoringOrganizations={programData?.authoringOrganizations}\n        />\n        <Row>\n          <Col sm={12} md={8}>\n            <ProgramProgressInfo\n              allCoursesCompleted={allCoursesCompleted}\n              totalCoursesInProgram={totalCoursesInProgram}\n              programTitle={programData?.title ?? ''}\n            />\n          </Col>\n        </Row>\n\n        {/* TODO [TEMP]: Replace the below course count with actual count. For now, returning hardcoded data.\n          Action: Revisit when data is being made dynamic.\n        */}\n        <ProgramProgressTabs counts={{ inProgress: 1, remaining: 2, completed: 0 }} type={programType} />\n      </Container>\n    </>\n  );\n};\n\nexport default ProgramProgress;\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/UpgradeAllButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import './index.scss';
-declare const UpgradeAllButton: React.FC;
+declare const UpgradeAllButton: FC;
 export default UpgradeAllButton;

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/UpgradeAllButton.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
+import { useParams } from 'react-router-dom';
 import { Button } from '@openedx/paragon';
-import { FormattedNumber, useIntl } from '@openedx/frontend-base';
-import messages from './messages';
+import { FormattedNumber, useIntl, camelCaseObject } from '@openedx/frontend-base';
+import { useProgramProgressData } from '../../../../data/hooks/queryHooks';
 import './index.scss';
-import { ProgramProgressContext } from '../ProgramProgressProvider';
+import messages from './messages';
 const UpgradeAllButton = () => {
+    const { uuid } = useParams();
+    const { data } = useProgramProgressData(uuid);
+    const programProgressData = camelCaseObject(data);
     const { formatMessage } = useIntl();
-    const { programProgressData } = useContext(ProgramProgressContext);
     const { urls } = programProgressData;
     const getAllRemainingCoursesPrice = () => {
         if (!programProgressData.programData) {

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/UpgradeAllButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpgradeAllButton.js","sourceRoot":"","sources":["../../../../../src/containers/ProgramDashboard/ProgramProgress/UpgradeButton/UpgradeAllButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,sBAAsB,EAAmC,MAAM,4BAA4B,CAAC;AAErG,MAAM,gBAAgB,GAAa,GAAG,EAAE;IACtC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,mBAAmB,EAAE,GAAG,UAAU,CAAkC,sBAAsB,CAAC,CAAC;IACpG,MAAM,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC;IAErC,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC;YACrC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,EAAE,YAAY,EAAE,GAAG,mBAAmB,CAAC,WAAW,CAAC;QAEzD,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,YAAY,GACb,GAAG,YAAY,CAAC;YAEjB,IAAI,YAAY,EAAE,CAAC;gBACjB,OAAO,CACL,8BACE,eAAM,SAAS,EAAC,YAAY,YAC1B,KAAC,eAAe,IACd,KAAK,EAAE,yBAAyB,EAChC,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,GACxB,GACG,EACP,yBACE,KAAC,eAAe,IACd,KAAK,EAAE,YAAY,EACnB,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,GACxB,GACG,IACN,CACJ,CAAC;YACJ,CAAC;YACD,OAAO,CACL,yBACE,KAAC,eAAe,IACd,KAAK,EAAE,YAAY,EACnB,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,GACxB,GACG,CACR,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IACL,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,YAAY,iBACnB,oBAAoB,EAChC,OAAO,EAAC,OAAO,aAEf,yBACG,aAAa,CAAC,QAAQ,CAAC,oCAAoC,CAAC,GACxD,EACN,2BAA2B,EAAE,IAAI,CAChC,eAAM,SAAS,EAAC,6BAA6B,YAC1C,2BAA2B,EAAE,GACzB,CACR,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import React, { useContext } from 'react';\nimport { Button } from '@openedx/paragon';\nimport { FormattedNumber, useIntl } from '@openedx/frontend-base';\nimport messages from './messages';\nimport './index.scss';\nimport { ProgramProgressContext, ProgramProgressContextValueType } from '../ProgramProgressProvider';\n\nconst UpgradeAllButton: React.FC = () => {\n  const { formatMessage } = useIntl();\n  const { programProgressData } = useContext<ProgramProgressContextValueType>(ProgramProgressContext);\n  const { urls } = programProgressData;\n\n  const getAllRemainingCoursesPrice = () => {\n    if (!programProgressData.programData) {\n      return null;\n    }\n    const { discountData } = programProgressData.programData;\n\n    if (discountData) {\n      const {\n        currency,\n        isDiscounted,\n        totalInclTaxExclDiscounts,\n        totalInclTax,\n      } = discountData;\n\n      if (isDiscounted) {\n        return (\n          <>\n            <span className=\"list-price\">\n              <FormattedNumber\n                value={totalInclTaxExclDiscounts}\n                style=\"currency\"\n                currency={currency}\n                maximumFractionDigits={2}\n                minimumFractionDigits={2}\n              />\n            </span>\n            <span>\n              <FormattedNumber\n                value={totalInclTax}\n                style=\"currency\"\n                currency={currency}\n                maximumFractionDigits={2}\n                minimumFractionDigits={2}\n              />\n            </span>\n          </>\n        );\n      }\n      return (\n        <span>\n          <FormattedNumber\n            value={totalInclTax}\n            style=\"currency\"\n            currency={currency}\n            maximumFractionDigits={2}\n            minimumFractionDigits={2}\n          />\n        </span>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Button\n      as=\"a\"\n      className=\"upgrade-all-button\"\n      href={urls && urls.buyButtonUrl}\n      data-testid=\"upgrade-all-button\"\n      variant=\"brand\"\n    >\n      <span>\n        {formatMessage(messages.upgradeAllRemainingCoursesButtonText)}\n      </span>\n      {getAllRemainingCoursesPrice() && (\n        <span className=\"all-remaining-courses-price\">\n          {getAllRemainingCoursesPrice()}\n        </span>\n      )}\n    </Button>\n  );\n};\n\nexport default UpgradeAllButton;\n"]}
+{"version":3,"file":"UpgradeAllButton.js","sourceRoot":"","sources":["../../../../../src/containers/ProgramDashboard/ProgramProgress/UpgradeButton/UpgradeAllButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,cAAc,CAAC;AACtB,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,gBAAgB,GAAO,GAAG,EAAE;IAChC,MAAM,EAAE,IAAI,EAAE,GAAG,SAAS,EAAsB,CAAC;IAEjD,MAAM,EAAE,IAAI,EAAE,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,mBAAmB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC;IAErC,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC;YACrC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,EAAE,YAAY,EAAE,GAAG,mBAAmB,CAAC,WAAW,CAAC;QAEzD,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,YAAY,GACb,GAAG,YAAY,CAAC;YAEjB,IAAI,YAAY,EAAE,CAAC;gBACjB,OAAO,CACL,8BACE,eAAM,SAAS,EAAC,YAAY,YAC1B,KAAC,eAAe,IACd,KAAK,EAAE,yBAAyB,EAChC,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,GACxB,GACG,EACP,yBACE,KAAC,eAAe,IACd,KAAK,EAAE,YAAY,EACnB,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,GACxB,GACG,IACN,CACJ,CAAC;YACJ,CAAC;YACD,OAAO,CACL,yBACE,KAAC,eAAe,IACd,KAAK,EAAE,YAAY,EACnB,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,GACxB,GACG,CACR,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IACL,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,YAAY,iBACnB,oBAAoB,EAChC,OAAO,EAAC,OAAO,aAEf,yBACG,aAAa,CAAC,QAAQ,CAAC,oCAAoC,CAAC,GACxD,EACN,2BAA2B,EAAE,IAAI,CAChC,eAAM,SAAS,EAAC,6BAA6B,YAC1C,2BAA2B,EAAE,GACzB,CACR,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { FC } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Button } from '@openedx/paragon';\nimport { FormattedNumber, useIntl, camelCaseObject } from '@openedx/frontend-base';\n\nimport { useProgramProgressData } from '@src/data/hooks/queryHooks';\nimport './index.scss';\nimport messages from './messages';\n\nconst UpgradeAllButton: FC = () => {\n  const { uuid } = useParams() as { uuid: string };\n\n  const { data } = useProgramProgressData(uuid);\n  const programProgressData = camelCaseObject(data);\n\n  const { formatMessage } = useIntl();\n  const { urls } = programProgressData;\n\n  const getAllRemainingCoursesPrice = () => {\n    if (!programProgressData.programData) {\n      return null;\n    }\n    const { discountData } = programProgressData.programData;\n\n    if (discountData) {\n      const {\n        currency,\n        isDiscounted,\n        totalInclTaxExclDiscounts,\n        totalInclTax,\n      } = discountData;\n\n      if (isDiscounted) {\n        return (\n          <>\n            <span className=\"list-price\">\n              <FormattedNumber\n                value={totalInclTaxExclDiscounts}\n                style=\"currency\"\n                currency={currency}\n                maximumFractionDigits={2}\n                minimumFractionDigits={2}\n              />\n            </span>\n            <span>\n              <FormattedNumber\n                value={totalInclTax}\n                style=\"currency\"\n                currency={currency}\n                maximumFractionDigits={2}\n                minimumFractionDigits={2}\n              />\n            </span>\n          </>\n        );\n      }\n      return (\n        <span>\n          <FormattedNumber\n            value={totalInclTax}\n            style=\"currency\"\n            currency={currency}\n            maximumFractionDigits={2}\n            minimumFractionDigits={2}\n          />\n        </span>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Button\n      as=\"a\"\n      className=\"upgrade-all-button\"\n      href={urls && urls.buyButtonUrl}\n      data-testid=\"upgrade-all-button\"\n      variant=\"brand\"\n    >\n      <span>\n        {formatMessage(messages.upgradeAllRemainingCoursesButtonText)}\n      </span>\n      {getAllRemainingCoursesPrice() && (\n        <span className=\"all-remaining-courses-price\">\n          {getAllRemainingCoursesPrice()}\n        </span>\n      )}\n    </Button>\n  );\n};\n\nexport default UpgradeAllButton;\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/index.d.ts

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

package/dist/containers/ProgramDashboard/ProgramProgress/index.js

@@ -1,6 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ProgramProgressContextProvider } from './ProgramProgressProvider';
 import ProgramProgress from './ProgramProgress';
-const ProgramProgressWithProvider = () => (_jsx(ProgramProgressContextProvider, { children: _jsx(ProgramProgress, {}) }));
-export default ProgramProgressWithProvider;
+export default ProgramProgress;
 //# sourceMappingURL=index.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,2BAA2B,GAAG,GAAG,EAAE,CAAC,CACxC,KAAC,8BAA8B,cAC7B,KAAC,eAAe,KAAG,GACY,CAClC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["import React from 'react';\nimport { ProgramProgressContextProvider } from './ProgramProgressProvider';\nimport ProgramProgress from './ProgramProgress';\n\nconst ProgramProgressWithProvider = () => (\n  <ProgramProgressContextProvider>\n    <ProgramProgress />\n  </ProgramProgressContextProvider>\n);\n\nexport default ProgramProgressWithProvider;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,eAAe,eAAe,CAAC","sourcesContent":["import ProgramProgress from './ProgramProgress';\n\nexport default ProgramProgress;\n"]}

package/dist/data/hooks/index.d.ts

@@ -1,3 +1,3 @@
-import { useInitializeLearnerHome, useProgramsListData } from './queryHooks';
+import { useInitializeLearnerHome, useProgramsListData, useProgramProgressData } from './queryHooks';
 import { useUnenrollFromCourse, useUpdateEntitlementEnrollment, useDeleteEntitlementEnrollment, useUpdateEmailSettings, useCreateCreditRequest, useSendConfirmEmail } from './mutationHooks';
-export { useInitializeLearnerHome, useUnenrollFromCourse, useUpdateEntitlementEnrollment, useDeleteEntitlementEnrollment, useUpdateEmailSettings, useCreateCreditRequest, useSendConfirmEmail, useProgramsListData, };
+export { useInitializeLearnerHome, useUnenrollFromCourse, useUpdateEntitlementEnrollment, useDeleteEntitlementEnrollment, useUpdateEmailSettings, useCreateCreditRequest, useSendConfirmEmail, useProgramsListData, useProgramProgressData, };

package/dist/data/hooks/index.js

@@ -1,4 +1,4 @@
-import { useInitializeLearnerHome, useProgramsListData } from './queryHooks';
+import { useInitializeLearnerHome, useProgramsListData, useProgramProgressData } from './queryHooks';
 import { useUnenrollFromCourse, useUpdateEntitlementEnrollment, useDeleteEntitlementEnrollment, useUpdateEmailSettings, useCreateCreditRequest, useSendConfirmEmail, } from './mutationHooks';
-export { useInitializeLearnerHome, useUnenrollFromCourse, useUpdateEntitlementEnrollment, useDeleteEntitlementEnrollment, useUpdateEmailSettings, useCreateCreditRequest, useSendConfirmEmail, useProgramsListData, };
+export { useInitializeLearnerHome, useUnenrollFromCourse, useUpdateEntitlementEnrollment, useDeleteEntitlementEnrollment, useUpdateEmailSettings, useCreateCreditRequest, useSendConfirmEmail, useProgramsListData, useProgramProgressData, };
 //# sourceMappingURL=index.js.map

package/dist/data/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EACL,qBAAqB,EACrB,8BAA8B,EAC9B,8BAA8B,EAC9B,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EACrB,8BAA8B,EAC9B,8BAA8B,EAC9B,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,GACpB,CAAC","sourcesContent":["import { useInitializeLearnerHome, useProgramsListData } from './queryHooks';\nimport {\n  useUnenrollFromCourse,\n  useUpdateEntitlementEnrollment,\n  useDeleteEntitlementEnrollment,\n  useUpdateEmailSettings,\n  useCreateCreditRequest,\n  useSendConfirmEmail,\n} from './mutationHooks';\n\nexport {\n  useInitializeLearnerHome,\n  useUnenrollFromCourse,\n  useUpdateEntitlementEnrollment,\n  useDeleteEntitlementEnrollment,\n  useUpdateEmailSettings,\n  useCreateCreditRequest,\n  useSendConfirmEmail,\n  useProgramsListData,\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACrG,OAAO,EACL,qBAAqB,EACrB,8BAA8B,EAC9B,8BAA8B,EAC9B,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EACrB,8BAA8B,EAC9B,8BAA8B,EAC9B,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,GACvB,CAAC","sourcesContent":["import { useInitializeLearnerHome, useProgramsListData, useProgramProgressData } from './queryHooks';\nimport {\n  useUnenrollFromCourse,\n  useUpdateEntitlementEnrollment,\n  useDeleteEntitlementEnrollment,\n  useUpdateEmailSettings,\n  useCreateCreditRequest,\n  useSendConfirmEmail,\n} from './mutationHooks';\n\nexport {\n  useInitializeLearnerHome,\n  useUnenrollFromCourse,\n  useUpdateEntitlementEnrollment,\n  useDeleteEntitlementEnrollment,\n  useUpdateEmailSettings,\n  useCreateCreditRequest,\n  useSendConfirmEmail,\n  useProgramsListData,\n  useProgramProgressData,\n};\n"]}

package/dist/data/hooks/queryHooks.d.ts

@@ -1,4 +1,4 @@
-import { ProgramData } from '@src/containers/ProgramDashboard/data/types';
+import { ProgramData, ProgramProgressData } from '@src/containers/ProgramDashboard/data/types';
 declare const useInitializeLearnerHome: () => {
     data: any;
     error: any;
@@ -163,4 +163,5 @@ declare const useInitializeLearnerHome: () => {
     promise: Promise<any>;
 };
 declare const useProgramsListData: () => import("@tanstack/react-query").UseQueryResult<ProgramData[], Error>;
-export { useInitializeLearnerHome, useProgramsListData, };
+declare const useProgramProgressData: (uuid: string) => import("@tanstack/react-query").UseQueryResult<ProgramProgressData, Error>;
+export { useInitializeLearnerHome, useProgramProgressData, useProgramsListData, };

package/dist/data/hooks/queryHooks.js

@@ -14,6 +14,7 @@ import GlobalDataContext from '../../data/contexts/GlobalDataContext';
 import { initializeList, fetchProgramsListData, } from '../../data/services/lms/api';
 import { getTransformedCourseDataObject } from '../../utils/dataTransformers';
 import { learnerDashboardQueryKeys } from './queryKeys';
+import { getProgramProgressData } from '../../data/services/subs';
 const useInitializeLearnerHome = () => {
     const { masqueradeUser } = useMasquerade();
     const queryClient = useQueryClient();
@@ -61,5 +62,14 @@ const useProgramsListData = () => {
         refetchOnWindowFocus: false,
     });
 };
-export { useInitializeLearnerHome, useProgramsListData, };
+const useProgramProgressData = (uuid) => {
+    return useQuery({
+        queryKey: ['programProgress', uuid],
+        queryFn: () => getProgramProgressData(uuid),
+        enabled: !!uuid,
+        staleTime: 1000 * 60 * 5, // 5 min caching
+        retry: 2,
+    });
+};
+export { useInitializeLearnerHome, useProgramProgressData, useProgramsListData, };
 //# sourceMappingURL=queryHooks.js.map

package/dist/data/hooks/queryHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"queryHooks.js","sourceRoot":"","sources":["../../../src/data/hooks/queryHooks.ts"],"names":[],"mappings":"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","sourcesContent":["import { useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useContext, useEffect } from 'react';\nimport { useMasquerade } from '@src/data/context';\nimport GlobalDataContext from '@src/data/contexts/GlobalDataContext';\nimport {\n  initializeList,\n  fetchProgramsListData,\n} from '@src/data/services/lms/api';\nimport { ProgramData } from '@src/containers/ProgramDashboard/data/types';\nimport { getTransformedCourseDataObject } from '@src/utils/dataTransformers';\nimport { learnerDashboardQueryKeys } from './queryKeys';\n\nconst useInitializeLearnerHome = () => {\n  const { masqueradeUser } = useMasquerade();\n  const queryClient = useQueryClient();\n  const { setEmailConfirmation, setPlatformSettings } = useContext(GlobalDataContext);\n\n  const query = useQuery({\n    queryKey: learnerDashboardQueryKeys.initialize(masqueradeUser),\n    queryFn: async () => {\n      const data = await initializeList(masqueradeUser);\n      return {\n        ...data,\n        coursesByCardId: getTransformedCourseDataObject(data?.courses || []),\n      };\n    },\n    staleTime: 5 * 60 * 1000, // 5 minutes — dashboard data rarely changes while viewing\n    retry: (failureCount, error: any) => {\n      // Don't retry client errors (4xx) — they won't resolve on retry\n      if (error?.response?.status >= 400 && error?.response?.status < 500) return false;\n      return failureCount < 3;\n    },\n    retryOnMount: !masqueradeUser,\n    refetchOnMount: !masqueradeUser,\n  });\n\n  // Populate shell-level GlobalDataProvider so header widgets can access this data\n  useEffect(() => {\n    if (query.data && !masqueradeUser) {\n      if (query.data.emailConfirmation && setEmailConfirmation) {\n        setEmailConfirmation(query.data.emailConfirmation);\n      }\n      if (query.data.platformSettings && setPlatformSettings) {\n        setPlatformSettings(query.data.platformSettings);\n      }\n    }\n  }, [masqueradeUser, query.data, setEmailConfirmation, setPlatformSettings]);\n\n  // When masquerading fails, fall back to the normal user's cached data\n  let { data } = query;\n  if (masqueradeUser && query.isError) {\n    data = queryClient.getQueryData(learnerDashboardQueryKeys.initialize(undefined));\n  }\n\n  return { ...query, data };\n};\n\nconst useProgramsListData = () => {\n  return useQuery<ProgramData[]>({\n    queryKey: ['programsList'],\n    queryFn: fetchProgramsListData,\n    retry: false,\n    refetchOnWindowFocus: false,\n  });\n};\n\nexport {\n  useInitializeLearnerHome,\n  useProgramsListData,\n};\n"]}
+{"version":3,"file":"queryHooks.js","sourceRoot":"","sources":["../../../src/data/hooks/queryHooks.ts"],"names":[],"mappings":"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","sourcesContent":["import { useQuery, useQueryClient } from '@tanstack/react-query';\nimport { useContext, useEffect } from 'react';\nimport { useMasquerade } from '@src/data/context';\nimport GlobalDataContext from '@src/data/contexts/GlobalDataContext';\nimport {\n  initializeList,\n  fetchProgramsListData,\n} from '@src/data/services/lms/api';\nimport { ProgramData, ProgramProgressData } from '@src/containers/ProgramDashboard/data/types';\nimport { getTransformedCourseDataObject } from '@src/utils/dataTransformers';\nimport { learnerDashboardQueryKeys } from './queryKeys';\nimport { getProgramProgressData } from '@src/data/services/subs';\n\nconst useInitializeLearnerHome = () => {\n  const { masqueradeUser } = useMasquerade();\n  const queryClient = useQueryClient();\n  const { setEmailConfirmation, setPlatformSettings } = useContext(GlobalDataContext);\n\n  const query = useQuery({\n    queryKey: learnerDashboardQueryKeys.initialize(masqueradeUser),\n    queryFn: async () => {\n      const data = await initializeList(masqueradeUser);\n      return {\n        ...data,\n        coursesByCardId: getTransformedCourseDataObject(data?.courses || []),\n      };\n    },\n    staleTime: 5 * 60 * 1000, // 5 minutes — dashboard data rarely changes while viewing\n    retry: (failureCount, error: any) => {\n      // Don't retry client errors (4xx) — they won't resolve on retry\n      if (error?.response?.status >= 400 && error?.response?.status < 500) return false;\n      return failureCount < 3;\n    },\n    retryOnMount: !masqueradeUser,\n    refetchOnMount: !masqueradeUser,\n  });\n\n  // Populate shell-level GlobalDataProvider so header widgets can access this data\n  useEffect(() => {\n    if (query.data && !masqueradeUser) {\n      if (query.data.emailConfirmation && setEmailConfirmation) {\n        setEmailConfirmation(query.data.emailConfirmation);\n      }\n      if (query.data.platformSettings && setPlatformSettings) {\n        setPlatformSettings(query.data.platformSettings);\n      }\n    }\n  }, [masqueradeUser, query.data, setEmailConfirmation, setPlatformSettings]);\n\n  // When masquerading fails, fall back to the normal user's cached data\n  let { data } = query;\n  if (masqueradeUser && query.isError) {\n    data = queryClient.getQueryData(learnerDashboardQueryKeys.initialize(undefined));\n  }\n\n  return { ...query, data };\n};\n\nconst useProgramsListData = () => {\n  return useQuery<ProgramData[]>({\n    queryKey: ['programsList'],\n    queryFn: fetchProgramsListData,\n    retry: false,\n    refetchOnWindowFocus: false,\n  });\n};\n\nconst useProgramProgressData = (uuid: string) => {\n  return useQuery<ProgramProgressData>({\n    queryKey: ['programProgress', uuid],\n    queryFn: () => getProgramProgressData(uuid),\n    enabled: !!uuid,\n    staleTime: 1000 * 60 * 5, // 5 min caching\n    retry: 2,\n  });\n};\n\nexport {\n  useInitializeLearnerHome,\n  useProgramProgressData,\n  useProgramsListData,\n};\n"]}

package/dist/data/services/subs/api.d.ts

@@ -8,3 +8,4 @@ export declare const fetchRecommendedCourses: () => Promise<{
     tagText: string;
     footerLabel: string;
 }[]>;
+export declare const getProgramProgressData: (uuid: string) => Promise<any>;

package/dist/data/services/subs/api.js

@@ -7,6 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { getAuthenticatedHttpClient } from '@openedx/frontend-base';
+import { programProgressUrl } from './urls';
 export const fetchRecommendedCourses = () => __awaiter(void 0, void 0, void 0, function* () {
     /* TODO [TEMP]: Replace with actual API call to fetch recommended courses data. For now, returning hardcoded data to simulate the API response. Also, built the test case for the same.
         Reason: The API endpoint is not yet available and the data structure is still being finalized.
@@ -63,4 +65,14 @@ export const fetchRecommendedCourses = () => __awaiter(void 0, void 0, void 0, f
         throw error;
     }
 });
+export const getProgramProgressData = (uuid) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const { data } = yield getAuthenticatedHttpClient().get(programProgressUrl(uuid));
+        return data;
+    }
+    catch (error) {
+        console.error('Error fetching program progress data:', error);
+        throw error;
+    }
+});
 //# sourceMappingURL=api.js.map

package/dist/data/services/subs/api.js.map

@@ -1 +1 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/data/services/subs/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAS,EAAE;IAChD;;;QAGI;IAEJ,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9G,IAAI,CAAC;QACH,MAAM,SAAS,GAAG;YAChB;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,+BAA+B,EAAE,EAAE,CAAC;gBACzD,IAAI,EAAE,aAAa,CAAC,mLAAmL,EAAE,GAAG,CAAC;gBAC7M,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,+BAA+B,EAAE,EAAE,CAAC;gBACzD,IAAI,EAAE,aAAa,CAAC,2LAA2L,EAAE,GAAG,CAAC;gBACrN,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,iBAAiB,EAAE,EAAE,CAAC;gBAC3C,IAAI,EAAE,aAAa,CAAC,oLAAoL,EAAE,GAAG,CAAC;gBAC9M,GAAG,EAAE,wEAAwE;gBAC7E,SAAS,EAAE,gFAAgF;gBAC3F,SAAS,EAAE,IAAI,EAAE,OAAO;gBACxB,OAAO,EAAE,0BAA0B;gBACnC,WAAW,EAAE,WAAW;aACzB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;gBACxC,IAAI,EAAE,aAAa,CAAC,2KAA2K,EAAE,GAAG,CAAC;gBACrM,GAAG,EAAE,qEAAqE;gBAC1E,SAAS,EAAE,6EAA6E;gBACxF,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;SACF,CAAC;QAEF,OAAO,SAAS,CAAC;IACnB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;QACnD,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC,CAAA,CAAC","sourcesContent":["export const fetchRecommendedCourses = async () => {\n  /* TODO [TEMP]: Replace with actual API call to fetch recommended courses data. For now, returning hardcoded data to simulate the API response. Also, built the test case for the same.\n      Reason: The API endpoint is not yet available and the data structure is still being finalized.\n      Action: Revisit after endpoint is made available.\n    */\n\n  const optimizedData = (data: string, size: number) => data.length > size ? `${data.slice(0, size)}...` : data;\n\n  try {\n    const finalData = [\n      {\n        id: 1,\n        title: optimizedData('Essence Mascara Lash Princess', 30),\n        body: optimizedData('The Essence Mascara Lash Princess is a popular mascara known for its volumizing and lengthening effects. Achieve dramatic lashes with this long-lasting and cruelty-free formula.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 2,\n        title: optimizedData('Eyeshadow Palette with Mirror', 30),\n        body: optimizedData(\"The Eyeshadow Palette with Mirror offers a versatile range of eyeshadow shades for creating stunning eye looks. With a built-in mirror, it's convenient for on-the-go makeup application.\", 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 3,\n        title: optimizedData('Powder Canister', 30),\n        body: optimizedData('The Powder Canister is a finely milled setting powder designed to set makeup and control shine. With a lightweight and translucent formula, it provides a smooth and matte finish.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/thumbnail.webp',\n        isProgram: true, // TODO\n        tagText: 'Professional Certificate',\n        footerLabel: '2 Courses'\n      },\n      {\n        id: 4,\n        title: optimizedData('Red Lipstick', 30),\n        body: optimizedData('The Red Lipstick is a classic and bold choice for adding a pop of color to your lips. With a creamy and pigmented formula, it provides a vibrant and long-lasting finish.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      }\n    ];\n\n    return finalData;\n  } catch (error) {\n    console.error('Error fetching cards data:', error);\n    throw error;\n  }\n};\n"]}
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/data/services/subs/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAS,EAAE;IAChD;;;QAGI;IAEJ,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9G,IAAI,CAAC;QACH,MAAM,SAAS,GAAG;YAChB;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,+BAA+B,EAAE,EAAE,CAAC;gBACzD,IAAI,EAAE,aAAa,CAAC,mLAAmL,EAAE,GAAG,CAAC;gBAC7M,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,+BAA+B,EAAE,EAAE,CAAC;gBACzD,IAAI,EAAE,aAAa,CAAC,2LAA2L,EAAE,GAAG,CAAC;gBACrN,GAAG,EAAE,sFAAsF;gBAC3F,SAAS,EAAE,8FAA8F;gBACzG,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,iBAAiB,EAAE,EAAE,CAAC;gBAC3C,IAAI,EAAE,aAAa,CAAC,oLAAoL,EAAE,GAAG,CAAC;gBAC9M,GAAG,EAAE,wEAAwE;gBAC7E,SAAS,EAAE,gFAAgF;gBAC3F,SAAS,EAAE,IAAI,EAAE,OAAO;gBACxB,OAAO,EAAE,0BAA0B;gBACnC,WAAW,EAAE,WAAW;aACzB;YACD;gBACE,EAAE,EAAE,CAAC;gBACL,KAAK,EAAE,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;gBACxC,IAAI,EAAE,aAAa,CAAC,2KAA2K,EAAE,GAAG,CAAC;gBACrM,GAAG,EAAE,qEAAqE;gBAC1E,SAAS,EAAE,6EAA6E;gBACxF,SAAS,EAAE,KAAK;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,QAAQ;aACtB;SACF,CAAC;QAEF,OAAO,SAAS,CAAC;IACnB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;QACnD,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC,CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAO,IAAY,EAAE,EAAE;IAC3D,IAAI,CAAC;QACH,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,0BAA0B,EAAE,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;QAClF,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,uCAAuC,EAAE,KAAK,CAAC,CAAC;QAC9D,MAAM,KAAK,CAAC;IACd,CAAC;AACH,CAAC,CAAA,CAAC","sourcesContent":["import { getAuthenticatedHttpClient } from '@openedx/frontend-base';\nimport { programProgressUrl } from './urls';\n\nexport const fetchRecommendedCourses = async () => {\n  /* TODO [TEMP]: Replace with actual API call to fetch recommended courses data. For now, returning hardcoded data to simulate the API response. Also, built the test case for the same.\n      Reason: The API endpoint is not yet available and the data structure is still being finalized.\n      Action: Revisit after endpoint is made available.\n    */\n\n  const optimizedData = (data: string, size: number) => data.length > size ? `${data.slice(0, size)}...` : data;\n\n  try {\n    const finalData = [\n      {\n        id: 1,\n        title: optimizedData('Essence Mascara Lash Princess', 30),\n        body: optimizedData('The Essence Mascara Lash Princess is a popular mascara known for its volumizing and lengthening effects. Achieve dramatic lashes with this long-lasting and cruelty-free formula.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/essence-mascara-lash-princess/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 2,\n        title: optimizedData('Eyeshadow Palette with Mirror', 30),\n        body: optimizedData(\"The Eyeshadow Palette with Mirror offers a versatile range of eyeshadow shades for creating stunning eye looks. With a built-in mirror, it's convenient for on-the-go makeup application.\", 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/eyeshadow-palette-with-mirror/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      },\n      {\n        id: 3,\n        title: optimizedData('Powder Canister', 30),\n        body: optimizedData('The Powder Canister is a finely milled setting powder designed to set makeup and control shine. With a lightweight and translucent formula, it provides a smooth and matte finish.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/powder-canister/thumbnail.webp',\n        isProgram: true, // TODO\n        tagText: 'Professional Certificate',\n        footerLabel: '2 Courses'\n      },\n      {\n        id: 4,\n        title: optimizedData('Red Lipstick', 30),\n        body: optimizedData('The Red Lipstick is a classic and bold choice for adding a pop of color to your lips. With a creamy and pigmented formula, it provides a vibrant and long-lasting finish.', 100),\n        url: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/1.webp',\n        thumbnail: 'https://cdn.dummyjson.com/product-images/beauty/red-lipstick/thumbnail.webp',\n        isProgram: false,\n        tagText: '',\n        footerLabel: 'Course'\n      }\n    ];\n\n    return finalData;\n  } catch (error) {\n    console.error('Error fetching cards data:', error);\n    throw error;\n  }\n};\n\nexport const getProgramProgressData = async (uuid: string) => {\n  try {\n    const { data } = await getAuthenticatedHttpClient().get(programProgressUrl(uuid));\n    return data;\n  } catch (error) {\n    console.error('Error fetching program progress data:', error);\n    throw error;\n  }\n};\n"]}

package/dist/data/services/subs/index.d.ts

@@ -1 +1 @@
-export { fetchRecommendedCourses } from './api';
+export { fetchRecommendedCourses, getProgramProgressData } from './api';

package/dist/data/services/subs/index.js

@@ -1,2 +1,2 @@
-export { fetchRecommendedCourses } from './api';
+export { fetchRecommendedCourses, getProgramProgressData } from './api';
 //# sourceMappingURL=index.js.map

package/dist/data/services/subs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data/services/subs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,OAAO,CAAC","sourcesContent":["export { fetchRecommendedCourses } from './api';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/data/services/subs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC","sourcesContent":["export { fetchRecommendedCourses, getProgramProgressData } from './api';\n"]}

package/dist/data/services/subs/urls.d.ts

@@ -0,0 +1,2 @@
+export declare const getApiUrl: () => string;
+export declare const programProgressUrl: (uuid: string) => string;

package/dist/data/services/subs/urls.js

@@ -0,0 +1,4 @@
+import { getSiteConfig } from '@openedx/frontend-base';
+export const getApiUrl = () => (`${getSiteConfig().lmsBaseUrl}/api`);
+export const programProgressUrl = (uuid) => `${getApiUrl()}/dashboard/v0/programs/${encodeURIComponent(uuid)}/progress_details/`;
+//# sourceMappingURL=urls.js.map

package/dist/data/services/subs/urls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urls.js","sourceRoot":"","sources":["../../../../src/data/services/subs/urls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,aAAa,EAAE,CAAC,UAAU,MAAM,CAAC,CAAC;AAErE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,GAAG,SAAS,EAAE,0BAA0B,kBAAkB,CAAC,IAAI,CAAC,oBAAoB,CAAC","sourcesContent":["import { getSiteConfig } from '@openedx/frontend-base';\n\nexport const getApiUrl = () => (`${getSiteConfig().lmsBaseUrl}/api`);\n\nexport const programProgressUrl = (uuid: string) => `${getApiUrl()}/dashboard/v0/programs/${encodeURIComponent(uuid)}/progress_details/`;\n"]}

package/dist/routes.d.ts

@@ -1,5 +1,5 @@
 export default routes;
-declare const routes: {
+declare const routes: ({
     id: string;
     path: string;
     loader: typeof authenticatedLoader;
@@ -9,5 +9,15 @@ declare const routes: {
     lazy(): Promise<{
         Component: () => import("react/jsx-runtime").JSX.Element;
     }>;
-}[];
+} | {
+    id: string;
+    path: string;
+    loader: typeof authenticatedLoader;
+    handle: {
+        role: string;
+    };
+    lazy(): Promise<{
+        Component: import("react").FC;
+    }>;
+})[];
 import { authenticatedLoader } from '@openedx/frontend-base';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edx/frontend-app-subscription-learner-dashboard",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "",
   "repository": {
     "type": "git",

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressProvider.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ProgramProgressProviderProps, ProgramProgressContextValueType } from '../data/types';
-export type { ProgramProgressProviderProps, ProgramProgressContextValueType };
-export declare const ProgramProgressContext: React.Context<ProgramProgressContextValueType>;
-export declare const ProgramProgressContextProvider: React.FC<ProgramProgressProviderProps>;
-declare const _default: {
-    ProgramProgressContextProvider: React.FC<ProgramProgressProviderProps>;
-    ProgramProgressContext: React.Context<ProgramProgressContextValueType>;
-};
-export default _default;

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressProvider.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useMemo, useState, } from 'react';
-const defaultContextValue = {
-    programProgressData: {
-        urls: {
-            programListingUrl: undefined,
-            trackSelectionUrl: undefined,
-            commerceApiUrl: undefined,
-            buyButtonUrl: undefined,
-            programRecordUrl: undefined,
-        },
-        programData: null,
-        courseData: null,
-    },
-    setProgramProgressData: () => { },
-};
-export const ProgramProgressContext = createContext(defaultContextValue);
-export const ProgramProgressContextProvider = ({ children }) => {
-    const [programProgressData, setProgramProgressData] = useState(defaultContextValue.programProgressData);
-    const memoValue = useMemo(() => ({
-        programProgressData,
-        setProgramProgressData,
-    }), [programProgressData, setProgramProgressData]);
-    return (_jsx(ProgramProgressContext.Provider, { value: memoValue, children: children }));
-};
-export default {
-    ProgramProgressContextProvider,
-    ProgramProgressContext,
-};
-//# sourceMappingURL=ProgramProgressProvider.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/ProgramProgressProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgramProgressProvider.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/ProgramProgressProvider.tsx"],"names":[],"mappings":";AAAA,OAAc,EACZ,aAAa,EAAE,OAAO,EAAE,QAAQ,GACjC,MAAM,OAAO,CAAC;AAQf,MAAM,mBAAmB,GAAoC;IAC3D,mBAAmB,EAAE;QACnB,IAAI,EAAE;YACJ,iBAAiB,EAAE,SAAS;YAC5B,iBAAiB,EAAE,SAAS;YAC5B,cAAc,EAAE,SAAS;YACzB,YAAY,EAAE,SAAS;YACvB,gBAAgB,EAAE,SAAS;SAC5B;QACD,WAAW,EAAE,IAAI;QACjB,UAAU,EAAE,IAAI;KACjB;IACD,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;CACjC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAkC,mBAAmB,CAAC,CAAC;AAE1G,MAAM,CAAC,MAAM,8BAA8B,GAA2C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrG,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IAExG,MAAM,SAAS,GAAG,OAAO,CAAC,GAAoC,EAAE,CAAC,CAAC;QAChE,mBAAmB;QACnB,sBAAsB;KACvB,CAAC,EAAE,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAC9B,KAAK,EAAE,SAAS,YAEf,QAAQ,GACuB,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;IACb,8BAA8B;IAC9B,sBAAsB;CACvB,CAAC","sourcesContent":["import React, {\n  createContext, useMemo, useState,\n} from 'react';\nimport {\n  ProgramProgressProviderProps,\n  ProgramProgressContextValueType,\n} from '../data/types';\n\nexport type { ProgramProgressProviderProps, ProgramProgressContextValueType };\n\nconst defaultContextValue: ProgramProgressContextValueType = {\n  programProgressData: {\n    urls: {\n      programListingUrl: undefined,\n      trackSelectionUrl: undefined,\n      commerceApiUrl: undefined,\n      buyButtonUrl: undefined,\n      programRecordUrl: undefined,\n    },\n    programData: null,\n    courseData: null,\n  },\n  setProgramProgressData: () => {},\n};\n\nexport const ProgramProgressContext = createContext<ProgramProgressContextValueType>(defaultContextValue);\n\nexport const ProgramProgressContextProvider: React.FC<ProgramProgressProviderProps> = ({ children }) => {\n  const [programProgressData, setProgramProgressData] = useState(defaultContextValue.programProgressData);\n\n  const memoValue = useMemo((): ProgramProgressContextValueType => ({\n    programProgressData,\n    setProgramProgressData,\n  }), [programProgressData, setProgramProgressData]);\n\n  return (\n    <ProgramProgressContext.Provider\n      value={memoValue}\n    >\n      {children}\n    </ProgramProgressContext.Provider>\n  );\n};\n\nexport default {\n  ProgramProgressContextProvider,\n  ProgramProgressContext,\n};\n"]}

package/dist/containers/ProgramDashboard/data/api.d.ts

@@ -1 +0,0 @@
-export declare function getProgramProgressData(uuid: string): Promise<any>;

package/dist/containers/ProgramDashboard/data/api.js

@@ -1,18 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';
-export function getProgramProgressData(uuid) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const baseUrl = getSiteConfig().lmsBaseUrl;
-        const url = `${baseUrl}/api/dashboard/v0/programs/${encodeURIComponent(uuid)}/progress_details/`;
-        return getAuthenticatedHttpClient().get(url);
-    });
-}
-//# sourceMappingURL=api.js.map

package/dist/containers/ProgramDashboard/data/api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEnF,MAAM,UAAgB,sBAAsB,CAAC,IAAY;;QACvD,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC,UAAU,CAAC;QAC3C,MAAM,GAAG,GAAG,GAAG,OAAO,8BAA8B,kBAAkB,CAAC,IAAI,CAAC,oBAAoB,CAAC;QACjG,OAAO,0BAA0B,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/C,CAAC;CAAA","sourcesContent":["import { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';\n\nexport async function getProgramProgressData(uuid: string) {\n  const baseUrl = getSiteConfig().lmsBaseUrl;\n  const url = `${baseUrl}/api/dashboard/v0/programs/${encodeURIComponent(uuid)}/progress_details/`;\n  return getAuthenticatedHttpClient().get(url);\n}\n"]}