@cuemath/leap 3.0.7-hg1 → 3.0.7

package/dist/features/trial-session/comps/pricing/pricing-cards.js

@@ -0,0 +1,144 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import d from "../../../ui/layout/flex-view.js";
+import t from "../../../ui/separator/separator.js";
+import n from "../../../ui/text/text.js";
+import p from "./board-comp.js";
+import { PricingBoard as f, ImageWrapper as y, OfferText as h } from "./pricing-styled.js";
+const c = {
+  0: "WHITE_4",
+  1: "GREEN_1"
+}, F = ({ pricingConfig: u, intentType: A, colorIndex: i }) => {
+  if (A === "LOW") {
+    const {
+      plan_name: W,
+      original_price: o,
+      discounted_price: _,
+      price_per_class: D,
+      classes_per_cycle: H,
+      billing_cycle: I,
+      offer: g,
+      currency_symbol: a
+    } = u || {};
+    return /* @__PURE__ */ e(f, { $width: 287, $height: 393, $gutterX: 2.5, $gapX: 2.125, children: [
+      /* @__PURE__ */ r(y, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(p, { width: 287, height: 393 }) }),
+      /* @__PURE__ */ e(d, { $height: "100%", $justifyContent: "space-between", children: [
+        /* @__PURE__ */ e("div", { children: [
+          /* @__PURE__ */ r(t, { height: 50 }),
+          /* @__PURE__ */ r(n, { $renderAs: "ac2-black", children: W }),
+          /* @__PURE__ */ r(t, { height: 20 }),
+          /* @__PURE__ */ e(d, { $flexDirection: "row", $alignItems: "center", children: [
+            o && o !== _ ? /* @__PURE__ */ r(n, { $renderAs: "ub3-bold", $textDecoration: "line-through", children: a + o }) : null,
+            /* @__PURE__ */ e(d, { $flexDirection: "row", $alignItems: "end", children: [
+              /* @__PURE__ */ r(n, { $renderAs: "ah3-bold", children: a + _ }),
+              /* @__PURE__ */ e(n, { $renderAs: "ab1-bold", children: [
+                "/",
+                I === "yearly" ? "year" : "month"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ r(t, { height: 4 }),
+          /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
+            "(",
+            a + D,
+            "/class)"
+          ] }),
+          /* @__PURE__ */ r(t, { height: 4 }),
+          /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
+            "(",
+            H,
+            " classes/mo)"
+          ] })
+        ] }),
+        g && /* @__PURE__ */ r(
+          h,
+          {
+            $renderAs: "ub3-bold",
+            $background: c[i % 2] ?? "WHITE_4",
+            children: g
+          }
+        )
+      ] })
+    ] });
+  }
+  const {
+    amount: $,
+    duration: C,
+    amount_after_coupon: l,
+    classes_per_week: k,
+    currency_symbol: s,
+    discount_details: w,
+    fee_per_class_after_discount: x,
+    meta_text: b,
+    no_of_classes: E
+  } = u || {}, { discount_duration: m, original_plan_details: P } = w || {}, { duration: T } = P || {};
+  return /* @__PURE__ */ e(
+    f,
+    {
+      $width: 287,
+      $height: 393,
+      $gutterX: 2.5,
+      $gapX: 2.125,
+      $justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ r(y, { $color: c[i % 2] ?? "WHITE_4", children: /* @__PURE__ */ r(p, { width: 287, height: 393 }) }),
+        /* @__PURE__ */ e("div", { children: [
+          /* @__PURE__ */ r(t, { height: 30 }),
+          /* @__PURE__ */ e(n, { $renderAs: "ah2-black", children: [
+            T || C,
+            " ",
+            /* @__PURE__ */ r(n, { $renderAs: "ac2-black", $inline: !0, children: "Months" })
+          ] }),
+          m && /* @__PURE__ */ e(
+            h,
+            {
+              $renderAs: "ub3-bold",
+              $background: c[i % 2] ?? "WHITE_4",
+              children: [
+                "Get extra ",
+                m,
+                " Months FREE"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { children: [
+          l !== $ ? /* @__PURE__ */ e(n, { $renderAs: "ab1", $textDecoration: "line-through", children: [
+            s + $,
+            /* @__PURE__ */ e(n, { $renderAs: "ab1-black", $inline: !0, children: [
+              " ",
+              s + l
+            ] })
+          ] }) : /* @__PURE__ */ r(n, { $renderAs: "ab1-black", $inline: !0, children: s + l }),
+          /* @__PURE__ */ e(n, { $renderAs: "ub3", children: [
+            "(",
+            x,
+            "/class)"
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { children: [
+          /* @__PURE__ */ e(n, { $renderAs: "ab1", children: [
+            E,
+            " classes"
+          ] }),
+          /* @__PURE__ */ e(n, { $renderAs: "ub2", children: [
+            "(",
+            k * 4,
+            " classes/mo)"
+          ] })
+        ] }),
+        b && /* @__PURE__ */ r(
+          h,
+          {
+            $renderAs: "ub3-bold",
+            $background: c[i % 2] ?? "WHITE_4",
+            children: b
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  F as default
+};
+//# sourceMappingURL=pricing-cards.js.map

package/dist/features/trial-session/comps/pricing/pricing-cards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-cards.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-cards.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\nimport type {\n  IPricingCardsProps,\n  TLowIntentPricingDetails,\n  TPricingDetails,\n} from './pricing-typed';\nimport type { FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport HangingBoardComp from './board-comp';\nimport * as Styled from './pricing-styled';\n\nconst layoutPrimaryColor: Record<number, TColorNames> = {\n  0: 'WHITE_4',\n  1: 'GREEN_1',\n};\n\nconst PricingCards: FC<IPricingCardsProps> = ({ pricingConfig, intentType, colorIndex }) => {\n  if (intentType === 'LOW') {\n    const {\n      plan_name: pricingName,\n      original_price: originalPrice,\n      discounted_price: discountedPrice,\n      price_per_class: pricePerClass,\n      classes_per_cycle: classesPerCycle,\n      billing_cycle: billingCycle,\n      offer: metaText,\n      currency_symbol: currencySymbol,\n    } = (pricingConfig as TLowIntentPricingDetails) || {};\n\n    return (\n      <Styled.PricingBoard $width={287} $height={393} $gutterX={2.5} $gapX={2.125}>\n        <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n          <HangingBoardComp width={287} height={393} />\n        </Styled.ImageWrapper>\n        <FlexView $height=\"100%\" $justifyContent=\"space-between\">\n          <div>\n            <Separator height={50} />\n            <Text $renderAs=\"ac2-black\">{pricingName}</Text>\n            <Separator height={20} />\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\">\n              {originalPrice && originalPrice !== discountedPrice ? (\n                <Text $renderAs=\"ub3-bold\" $textDecoration=\"line-through\">\n                  {currencySymbol + originalPrice}\n                </Text>\n              ) : null}\n              <FlexView $flexDirection=\"row\" $alignItems=\"end\">\n                <Text $renderAs=\"ah3-bold\">{currencySymbol + discountedPrice}</Text>\n                <Text $renderAs=\"ab1-bold\">/{billingCycle === 'yearly' ? 'year' : 'month'}</Text>\n              </FlexView>\n            </FlexView>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({currencySymbol + pricePerClass}/class)</Text>\n            <Separator height={4} />\n            <Text $renderAs=\"ub3\">({classesPerCycle} classes/mo)</Text>\n          </div>\n\n          {metaText && (\n            <Styled.OfferText\n              $renderAs=\"ub3-bold\"\n              $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n            >\n              {metaText}\n            </Styled.OfferText>\n          )}\n        </FlexView>\n      </Styled.PricingBoard>\n    );\n  }\n\n  const {\n    amount,\n    duration: durationWithoutCoupon,\n    amount_after_coupon: amountAfterCoupon,\n    classes_per_week: classesPerWeek,\n    currency_symbol: currencySymbol,\n    discount_details: discountDetails,\n    fee_per_class_after_discount: feePerClassAfterDiscount,\n    meta_text: metaText,\n    no_of_classes: noOfClasses,\n  } = (pricingConfig as TPricingDetails) || {};\n  const { discount_duration: discountDuration, original_plan_details: originalPlanDetails } =\n    discountDetails || {};\n  const { duration } = originalPlanDetails || {};\n\n  return (\n    <Styled.PricingBoard\n      $width={287}\n      $height={393}\n      $gutterX={2.5}\n      $gapX={2.125}\n      $justifyContent=\"space-between\"\n    >\n      <Styled.ImageWrapper $color={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}>\n        <HangingBoardComp width={287} height={393} />\n      </Styled.ImageWrapper>\n      <div>\n        <Separator height={30} />\n        <Text $renderAs=\"ah2-black\">\n          {duration || durationWithoutCoupon}&nbsp;\n          <Text $renderAs=\"ac2-black\" $inline>\n            Months\n          </Text>\n        </Text>\n        {discountDuration && (\n          <Styled.OfferText\n            $renderAs=\"ub3-bold\"\n            $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n          >\n            Get extra {discountDuration} Months FREE\n          </Styled.OfferText>\n        )}\n      </div>\n\n      <div>\n        {amountAfterCoupon !== amount ? (\n          <Text $renderAs=\"ab1\" $textDecoration=\"line-through\">\n            {currencySymbol + amount}\n            <Text $renderAs=\"ab1-black\" $inline>\n              &nbsp;\n              {currencySymbol + amountAfterCoupon}\n            </Text>\n          </Text>\n        ) : (\n          <Text $renderAs=\"ab1-black\" $inline>\n            {currencySymbol + amountAfterCoupon}\n          </Text>\n        )}\n        <Text $renderAs=\"ub3\">({feePerClassAfterDiscount}/class)</Text>\n      </div>\n\n      <div>\n        <Text $renderAs=\"ab1\">{noOfClasses} classes</Text>\n        <Text $renderAs=\"ub2\">({classesPerWeek * 4} classes/mo)</Text>\n      </div>\n\n      {metaText && (\n        <Styled.OfferText\n          $renderAs=\"ub3-bold\"\n          $background={layoutPrimaryColor[colorIndex % 2] ?? 'WHITE_4'}\n        >\n          {metaText}\n        </Styled.OfferText>\n      )}\n    </Styled.PricingBoard>\n  );\n};\n\nexport default PricingCards;\n"],"names":["layoutPrimaryColor","PricingCards","pricingConfig","intentType","colorIndex","pricingName","originalPrice","discountedPrice","pricePerClass","classesPerCycle","billingCycle","metaText","currencySymbol","jsxs","Styled.PricingBoard","jsx","Styled.ImageWrapper","HangingBoardComp","FlexView","Separator","Text","Styled.OfferText","amount","durationWithoutCoupon","amountAfterCoupon","classesPerWeek","discountDetails","feePerClassAfterDiscount","noOfClasses","discountDuration","originalPlanDetails","duration"],"mappings":"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"}

package/dist/features/trial-session/comps/pricing/pricing-styled.js

@@ -0,0 +1,55 @@
+import e from "styled-components";
+import i from "../../../ui/layout/flex-view.js";
+import p from "../../../ui/text/text.js";
+const g = e.div`
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+`, s = e.div(
+  ({ theme: t }) => `
+  width: 600px;
+  margin: auto;
+  transform: translateY(-${t.layout.gutter * 1.875}px);
+`
+), c = e(i)`
+  position: relative;
+`, m = e.div(
+  ({ theme: t, $color: o }) => `
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  height: 100%;
+  color: ${t.colors[o]}
+`
+), h = e(p)(
+  ({ $background: t, theme: { colors: o, layout: r } }) => `
+  background: ${o[t]};
+  padding: ${r.gutter * 0.125}px ${r.gutter * 0.5}px;
+  width: max-content;
+  white-space: pre-wrap;
+`
+), l = e.div(
+  ({ theme: { layout: t, colors: o } }) => `
+  position: relative;
+  padding: ${t.gutter * 1.5}px;
+  background: ${o.WHITE_3};
+`
+), u = e.div(
+  ({ theme: { layout: t } }) => `
+  position: absolute;
+  right: -${t.gutter}px;
+  bottom: 0;
+`
+);
+export {
+  g as Container,
+  m as ImageWrapper,
+  h as OfferText,
+  l as PolicyWrapper,
+  c as PricingBoard,
+  s as PricingWrapper,
+  u as RefundImageWrapper
+};
+//# sourceMappingURL=pricing-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-styled.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../../ui/types';\n\nimport styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n`;\n\nconst PricingWrapper = styled.div(\n  ({ theme }) => `\n  width: 600px;\n  margin: auto;\n  transform: translateY(-${theme.layout.gutter * 1.875}px);\n`,\n);\n\nconst PricingBoard = styled(FlexView)`\n  position: relative;\n`;\n\nconst ImageWrapper = styled.div<{ $color: TColorNames }>(\n  ({ theme, $color }) => `\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: -1;\n  height: 100%;\n  color: ${theme.colors[$color]}\n`,\n);\n\nconst OfferText = styled(Text)<{ $background: TColorNames }>(\n  ({ $background, theme: { colors, layout } }) => `\n  background: ${colors[$background]};\n  padding: ${layout.gutter * 0.125}px ${layout.gutter * 0.5}px;\n  width: max-content;\n  white-space: pre-wrap;\n`,\n);\n\nconst PolicyWrapper = styled.div(\n  ({ theme: { layout, colors } }) => `\n  position: relative;\n  padding: ${layout.gutter * 1.5}px;\n  background: ${colors.WHITE_3};\n`,\n);\n\nconst RefundImageWrapper = styled.div(\n  ({ theme: { layout } }) => `\n  position: absolute;\n  right: -${layout.gutter}px;\n  bottom: 0;\n`,\n);\n\nexport {\n  Container,\n  PricingWrapper,\n  PricingBoard,\n  ImageWrapper,\n  OfferText,\n  PolicyWrapper,\n  RefundImageWrapper,\n};\n"],"names":["Container","styled","PricingWrapper","theme","PricingBoard","FlexView","ImageWrapper","$color","OfferText","Text","$background","colors","layout","PolicyWrapper","RefundImageWrapper"],"mappings":";;;AAOA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA,GAMnBC,IAAiBD,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAAE,EAAA,MAAY;AAAA;AAAA;AAAA,2BAGUA,EAAM,OAAO,SAAS,KAAK;AAAA;AAEtD,GAEMC,IAAeH,EAAOI,CAAQ;AAAA;AAAA,GAI9BC,IAAeL,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAE,GAAO,QAAAI,EAAA,MAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAOdJ,EAAM,OAAOI,CAAM,CAAC;AAAA;AAE/B,GAEMC,IAAYP,EAAOQ,CAAI;AAAA,EAC3B,CAAC,EAAE,aAAAC,GAAa,OAAO,EAAE,QAAAC,GAAQ,QAAAC,UAAe;AAAA,gBAClCD,EAAOD,CAAW,CAAC;AAAA,aACtBE,EAAO,SAAS,KAAK,MAAMA,EAAO,SAAS,GAAG;AAAA;AAAA;AAAA;AAI3D,GAEMC,IAAgBZ,EAAO;AAAA,EAC3B,CAAC,EAAE,OAAO,EAAE,QAAAW,GAAQ,QAAAD,EAAA,EAAe,MAAA;AAAA;AAAA,aAExBC,EAAO,SAAS,GAAG;AAAA,gBAChBD,EAAO,OAAO;AAAA;AAE9B,GAEMG,IAAqBb,EAAO;AAAA,EAChC,CAAC,EAAE,OAAO,EAAE,QAAAW,EAAA,EAAe,MAAA;AAAA;AAAA,YAEjBA,EAAO,MAAM;AAAA;AAAA;AAGzB;"}

package/dist/features/trial-session/comps/pricing/pricing.js

@@ -0,0 +1,73 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { memo as P, useCallback as x, useEffect as m } from "react";
+import { ILLUSTRATIONS as T } from "../../../../assets/illustrations/illustrations.js";
+import v from "../../../ui/error/error.js";
+import y from "../../../ui/image/image.js";
+import C from "../../../ui/layout/flex-view.js";
+import I from "../../../ui/loader/app-loader/app-loader.js";
+import d from "../../../ui/separator/separator.js";
+import L from "../../../ui/text/text.js";
+import { useGetTrialPricing as S } from "../../api/trial-pricing.js";
+import { useTrialSessionContext as $ } from "../../context/use-trial-session-context.js";
+import w from "../slide-header/index.js";
+import A from "./pricing-cards.js";
+import { Container as b, PricingWrapper as D, PolicyWrapper as E, RefundImageWrapper as W } from "./pricing-styled.js";
+const z = P(() => {
+  const { isTeacher: f, studentId: i, updateButtonState: s } = $(), {
+    data: g,
+    get: p,
+    isProcessed: e,
+    isProcessing: t,
+    isProcessingFailed: h
+  } = S("trial-v3-pricing", {
+    student_id: i
+  }), { plans: o, intent_level: c } = g || {}, n = x(() => {
+    i && !e && p("trial-v3-pricing", { student_id: i });
+  }, [p, e, i]);
+  return m(() => {
+    n();
+  }, [n]), m(() => {
+    s("right", { isDisabled: t, isLoading: !1 });
+  }, [t, f, s]), t ? /* @__PURE__ */ r(I, { height: "100vh" }) : h ? /* @__PURE__ */ r(v, { height: "100vh", onTryAgain: n }) : e ? /* @__PURE__ */ a(b, { children: [
+    /* @__PURE__ */ r(d, { height: 60 }),
+    /* @__PURE__ */ r(w, { marginBottom: 38 }),
+    /* @__PURE__ */ a(D, { children: [
+      /* @__PURE__ */ r(
+        C,
+        {
+          $width: "100%",
+          $flexDirection: "row",
+          $justifyContent: "space-between",
+          $flexGap: 20,
+          $flexWrap: !0,
+          children: c && o && Array.isArray(o) && o.map((u, l) => /* @__PURE__ */ r(
+            A,
+            {
+              colorIndex: l,
+              intentType: c,
+              pricingConfig: u
+            },
+            l
+          ))
+        }
+      ),
+      /* @__PURE__ */ r(d, { height: 50 }),
+      /* @__PURE__ */ a(E, { children: [
+        /* @__PURE__ */ r(L, { $renderAs: "ab1-bold", $color: "GREEN_6", children: "We have a no-questions-asked refund policy" }),
+        /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(
+          y,
+          {
+            src: T.REFUND_POLICY,
+            width: 168,
+            height: 100,
+            withLoader: !1
+          }
+        ) })
+      ] })
+    ] })
+  ] }) : null;
+});
+export {
+  z as default
+};
+//# sourceMappingURL=pricing.js.map

package/dist/features/trial-session/comps/pricing/pricing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing.js","sources":["../../../../../src/features/trial-session/comps/pricing/pricing.tsx"],"sourcesContent":["import { memo, useCallback, useEffect } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport Error from '../../../ui/error/error';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useGetTrialPricing } from '../../api/trial-pricing';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport SlideHeader from '../slide-header';\nimport PricingCards from './pricing-cards';\nimport * as Styled from './pricing-styled';\n\nconst SessionPricing = memo(() => {\n  const { isTeacher, studentId, updateButtonState } = useTrialSessionContext();\n\n  const {\n    data: pricingData,\n    get: getTrialPricing,\n    isProcessed,\n    isProcessing,\n    isProcessingFailed,\n  } = useGetTrialPricing('trial-v3-pricing', {\n    student_id: studentId,\n  });\n\n  const { plans: pricingPlans, intent_level: intentLevel } = pricingData || {};\n  const fetchData = useCallback(() => {\n    if (studentId && !isProcessed) {\n      getTrialPricing('trial-v3-pricing', { student_id: studentId });\n    }\n  }, [getTrialPricing, isProcessed, studentId]);\n\n  useEffect(() => {\n    fetchData();\n  }, [fetchData]);\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: isProcessing, isLoading: false });\n  }, [isProcessing, isTeacher, updateButtonState]);\n\n  if (isProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isProcessingFailed) {\n    return <Error height=\"100vh\" onTryAgain={fetchData} />;\n  }\n\n  if (isProcessed) {\n    return (\n      <Styled.Container>\n        <Separator height={60} />\n        <SlideHeader marginBottom={38} />\n        <Styled.PricingWrapper>\n          <FlexView\n            $width=\"100%\"\n            $flexDirection=\"row\"\n            $justifyContent=\"space-between\"\n            $flexGap={20}\n            $flexWrap\n          >\n            {intentLevel &&\n              pricingPlans &&\n              Array.isArray(pricingPlans) &&\n              pricingPlans.map((pricing, index) => {\n                return (\n                  <PricingCards\n                    key={index}\n                    colorIndex={index}\n                    intentType={intentLevel}\n                    pricingConfig={pricing}\n                  />\n                );\n              })}\n          </FlexView>\n          <Separator height={50} />\n          <Styled.PolicyWrapper>\n            <Text $renderAs=\"ab1-bold\" $color=\"GREEN_6\">\n              We have a no-questions-asked refund policy\n            </Text>\n            <Styled.RefundImageWrapper>\n              <Image\n                src={ILLUSTRATIONS.REFUND_POLICY}\n                width={168}\n                height={100}\n                withLoader={false}\n              />\n            </Styled.RefundImageWrapper>\n          </Styled.PolicyWrapper>\n        </Styled.PricingWrapper>\n      </Styled.Container>\n    );\n  }\n\n  return null;\n});\n\nexport default SessionPricing;\n"],"names":["SessionPricing","memo","isTeacher","studentId","updateButtonState","useTrialSessionContext","pricingData","getTrialPricing","isProcessed","isProcessing","isProcessingFailed","useGetTrialPricing","pricingPlans","intentLevel","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","pricing","index","PricingCards","Styled.PolicyWrapper","Text","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;;;AAeM,MAAAA,IAAiBC,EAAK,MAAM;AAChC,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,mBAAAC,MAAsBC,EAAuB,GAErE;AAAA,IACJ,MAAMC;AAAA,IACN,KAAKC;AAAA,IACL,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,EAAmB,oBAAoB;AAAA,IACzC,YAAYR;AAAA,EAAA,CACb,GAEK,EAAE,OAAOS,GAAc,cAAcC,EAAY,IAAIP,KAAe,IACpEQ,IAAYC,EAAY,MAAM;AAC9B,IAAAZ,KAAa,CAACK,KAChBD,EAAgB,oBAAoB,EAAE,YAAYJ,EAAW,CAAA;AAAA,EAE9D,GAAA,CAACI,GAAiBC,GAAaL,CAAS,CAAC;AAU5C,SARAa,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAAZ,EAAkB,SAAS,EAAE,YAAYK,GAAc,WAAW,IAAO;AAAA,EACxE,GAAA,CAACA,GAAcP,GAAWE,CAAiB,CAAC,GAE3CK,IACK,gBAAAQ,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BR,IACM,gBAAAO,EAAAE,GAAA,EAAM,QAAO,SAAQ,YAAYL,EAAW,CAAA,IAGlDN,IAEA,gBAAAY,EAACC,GAAA,EACC,UAAA;AAAA,IAAC,gBAAAJ,EAAAK,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,IACvB,gBAAAL,EAACM,GAAY,EAAA,cAAc,GAAI,CAAA;AAAA,IAC/B,gBAAAH,EAACI,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP;AAAA,QAACQ;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,gBAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,WAAS;AAAA,UAER,UAAAZ,KACCD,KACA,MAAM,QAAQA,CAAY,KAC1BA,EAAa,IAAI,CAACc,GAASC,MAEvB,gBAAAV;AAAA,YAACW;AAAA,YAAA;AAAA,cAEC,YAAYD;AAAA,cACZ,YAAYd;AAAA,cACZ,eAAea;AAAA,YAAA;AAAA,YAHVC;AAAA,UAAA,CAMV;AAAA,QAAA;AAAA,MACL;AAAA,MACA,gBAAAV,EAACK,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,MACvB,gBAAAF,EAACS,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAZ,EAACa,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,QACA,gBAAAb,EAACc,GAAA,EACC,UAAA,gBAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,KAAKC,EAAc;AAAA,YACnB,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,YAAY;AAAA,UAAA;AAAA,QAAA,GAEhB;AAAA,MAAA,GACF;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA,IAIG;AACT,CAAC;"}

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

@@ -0,0 +1,33 @@
+import o from "styled-components";
+import r from "../../../ui/layout/flex-view.js";
+const p = o.div`
+  width: 100%;
+  height: 100%;
+`, n = o(r)`
+  width: 750px;
+  margin: auto;
+`, a = o.div(
+  ({ theme: t }) => `
+  position: relative;
+  width: ${t.layout.gutter * 18.75}px;
+  height: ${t.layout.gutter * 25}px;
+  border: 1px solid ${t.colors.BLACK_1};
+  .image {
+    position: absolute;
+    top: -${t.layout.gutter * 0.15625}px;
+    left: -${t.layout.gutter * 0.125}px;
+    right: 0;
+    bottom: 0;
+  }
+`
+), l = o(r)`
+  flex-grow: 1;
+  border-left: none;
+`;
+export {
+  p as Container,
+  n as ContentWrapper,
+  a as ImageWrapper,
+  l as InputContainer
+};
+//# sourceMappingURL=school-goals-styled.js.map

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

@@ -0,0 +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)`\n  width: 750px;\n  margin: auto;\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","ImageWrapper","theme","InputContainer"],"mappings":";;AAIA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAAA,GAKhCC,IAAeH,EAAO;AAAA,EAC1B,CAAC,EAAE,OAAAI,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,IAAiBL,EAAOE,CAAQ;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,105 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { GIF as c } from "../../../../assets/gif/gif.js";
+import f from "../../../ui/image/image.js";
+import C from "../../../ui/inputs/searchable-select-input/searchable-select-input.js";
+import o from "../../../ui/inputs/select-input/select-input.js";
+import S from "../../../ui/inputs/text-input/text-input.js";
+import b from "../../../ui/layout/flex-view.js";
+import g from "../../../ui/separator/separator.js";
+import x from "../slide-header/index.js";
+import { Container as $, ContentWrapper as w, ImageWrapper as L, InputContainer as y } from "./school-goals-styled.js";
+const D = ({
+  name: n,
+  onNameChange: i,
+  grade: t,
+  grades: s,
+  onGradeChange: p,
+  curriculum: a,
+  curriculumStandards: l,
+  onCurriculumChange: m,
+  selectedGoal: d,
+  goalsList: h,
+  onGoalChange: u
+}) => /* @__PURE__ */ r($, { children: [
+  /* @__PURE__ */ e(g, { height: 60 }),
+  /* @__PURE__ */ e(x, {}),
+  /* @__PURE__ */ r(w, { $flexDirection: "row", $justifyContent: "center", children: [
+    /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(f, { withLoader: !0, height: 402, width: 302, src: c.SCHOOL_SUCCESS, className: "image" }) }),
+    /* @__PURE__ */ r(
+      y,
+      {
+        $flexGap: 24,
+        $justifyContent: "center",
+        $background: "PURPLE_1",
+        $borderColor: "BLACK_1",
+        $gapX: 2.5,
+        $gutterX: 2.5,
+        children: [
+          /* @__PURE__ */ r(b, { $flexDirection: "row", $flexColumnGapX: 1.5, children: [
+            /* @__PURE__ */ e(
+              S,
+              {
+                renderAs: "primary",
+                label: "Student name",
+                value: n,
+                type: "text",
+                name: "name",
+                shape: "borderLess",
+                onChange: i,
+                width: "100%",
+                isTransparent: !0
+              }
+            ),
+            /* @__PURE__ */ e(
+              o,
+              {
+                renderAs: "primary",
+                label: "Select Grade",
+                value: t,
+                options: s,
+                shape: "borderLess",
+                onChange: p,
+                theme: "dark",
+                widthX: 10,
+                isTransparent: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            o,
+            {
+              renderAs: "primary",
+              label: "Select Curriculum",
+              value: a,
+              options: l,
+              disabled: !t,
+              shape: "borderLess",
+              renderOptionsAs: "section-list",
+              theme: "dark",
+              onChange: m,
+              isTransparent: !0
+            }
+          ),
+          /* @__PURE__ */ e(
+            C,
+            {
+              renderAs: "primary",
+              label: "Select a Goal",
+              value: d,
+              options: h,
+              shape: "borderLess",
+              theme: "dark",
+              onChange: u,
+              isTransparent: !0,
+              disabled: !t || !a
+            }
+          )
+        ]
+      }
+    )
+  ] })
+] });
+export {
+  D as default
+};
+//# sourceMappingURL=school-goals-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"school-goals-view.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals-view.tsx"],"sourcesContent":["import type { TCurriculumStandardOption } from '../../../milestone/create/milestone-create-types';\nimport type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\nimport type { ISectionOption } from '../../../ui/section-list/section-list-types';\n\nimport { GIF } from '../../../../assets/gif/gif';\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 TextInput from '../../../ui/inputs/text-input/text-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport SlideHeader from '../slide-header';\nimport * as Styled from './school-goals-styled';\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  onNameChange: (event: React.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 = ({\n  name,\n  onNameChange,\n  grade,\n  grades,\n  onGradeChange,\n  curriculum,\n  curriculumStandards,\n  onCurriculumChange,\n  selectedGoal,\n  goalsList,\n  onGoalChange,\n}: ISchoolGoals) => {\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.ContentWrapper $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            />\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","name","onNameChange","grade","grades","onGradeChange","curriculum","curriculumStandards","onCurriculumChange","selectedGoal","goalsList","onGoalChange","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.ContentWrapper","Styled.ImageWrapper","Image","GIF","Styled.InputContainer","FlexView","TextInput","SelectInput","SearchableSelectInput"],"mappings":";;;;;;;;;;AA6BA,MAAMA,IAAkB,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,MAEI,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,EAAC,gBAAAC,EAAAC,GAAA,EAAU,QAAQ,GAAI,CAAA;AAAA,oBACtBC,GAAY,EAAA;AAAA,oBACZC,GAAA,EAAsB,gBAAe,OAAM,iBAAgB,UAC1D,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAM,YAAU,IAAC,QAAQ,KAAK,OAAO,KAAK,KAAKC,EAAI,gBAAgB,WAAU,QAAQ,CAAA,GACxF;AAAA,IACA,gBAAAR;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAT,EAACU,GAAS,EAAA,gBAAe,OAAM,iBAAiB,KAC9C,UAAA;AAAA,YAAA,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOtB;AAAA,gBACP,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,YACA,gBAAAY;AAAA,cAACU;AAAA,cAAA;AAAA,gBACC,UAAS;AAAA,gBACT,OAAM;AAAA,gBACN,OAAOrB;AAAA,gBACP,SAASC;AAAA,gBACT,OAAM;AAAA,gBACN,UAAUC;AAAA,gBACV,OAAM;AAAA,gBACN,QAAQ;AAAA,gBACR,eAAa;AAAA,cAAA;AAAA,YACf;AAAA,UAAA,GACF;AAAA,UACA,gBAAAS;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOlB;AAAA,cACP,SAASC;AAAA,cACT,UAAU,CAACJ;AAAA,cACX,OAAM;AAAA,cACN,iBAAgB;AAAA,cAChB,OAAM;AAAA,cACN,UAAUK;AAAA,cACV,eAAa;AAAA,YAAA;AAAA,UACf;AAAA,UACA,gBAAAM;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,OAAOhB;AAAA,cACP,SAASC;AAAA,cACT,OAAM;AAAA,cACN,OAAM;AAAA,cACN,UAAUC;AAAA,cACV,eAAa;AAAA,cACb,UAAU,CAACR,KAAS,CAACG;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,GACF;AACF,EAAA,CAAA;"}

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

@@ -0,0 +1,101 @@
+import { jsx as A } from "react/jsx-runtime";
+import { memo as B, useMemo as C, useCallback as s, useEffect as S } from "react";
+import { GOAL_CATEGORY as m } from "../../../milestone/constants.js";
+import { getCategorizedCurriculumStandards as Y } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
+import { getGradesFromConfig as j, getGoalsFromConfig as q } from "../../../milestone/create/milestone-create-helpers.js";
+import { epochTimestampAfterOneYear as G } from "../../../utils/utils.js";
+import { useTrialSessionContext as v } from "../../context/use-trial-session-context.js";
+import { updateGoalInFormData as O } from "../../helper.js";
+import w from "./school-goals-view.js";
+const X = B(() => {
+  const {
+    milestoneConfig: r,
+    formData: L,
+    updateSlideConfig: n,
+    updateButtonState: f,
+    onRemoveOptionalSlides: g,
+    trialHomeData: E
+  } = v(), { name: p, grade: e, goals: a, curriculum: i } = L || {}, { demo_info: U } = E, { stream: c, region_data: y } = U || {}, { opportunity_country: u = "US" } = y || {}, H = j(r), N = C(
+    () => Y(r, {
+      countryCode: u,
+      grade: e ?? "",
+      goalCategory: m.SCHOOL_SUCCESS,
+      courseStream: c,
+      enrollmentType: "ONLINE"
+    }),
+    [r, u, e, c]
+  ), d = C(
+    () => q(r, {
+      countryCode: u,
+      grade: e ?? "",
+      goalCategory: m.SCHOOL_SUCCESS,
+      courseStream: c,
+      curriculumStandard: i,
+      enrollmentType: "ONLINE"
+    }),
+    [r, u, e, c, i]
+  ), { goal_code: _ } = C(
+    () => (a == null ? void 0 : a.find((o) => o.goal_category === m.SCHOOL_SUCCESS)) ?? {},
+    [a]
+  ), h = !!(p && e && i && _), t = s(
+    (o, l) => {
+      n({
+        [o]: l,
+        ...o === "grade" || o === "curriculum" ? { goals: [] } : {}
+      });
+    },
+    [n]
+  ), T = s((o) => t("name", o.target.value), [t]), D = s(
+    (o, l) => {
+      const { label: F } = l, x = O(a, m.SCHOOL_SUCCESS, {
+        goal_code: o,
+        milestone_name: F,
+        milestone_date_ts: G()
+      });
+      n({ goals: x });
+    },
+    [a, n]
+  ), I = s(
+    (o) => t("curriculum", o),
+    [t]
+  ), b = s(
+    (o) => {
+      t("grade", o), t("curriculum", "");
+    },
+    [t]
+  );
+  return S(() => {
+    f("right", { isDisabled: !h, isLoading: !1 });
+  }, [h, f]), S(() => {
+    e && (g == null || g(e));
+  }, [e]), S(() => {
+    const o = d.length === 1 ? d[0] : void 0;
+    if (o) {
+      const l = O(a, m.SCHOOL_SUCCESS, {
+        goal_code: o.id ?? "",
+        milestone_name: o.label ?? "",
+        milestone_date_ts: G()
+      });
+      n({ goals: l });
+    }
+  }, [d]), /* @__PURE__ */ A(
+    w,
+    {
+      name: p,
+      grade: e,
+      curriculum: i,
+      grades: H,
+      curriculumStandards: N,
+      goalsList: d,
+      selectedGoal: _,
+      onNameChange: T,
+      onGoalChange: D,
+      onGradeChange: b,
+      onCurriculumChange: I
+    }
+  );
+});
+export {
+  X as default
+};
+//# sourceMappingURL=school-goals.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(event => updateStudentInformation('name', event.target.value), [updateStudentInformation]);\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      curriculum={curriculum}\n      grades={grades}\n      curriculumStandards={curriculumStandards}\n      goalsList={goalsList}\n      selectedGoal={selectedGoal}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}

package/dist/features/trial-session/comps/session-insights/session-insights-styled.js

@@ -0,0 +1,45 @@
+import t from "styled-components";
+import i from "../../../ui/layout/flex-view.js";
+import o from "../../../ui/text/text.js";
+const n = t.div`
+  height: 100%;
+  width: 100%;
+`, l = t(i)`
+  margin: auto;
+`;
+t.img`
+  width: 100%;
+  max-width: 171px;
+`;
+const d = t(o)`
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  height: 44px;
+  z-index: 1;
+`, x = t(i)`
+  border-top: none;
+`, a = t(i)`
+  position: relative;
+  overflow: hidden;
+  :first-child {
+    right: -23px;
+  }
+`, s = t.div`
+  position: absolute;
+  top: -15px;
+  left: -1px;
+  right: -1px;
+  z-index: -1;
+`;
+export {
+  n as Container,
+  l as ContentWrapper,
+  s as LottieWrapper,
+  x as RatingBlock,
+  d as TopicName,
+  a as TopicWrapper
+};
+//# sourceMappingURL=session-insights-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-insights-styled.js","sources":["../../../../../src/features/trial-session/comps/session-insights/session-insights-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\n\nconst Container = styled.div`\n  height: 100%;\n  width: 100%;\n`;\n\nconst ContentWrapper = styled(FlexView)`\n  margin: auto;\n`;\n\nconst ProficiencyGraph = styled.img`\n  width: 100%;\n  max-width: 171px;\n`;\n\nconst TopicName = styled(Text)`\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  height: 44px;\n  z-index: 1;\n`;\n\nconst RatingBlock = styled(FlexView)`\n  border-top: none;\n`;\n\nconst TopicWrapper = styled(FlexView)`\n  position: relative;\n  overflow: hidden;\n  :first-child {\n    right: -23px;\n  }\n`;\n\nconst LottieWrapper = styled.div`\n  position: absolute;\n  top: -15px;\n  left: -1px;\n  right: -1px;\n  z-index: -1;\n`;\n\nexport {\n  ProficiencyGraph,\n  TopicName,\n  TopicWrapper,\n  Container,\n  RatingBlock,\n  ContentWrapper,\n  LottieWrapper,\n};\n"],"names":["Container","styled","ContentWrapper","FlexView","TopicName","Text","RatingBlock","TopicWrapper","LottieWrapper"],"mappings":";;;AAKA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA,GAKnBC,IAAiBD,EAAOE,CAAQ;AAAA;AAAA;AAIbF,EAAO;AAAA;AAAA;AAAA;AAK1B,MAAAG,IAAYH,EAAOI,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUvBC,IAAcL,EAAOE,CAAQ;AAAA;AAAA,GAI7BI,IAAeN,EAAOE,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ9BK,IAAgBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}