@edx/frontend-app-subscription-learner-dashboard 1.0.0

package/dist/segment.js

@@ -0,0 +1,74 @@
+// The code in this file is from Segment's website:
+// https://segment.com/docs/sources/website/analytics.js/quickstart/
+import { configuration } from './config';
+(function () {
+    // Create a queue, but don't obliterate an existing one!
+    const analytics = window.analytics = window.analytics || [];
+    // If the real analytics.js is already on the page return.
+    if (analytics.initialize)
+        return;
+    // If the snippet was invoked already show an error.
+    if (analytics.invoked) {
+        if (window.console && console.error) {
+            console.error('Segment snippet included twice.');
+        }
+        return;
+    }
+    // Invoked flag, to make sure the snippet
+    // is never invoked twice.
+    analytics.invoked = true;
+    // A list of the methods in Analytics.js to stub.
+    analytics.methods = [
+        'trackSubmit',
+        'trackClick',
+        'trackLink',
+        'trackForm',
+        'pageview',
+        'identify',
+        'reset',
+        'group',
+        'track',
+        'ready',
+        'alias',
+        'debug',
+        'page',
+        'once',
+        'off',
+        'on',
+    ];
+    // Define a factory to create stubs. These are placeholders
+    // for methods in Analytics.js so that you never have to wait
+    // for it to load to actually record data. The `method` is
+    // stored as the first argument, so we can replay the data.
+    analytics.factory = function (method) {
+        return function () {
+            const args = Array.prototype.slice.call(arguments);
+            args.unshift(method);
+            analytics.push(args);
+            return analytics;
+        };
+    };
+    // For each of our methods, generate a queueing stub.
+    for (const key of analytics.methods) {
+        analytics[key] = analytics.factory(key);
+    }
+    // Define a method to load Analytics.js from our CDN,
+    // and that will be sure to only ever load it once.
+    analytics.load = function (key, options) {
+        // Create an async script element based on your key.
+        const script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.async = true;
+        script.src = `https://cdn.segment.com/analytics.js/v1/${key}/analytics.min.js`;
+        // Insert our script next to the first script element.
+        const first = document.getElementsByTagName('script')[0];
+        first.parentNode.insertBefore(script, first);
+        analytics._loadOptions = options;
+    };
+    // Add a version to keep track of what's in the wild.
+    analytics.SNIPPET_VERSION = '4.1.0';
+    // Load Analytics.js with your key, which will automatically
+    // load the tools you've enabled for your account. Boosh!
+    analytics.load(configuration.SEGMENT_KEY);
+}());
+//# sourceMappingURL=segment.js.map

package/dist/segment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segment.js","sourceRoot":"","sources":["../src/segment.js"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,oEAAoE;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,CAAC;IACC,wDAAwD;IACxD,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC;IAE5D,0DAA0D;IAC1D,IAAI,SAAS,CAAC,UAAU;QAAE,OAAO;IAEjC,oDAAoD;IACpD,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACtB,IAAI,MAAM,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,OAAO,CAAC,KAAK,CAAC,iCAAiC,CAAC,CAAC;QACnD,CAAC;QACD,OAAO;IACT,CAAC;IAED,yCAAyC;IACzC,0BAA0B;IAC1B,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;IAEzB,iDAAiD;IACjD,SAAS,CAAC,OAAO,GAAG;QAClB,aAAa;QACb,YAAY;QACZ,WAAW;QACX,WAAW;QACX,UAAU;QACV,UAAU;QACV,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,OAAO;QACP,MAAM;QACN,MAAM;QACN,KAAK;QACL,IAAI;KACL,CAAC;IAEF,2DAA2D;IAC3D,6DAA6D;IAC7D,0DAA0D;IAC1D,2DAA2D;IAC3D,SAAS,CAAC,OAAO,GAAG,UAAU,MAAM;QAClC,OAAO;YACL,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACnD,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACrB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,qDAAqD;IACrD,KAAK,MAAM,GAAG,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACpC,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IAED,qDAAqD;IACrD,mDAAmD;IACnD,SAAS,CAAC,IAAI,GAAG,UAAU,GAAG,EAAE,OAAO;QACrC,oDAAoD;QACpD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,IAAI,GAAG,iBAAiB,CAAC;QAChC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,MAAM,CAAC,GAAG,GAAG,2CACX,GAAG,mBAAmB,CAAC;QAEzB,sDAAsD;QACtD,MAAM,KAAK,GAAG,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;QACzD,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAC7C,SAAS,CAAC,YAAY,GAAG,OAAO,CAAC;IACnC,CAAC,CAAC;IAEF,qDAAqD;IACrD,SAAS,CAAC,eAAe,GAAG,OAAO,CAAC;IAEpC,4DAA4D;IAC5D,yDAAyD;IACzD,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;AAC5C,CAAC,EAAE,CAAC,CAAC","sourcesContent":["// The code in this file is from Segment's website:\n// https://segment.com/docs/sources/website/analytics.js/quickstart/\nimport { configuration } from './config';\n\n(function () {\n  // Create a queue, but don't obliterate an existing one!\n  const analytics = window.analytics = window.analytics || [];\n\n  // If the real analytics.js is already on the page return.\n  if (analytics.initialize) return;\n\n  // If the snippet was invoked already show an error.\n  if (analytics.invoked) {\n    if (window.console && console.error) {\n      console.error('Segment snippet included twice.');\n    }\n    return;\n  }\n\n  // Invoked flag, to make sure the snippet\n  // is never invoked twice.\n  analytics.invoked = true;\n\n  // A list of the methods in Analytics.js to stub.\n  analytics.methods = [\n    'trackSubmit',\n    'trackClick',\n    'trackLink',\n    'trackForm',\n    'pageview',\n    'identify',\n    'reset',\n    'group',\n    'track',\n    'ready',\n    'alias',\n    'debug',\n    'page',\n    'once',\n    'off',\n    'on',\n  ];\n\n  // Define a factory to create stubs. These are placeholders\n  // for methods in Analytics.js so that you never have to wait\n  // for it to load to actually record data. The `method` is\n  // stored as the first argument, so we can replay the data.\n  analytics.factory = function (method) {\n    return function () {\n      const args = Array.prototype.slice.call(arguments);\n      args.unshift(method);\n      analytics.push(args);\n      return analytics;\n    };\n  };\n\n  // For each of our methods, generate a queueing stub.\n  for (const key of analytics.methods) {\n    analytics[key] = analytics.factory(key);\n  }\n\n  // Define a method to load Analytics.js from our CDN,\n  // and that will be sure to only ever load it once.\n  analytics.load = function (key, options) {\n    // Create an async script element based on your key.\n    const script = document.createElement('script');\n    script.type = 'text/javascript';\n    script.async = true;\n    script.src = `https://cdn.segment.com/analytics.js/v1/${\n      key}/analytics.min.js`;\n\n    // Insert our script next to the first script element.\n    const first = document.getElementsByTagName('script')[0];\n    first.parentNode.insertBefore(script, first);\n    analytics._loadOptions = options;\n  };\n\n  // Add a version to keep track of what's in the wild.\n  analytics.SNIPPET_VERSION = '4.1.0';\n\n  // Load Analytics.js with your key, which will automatically\n  // load the tools you've enabled for your account. Boosh!\n  analytics.load(configuration.SEGMENT_KEY);\n}());\n"]}

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

