@cuemath/leap 3.5.44-link.0 → 3.5.44

package/dist/features/parent-dashboard/comps/parent-dashboard-faqs/parent-dashboard-faqs.js

@@ -1,20 +1,39 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { useTheme as t } from "styled-components";
-import a from "../../../ui/accordion/accordion.js";
-import i from "../../../ui/layout/flex-view.js";
-import m from "../../../ui/separator/separator.js";
-import s from "../../../ui/text/text.js";
-import { EDeviceType as n } from "../../../ui/theme/constants.js";
-import { faqsData as d } from "./parent-dashboard-faqs-constants.js";
-const c = () => {
-  const r = t().device <= n.MOBILE;
-  return /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ e(s, { $renderAs: "ah4-bold", $renderOnMobileAs: "ab1-bold", $color: "WHITE", children: "FAQs" }),
-    /* @__PURE__ */ e(m, { height: r ? 16 : 20 }),
-    /* @__PURE__ */ e(a, { theme: "dark", visibleBuffer: 2, defaultOpenElement: 0, accordionData: d })
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { useTheme as m } from "styled-components";
+import { memo as i } from "react";
+import s from "../../../ui/accordion/accordion.js";
+import d from "../../../ui/layout/flex-view.js";
+import n from "../../../ui/separator/separator.js";
+import f from "../../../ui/text/text.js";
+import { EDeviceType as p } from "../../../ui/theme/constants.js";
+import { faqsData as c } from "./parent-dashboard-faqs-constants.js";
+const e = i(({ renderThemeAs: o = "dark" }) => {
+  const a = m().device <= p.MOBILE;
+  return /* @__PURE__ */ t(d, { children: [
+    /* @__PURE__ */ r(
+      f,
+      {
+        $renderAs: "ah4-bold",
+        $renderOnMobileAs: "ab1-bold",
+        $color: o === "dark" ? "WHITE" : "BLACK",
+        children: "FAQs"
+      }
+    ),
+    /* @__PURE__ */ r(n, { height: a ? 16 : 20 }),
+    /* @__PURE__ */ r(
+      s,
+      {
+        theme: o,
+        visibleBuffer: 2,
+        defaultOpenElement: 0,
+        accordionData: c
+      }
+    )
   ] });
-}, E = c;
+});
+e.displayName = "ParentDashboardFaqs";
+const $ = e;
 export {
-  E as default
+  $ as default
 };
 //# sourceMappingURL=parent-dashboard-faqs.js.map

package/dist/features/parent-dashboard/comps/parent-dashboard-faqs/parent-dashboard-faqs.js.map

@@ -1 +1 @@
-{"version":3,"file":"parent-dashboard-faqs.js","sources":["../../../../../src/features/parent-dashboard/comps/parent-dashboard-faqs/parent-dashboard-faqs.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\n\nimport Accordion from '../../../ui/accordion/accordion';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { faqsData } from './parent-dashboard-faqs-constants';\n\nconst ParentDashboardFaqs = () => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView>\n      <Text $renderAs=\"ah4-bold\" $renderOnMobileAs=\"ab1-bold\" $color=\"WHITE\">\n        FAQs\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <Accordion theme=\"dark\" visibleBuffer={2} defaultOpenElement={0} accordionData={faqsData} />\n    </FlexView>\n  );\n};\n\nexport default ParentDashboardFaqs;\n"],"names":["ParentDashboardFaqs","isMobile","useTheme","EDeviceType","FlexView","jsx","Text","Separator","Accordion","faqsData","ParentDashboardFaqs$1"],"mappings":";;;;;;;;AASA,MAAMA,IAAsB,MAAM;AAE1B,QAAAC,IADQC,IACS,UAAUC,EAAY;AAE7C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,WAAU,YAAW,mBAAkB,YAAW,QAAO,SAAQ,UAEvE,OAAA,CAAA;AAAA,IACC,gBAAAD,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,IACvC,gBAAAI,EAACG,KAAU,OAAM,QAAO,eAAe,GAAG,oBAAoB,GAAG,eAAeC,EAAU,CAAA;AAAA,EAC5F,EAAA,CAAA;AAEJ,GAEAC,IAAeV;"}
+{"version":3,"file":"parent-dashboard-faqs.js","sources":["../../../../../src/features/parent-dashboard/comps/parent-dashboard-faqs/parent-dashboard-faqs.tsx"],"sourcesContent":["import { useTheme } from 'styled-components';\nimport { memo } from 'react';\n\nimport Accordion from '../../../ui/accordion/accordion';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport { faqsData } from './parent-dashboard-faqs-constants';\n\ninterface IParentDashboardFaqsProps {\n  renderThemeAs?: 'dark' | 'light';\n}\n\nconst ParentDashboardFaqs = memo(({ renderThemeAs = 'dark' }: IParentDashboardFaqsProps) => {\n  const theme = useTheme();\n  const isMobile = theme.device <= EDeviceType.MOBILE;\n\n  return (\n    <FlexView>\n      <Text\n        $renderAs=\"ah4-bold\"\n        $renderOnMobileAs=\"ab1-bold\"\n        $color={renderThemeAs === 'dark' ? 'WHITE' : 'BLACK'}\n      >\n        FAQs\n      </Text>\n      <Separator height={isMobile ? 16 : 20} />\n      <Accordion\n        theme={renderThemeAs}\n        visibleBuffer={2}\n        defaultOpenElement={0}\n        accordionData={faqsData}\n      />\n    </FlexView>\n  );\n});\n\nParentDashboardFaqs.displayName = 'ParentDashboardFaqs';\n\nexport default ParentDashboardFaqs;\n"],"names":["ParentDashboardFaqs","memo","renderThemeAs","isMobile","useTheme","EDeviceType","FlexView","jsx","Text","Separator","Accordion","faqsData","ParentDashboardFaqs$1"],"mappings":";;;;;;;;;AAcA,MAAMA,IAAsBC,EAAK,CAAC,EAAE,eAAAC,IAAgB,aAAwC;AAEpF,QAAAC,IADQC,IACS,UAAUC,EAAY;AAE7C,2BACGC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,mBAAkB;AAAA,QAClB,QAAQN,MAAkB,SAAS,UAAU;AAAA,QAC9C,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACC,gBAAAK,EAAAE,GAAA,EAAU,QAAQN,IAAW,KAAK,IAAI;AAAA,IACvC,gBAAAI;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,OAAOR;AAAA,QACP,eAAe;AAAA,QACf,oBAAoB;AAAA,QACpB,eAAeS;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;AAEDX,EAAoB,cAAc;AAElC,MAAAY,IAAeZ;"}

