@cuemath/leap 3.5.44-link.1 → 3.5.44

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/package.json

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