@@ -0,0 +1,10 @@
+export default CourseBannerSlot;
+declare function CourseBannerSlot({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace CourseBannerSlot {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/slots/CourseBannerSlot/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Slot } from '@openedx/frontend-base';
+import CourseBanner from '../../containers/CourseCard/components/CourseCardBanners/CourseBanner';
+const CourseBannerSlot = ({ cardId }) => (_jsx(Slot, { id: "org.openedx.frontend.slot.learnerDashboard.courseCardBanner.v1", cardId: cardId, children: _jsx(CourseBanner, { cardId: cardId }) }));
+CourseBannerSlot.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CourseBannerSlot;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/CourseBannerSlot/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,uEAAuE,CAAC;AAEjG,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACvC,KAAC,IAAI,IACH,EAAE,EAAC,gEAAgE,EACnE,MAAM,EAAE,MAAM,YAEd,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,GAAI,GAC3B,CACR,CAAC;AAEF,gBAAgB,CAAC,SAAS,GAAG;IAC3B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { Slot } from '@openedx/frontend-base';\nimport CourseBanner from '../../containers/CourseCard/components/CourseCardBanners/CourseBanner';\n\nconst CourseBannerSlot = ({ cardId }) => (\n  <Slot\n    id=\"org.openedx.frontend.slot.learnerDashboard.courseCardBanner.v1\"\n    cardId={cardId}\n  >\n    <CourseBanner cardId={cardId} />\n  </Slot>\n);\n\nCourseBannerSlot.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseBannerSlot;\n"]}

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

@@ -0,0 +1,10 @@
+export default CourseCardActionSlot;
+declare function CourseCardActionSlot({ cardId }: {
+    cardId: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace CourseCardActionSlot {
+    namespace propTypes {
+        let cardId: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from 'prop-types';

package/dist/slots/CourseCardActionSlot/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { Slot } from '@openedx/frontend-base';
+const CourseCardActionSlot = ({ cardId }) => (_jsx(Slot, { id: "org.openedx.frontend.slot.learnerDashboard.courseCardAction.v1", cardId: cardId }));
+CourseCardActionSlot.propTypes = {
+    cardId: PropTypes.string.isRequired,
+};
+export default CourseCardActionSlot;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/CourseCardActionSlot/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,oBAAoB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC3C,KAAC,IAAI,IACH,EAAE,EAAC,gEAAgE,EACnE,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AAEF,oBAAoB,CAAC,SAAS,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACpC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { Slot } from '@openedx/frontend-base';\n\nconst CourseCardActionSlot = ({ cardId }) => (\n  <Slot\n    id=\"org.openedx.frontend.slot.learnerDashboard.courseCardAction.v1\"\n    cardId={cardId}\n  />\n);\n\nCourseCardActionSlot.propTypes = {\n  cardId: PropTypes.string.isRequired,\n};\n\nexport default CourseCardActionSlot;\n"]}

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

@@ -0,0 +1,10 @@
+export function CourseListSlot({ courseListData }: {
+    courseListData: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace CourseListSlot {
+    namespace propTypes {
+        export { courseListDataShape as courseListData };
+    }
+}
+export default CourseListSlot;
+import { courseListDataShape } from '../../containers/CoursesPanel/CourseList';

package/dist/slots/CourseListSlot/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@openedx/frontend-base';
+import { CourseList, courseListDataShape } from '../../containers/CoursesPanel/CourseList';
+export const CourseListSlot = ({ courseListData }) => (_jsx(Slot, { id: "org.openedx.frontend.slot.learnerDashboard.courseList.v1", courseListData: courseListData, children: _jsx(CourseList, { courseListData: courseListData }) }));
+CourseListSlot.propTypes = {
+    courseListData: courseListDataShape,
+};
+export default CourseListSlot;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/CourseListSlot/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE3F,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACpD,KAAC,IAAI,IACH,EAAE,EAAC,0DAA0D,EAC7D,cAAc,EAAE,cAAc,YAE9B,KAAC,UAAU,IAAC,cAAc,EAAE,cAAc,GAAI,GACzC,CACR,CAAC;AAEF,cAAc,CAAC,SAAS,GAAG;IACzB,cAAc,EAAE,mBAAmB;CACpC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { Slot } from '@openedx/frontend-base';\nimport { CourseList, courseListDataShape } from '../../containers/CoursesPanel/CourseList';\n\nexport const CourseListSlot = ({ courseListData }) => (\n  <Slot\n    id=\"org.openedx.frontend.slot.learnerDashboard.courseList.v1\"\n    courseListData={courseListData}\n  >\n    <CourseList courseListData={courseListData} />\n  </Slot>\n);\n\nCourseListSlot.propTypes = {\n  courseListData: courseListDataShape,\n};\n\nexport default CourseListSlot;\n"]}

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

@@ -0,0 +1,2 @@
+export default DashboardModalSlot;
+declare function DashboardModalSlot(): import("react/jsx-runtime").JSX.Element;

package/dist/slots/DashboardModalSlot/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@openedx/frontend-base';
+const DashboardModalSlot = () => (_jsx(Slot, { id: "org.openedx.frontend.slot.learnerDashboard.dashboardModal.v1" }));
+export default DashboardModalSlot;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/DashboardModalSlot/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAC/B,KAAC,IAAI,IAAC,EAAE,EAAC,8DAA8D,GAAG,CAC3E,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { Slot } from '@openedx/frontend-base';\n\nconst DashboardModalSlot = () => (\n  <Slot id=\"org.openedx.frontend.slot.learnerDashboard.dashboardModal.v1\" />\n);\n\nexport default DashboardModalSlot;\n"]}

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

@@ -0,0 +1,2 @@
+export function NoCoursesViewSlot(): import("react/jsx-runtime").JSX.Element;
+export default NoCoursesViewSlot;

package/dist/slots/NoCoursesViewSlot/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@openedx/frontend-base';
+import NoCoursesView from '../../containers/CoursesPanel/NoCoursesView';
+export const NoCoursesViewSlot = () => (_jsx(Slot, { id: "org.openedx.frontend.slot.learnerDashboard.noCoursesView.v1", children: _jsx(NoCoursesView, {}) }));
+export default NoCoursesViewSlot;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/NoCoursesViewSlot/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,aAAa,MAAM,6CAA6C,CAAC;AAExE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CACrC,KAAC,IAAI,IAAC,EAAE,EAAC,6DAA6D,YACpE,KAAC,aAAa,KAAG,GACZ,CACR,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { Slot } from '@openedx/frontend-base';\n\nimport NoCoursesView from '../../containers/CoursesPanel/NoCoursesView';\n\nexport const NoCoursesViewSlot = () => (\n  <Slot id=\"org.openedx.frontend.slot.learnerDashboard.noCoursesView.v1\">\n    <NoCoursesView />\n  </Slot>\n);\n\nexport default NoCoursesViewSlot;\n"]}

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

@@ -0,0 +1,2 @@
+export function WidgetSidebarSlot(): import("react/jsx-runtime").JSX.Element;
+export default WidgetSidebarSlot;

package/dist/slots/WidgetSidebarSlot/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@openedx/frontend-base';
+import LookingForChallengeWidget from '../../widgets/LookingForChallengeWidget';
+export const WidgetSidebarSlot = () => (_jsx(Slot, { id: "org.openedx.frontend.slot.learnerDashboard.widgetSidebar.v1", children: _jsx(LookingForChallengeWidget, {}) }));
+export default WidgetSidebarSlot;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slots/WidgetSidebarSlot/index.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,yBAAyB,MAAM,yCAAyC,CAAC;AAEhF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CACrC,KAAC,IAAI,IAAC,EAAE,EAAC,6DAA6D,YACpE,KAAC,yBAAyB,KAAG,GACxB,CACR,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { Slot } from '@openedx/frontend-base';\nimport LookingForChallengeWidget from '../../widgets/LookingForChallengeWidget';\n\nexport const WidgetSidebarSlot = () => (\n  <Slot id=\"org.openedx.frontend.slot.learnerDashboard.widgetSidebar.v1\">\n    <LookingForChallengeWidget />\n  </Slot>\n);\n\nexport default WidgetSidebarSlot;\n"]}

package/dist/slots.d.ts

@@ -0,0 +1,3 @@
+import { SlotOperation } from '@openedx/frontend-base';
+declare const slots: SlotOperation[];
+export default slots;

package/dist/slots.js

@@ -0,0 +1,6 @@
+import { learnerDashboardHeaderApp } from './widgets/LearnerDashboardHeader';
+const slots = [
+    ...learnerDashboardHeaderApp.slots
+];
+export default slots;
+//# sourceMappingURL=slots.js.map

package/dist/slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.js","sourceRoot":"","sources":["../src/slots.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAE7E,MAAM,KAAK,GAAoB;IAC7B,GAAI,yBAAyB,CAAC,KAAY;CAC3C,CAAC;AAEF,eAAe,KAAK,CAAC","sourcesContent":["import { SlotOperation } from '@openedx/frontend-base';\n\nimport { learnerDashboardHeaderApp } from './widgets/LearnerDashboardHeader';\n\nconst slots: SlotOperation[] = [\n  ...(learnerDashboardHeaderApp.slots as [])\n];\n\nexport default slots;\n"]}

package/dist/style.scss

@@ -0,0 +1,36 @@
+$fa-font-path: "~font-awesome/fonts";
+@import "~font-awesome/scss/font-awesome";
+
+$input-focus-box-shadow: var(--pgn-elevation-form-input-base); // hack to get upgrade to paragon 4.0.0 to work
+
+#learnerDashboardRoot {
+  main {
+    flex-grow: 1;
+  }
+
+  // Removing a odd 1.5 scaling on checkboxes.:
+  input[type=checkbox] {
+    transform: none;
+  }
+
+  .text-ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .alert.alert-info .alert-icon {
+    color: black;
+  }
+
+  #paragon-portal-root {
+    .pgn__modal-layer {
+      .pgn__modal-close-container {
+        right: 1rem !important;
+      }
+    }
+    .confirm-modal .pgn__modal-body {
+      overflow: hidden;
+    }
+  }
+}

