@cuemath/leap 3.5.69-as1 → 3.5.69-as3

package/dist/features/trial-session/comps/offering-information/offering-information.js

@@ -1,89 +1,99 @@
-import { jsxs as e, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import { memo as P, useMemo as b } from "react";
-import { ILLUSTRATIONS as w } from "../../../../assets/illustrations/illustrations.js";
+import { jsxs as e, jsx as r, Fragment as P } from "react/jsx-runtime";
+import { memo as N, useMemo as O } from "react";
+import { ILLUSTRATIONS as D } from "../../../../assets/illustrations/illustrations.js";
 import c from "../../../ui/image/image.js";
-import D from "../../../ui/layout/flex-view.js";
+import b from "../../../ui/layout/flex-view.js";
 import o from "../../../ui/separator/separator.js";
-import O from "../../../ui/text/text.js";
+import w from "../../../ui/text/text.js";
 import { useTrialSessionContext as x } from "../../context/use-trial-session-context.js";
-import { TrialPageId as t } from "../../trial-session-constants.js";
-import N from "../slide-header/index.js";
-import { goalDetails as R, parentAppDetails as S, circleDetails as k } from "./offering-information-constants.js";
-import { Container as W, Wrapper as d, AnimationWrapper as B, DetailsWrapper as j, TextElement as p, RefundImageWrapper as F } from "./offering-information-styled.js";
-const Q = P(function() {
-  const { slideConfig: h } = x(), { id: i } = h, a = b(() => {
+import { TrialPageId as t, RIGHT_PANEL_CONTENT_WIDTH as d } from "../../trial-session-constants.js";
+import R from "../slide-header/index.js";
+import { goalPlans as S, goalDetails as W, parentAppDetails as k, circleDetails as H } from "./offering-information-constants.js";
+import { Container as B, Wrapper as p, AnimationWrapper as j, DetailsWrapper as F, TextElement as h, RefundImageWrapper as G } from "./offering-information-styled.js";
+const rr = N(function() {
+  const { slideConfig: f } = x(), { id: i } = f, a = O(() => {
     switch (i) {
       case t.CIRCLE_INFORMATION:
-        return k;
+        return H;
       case t.PARENT_APP:
-        return S;
+        return k;
       case t.GOAL_DETAILS:
-        return R;
+        return W;
+      case t.GOAL_PLANS:
+        return S;
       default:
         return [];
     }
   }, [i]);
-  return /* @__PURE__ */ e(W, { children: [
+  return /* @__PURE__ */ e(B, { children: [
     /* @__PURE__ */ r(o, { height: 60 }),
-    /* @__PURE__ */ r(N, {}),
-    /* @__PURE__ */ r(d, { $width: 750, $flexDirection: "row", $justifyContent: "center", children: a.length > 0 ? a.map((f, l, g) => {
-      const {
-        title: u,
-        description: n,
-        animationBackground: $,
-        infoBackground: A,
-        animationSource: L,
-        animationPadding: C,
-        dimension: I
-      } = f || {}, [E, T] = I || [], m = l === g.length - 1;
-      return /* @__PURE__ */ e(D, { $flex: 1, children: [
-        /* @__PURE__ */ r(
-          B,
-          {
-            $justifyContent: "center",
-            $alignItems: "center",
-            $borderColor: "BLACK_1",
-            $background: $,
-            $gap: C,
-            $isLastElement: m,
-            children: /* @__PURE__ */ r(c, { src: L, width: E, height: T, withLoader: !0 })
-          }
-        ),
-        /* @__PURE__ */ e(
-          j,
-          {
-            $background: A,
-            $gapX: 1.375,
-            $gutterX: 2,
-            $borderColor: "BLACK_1",
-            $isLastElement: m,
-            $inherit: !0,
-            children: [
-              /* @__PURE__ */ r(p, { $renderAs: "ac2-black", children: u }),
-              /* @__PURE__ */ r(o, { heightX: 1 }),
-              /* @__PURE__ */ r(p, { $renderAs: "ab3", children: typeof n == "string" ? n : n.map((s) => /* @__PURE__ */ r("li", { children: s }, s)) })
-            ]
-          }
-        )
-      ] }, `offering-${l}`);
-    }) : null }),
-    i === t.PARENT_APP && /* @__PURE__ */ e(_, { children: [
+    /* @__PURE__ */ r(R, {}),
+    /* @__PURE__ */ r(
+      p,
+      {
+        $width: d,
+        $flexDirection: "row",
+        $justifyContent: "center",
+        children: a.length > 0 ? a.map((g, u, $) => {
+          const {
+            title: l,
+            description: n,
+            animationBackground: A,
+            infoBackground: L,
+            animationSource: I,
+            animationPadding: T,
+            dimension: _
+          } = g || {}, [C, E] = _ || [], s = u === $.length - 1;
+          return /* @__PURE__ */ e(b, { $flex: 1, children: [
+            /* @__PURE__ */ r(
+              j,
+              {
+                $justifyContent: "center",
+                $alignItems: "center",
+                $borderColor: "BLACK_1",
+                $background: A,
+                $gap: T,
+                $isLastElement: s,
+                children: /* @__PURE__ */ r(c, { src: I, width: C, height: E, withLoader: !0 })
+              }
+            ),
+            /* @__PURE__ */ e(
+              F,
+              {
+                $background: L,
+                $gapX: 1.375,
+                $gutterX: 2,
+                $borderColor: "BLACK_1",
+                $isLastElement: s,
+                $inherit: !0,
+                children: [
+                  /* @__PURE__ */ r(h, { $renderAs: "ac2-black", children: l }),
+                  /* @__PURE__ */ r(o, { heightX: 1 }),
+                  /* @__PURE__ */ r(h, { $renderAs: "ab3", children: typeof n == "string" ? n : n.map((m) => /* @__PURE__ */ r("li", { children: m }, m)) })
+                ]
+              }
+            )
+          ] }, `offering-${l}`);
+        }) : null
+      }
+    ),
+    i === t.PARENT_APP && /* @__PURE__ */ e(P, { children: [
       /* @__PURE__ */ r(o, { height: 50 }),
       /* @__PURE__ */ e(
-        d,
+        p,
         {
-          $width: 450,
+          $width: d - 200,
           $gap: 14,
           $gutter: 30,
           $background: "YELLOW_1",
           $borderColor: "BLACK_T_15",
           $position: "relative",
           children: [
-            /* @__PURE__ */ r(O, { $renderAs: "ab2", children: "Get 24/7 customer support through this app." }),
-            /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(w, { $renderAs: "ab2", children: "Get 24/7 customer support through this app." }),
+            /* @__PURE__ */ r(G, { children: /* @__PURE__ */ r(
               c,
               {
-                src: w.REFUND_POLICY_WITH_HEADPHONE,
+                src: D.REFUND_POLICY_WITH_HEADPHONE,
                 width: 135,
                 height: 80,
                 withLoader: !0
@@ -96,6 +106,6 @@ const Q = P(function() {
   ] });
 });
 export {
-  Q as default
+  rr as default
 };
 //# sourceMappingURL=offering-information.js.map

package/dist/features/trial-session/comps/offering-information/offering-information.js.map

@@ -1 +1 @@
-{"version":3,"file":"offering-information.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { circleDetails, goalDetails, parentAppDetails } from './offering-information-constants';\nimport * as Styled from './offering-information-styled';\n\nconst OfferingInformation = memo(function OfferingInformation() {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n\n  const offeringDetails = useMemo(() => {\n    switch (id) {\n      case TrialPageId.CIRCLE_INFORMATION:\n        return circleDetails;\n      case TrialPageId.PARENT_APP:\n        return parentAppDetails;\n      case TrialPageId.GOAL_DETAILS:\n        return goalDetails;\n      default:\n        return [];\n    }\n  }, [id]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Wrapper $width={750} $flexDirection=\"row\" $justifyContent=\"center\">\n        {offeringDetails.length > 0\n          ? offeringDetails.map((details, index, detailsArray) => {\n              const {\n                title,\n                description,\n                animationBackground,\n                infoBackground,\n                animationSource,\n                animationPadding,\n                dimension,\n              } = details || {};\n              const [width, height] = dimension || [];\n              const lastElement = index === detailsArray.length - 1;\n\n              return (\n                <FlexView key={`offering-${index}`} $flex={1}>\n                  <Styled.AnimationWrapper\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                    $borderColor=\"BLACK_1\"\n                    $background={animationBackground}\n                    $gap={animationPadding}\n                    $isLastElement={lastElement}\n                  >\n                    <Image src={animationSource} width={width} height={height} withLoader />\n                  </Styled.AnimationWrapper>\n                  <Styled.DetailsWrapper\n                    $background={infoBackground}\n                    $gapX={1.375}\n                    $gutterX={2}\n                    $borderColor=\"BLACK_1\"\n                    $isLastElement={lastElement}\n                    $inherit\n                  >\n                    <Styled.TextElement $renderAs=\"ac2-black\">{title}</Styled.TextElement>\n                    <Separator heightX={1} />\n                    <Styled.TextElement $renderAs=\"ab3\">\n                      {typeof description === 'string'\n                        ? description\n                        : description.map(desc => <li key={desc}>{desc}</li>)}\n                    </Styled.TextElement>\n                  </Styled.DetailsWrapper>\n                </FlexView>\n              );\n            })\n          : null}\n      </Styled.Wrapper>\n      {id === TrialPageId.PARENT_APP && (\n        <>\n          <Separator height={50} />\n          <Styled.Wrapper\n            $width={450}\n            $gap={14}\n            $gutter={30}\n            $background=\"YELLOW_1\"\n            $borderColor=\"BLACK_T_15\"\n            $position=\"relative\"\n          >\n            <Text $renderAs=\"ab2\">Get 24/7 customer support through this app.</Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY_WITH_HEADPHONE}\n                width={135}\n                height={80}\n                withLoader\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.Wrapper>\n        </>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default OfferingInformation;\n"],"names":["OfferingInformation","memo","slideConfig","useTrialSessionContext","id","offeringDetails","useMemo","TrialPageId","circleDetails","parentAppDetails","goalDetails","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Wrapper","details","index","detailsArray","title","description","animationBackground","infoBackground","animationSource","animationPadding","dimension","width","height","lastElement","FlexView","Styled.AnimationWrapper","Image","Styled.DetailsWrapper","Styled.TextElement","desc","Fragment","Text","Styled.RefundImageWrapper","ILLUSTRATIONS"],"mappings":"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"}
+{"version":3,"file":"offering-information.js","sources":["../../../../../src/features/trial-session/comps/offering-information/offering-information.tsx"],"sourcesContent":["import { memo, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { RIGHT_PANEL_CONTENT_WIDTH, TrialPageId } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport {\n  circleDetails,\n  goalDetails,\n  goalPlans,\n  parentAppDetails,\n} from './offering-information-constants';\nimport * as Styled from './offering-information-styled';\n\nconst OfferingInformation = memo(function OfferingInformation() {\n  const { slideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n\n  const offeringDetails = useMemo(() => {\n    switch (id) {\n      case TrialPageId.CIRCLE_INFORMATION:\n        return circleDetails;\n      case TrialPageId.PARENT_APP:\n        return parentAppDetails;\n      case TrialPageId.GOAL_DETAILS:\n        return goalDetails;\n      case TrialPageId.GOAL_PLANS:\n        return goalPlans;\n      default:\n        return [];\n    }\n  }, [id]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.Wrapper\n        $width={RIGHT_PANEL_CONTENT_WIDTH}\n        $flexDirection=\"row\"\n        $justifyContent=\"center\"\n      >\n        {offeringDetails.length > 0\n          ? offeringDetails.map((details, index, detailsArray) => {\n              const {\n                title,\n                description,\n                animationBackground,\n                infoBackground,\n                animationSource,\n                animationPadding,\n                dimension,\n              } = details || {};\n              const [width, height] = dimension || [];\n              const lastElement = index === detailsArray.length - 1;\n\n              return (\n                <FlexView key={`offering-${title}`} $flex={1}>\n                  <Styled.AnimationWrapper\n                    $justifyContent=\"center\"\n                    $alignItems=\"center\"\n                    $borderColor=\"BLACK_1\"\n                    $background={animationBackground}\n                    $gap={animationPadding}\n                    $isLastElement={lastElement}\n                  >\n                    <Image src={animationSource} width={width} height={height} withLoader />\n                  </Styled.AnimationWrapper>\n                  <Styled.DetailsWrapper\n                    $background={infoBackground}\n                    $gapX={1.375}\n                    $gutterX={2}\n                    $borderColor=\"BLACK_1\"\n                    $isLastElement={lastElement}\n                    $inherit\n                  >\n                    <Styled.TextElement $renderAs=\"ac2-black\">{title}</Styled.TextElement>\n                    <Separator heightX={1} />\n                    <Styled.TextElement $renderAs=\"ab3\">\n                      {typeof description === 'string'\n                        ? description\n                        : description.map(desc => <li key={desc}>{desc}</li>)}\n                    </Styled.TextElement>\n                  </Styled.DetailsWrapper>\n                </FlexView>\n              );\n            })\n          : null}\n      </Styled.Wrapper>\n      {id === TrialPageId.PARENT_APP && (\n        <>\n          <Separator height={50} />\n          <Styled.Wrapper\n            $width={RIGHT_PANEL_CONTENT_WIDTH - 200}\n            $gap={14}\n            $gutter={30}\n            $background=\"YELLOW_1\"\n            $borderColor=\"BLACK_T_15\"\n            $position=\"relative\"\n          >\n            <Text $renderAs=\"ab2\">Get 24/7 customer support through this app.</Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY_WITH_HEADPHONE}\n                width={135}\n                height={80}\n                withLoader\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.Wrapper>\n        </>\n      )}\n    </Styled.Container>\n  );\n});\n\nexport default OfferingInformation;\n"],"names":["OfferingInformation","memo","slideConfig","useTrialSessionContext","id","offeringDetails","useMemo","TrialPageId","circleDetails","parentAppDetails","goalDetails","goalPlans","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.Wrapper","RIGHT_PANEL_CONTENT_WIDTH","details","index","detailsArray","title","description","animationBackground","infoBackground","animationSource","animationPadding","dimension","width","height","lastElement","FlexView","Styled.AnimationWrapper","Image","Styled.DetailsWrapper","Styled.TextElement","desc","Fragment","Text","Styled.RefundImageWrapper","ILLUSTRATIONS"],"mappings":"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"}

package/dist/features/trial-session/comps/school-goals/school-goals-styled.js

@@ -1,15 +1,16 @@
 import o from "styled-components";
 import r from "../../../ui/layout/flex-view.js";
-const n = o.div`
+import { RIGHT_PANEL_CONTENT_WIDTH as i } from "../../trial-session-constants.js";
+const a = o.div`
   width: 100%;
   height: 100%;
-`, p = o(r)(
+`, l = o(r)(
   ({ $readOnly: t }) => `
-  width: 750px;
+  width: ${i}px;
   margin: auto;
   ${t ? "pointer-events: none;" : ""}
 `
-), a = o.div(
+), g = o.div(
   ({ theme: t }) => `
   position: relative;
   width: ${t.layout.gutter * 18.75}px;
@@ -23,14 +24,14 @@ const n = o.div`
     bottom: 0;
   }
 `
-), l = o(r)`
+), s = o(r)`
   flex-grow: 1;
   border-left: none;
 `;
 export {
-  n as Container,
-  p as ContentWrapper,
-  a as ImageWrapper,
-  l as InputContainer
+  a as Container,
+  l as ContentWrapper,
+  g as ImageWrapper,
+  s as InputContainer
 };
 //# sourceMappingURL=school-goals-styled.js.map

package/dist/features/trial-session/comps/school-goals/school-goals-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals-styled.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $readOnly: boolean }>(\n  ({ $readOnly }) => `\n  width: 750px;\n  margin: auto;\n  ${$readOnly ? `pointer-events: none;` : ''}\n`,\n);\n\nconst ImageWrapper = styled.div(\n  ({ theme }) => `\n  position: relative;\n  width: ${theme.layout.gutter * 18.75}px;\n  height: ${theme.layout.gutter * 25}px;\n  border: 1px solid ${theme.colors.BLACK_1};\n  .image {\n    position: absolute;\n    top: -${theme.layout.gutter * 0.15625}px;\n    left: -${theme.layout.gutter * 0.125}px;\n    right: 0;\n    bottom: 0;\n  }\n`,\n);\n\nconst InputContainer = styled(FlexView)`\n  flex-grow: 1;\n  border-left: none;\n`;\n\nexport { Container, ContentWrapper, ImageWrapper, InputContainer };\n"],"names":["Container","styled","ContentWrapper","FlexView","$readOnly","ImageWrapper","theme","InputContainer"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA,EACpC,CAAC,EAAE,WAAAC,EAAA,MAAgB;AAAA;AAAA;AAAA,IAGjBA,IAAY,0BAA0B,EAAE;AAAA;AAE5C,GAEMC,IAAeJ,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAK,EAAA,MAAY;AAAA;AAAA,WAENA,EAAM,OAAO,SAAS,KAAK;AAAA,YAC1BA,EAAM,OAAO,SAAS,EAAE;AAAA,sBACdA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAG9BA,EAAM,OAAO,SAAS,OAAO;AAAA,aAC5BA,EAAM,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAKxC,GAEMC,IAAiBN,EAAOE,CAAQ;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"school-goals-styled.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport { RIGHT_PANEL_CONTENT_WIDTH } from '../../trial-session-constants';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)<{ $readOnly: boolean }>(\n  ({ $readOnly }) => `\n  width: ${RIGHT_PANEL_CONTENT_WIDTH}px;\n  margin: auto;\n  ${$readOnly ? `pointer-events: none;` : ''}\n`,\n);\n\nconst ImageWrapper = styled.div(\n  ({ theme }) => `\n  position: relative;\n  width: ${theme.layout.gutter * 18.75}px;\n  height: ${theme.layout.gutter * 25}px;\n  border: 1px solid ${theme.colors.BLACK_1};\n  .image {\n    position: absolute;\n    top: -${theme.layout.gutter * 0.15625}px;\n    left: -${theme.layout.gutter * 0.125}px;\n    right: 0;\n    bottom: 0;\n  }\n`,\n);\n\nconst InputContainer = styled(FlexView)`\n  flex-grow: 1;\n  border-left: none;\n`;\n\nexport { Container, ContentWrapper, ImageWrapper, InputContainer };\n"],"names":["Container","styled","ContentWrapper","FlexView","$readOnly","RIGHT_PANEL_CONTENT_WIDTH","ImageWrapper","theme","InputContainer"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA,EACpC,CAAC,EAAE,WAAAC,EAAA,MAAgB;AAAA,WACVC,CAAyB;AAAA;AAAA,IAEhCD,IAAY,0BAA0B,EAAE;AAAA;AAE5C,GAEME,IAAeL,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAM,EAAA,MAAY;AAAA;AAAA,WAENA,EAAM,OAAO,SAAS,KAAK;AAAA,YAC1BA,EAAM,OAAO,SAAS,EAAE;AAAA,sBACdA,EAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAG9BA,EAAM,OAAO,SAAS,OAAO;AAAA,aAC5BA,EAAM,OAAO,SAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAKxC,GAEMC,IAAiBP,EAAOE,CAAQ;AAAA;AAAA;AAAA;"}

package/dist/features/trial-session/comps/school-goals/school-goals-view.js

@@ -1,36 +1,37 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Container as S, ContentWrapper as b, ImageWrapper as $, InputContainer as x } from "./school-goals-styled.js";
-import L from "../../../ui/layout/flex-view.js";
+import { Container as S, ContentWrapper as L, ImageWrapper as $, InputContainer as x } from "./school-goals-styled.js";
+import y from "../../../ui/layout/flex-view.js";
 import G from "../../../ui/image/image.js";
-import w from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import I from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
 import n from "../../../ui/inputs/select-input/select-input.js";
-import y from "../../../ui/separator/separator.js";
-import I from "../slide-header/index.js";
-import v from "../../../ui/inputs/text-input/text-input.js";
-import { GIF as A } from "../../../../assets/gif/gif.js";
+import w from "../../../ui/separator/separator.js";
+import A from "../slide-header/index.js";
+import T from "../../../ui/inputs/text-input/text-input.js";
+import { GIF as v } from "../../../../assets/gif/gif.js";
 const F = (o) => {
   const {
     name: i,
     grade: a,
     grades: s,
-    goalsList: l,
+    demoType: l,
+    goalsList: m,
     curriculum: t,
-    buttonState: m,
-    selectedGoal: d,
-    numberInNameError: p,
-    curriculumStandards: u,
-    onNameChange: h,
-    onGoalChange: c,
-    onGradeChange: g,
-    onCurriculumChange: C
+    buttonState: d,
+    selectedGoal: p,
+    numberInNameError: u,
+    curriculumStandards: h,
+    onNameChange: c,
+    onGoalChange: g,
+    onGradeChange: C,
+    onCurriculumChange: f
   } = o, {
-    right: { isLoading: f = !1 }
-  } = m || {};
+    right: { isLoading: b = !1 }
+  } = d || {};
   return /* @__PURE__ */ r(S, { children: [
-    /* @__PURE__ */ e(y, { height: 60 }),
-    /* @__PURE__ */ e(I, {}),
-    /* @__PURE__ */ r(b, { $readOnly: f, $flexDirection: "row", $justifyContent: "center", children: [
-      /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(G, { withLoader: !0, height: 402, width: 302, src: A.SCHOOL_SUCCESS, className: "image" }) }),
+    /* @__PURE__ */ e(w, { height: 60 }),
+    /* @__PURE__ */ e(A, {}),
+    /* @__PURE__ */ r(L, { $readOnly: b, $flexDirection: "row", $justifyContent: "center", children: [
+      /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(G, { withLoader: !0, height: 402, width: 302, src: v.SCHOOL_SUCCESS, className: "image" }) }),
       /* @__PURE__ */ r(
         x,
         {
@@ -41,31 +42,31 @@ const F = (o) => {
           $gapX: 2.5,
           $gutterX: 2.5,
           children: [
-            /* @__PURE__ */ r(L, { $flexDirection: "row", $flexColumnGapX: 1.5, children: [
-              /* @__PURE__ */ e(
-                v,
+            /* @__PURE__ */ r(y, { $flexDirection: "row", $flexColumnGapX: 1.5, children: [
+              l === "TRIAL_V3" ? /* @__PURE__ */ e(
+                T,
                 {
                   renderAs: "primary",
-                  label: "Student name",
+                  label: "Name",
                   value: i,
                   type: "text",
                   name: "name",
                   shape: "borderLess",
-                  onChange: h,
+                  onChange: c,
                   width: "100%",
                   isTransparent: !0,
-                  errorMessage: p ? "Please enter a valid name" : void 0
+                  errorMessage: u ? "Please enter a valid name" : void 0
                 }
-              ),
+              ) : null,
               /* @__PURE__ */ e(
                 n,
                 {
                   renderAs: "primary",
-                  label: "Select Grade",
+                  label: "Grade",
                   value: a,
                   options: s,
                   shape: "borderLess",
-                  onChange: g,
+                  onChange: C,
                   theme: "dark",
                   widthX: 10,
                   isTransparent: !0
@@ -76,27 +77,27 @@ const F = (o) => {
               n,
               {
                 renderAs: "primary",
-                label: "Select Curriculum",
+                label: "Curriculum",
                 value: t,
-                options: u,
+                options: h,
                 disabled: !a,
                 shape: "borderLess",
                 renderOptionsAs: "section-list",
                 theme: "dark",
-                onChange: C,
+                onChange: f,
                 isTransparent: !0
               }
             ),
             /* @__PURE__ */ e(
-              w,
+              I,
               {
                 renderAs: "primary",
-                label: "Select a Goal",
-                value: d,
-                options: l,
+                label: "Goal",
+                value: p,
+                options: m,
                 shape: "borderLess",
                 theme: "dark",
-                onChange: c,
+                onChange: g,
                 isTransparent: !0,
                 disabled: !a || !t
               }

package/dist/features/trial-session/comps/school-goals/school-goals-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nimport * as Styled from './school-goals-styled';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport type { IButtonState } from '../../trial-session-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport { GIF } from '../../../../assets/gif/gif';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  numberInNameError?: boolean;\n  buttonState: { left: IButtonState; right: IButtonState };\n  onNameChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = (props: ISchoolGoals) => {\n  const {\n    name,\n    grade,\n    grades,\n    goalsList,\n    curriculum,\n    buttonState,\n    selectedGoal,\n    numberInNameError,\n    curriculumStandards,\n    onNameChange,\n    onGoalChange,\n    onGradeChange,\n    onCurriculumChange,\n  } = props;\n\n  const {\n    right: { isLoading = false },\n  } = buttonState || {};\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $readOnly={isLoading} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            <TextInput\n              renderAs=\"primary\"\n              label=\"Student name\"\n              value={name}\n              type=\"text\"\n              name=\"name\"\n              shape=\"borderLess\"\n              onChange={onNameChange}\n              width=\"100%\"\n              isTransparent\n              errorMessage={numberInNameError ? 'Please enter a valid name' : undefined}\n            />\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"Select Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Select Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Select a Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","props","name","grade","grades","goalsList","curriculum","buttonState","selectedGoal","numberInNameError","curriculumStandards","onNameChange","onGoalChange","onGradeChange","onCurriculumChange","isLoading","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AAiCM,MAAAA,IAAkB,CAACC,MAAwB;AACzC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAb,GAEE;AAAA,IACJ,OAAO,EAAE,WAAAc,IAAY,GAAM;AAAA,EAAA,IACzBR,KAAe,CAAA;AAGjB,SAAA,gBAAAS,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,WAAWN,GAAW,gBAAe,OAAM,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAG,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,MACA,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,cAAA,gBAAAR;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOzB;AAAA,kBACP,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,UAAUS;AAAA,kBACV,OAAM;AAAA,kBACN,eAAa;AAAA,kBACb,cAAcF,IAAoB,8BAA8B;AAAA,gBAAA;AAAA,cAClE;AAAA,cACA,gBAAAS;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAOzB;AAAA,kBACP,SAASC;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUS;AAAA,kBACV,OAAM;AAAA,kBACN,QAAQ;AAAA,kBACR,eAAa;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA,GACF;AAAA,YACA,gBAAAK;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,SAASI;AAAA,gBACT,UAAU,CAACP;AAAA,gBACX,OAAM;AAAA,gBACN,iBAAgB;AAAA,gBAChB,OAAM;AAAA,gBACN,UAAUW;AAAA,gBACV,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAI;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASH;AAAA,gBACT,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,UAAUO;AAAA,gBACV,eAAa;AAAA,gBACb,UAAU,CAACT,KAAS,CAACG;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nimport * as Styled from './school-goals-styled';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Image from '../../../ui/image/image';\nimport SearchableSelectInput from '../../../ui/inputs/searchable-select-input/searchable-select-input';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport TextInput from '../../../ui/inputs/text-input/text-input';\nimport type { IButtonState } from '../../trial-session-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport { GIF } from '../../../../assets/gif/gif';\nimport { type DemoType } from '../../trial-session-constants';\n\ninterface ISchoolGoals {\n  header?: string;\n  name?: string;\n  grade?: string;\n  curriculum?: string;\n  grades: ISelectOption<string>[];\n  demoType: DemoType;\n  curriculumStandards: ISectionOption<TCurriculumStandardOption>[];\n  goalsList: ISelectOption<string>[];\n  selectedGoal?: string;\n  numberInNameError?: boolean;\n  buttonState: { left: IButtonState; right: IButtonState };\n  onNameChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  onGradeChange: (value: string) => void;\n  onCurriculumChange: (value: string) => void;\n  onGoalChange: (value: string, option: ISelectOption<string | number>) => void;\n}\n\nconst SchoolGoalsView = (props: ISchoolGoals) => {\n  const {\n    name,\n    grade,\n    grades,\n    demoType,\n    goalsList,\n    curriculum,\n    buttonState,\n    selectedGoal,\n    numberInNameError,\n    curriculumStandards,\n    onNameChange,\n    onGoalChange,\n    onGradeChange,\n    onCurriculumChange,\n  } = props;\n\n  const {\n    right: { isLoading = false },\n  } = buttonState || {};\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $readOnly={isLoading} $flexDirection=\"row\" $justifyContent=\"center\">\n        <Styled.ImageWrapper>\n          <Image withLoader height={402} width={302} src={GIF.SCHOOL_SUCCESS} className=\"image\" />\n        </Styled.ImageWrapper>\n        <Styled.InputContainer\n          $flexGap={24}\n          $justifyContent=\"center\"\n          $background=\"PURPLE_1\"\n          $borderColor=\"BLACK_1\"\n          $gapX={2.5}\n          $gutterX={2.5}\n        >\n          <FlexView $flexDirection=\"row\" $flexColumnGapX={1.5}>\n            {demoType === 'TRIAL_V3' ? (\n              <TextInput\n                renderAs=\"primary\"\n                label=\"Name\"\n                value={name}\n                type=\"text\"\n                name=\"name\"\n                shape=\"borderLess\"\n                onChange={onNameChange}\n                width=\"100%\"\n                isTransparent\n                errorMessage={numberInNameError ? 'Please enter a valid name' : undefined}\n              />\n            ) : null}\n            <SelectInput\n              renderAs=\"primary\"\n              label=\"Grade\"\n              value={grade}\n              options={grades}\n              shape=\"borderLess\"\n              onChange={onGradeChange}\n              theme=\"dark\"\n              widthX={10}\n              isTransparent\n            />\n          </FlexView>\n          <SelectInput\n            renderAs=\"primary\"\n            label=\"Curriculum\"\n            value={curriculum}\n            options={curriculumStandards}\n            disabled={!grade}\n            shape=\"borderLess\"\n            renderOptionsAs=\"section-list\"\n            theme=\"dark\"\n            onChange={onCurriculumChange}\n            isTransparent\n          />\n          <SearchableSelectInput\n            renderAs=\"primary\"\n            label=\"Goal\"\n            value={selectedGoal}\n            options={goalsList}\n            shape=\"borderLess\"\n            theme=\"dark\"\n            onChange={onGoalChange}\n            isTransparent\n            disabled={!grade || !curriculum}\n          />\n        </Styled.InputContainer>\n      </Styled.ContentWrapper>\n    </Styled.Container>\n  );\n};\n\nexport default SchoolGoalsView;\n"],"names":["SchoolGoalsView","props","name","grade","grades","demoType","goalsList","curriculum","buttonState","selectedGoal","numberInNameError","curriculumStandards","onNameChange","onGoalChange","onGradeChange","onCurriculumChange","isLoading","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AAmCM,MAAAA,IAAkB,CAACC,MAAwB;AACzC,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAd,GAEE;AAAA,IACJ,OAAO,EAAE,WAAAe,IAAY,GAAM;AAAA,EAAA,IACzBR,KAAe,CAAA;AAGjB,SAAA,gBAAAS,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,sBACtBC,GAAY,EAAA;AAAA,IACb,gBAAAJ,EAACK,GAAA,EAAsB,WAAWN,GAAW,gBAAe,OAAM,iBAAgB,UAChF,UAAA;AAAA,MAAA,gBAAAG,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,MACA,gBAAAR;AAAA,QAACS;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAgB;AAAA,UAChB,aAAY;AAAA,UACZ,cAAa;AAAA,UACb,OAAO;AAAA,UACP,UAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC7C,UAAA;AAAA,cAAAtB,MAAa,aACZ,gBAAAc;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAO1B;AAAA,kBACP,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,OAAM;AAAA,kBACN,UAAUU;AAAA,kBACV,OAAM;AAAA,kBACN,eAAa;AAAA,kBACb,cAAcF,IAAoB,8BAA8B;AAAA,gBAAA;AAAA,cAAA,IAEhE;AAAA,cACJ,gBAAAS;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,OAAM;AAAA,kBACN,OAAO1B;AAAA,kBACP,SAASC;AAAA,kBACT,OAAM;AAAA,kBACN,UAAUU;AAAA,kBACV,OAAM;AAAA,kBACN,QAAQ;AAAA,kBACR,eAAa;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA,GACF;AAAA,YACA,gBAAAK;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,SAASI;AAAA,gBACT,UAAU,CAACR;AAAA,gBACX,OAAM;AAAA,gBACN,iBAAgB;AAAA,gBAChB,OAAM;AAAA,gBACN,UAAUY;AAAA,gBACV,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAI;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASH;AAAA,gBACT,OAAM;AAAA,gBACN,OAAM;AAAA,gBACN,UAAUO;AAAA,gBACV,eAAa;AAAA,gBACb,UAAU,CAACV,KAAS,CAACI;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/features/trial-session/comps/school-goals/school-goals.js

@@ -1,24 +1,25 @@
-import { jsx as B } from "react/jsx-runtime";
-import { memo as q, useMemo as h, useCallback as g, useEffect as E } from "react";
-import { GOAL_CATEGORY as n, ENROLLMENT_TYPES as y } from "../../../milestone/constants.js";
-import { getCategorizedCurriculumStandards as z } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
-import { getGradesFromConfig as V, getGoalsFromConfig as J } from "../../../milestone/create/milestone-create-helpers.js";
+import { jsx as q } from "react/jsx-runtime";
+import { memo as z, useMemo as h, useCallback as g, useEffect as E } from "react";
+import { GOAL_CATEGORY as n, ENROLLMENT_TYPES as L } from "../../../milestone/constants.js";
+import { getCategorizedCurriculumStandards as V } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
+import { getGradesFromConfig as J, getGoalsFromConfig as K } from "../../../milestone/create/milestone-create-helpers.js";
 import { epochTimestampAfterOneYear as H } from "../../../utils/utils.js";
-import { useTrialSessionContext as K } from "../../context/use-trial-session-context.js";
-import { isPLASource as Q, updateGoalInFormData as b } from "../../helper.js";
-import W from "./school-goals-view.js";
-import { HIGH_ENROLLMENT_PROGRAMS_MAP as X } from "../../trial-session-constants.js";
-const io = q(function() {
+import { useTrialSessionContext as Q } from "../../context/use-trial-session-context.js";
+import { isPLASource as W, updateGoalInFormData as b } from "../../helper.js";
+import X from "./school-goals-view.js";
+import { HIGH_ENROLLMENT_PROGRAMS_MAP as Z } from "../../trial-session-constants.js";
+const co = z(function() {
   const {
+    demoType: U,
     milestoneConfig: a,
-    formData: U,
+    formData: A,
     updateSlideConfig: e,
     updateButtonState: G,
     onRemoveOptionalSlides: C,
-    trialHomeData: A,
-    buttonState: N
-  } = K(), { name: O, grade: t, goals: r, curriculum: l, numberInNameError: I } = U || {}, { demo_info: P, intel_student: p, student: R } = A, { enrollment_type: s } = R || {}, { stream: m, region_data: v } = P || {}, { opportunity_country: i = "US" } = v || {}, D = V(a), c = Q(p == null ? void 0 : p.source), S = Object.keys(X), M = h(
-    () => z(a, {
+    trialHomeData: N,
+    buttonState: I
+  } = Q(), { name: O, grade: t, goals: r, curriculum: l, numberInNameError: P } = A || {}, { demo_info: R, intel_student: p, student: v } = N, { enrollment_type: s } = v || {}, { stream: m, region_data: D } = R || {}, { opportunity_country: i = "US" } = D || {}, M = J(a), c = W(p == null ? void 0 : p.source), S = Object.keys(Z), F = h(
+    () => V(a, {
       countryCode: i,
       grade: t ?? "",
       goalCategory: n.SCHOOL_SUCCESS,
@@ -28,7 +29,7 @@ const io = q(function() {
     }),
     [a, i, t, m, s]
   ), d = h(
-    () => J(a, {
+    () => K(a, {
       countryCode: i,
       grade: t ?? "",
       goalCategory: n.SCHOOL_SUCCESS,
@@ -40,7 +41,7 @@ const io = q(function() {
   ), { goal_code: u } = h(
     () => (r == null ? void 0 : r.find((o) => o.goal_category === n.SCHOOL_SUCCESS)) ?? {},
     [r]
-  ), T = !!(O && t && l && u), F = g(
+  ), T = !!(O && t && l && u), x = g(
     (o) => {
       e({
         name: o.target.value,
@@ -48,25 +49,25 @@ const io = q(function() {
       });
     },
     [e]
-  ), x = g(
+  ), Y = g(
     (o, f) => {
-      const { label: _, programCode: L } = f, k = b(r, n.SCHOOL_SUCCESS, {
+      const { label: _, programCode: y } = f, w = b(r, n.SCHOOL_SUCCESS, {
         goal_code: o,
         milestone_name: _,
         milestone_date_ts: H(),
         publish: c,
-        program_code: L
-      }), w = S.includes(L) ? y.HIGH : void 0;
+        program_code: y
+      }), B = S.includes(y) ? L.HIGH : void 0;
       e({
-        goals: k,
-        enrollmentType: w
+        goals: w,
+        enrollmentType: B
       });
     },
     [r, c, e, S]
-  ), Y = g(
+  ), j = g(
     (o) => e({ curriculum: o, goals: [], enrollmentType: void 0 }),
     [e]
-  ), j = g(
+  ), k = g(
     (o) => {
       e({ grade: o, curriculum: "", goals: [], enrollmentType: void 0 });
     },
@@ -85,32 +86,33 @@ const io = q(function() {
         milestone_date_ts: H(),
         publish: c,
         program_code: o.programCode
-      }), _ = S.includes((o == null ? void 0 : o.programCode) ?? "") ? y.HIGH : void 0;
+      }), _ = S.includes((o == null ? void 0 : o.programCode) ?? "") ? L.HIGH : void 0;
       e({
         goals: f,
         enrollmentType: _
       });
     }
-  }, [d, c]), /* @__PURE__ */ B(
-    W,
+  }, [d, c]), /* @__PURE__ */ q(
+    X,
     {
       name: O,
       grade: t,
-      grades: D,
-      buttonState: N,
+      grades: M,
+      demoType: U,
+      buttonState: I,
       goalsList: d,
       curriculum: l,
       selectedGoal: u,
-      numberInNameError: I,
-      curriculumStandards: M,
-      onNameChange: F,
-      onGoalChange: x,
-      onGradeChange: j,
-      onCurriculumChange: Y
+      numberInNameError: P,
+      curriculumStandards: F,
+      onNameChange: x,
+      onGoalChange: Y,
+      onGradeChange: k,
+      onCurriculumChange: j
     }
   );
 });
 export {
-  io as default
+  co as default
 };
 //# sourceMappingURL=school-goals.js.map