package/dist/features/parent-dashboard/comps/subscription-initiation/subscription-initiation.js

@@ -1,41 +1,44 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { memo as u, useMemo as m } from "react";
-import { useTheme as h } from "styled-components";
-import f from "../../../auth/pla-signup/signup-header/signup-header.js";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { memo as d, useMemo as l } from "react";
+import { useTheme as u } from "styled-components";
+import h from "../../../auth/pla-signup/signup-header/signup-header.js";
 import a from "../../../ui/layout/flex-view.js";
 import s from "../../../ui/separator/separator.js";
-import { MOBILE_SPACING as S, DESKTOP_SPACING as b } from "../../parent-dashboard-constants.js";
-import { EDeviceType as g } from "../../../ui/theme/constants.js";
-import I from "../../../auth/pla-signup/onboarding-guide/onboarding-guide.js";
-import x from "../../../ui/buttons/button/button.js";
-const p = u((c) => {
-  const { onGetStartedAgain: i, renderThemeAs: e } = c, { device: d } = h(), t = d <= g.MOBILE, l = m(() => t ? "100%" : 200, [t]), r = m(
-    () => t ? S : b,
-    [t]
-  );
-  return /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ o(f, { renderThemeAs: e }),
-    /* @__PURE__ */ o(s, { height: r.separator.extraLarge }),
-    /* @__PURE__ */ o(I, { renderThemeAs: e, orientation: "horizontal" }),
-    i ? /* @__PURE__ */ n(a, { children: [
-      /* @__PURE__ */ o(s, { height: r.medium }),
-      /* @__PURE__ */ o(
-        x,
+import { MOBILE_SPACING as f, DESKTOP_SPACING as g } from "../../parent-dashboard-constants.js";
+import { EDeviceType as S } from "../../../ui/theme/constants.js";
+import b from "../../../auth/pla-signup/onboarding-guide/onboarding-guide.js";
+import I from "../../../ui/buttons/button/button.js";
+const p = d((c) => {
+  const { onGetStartedAgain: o, renderThemeAs: e } = c, { device: r } = u(), t = l(() => {
+    const n = r <= S.MOBILE;
+    return {
+      buttonWidth: n ? "100%" : 200,
+      spacing: n ? f : g
+    };
+  }, [r]);
+  return /* @__PURE__ */ m(a, { children: [
+    /* @__PURE__ */ i(h, { renderThemeAs: e }),
+    /* @__PURE__ */ i(s, { height: t.spacing.separator.extraLarge }),
+    /* @__PURE__ */ i(b, { renderThemeAs: e, orientation: "horizontal" }),
+    o ? /* @__PURE__ */ m(a, { children: [
+      /* @__PURE__ */ i(s, { height: t.spacing.medium }),
+      /* @__PURE__ */ i(
+        I,
         {
           label: "Get Started",
           renderAs: "yellow-dark",
           shape: "square",
           size: "small",
-          width: l,
-          onClick: i
+          width: t.buttonWidth,
+          onClick: o
         }
       )
     ] }) : null
   ] });
 });
 p.displayName = "SubscriptionInitiation";
-const L = p;
+const y = p;
 export {
-  L as default
+  y as default
 };
 //# sourceMappingURL=subscription-initiation.js.map

package/dist/features/parent-dashboard/comps/subscription-initiation/subscription-initiation.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscription-initiation.js","sources":["../../../../../src/features/parent-dashboard/comps/subscription-initiation/subscription-initiation.tsx"],"sourcesContent":["import { type FC, memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport SignupHeader from '../../../auth/pla-signup/signup-header/signup-header';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { type ISpacingConfig } from '../../parent-dashboard-types';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from '../../parent-dashboard-constants';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport OnboardingGuide from '../../../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport Button from '../../../ui/buttons/button/button';\n\ninterface ISubscriptionInitiationProps {\n  onGetStartedAgain?: () => void;\n  renderThemeAs?: 'dark' | 'light';\n}\n\nconst SubscriptionInitiation: FC<ISubscriptionInitiationProps> = memo(props => {\n  const { onGetStartedAgain, renderThemeAs } = props;\n\n  const { device } = useTheme();\n  const isMobile = device <= EDeviceType.MOBILE;\n\n  const buttonWidth = useMemo(() => (isMobile ? '100%' : 200), [isMobile]);\n  const spacing = useMemo<ISpacingConfig>(\n    () => (isMobile ? MOBILE_SPACING : DESKTOP_SPACING),\n    [isMobile],\n  );\n\n  return (\n    <FlexView>\n      <SignupHeader renderThemeAs={renderThemeAs} />\n      <Separator height={spacing.separator.extraLarge} />\n      <OnboardingGuide renderThemeAs={renderThemeAs} orientation=\"horizontal\" />\n      {onGetStartedAgain ? (\n        <FlexView>\n          <Separator height={spacing.medium} />\n          <Button\n            label=\"Get Started\"\n            renderAs=\"yellow-dark\"\n            shape=\"square\"\n            size=\"small\"\n            width={buttonWidth}\n            onClick={onGetStartedAgain}\n          />\n        </FlexView>\n      ) : null}\n    </FlexView>\n  );\n});\n\nSubscriptionInitiation.displayName = 'SubscriptionInitiation';\n\nexport default SubscriptionInitiation;\n"],"names":["SubscriptionInitiation","memo","props","onGetStartedAgain","renderThemeAs","device","useTheme","isMobile","EDeviceType","buttonWidth","useMemo","spacing","MOBILE_SPACING","DESKTOP_SPACING","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","SubscriptionInitiation$1"],"mappings":";;;;;;;;;;AAiBA,MAAMA,IAA2DC,EAAK,CAASC,MAAA;AACvE,QAAA,EAAE,mBAAAC,GAAmB,eAAAC,EAAkB,IAAAF,GAEvC,EAAE,QAAAG,MAAWC,KACbC,IAAWF,KAAUG,EAAY,QAEjCC,IAAcC,EAAQ,MAAOH,IAAW,SAAS,KAAM,CAACA,CAAQ,CAAC,GACjEI,IAAUD;AAAA,IACd,MAAOH,IAAWK,IAAiBC;AAAA,IACnC,CAACN,CAAQ;AAAA,EAAA;AAGX,2BACGO,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAa,eAAAZ,GAA8B;AAAA,IAC3C,gBAAAW,EAAAE,GAAA,EAAU,QAAQN,EAAQ,UAAU,YAAY;AAAA,IAChD,gBAAAI,EAAAG,GAAA,EAAgB,eAAAd,GAA8B,aAAY,aAAa,CAAA;AAAA,IACvED,sBACEW,GACC,EAAA,UAAA;AAAA,MAAC,gBAAAC,EAAAE,GAAA,EAAU,QAAQN,EAAQ,OAAQ,CAAA;AAAA,MACnC,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAS;AAAA,UACT,OAAM;AAAA,UACN,MAAK;AAAA,UACL,OAAOV;AAAA,UACP,SAASN;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,EAAA,CACF,IACE;AAAA,EACN,EAAA,CAAA;AAEJ,CAAC;AAEDH,EAAuB,cAAc;AAErC,MAAAoB,IAAepB;"}
+{"version":3,"file":"subscription-initiation.js","sources":["../../../../../src/features/parent-dashboard/comps/subscription-initiation/subscription-initiation.tsx"],"sourcesContent":["import { type FC, memo, useMemo } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport SignupHeader from '../../../auth/pla-signup/signup-header/signup-header';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport { DESKTOP_SPACING, MOBILE_SPACING } from '../../parent-dashboard-constants';\nimport { EDeviceType } from '../../../ui/theme/constants';\nimport OnboardingGuide from '../../../auth/pla-signup/onboarding-guide/onboarding-guide';\nimport Button from '../../../ui/buttons/button/button';\n\ninterface ISubscriptionInitiationProps {\n  onGetStartedAgain?: () => void;\n  renderThemeAs?: 'dark' | 'light';\n}\n\nconst SubscriptionInitiation: FC<ISubscriptionInitiationProps> = memo(props => {\n  const { onGetStartedAgain, renderThemeAs } = props;\n  const { device } = useTheme();\n\n  const deviceConfig = useMemo(() => {\n    const isMobile = device <= EDeviceType.MOBILE;\n\n    return {\n      buttonWidth: isMobile ? '100%' : 200,\n      spacing: isMobile ? MOBILE_SPACING : DESKTOP_SPACING,\n    };\n  }, [device]);\n\n  return (\n    <FlexView>\n      <SignupHeader renderThemeAs={renderThemeAs} />\n      <Separator height={deviceConfig.spacing.separator.extraLarge} />\n      <OnboardingGuide renderThemeAs={renderThemeAs} orientation=\"horizontal\" />\n      {onGetStartedAgain ? (\n        <FlexView>\n          <Separator height={deviceConfig.spacing.medium} />\n          <Button\n            label=\"Get Started\"\n            renderAs=\"yellow-dark\"\n            shape=\"square\"\n            size=\"small\"\n            width={deviceConfig.buttonWidth}\n            onClick={onGetStartedAgain}\n          />\n        </FlexView>\n      ) : null}\n    </FlexView>\n  );\n});\n\nSubscriptionInitiation.displayName = 'SubscriptionInitiation';\n\nexport default SubscriptionInitiation;\n"],"names":["SubscriptionInitiation","memo","props","onGetStartedAgain","renderThemeAs","device","useTheme","deviceConfig","useMemo","isMobile","EDeviceType","MOBILE_SPACING","DESKTOP_SPACING","FlexView","jsx","SignupHeader","Separator","OnboardingGuide","Button","SubscriptionInitiation$1"],"mappings":";;;;;;;;;;AAgBA,MAAMA,IAA2DC,EAAK,CAASC,MAAA;AACvE,QAAA,EAAE,mBAAAC,GAAmB,eAAAC,EAAkB,IAAAF,GACvC,EAAE,QAAAG,MAAWC,KAEbC,IAAeC,EAAQ,MAAM;AAC3B,UAAAC,IAAWJ,KAAUK,EAAY;AAEhC,WAAA;AAAA,MACL,aAAaD,IAAW,SAAS;AAAA,MACjC,SAASA,IAAWE,IAAiBC;AAAA,IAAA;AAAA,EACvC,GACC,CAACP,CAAM,CAAC;AAEX,2BACGQ,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAa,eAAAX,GAA8B;AAAA,sBAC3CY,GAAU,EAAA,QAAQT,EAAa,QAAQ,UAAU,YAAY;AAAA,IAC7D,gBAAAO,EAAAG,GAAA,EAAgB,eAAAb,GAA8B,aAAY,aAAa,CAAA;AAAA,IACvED,sBACEU,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAU,EAAA,QAAQT,EAAa,QAAQ,QAAQ;AAAA,MAChD,gBAAAO;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAS;AAAA,UACT,OAAM;AAAA,UACN,MAAK;AAAA,UACL,OAAOX,EAAa;AAAA,UACpB,SAASJ;AAAA,QAAA;AAAA,MACX;AAAA,IAAA,EAAA,CACF,IACE;AAAA,EACN,EAAA,CAAA;AAEJ,CAAC;AAEDH,EAAuB,cAAc;AAErC,MAAAmB,IAAenB;"}

package/dist/index.d.ts

@@ -3249,6 +3249,10 @@ export declare interface IOutcomeStageData {
     achievementAction?: string | null;
 }
 
+declare interface IParentDashboardFaqsProps {
+    renderThemeAs?: 'dark' | 'light';
+}
+
 declare interface IParentDashboardProps {
     studentName: string;
     studentId: string;
@@ -5528,7 +5532,7 @@ isLoading?: boolean | undefined;
 
 export declare const ParentDashboard: NamedExoticComponent<IParentDashboardProps>;
 
-export declare const ParentDashboardFaqs: () => JSX.Element;
+export declare const ParentDashboardFaqs: MemoExoticComponent<({ renderThemeAs }: IParentDashboardFaqsProps) => JSX.Element>;
 
 export declare const PauseIcon: FC<SVGProps<SVGSVGElement>>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.5.44-link.0",
+  "version": "3.5.44",
   "type": "module",
   "files": [
     "dist"