package/dist/testUtils.d.ts

@@ -0,0 +1,86 @@
+export function formatMessage(msg: any, values: any): any;
+export function mockNestedComponent(name: string, contents: obj): func;
+export function mockNestedComponents(mapping: obj): obj;
+/**
+ * Mock utility for working with useState in a hooks module.
+ * Expects/requires an object containing the state object in order to ensure
+ * the mock behavior works appropriately.
+ *
+ * Expected format:
+ *   hooks = { state: { <key>: (val) => React.createRef(val), ... } }
+ *
+ * Returns a utility for mocking useState and providing access to specific state values
+ * and setState methods, as well as allowing per-test configuration of useState value returns.
+ *
+ * Example usage:
+ *   // hooks.js
+ *   import * as module from './hooks';
+ *   const state = {
+ *     isOpen: (val) => React.useState(val),
+ *     hasDoors: (val) => React.useState(val),
+ *     selected: (val) => React.useState(val),
+ *   };
+ *   ...
+ *   export const exampleHook = () => {
+ *     const [isOpen, setIsOpen] = module.state.isOpen(false);
+ *     if (!isOpen) { return null; }
+ *     return { isOpen, setIsOpen };
+ *   }
+ *   ...
+ *
+ *   // hooks.test.js
+ *   import * as hooks from './hooks';
+ *   const state = new MockUseState(hooks)
+ *   ...
+ *   describe('state hooks', () => {
+ *     state.testGetter(state.keys.isOpen);
+ *     state.testGetter(state.keys.hasDoors);
+ *     state.testGetter(state.keys.selected);
+ *   });
+ *   describe('exampleHook', () => {
+ *     beforeEach(() => { state.mock(); });
+ *     it('returns null if isOpen is default value', () => {
+ *       expect(hooks.exampleHook()).toEqual(null);
+ *     });
+ *     it('returns isOpen and setIsOpen if isOpen is not null', () => {
+ *       state.mockVal(state.keys.isOpen, true);
+ *       expect(hooks.exampleHook()).toEqual({
+ *         isOpen: true,
+ *         setIsOpen: state.setState[state.keys.isOpen],
+ *       });
+ *     });
+ *     afterEach(() => { state.restore(); });
+ *   });
+ *
+ * @param {obj} hooks - hooks module containing a 'state' object
+ */
+export class MockUseState {
+    constructor(hooks: any);
+    hooks: any;
+    oldState: any;
+    setState: {};
+    stateVals: {};
+    /**
+     * Replace the hook module's state object with a mocked version, initialized to default values.
+     */
+    mock(): void;
+    /**
+     * Restore the hook module's state object to the actual code.
+     */
+    restore(): void;
+    /**
+     * Mock the state getter associated with a single key to return a specific value one time.
+     * @param {string} key - state key (from this.keys)
+     * @param {any} val - new value to be returned by the useState call.
+     */
+    mockVal(key: string, val: any): void;
+    testGetter(key: any): void;
+    /**
+     * @return {object} - StrictDict of state object keys
+     */
+    get keys(): object;
+    expectInitializedWith(key: any, value: any): void;
+    expectSetStateCalledWith(key: any, value: any): void;
+    get values(): any;
+}
+export function mockLocation(href: any): void;

package/dist/testUtils.js

@@ -0,0 +1,183 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import react from 'react';
+import { StrictDict } from './utils';
+/**
+ * Mocked formatMessage provided by react-intl
+ */
+export const formatMessage = (msg, values) => {
+    let message = msg.defaultMessage;
+    if (values === undefined) {
+        return message;
+    }
+    // check if value is not a primitive type.
+    if (Object.values(values).filter(value => Object(value) === value).length) {
+        return _jsx("format-message-function", { message: msg, values });
+    }
+    Object.keys(values).forEach((key) => {
+        message = message.replaceAll(`{${key}}`, values[key]);
+    });
+    return message;
+};
+/**
+ * Mock a single component, or a nested component so that its children render nicely
+ * in snapshots.
+ * @param {string} name - parent component name
+ * @param {obj} contents - object of child components with intended component
+ *   render name.
+ * @return {func} - mock component with nested children.
+ *
+ * usage:
+ *   mockNestedComponent('Card', { Body: 'Card.Body', Form: { Control: { Feedback: 'Form.Control.Feedback' }}... });
+ *   mockNestedComponent('IconButton', 'IconButton');
+ */
+export const mockNestedComponent = (name, contents) => {
+    if (typeof contents === 'function') {
+        return contents();
+    }
+    if (typeof contents !== 'object') {
+        return contents;
+    }
+    const fn = () => name;
+    Object.defineProperty(fn, 'name', { value: name });
+    Object.keys(contents).forEach((nestedName) => {
+        const value = contents[nestedName];
+        fn[nestedName] = typeof value !== 'object'
+            ? value
+            : mockNestedComponent(`${name}.${nestedName}`, value);
+    });
+    return fn;
+};
+/**
+ * Mock a module of components.  nested components will be rendered nicely in snapshots.
+ * @param {obj} mapping - component module mock config.
+ * @return {obj} - module of flat and nested components that will render nicely in snapshots.
+ * usage:
+ *   mockNestedComponents({
+ *     Card: { Body: 'Card.Body' },
+ *     IconButton: 'IconButton',
+ *   })
+ */
+export const mockNestedComponents = (mapping) => Object.entries(mapping).reduce((obj, [name, value]) => (Object.assign(Object.assign({}, obj), { [name]: mockNestedComponent(name, value) })), {});
+/**
+ * Mock utility for working with useState in a hooks module.
+ * Expects/requires an object containing the state object in order to ensure
+ * the mock behavior works appropriately.
+ *
+ * Expected format:
+ *   hooks = { state: { <key>: (val) => React.createRef(val), ... } }
+ *
+ * Returns a utility for mocking useState and providing access to specific state values
+ * and setState methods, as well as allowing per-test configuration of useState value returns.
+ *
+ * Example usage:
+ *   // hooks.js
+ *   import * as module from './hooks';
+ *   const state = {
+ *     isOpen: (val) => React.useState(val),
+ *     hasDoors: (val) => React.useState(val),
+ *     selected: (val) => React.useState(val),
+ *   };
+ *   ...
+ *   export const exampleHook = () => {
+ *     const [isOpen, setIsOpen] = module.state.isOpen(false);
+ *     if (!isOpen) { return null; }
+ *     return { isOpen, setIsOpen };
+ *   }
+ *   ...
+ *
+ *   // hooks.test.js
+ *   import * as hooks from './hooks';
+ *   const state = new MockUseState(hooks)
+ *   ...
+ *   describe('state hooks', () => {
+ *     state.testGetter(state.keys.isOpen);
+ *     state.testGetter(state.keys.hasDoors);
+ *     state.testGetter(state.keys.selected);
+ *   });
+ *   describe('exampleHook', () => {
+ *     beforeEach(() => { state.mock(); });
+ *     it('returns null if isOpen is default value', () => {
+ *       expect(hooks.exampleHook()).toEqual(null);
+ *     });
+ *     it('returns isOpen and setIsOpen if isOpen is not null', () => {
+ *       state.mockVal(state.keys.isOpen, true);
+ *       expect(hooks.exampleHook()).toEqual({
+ *         isOpen: true,
+ *         setIsOpen: state.setState[state.keys.isOpen],
+ *       });
+ *     });
+ *     afterEach(() => { state.restore(); });
+ *   });
+ *
+ * @param {obj} hooks - hooks module containing a 'state' object
+ */
+export class MockUseState {
+    constructor(hooks) {
+        this.hooks = hooks;
+        this.oldState = null;
+        this.setState = {};
+        this.stateVals = {};
+        this.mock = this.mock.bind(this);
+        this.restore = this.restore.bind(this);
+        this.mockVal = this.mockVal.bind(this);
+        this.testGetter = this.testGetter.bind(this);
+    }
+    /**
+     * @return {object} - StrictDict of state object keys
+     */
+    get keys() {
+        return StrictDict(Object.keys(this.hooks.state).reduce((obj, key) => (Object.assign(Object.assign({}, obj), { [key]: key })), {}));
+    }
+    /**
+     * Replace the hook module's state object with a mocked version, initialized to default values.
+     */
+    mock() {
+        this.oldState = this.hooks.state;
+        Object.keys(this.keys).forEach(key => {
+            this.hooks.state[key] = jest.fn(val => {
+                this.stateVals[key] = val;
+                return [val, this.setState[key]];
+            });
+        });
+        this.setState = Object.keys(this.keys).reduce((obj, key) => (Object.assign(Object.assign({}, obj), { [key]: jest.fn(val => {
+                this.hooks.state[key] = val;
+            }) })), {});
+    }
+    expectInitializedWith(key, value) {
+        expect(this.hooks.state[key]).toHaveBeenCalledWith(value);
+    }
+    expectSetStateCalledWith(key, value) {
+        expect(this.setState[key]).toHaveBeenCalledWith(value);
+    }
+    /**
+     * Restore the hook module's state object to the actual code.
+     */
+    restore() {
+        this.hooks.state = this.oldState;
+    }
+    /**
+     * Mock the state getter associated with a single key to return a specific value one time.
+     * @param {string} key - state key (from this.keys)
+     * @param {any} val - new value to be returned by the useState call.
+     */
+    mockVal(key, val) {
+        this.hooks.state[key].mockReturnValueOnce([val, this.setState[key]]);
+    }
+    testGetter(key) {
+        test(`${key} state getter should return useState passthrough`, () => {
+            const testValue = 'some value';
+            const useState = (val) => ({ useState: val });
+            jest.spyOn(react, 'useState').mockImplementationOnce(useState);
+            expect(this.hooks.state[key](testValue)).toEqual(useState(testValue));
+        });
+    }
+    get values() {
+        return StrictDict(Object.assign({}, this.hooks.state));
+    }
+}
+export const mockLocation = (href) => {
+    delete global.window.location;
+    global.window = Object.create(window);
+    global.window.location = { href };
+};
+//# sourceMappingURL=testUtils.js.map

package/dist/testUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testUtils.js","sourceRoot":"","sources":["../src/testUtils.js"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;IAC3C,IAAI,OAAO,GAAG,GAAG,CAAC,cAAc,CAAC;IACjC,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,OAAO,OAAO,CAAC;IACjB,CAAC;IACD,0CAA0C;IAC1C,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;QAC1E,OAAO,kCAA+B,OAAO,EAAE,GAAG,EAAE,MAAM,GAAM,CAAC;IACnE,CAAC;IACD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAClC,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,GAAG,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;IACpD,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACjC,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,MAAM,EAAE,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;IACtB,MAAM,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;QAC3C,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC;QACnC,EAAE,CAAC,UAAU,CAAC,GAAG,OAAO,KAAK,KAAK,QAAQ;YACxC,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,mBAAmB,CAAC,GAAG,IAAI,IAAI,UAAU,EAAE,EAAE,KAAK,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CAC7E,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iCACnB,GAAG,KACN,CAAC,IAAI,CAAC,EAAE,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,IACxC,EACF,EAAE,CACH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,MAAM,OAAO,YAAY;IACvB,YAAY,KAAK;QACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QAEpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED;;OAEG;IACH,IAAI,IAAI;QACN,OAAO,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CACpD,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,iCAAM,GAAG,KAAE,CAAC,GAAG,CAAC,EAAE,GAAG,IAAG,EACtC,EAAE,CACH,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,IAAI;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QACjC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACnC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE;gBACpC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;gBAC1B,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAC3C,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,iCACT,GAAG,KACN,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE;gBACnB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;YAC9B,CAAC,CAAC,IACF,EACF,EAAE,CACH,CAAC;IACJ,CAAC;IAED,qBAAqB,CAAC,GAAG,EAAE,KAAK;QAC9B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC5D,CAAC;IAED,wBAAwB,CAAC,GAAG,EAAE,KAAK;QACjC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACzD,CAAC;IAED;;OAEG;IACH,OAAO;QACL,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;IACnC,CAAC;IAED;;;;OAIG;IACH,OAAO,CAAC,GAAG,EAAE,GAAG;QACd,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACvE,CAAC;IAED,UAAU,CAAC,GAAG;QACZ,IAAI,CAAC,GAAG,GAAG,kDAAkD,EAAE,GAAG,EAAE;YAClE,MAAM,SAAS,GAAG,YAAY,CAAC;YAC/B,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YAC9C,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;YAC/D,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QACxE,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,MAAM;QACR,OAAO,UAAU,mBAAM,IAAI,CAAC,KAAK,CAAC,KAAK,EAAG,CAAC;IAC7C,CAAC;CACF;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE;IACnC,OAAO,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;IAC9B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACtC,MAAM,CAAC,MAAM,CAAC,QAAQ,GAAG,EAAE,IAAI,EAAE,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import react from 'react';\n\nimport { StrictDict } from '@src/utils';\n\n/**\n * Mocked formatMessage provided by react-intl\n */\nexport const formatMessage = (msg, values) => {\n  let message = msg.defaultMessage;\n  if (values === undefined) {\n    return message;\n  }\n  // check if value is not a primitive type.\n  if (Object.values(values).filter(value => Object(value) === value).length) {\n    return <format-message-function {...{ message: msg, values }} />;\n  }\n  Object.keys(values).forEach((key) => {\n    message = message.replaceAll(`{${key}}`, values[key]);\n  });\n  return message;\n};\n\n/**\n * Mock a single component, or a nested component so that its children render nicely\n * in snapshots.\n * @param {string} name - parent component name\n * @param {obj} contents - object of child components with intended component\n *   render name.\n * @return {func} - mock component with nested children.\n *\n * usage:\n *   mockNestedComponent('Card', { Body: 'Card.Body', Form: { Control: { Feedback: 'Form.Control.Feedback' }}... });\n *   mockNestedComponent('IconButton', 'IconButton');\n */\nexport const mockNestedComponent = (name, contents) => {\n  if (typeof contents === 'function') {\n    return contents();\n  }\n  if (typeof contents !== 'object') {\n    return contents;\n  }\n  const fn = () => name;\n  Object.defineProperty(fn, 'name', { value: name });\n  Object.keys(contents).forEach((nestedName) => {\n    const value = contents[nestedName];\n    fn[nestedName] = typeof value !== 'object'\n      ? value\n      : mockNestedComponent(`${name}.${nestedName}`, value);\n  });\n  return fn;\n};\n\n/**\n * Mock a module of components.  nested components will be rendered nicely in snapshots.\n * @param {obj} mapping - component module mock config.\n * @return {obj} - module of flat and nested components that will render nicely in snapshots.\n * usage:\n *   mockNestedComponents({\n *     Card: { Body: 'Card.Body' },\n *     IconButton: 'IconButton',\n *   })\n */\nexport const mockNestedComponents = (mapping) => Object.entries(mapping).reduce(\n  (obj, [name, value]) => ({\n    ...obj,\n    [name]: mockNestedComponent(name, value),\n  }),\n  {},\n);\n\n/**\n * Mock utility for working with useState in a hooks module.\n * Expects/requires an object containing the state object in order to ensure\n * the mock behavior works appropriately.\n *\n * Expected format:\n *   hooks = { state: { <key>: (val) => React.createRef(val), ... } }\n *\n * Returns a utility for mocking useState and providing access to specific state values\n * and setState methods, as well as allowing per-test configuration of useState value returns.\n *\n * Example usage:\n *   // hooks.js\n *   import * as module from './hooks';\n *   const state = {\n *     isOpen: (val) => React.useState(val),\n *     hasDoors: (val) => React.useState(val),\n *     selected: (val) => React.useState(val),\n *   };\n *   ...\n *   export const exampleHook = () => {\n *     const [isOpen, setIsOpen] = module.state.isOpen(false);\n *     if (!isOpen) { return null; }\n *     return { isOpen, setIsOpen };\n *   }\n *   ...\n *\n *   // hooks.test.js\n *   import * as hooks from './hooks';\n *   const state = new MockUseState(hooks)\n *   ...\n *   describe('state hooks', () => {\n *     state.testGetter(state.keys.isOpen);\n *     state.testGetter(state.keys.hasDoors);\n *     state.testGetter(state.keys.selected);\n *   });\n *   describe('exampleHook', () => {\n *     beforeEach(() => { state.mock(); });\n *     it('returns null if isOpen is default value', () => {\n *       expect(hooks.exampleHook()).toEqual(null);\n *     });\n *     it('returns isOpen and setIsOpen if isOpen is not null', () => {\n *       state.mockVal(state.keys.isOpen, true);\n *       expect(hooks.exampleHook()).toEqual({\n *         isOpen: true,\n *         setIsOpen: state.setState[state.keys.isOpen],\n *       });\n *     });\n *     afterEach(() => { state.restore(); });\n *   });\n *\n * @param {obj} hooks - hooks module containing a 'state' object\n */\nexport class MockUseState {\n  constructor(hooks) {\n    this.hooks = hooks;\n    this.oldState = null;\n    this.setState = {};\n    this.stateVals = {};\n\n    this.mock = this.mock.bind(this);\n    this.restore = this.restore.bind(this);\n    this.mockVal = this.mockVal.bind(this);\n    this.testGetter = this.testGetter.bind(this);\n  }\n\n  /**\n   * @return {object} - StrictDict of state object keys\n   */\n  get keys() {\n    return StrictDict(Object.keys(this.hooks.state).reduce(\n      (obj, key) => ({ ...obj, [key]: key }),\n      {},\n    ));\n  }\n\n  /**\n   * Replace the hook module's state object with a mocked version, initialized to default values.\n   */\n  mock() {\n    this.oldState = this.hooks.state;\n    Object.keys(this.keys).forEach(key => {\n      this.hooks.state[key] = jest.fn(val => {\n        this.stateVals[key] = val;\n        return [val, this.setState[key]];\n      });\n    });\n    this.setState = Object.keys(this.keys).reduce(\n      (obj, key) => ({\n        ...obj,\n        [key]: jest.fn(val => {\n          this.hooks.state[key] = val;\n        }),\n      }),\n      {},\n    );\n  }\n\n  expectInitializedWith(key, value) {\n    expect(this.hooks.state[key]).toHaveBeenCalledWith(value);\n  }\n\n  expectSetStateCalledWith(key, value) {\n    expect(this.setState[key]).toHaveBeenCalledWith(value);\n  }\n\n  /**\n   * Restore the hook module's state object to the actual code.\n   */\n  restore() {\n    this.hooks.state = this.oldState;\n  }\n\n  /**\n   * Mock the state getter associated with a single key to return a specific value one time.\n   * @param {string} key - state key (from this.keys)\n   * @param {any} val - new value to be returned by the useState call.\n   */\n  mockVal(key, val) {\n    this.hooks.state[key].mockReturnValueOnce([val, this.setState[key]]);\n  }\n\n  testGetter(key) {\n    test(`${key} state getter should return useState passthrough`, () => {\n      const testValue = 'some value';\n      const useState = (val) => ({ useState: val });\n      jest.spyOn(react, 'useState').mockImplementationOnce(useState);\n      expect(this.hooks.state[key](testValue)).toEqual(useState(testValue));\n    });\n  }\n\n  get values() {\n    return StrictDict({ ...this.hooks.state });\n  }\n}\n\nexport const mockLocation = (href) => {\n  delete global.window.location;\n  global.window = Object.create(window);\n  global.window.location = { href };\n};\n"]}

package/dist/tracking/constants.d.ts

@@ -0,0 +1,6 @@
+export const categories: any;
+export const events: any;
+export const eventNames: any;
+export const linkNames: any;
+export const appName: "learner-home";
+export default eventNames;

package/dist/tracking/constants.js

@@ -0,0 +1,45 @@
+import { StrictDict } from '../utils';
+export const categories = StrictDict({
+    dashboard: 'dashboard',
+    userEngagement: 'user-engagement',
+    searchButton: 'search_button',
+    credit: 'credit',
+    filter: 'filter',
+});
+export const events = StrictDict({
+    enterCourseClicked: 'enterCourseClicked',
+    courseImageClicked: 'courseImageClicked',
+    courseTitleClicked: 'courseTitleClicked',
+    courseOptionsDropdownClicked: 'courseOptionsDropdownClicked',
+    shareClicked: 'shareClicked',
+    userSettingsChanged: 'userSettingsChanged',
+    newSession: 'newSession',
+    switchSession: 'switchSession',
+    leaveSession: 'leaveSession',
+    unenrollReason: 'unenrollReason',
+    entitlementUnenrollReason: 'entitlementUnenrollReason',
+});
+export const eventNames = StrictDict({
+    enterCourseClicked: 'edx.bi.dashboard.enter_course.clicked',
+    courseImageClicked: 'edx.bi.dashboard.course_image.clicked',
+    courseTitleClicked: 'edx.bi.dashboard.course_title.clicked',
+    courseOptionsDropdownClicked: 'edx.bi.dashboard.course_options_dropdown.clicked',
+    shareClicked: 'edx.course.share_clicked',
+    userSettingsChanged: 'edx.user.settings.changed',
+    newSession: 'course-dashboard.new-session',
+    switchSession: 'course-dashboard.switch-session',
+    leaveSession: 'course-dashboard.leave-session',
+    unenrollReason: 'unenrollment_reason.selected',
+    entitlementUnenrollReason: 'entitlement_unenrollment_reason.selected',
+    findCoursesClicked: 'edx.bi.dashboard.find_courses_button.clicked',
+    purchaseCredit: 'edx.bi.credit.clicked_purchase_credit',
+    filterClicked: 'course-dashboard.filter.clicked',
+    filterOptionSelected: 'course-dashboard.filter_option.selected',
+});
+export const linkNames = StrictDict({
+    learnerHomeNavExplore: 'learner_home_nav_explore',
+    learnerHomeNavDropdownExplore: 'learner_home_nav_dropdown_explore',
+});
+export const appName = 'learner-home';
+export default eventNames;
+//# sourceMappingURL=constants.js.map

package/dist/tracking/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/tracking/constants.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC;IACnC,SAAS,EAAE,WAAW;IACtB,cAAc,EAAE,iBAAiB;IACjC,YAAY,EAAE,eAAe;IAC7B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC;IAC/B,kBAAkB,EAAE,oBAAoB;IACxC,kBAAkB,EAAE,oBAAoB;IACxC,kBAAkB,EAAE,oBAAoB;IACxC,4BAA4B,EAAE,8BAA8B;IAC5D,YAAY,EAAE,cAAc;IAC5B,mBAAmB,EAAE,qBAAqB;IAC1C,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,eAAe;IAC9B,YAAY,EAAE,cAAc;IAC5B,cAAc,EAAE,gBAAgB;IAChC,yBAAyB,EAAE,2BAA2B;CACvD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC;IACnC,kBAAkB,EAAE,uCAAuC;IAC3D,kBAAkB,EAAE,uCAAuC;IAC3D,kBAAkB,EAAE,uCAAuC;IAC3D,4BAA4B,EAAE,kDAAkD;IAChF,YAAY,EAAE,0BAA0B;IACxC,mBAAmB,EAAE,2BAA2B;IAChD,UAAU,EAAE,8BAA8B;IAC1C,aAAa,EAAE,iCAAiC;IAChD,YAAY,EAAE,gCAAgC;IAC9C,cAAc,EAAE,8BAA8B;IAC9C,yBAAyB,EAAE,0CAA0C;IACrE,kBAAkB,EAAE,8CAA8C;IAClE,cAAc,EAAE,uCAAuC;IACvD,aAAa,EAAE,iCAAiC;IAChD,oBAAoB,EAAE,yCAAyC;CAChE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC;IAClC,qBAAqB,EAAE,0BAA0B;IACjD,6BAA6B,EAAE,mCAAmC;CACnE,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,cAAc,CAAC;AAEtC,eAAe,UAAU,CAAC","sourcesContent":["import { StrictDict } from '../utils';\n\nexport const categories = StrictDict({\n  dashboard: 'dashboard',\n  userEngagement: 'user-engagement',\n  searchButton: 'search_button',\n  credit: 'credit',\n  filter: 'filter',\n});\n\nexport const events = StrictDict({\n  enterCourseClicked: 'enterCourseClicked',\n  courseImageClicked: 'courseImageClicked',\n  courseTitleClicked: 'courseTitleClicked',\n  courseOptionsDropdownClicked: 'courseOptionsDropdownClicked',\n  shareClicked: 'shareClicked',\n  userSettingsChanged: 'userSettingsChanged',\n  newSession: 'newSession',\n  switchSession: 'switchSession',\n  leaveSession: 'leaveSession',\n  unenrollReason: 'unenrollReason',\n  entitlementUnenrollReason: 'entitlementUnenrollReason',\n});\n\nexport const eventNames = StrictDict({\n  enterCourseClicked: 'edx.bi.dashboard.enter_course.clicked',\n  courseImageClicked: 'edx.bi.dashboard.course_image.clicked',\n  courseTitleClicked: 'edx.bi.dashboard.course_title.clicked',\n  courseOptionsDropdownClicked: 'edx.bi.dashboard.course_options_dropdown.clicked',\n  shareClicked: 'edx.course.share_clicked',\n  userSettingsChanged: 'edx.user.settings.changed',\n  newSession: 'course-dashboard.new-session',\n  switchSession: 'course-dashboard.switch-session',\n  leaveSession: 'course-dashboard.leave-session',\n  unenrollReason: 'unenrollment_reason.selected',\n  entitlementUnenrollReason: 'entitlement_unenrollment_reason.selected',\n  findCoursesClicked: 'edx.bi.dashboard.find_courses_button.clicked',\n  purchaseCredit: 'edx.bi.credit.clicked_purchase_credit',\n  filterClicked: 'course-dashboard.filter.clicked',\n  filterOptionSelected: 'course-dashboard.filter_option.selected',\n});\n\nexport const linkNames = StrictDict({\n  learnerHomeNavExplore: 'learner_home_nav_explore',\n  learnerHomeNavDropdownExplore: 'learner_home_nav_dropdown_explore',\n});\n\nexport const appName = 'learner-home';\n\nexport default eventNames;\n"]}