@cuemath/leap 3.0.32 → 3.1.0-aa1

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

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

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

@@ -1 +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 PricingIndia from './india-pricing';\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, country } = 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            {pricingPlans &&\n              Array.isArray(pricingPlans) &&\n              (country === 'IN' ? (\n                <PricingIndia plans={pricingPlans} />\n              ) : (\n                intentLevel &&\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              ))}\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","country","fetchData","useCallback","useEffect","jsx","AppLoader","Error","jsxs","Styled.Container","Separator","SlideHeader","Styled.PricingWrapper","FlexView","PricingIndia","pricing","index","PricingCards","Styled.PolicyWrapper","Text","Styled.RefundImageWrapper","Image","ILLUSTRATIONS"],"mappings":";;;;;;;;;;;;;;;AAgBM,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,GAAa,SAAAC,EAAQ,IAAIR,KAAe,IAC7ES,IAAYC,EAAY,MAAM;AAC9B,IAAAb,KAAa,CAACK,KAChBD,EAAgB,oBAAoB,EAAE,YAAYJ,EAAW,CAAA;AAAA,EAE9D,GAAA,CAACI,GAAiBC,GAAaL,CAAS,CAAC;AAU5C,SARAc,EAAU,MAAM;AACJ,IAAAF;EAAA,GACT,CAACA,CAAS,CAAC,GAEdE,EAAU,MAAM;AACd,IAAAb,EAAkB,SAAS,EAAE,YAAYK,GAAc,WAAW,IAAO;AAAA,EACxE,GAAA,CAACA,GAAcP,GAAWE,CAAiB,CAAC,GAE3CK,IACK,gBAAAS,EAACC,GAAU,EAAA,QAAO,QAAQ,CAAA,IAG/BT,IACM,gBAAAQ,EAAAE,GAAA,EAAM,QAAO,SAAQ,YAAYL,EAAW,CAAA,IAGlDP,IAEA,gBAAAa,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,eACC,MAAM,QAAQd,CAAY,MACzBE,MAAY,OACX,gBAAAI,EAACS,GAAa,EAAA,OAAOf,EAAc,CAAA,IAEnCC,KACAD,EAAa,IAAI,CAACgB,GAASC,MAEvB,gBAAAX;AAAA,YAACY;AAAA,YAAA;AAAA,cAEC,YAAYD;AAAA,cACZ,YAAYhB;AAAA,cACZ,eAAee;AAAA,YAAA;AAAA,YAHVC;AAAA,UAAA,CAMV;AAAA,QAAA;AAAA,MAEP;AAAA,MACA,gBAAAX,EAACK,GAAU,EAAA,QAAQ,GAAI,CAAA;AAAA,MACvB,gBAAAF,EAACU,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAb,EAACc,GAAK,EAAA,WAAU,YAAW,QAAO,WAAU,UAE5C,8CAAA;AAAA,QACA,gBAAAd,EAACe,GAAA,EACC,UAAA,gBAAAf;AAAA,UAACgB;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;"}
+{"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/ui/stepper/stepper.js

@@ -1,14 +1,14 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import m from "../../../assets/line-icons/icons/check.js";
-import h from "../text/text.js";
+import l from "../../../assets/line-icons/icons/check.js";
+import m from "../text/text.js";
 import { getTheme as p } from "../theme/get-theme.js";
 import { MainWrapper as a, HorizontalLine as d, Wrapper as g, NumberWrapper as f, StyledText as s } from "./stepper-styled.js";
 const { layout: u } = p(), { gutter: i } = u;
-function j({ stepsInfo: n = [], currentStep: e = 2 }) {
+function W({ stepsInfo: n = [], currentStep: e = 2 }) {
   const c = n.length && e >= 1 ? (e - 1) / n.length * 100 : 0;
   return /* @__PURE__ */ o(a, { $flexDirection: "row", $width: "fit-content", $gutterX: 0.625, $gapX: 0.625, children: [
     /* @__PURE__ */ t(d, { $percentageCompleted: c, $height: 1 }),
-    n.map(({ id: $, label: l }, r) => /* @__PURE__ */ o(
+    n.map(({ id: $, label: h }, r) => /* @__PURE__ */ o(
       g,
       {
         $flexDirection: "row",
@@ -25,10 +25,10 @@ function j({ stepsInfo: n = [], currentStep: e = 2 }) {
               $justifyContent: "center",
               $heightX: 1.25,
               $widthX: 1.25,
-              children: r + 1 < e ? /* @__PURE__ */ t(m, { height: i, width: i }) : /* @__PURE__ */ t(h, { $renderAs: "body3", $color: "WHITE", children: $ })
+              children: r + 1 < e ? /* @__PURE__ */ t(l, { height: i, width: i }) : /* @__PURE__ */ t(m, { $renderAs: "body3", $color: "WHITE", children: $ })
             }
           ),
-          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: l })
+          r + 1 === e && /* @__PURE__ */ t(s, { $renderAs: "body2", children: h })
         ]
       },
       r
@@ -36,6 +36,6 @@ function j({ stepsInfo: n = [], currentStep: e = 2 }) {
   ] });
 }
 export {
-  j as default
+  W as default
 };
 //# sourceMappingURL=stepper.js.map

package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js

@@ -1,33 +1,36 @@
-import { useEffect as g, useCallback as w } from "react";
-import { useAwsSignedKey as S } from "../api/subjective-review.js";
-import h from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
-const A = (c) => {
-  const { studentId: t, query: o } = c, { data: a, get: s } = S();
-  return g(() => {
-    s(t, o);
-  }, [o, s, t]), w(
-    async ({ images: d, onSuccess: i, onError: l, fileKey: u, fileName: m }) => {
+import { useRef as h, useEffect as f, useCallback as k } from "react";
+import { useAwsSignedKey as I } from "../api/subjective-review.js";
+import S from "../../../../node_modules/uuid/dist/esm-browser/v4.js";
+const C = (y) => {
+  const { studentId: t, query: o, enabled: r = !0 } = y, { data: s, get: d } = I(), c = h(s);
+  return f(() => {
+    c.current = s;
+  }, [s]), f(() => {
+    r && t && d(t, o);
+  }, [o, d, t, r]), k(
+    async ({ images: g, onSuccess: n, onError: p, fileKey: w, fileName: K }) => {
+      const a = c.current;
       if (!a) return;
-      const r = `https://${a.bucketName}.s3.amazonaws.com/`;
+      const i = `https://${a.bucketName}.s3.amazonaws.com/`;
       try {
-        const n = d.map(async (f) => {
-          const e = new FormData(), p = `${u}${m ?? h()}`;
-          if (e.append("key", p), e.append("AWSAccessKeyId", a.awsKey), e.append("acl", "public-read"), e.append("success_action_redirect", ""), e.append("policy", a.policy), e.append("signature", a.signature), e.append("Content-Type", "image/jpeg"), e.append("file", f.file), !(await fetch(r, {
+        const l = g.map(async (b) => {
+          const e = new FormData(), m = `${w}${K ?? S()}`;
+          if (e.append("key", m), e.append("AWSAccessKeyId", a.awsKey), e.append("acl", "public-read"), e.append("success_action_redirect", ""), e.append("policy", a.policy), e.append("signature", a.signature), e.append("Content-Type", "image/jpeg"), e.append("file", b.file), !(await fetch(i, {
             method: "POST",
             body: e
           })).ok)
             throw new Error("Upload failed");
-          return `${r}${p}`;
-        }), y = await Promise.all(n);
-        i(y);
+          return `${i}${m}`;
+        }), u = await Promise.all(l);
+        return n == null || n(u), u;
       } catch {
-        l();
+        p == null || p();
       }
     },
-    [a]
+    []
   );
 };
 export {
-  A as default
+  C as default
 };
 //# sourceMappingURL=use-s3-helper.js.map

package/dist/features/worksheet/worksheet/hooks/use-s3-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-s3-helper.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-s3-helper.ts"],"sourcesContent":["import type { IFile } from '../worksheet-question/subjective-review';\n\nimport { useCallback, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useAwsSignedKey } from '../api/subjective-review';\n\ninterface IUseS3helper {\n  (params: {\n    studentId: string;\n    query: {\n      type: string;\n    };\n  }): (props: IUploadImageProps) => void;\n}\n\ninterface IUploadImageProps {\n  images: IFile[];\n  onSuccess: (urls: string[]) => void;\n  onError: () => void;\n  fileKey: string;\n  fileName?: string;\n}\n\nconst useS3ImageUploadHelper: IUseS3helper = props => {\n  const { studentId, query } = props;\n  const { data: awsSignedKey, get: getAwsSignedKey } = useAwsSignedKey();\n\n  useEffect(() => {\n    getAwsSignedKey(studentId, query);\n  }, [query, getAwsSignedKey, studentId]);\n\n  const uploadImagesToS3 = useCallback(\n    async ({ images, onSuccess, onError, fileKey, fileName }: IUploadImageProps) => {\n      if (!awsSignedKey) return;\n\n      const url = `https://${awsSignedKey.bucketName}.s3.amazonaws.com/`;\n\n      try {\n        const uploadPromises = images.map(async (item: { file: string | Blob }) => {\n          const formData = new FormData();\n          const key = `${fileKey}${fileName ?? uuidv4()}`;\n\n          formData.append('key', key);\n          formData.append('AWSAccessKeyId', awsSignedKey.awsKey);\n          formData.append('acl', 'public-read');\n          formData.append('success_action_redirect', '');\n          formData.append('policy', awsSignedKey.policy);\n          formData.append('signature', awsSignedKey.signature);\n          formData.append('Content-Type', 'image/jpeg');\n          formData.append('file', item.file);\n\n          const res = await fetch(url, {\n            method: 'POST',\n            body: formData,\n          });\n\n          if (!res.ok) {\n            throw new Error('Upload failed');\n          }\n\n          return `${url}${key}`;\n        });\n\n        const uploadedUrls = await Promise.all(uploadPromises);\n\n        onSuccess(uploadedUrls);\n      } catch (error) {\n        onError();\n      }\n    },\n    [awsSignedKey],\n  );\n\n  return uploadImagesToS3;\n};\n\nexport default useS3ImageUploadHelper;\n"],"names":["useS3ImageUploadHelper","props","studentId","query","awsSignedKey","getAwsSignedKey","useAwsSignedKey","useEffect","useCallback","images","onSuccess","onError","fileKey","fileName","url","uploadPromises","item","formData","key","uuidv4","uploadedUrls"],"mappings":";;;AAwBA,MAAMA,IAAuC,CAASC,MAAA;AAC9C,QAAA,EAAE,WAAAC,GAAW,OAAAC,EAAU,IAAAF,GACvB,EAAE,MAAMG,GAAc,KAAKC,EAAA,IAAoBC;AAErD,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAgBH,GAAWC,CAAK;AAAA,EAC/B,GAAA,CAACA,GAAOE,GAAiBH,CAAS,CAAC,GAEbM;AAAA,IACvB,OAAO,EAAE,QAAAC,GAAQ,WAAAC,GAAW,SAAAC,GAAS,SAAAC,GAAS,UAAAC,QAAkC;AAC9E,UAAI,CAACT,EAAc;AAEb,YAAAU,IAAM,WAAWV,EAAa,UAAU;AAE1C,UAAA;AACF,cAAMW,IAAiBN,EAAO,IAAI,OAAOO,MAAkC;AACnE,gBAAAC,IAAW,IAAI,YACfC,IAAM,GAAGN,CAAO,GAAGC,KAAYM,EAAQ,CAAA;AAgBzC,cAdKF,EAAA,OAAO,OAAOC,CAAG,GACjBD,EAAA,OAAO,kBAAkBb,EAAa,MAAM,GAC5Ca,EAAA,OAAO,OAAO,aAAa,GAC3BA,EAAA,OAAO,2BAA2B,EAAE,GACpCA,EAAA,OAAO,UAAUb,EAAa,MAAM,GACpCa,EAAA,OAAO,aAAab,EAAa,SAAS,GAC1Ca,EAAA,OAAO,gBAAgB,YAAY,GACnCA,EAAA,OAAO,QAAQD,EAAK,IAAI,GAO7B,EALQ,MAAM,MAAMF,GAAK;AAAA,YAC3B,QAAQ;AAAA,YACR,MAAMG;AAAA,UAAA,CACP,GAEQ;AACD,kBAAA,IAAI,MAAM,eAAe;AAG1B,iBAAA,GAAGH,CAAG,GAAGI,CAAG;AAAA,QAAA,CACpB,GAEKE,IAAe,MAAM,QAAQ,IAAIL,CAAc;AAErD,QAAAL,EAAUU,CAAY;AAAA,cACR;AACN,QAAAT;MACV;AAAA,IACF;AAAA,IACA,CAACP,CAAY;AAAA,EAAA;AAIjB;"}
+{"version":3,"file":"use-s3-helper.js","sources":["../../../../../src/features/worksheet/worksheet/hooks/use-s3-helper.ts"],"sourcesContent":["import type { IFile } from '../worksheet-question/subjective-review';\n\nimport { useCallback, useEffect, useRef } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { useAwsSignedKey } from '../api/subjective-review';\n\ninterface IUseS3helperProps {\n  studentId: string;\n  query: {\n    type: string;\n  };\n  enabled?: boolean;\n}\n\ninterface IUploadImageProps {\n  images: IFile[];\n  onSuccess?: (urls: string[]) => void;\n  onError?: () => void;\n  fileKey: string;\n  fileName?: string;\n}\n\nconst useS3ImageUploadHelper = (props: IUseS3helperProps) => {\n  const { studentId, query, enabled = true } = props;\n  const { data, get: getAwsSignedKey } = useAwsSignedKey();\n  const awsSignedKeyRef = useRef(data);\n\n  useEffect(() => {\n    awsSignedKeyRef.current = data;\n  }, [data]);\n\n  useEffect(() => {\n    if (enabled && studentId) {\n      getAwsSignedKey(studentId, query);\n    }\n  }, [query, getAwsSignedKey, studentId, enabled]);\n\n  const uploadImagesToS3 = useCallback(\n    async ({ images, onSuccess, onError, fileKey, fileName }: IUploadImageProps) => {\n      const awsSignedKey = awsSignedKeyRef.current;\n\n      if (!awsSignedKey) return;\n\n      const url = `https://${awsSignedKey.bucketName}.s3.amazonaws.com/`;\n\n      try {\n        const uploadPromises = images.map(async (item: { file: string | Blob }) => {\n          const formData = new FormData();\n          const key = `${fileKey}${fileName ?? uuidv4()}`;\n\n          formData.append('key', key);\n          formData.append('AWSAccessKeyId', awsSignedKey.awsKey);\n          formData.append('acl', 'public-read');\n          formData.append('success_action_redirect', '');\n          formData.append('policy', awsSignedKey.policy);\n          formData.append('signature', awsSignedKey.signature);\n          formData.append('Content-Type', 'image/jpeg');\n          formData.append('file', item.file);\n\n          const res = await fetch(url, {\n            method: 'POST',\n            body: formData,\n          });\n\n          if (!res.ok) {\n            throw new Error('Upload failed');\n          }\n\n          return `${url}${key}`;\n        });\n\n        const uploadedUrls = await Promise.all(uploadPromises);\n\n        onSuccess?.(uploadedUrls);\n\n        return uploadedUrls;\n      } catch (error) {\n        onError?.();\n      }\n    },\n    [],\n  );\n\n  return uploadImagesToS3;\n};\n\nexport default useS3ImageUploadHelper;\n"],"names":["useS3ImageUploadHelper","props","studentId","query","enabled","data","getAwsSignedKey","useAwsSignedKey","awsSignedKeyRef","useRef","useEffect","useCallback","images","onSuccess","onError","fileKey","fileName","awsSignedKey","url","uploadPromises","item","formData","key","uuidv4","uploadedUrls"],"mappings":";;;AAuBM,MAAAA,IAAyB,CAACC,MAA6B;AAC3D,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,OAASH,GACvC,EAAE,MAAAI,GAAM,KAAKC,MAAoBC,EAAgB,GACjDC,IAAkBC,EAAOJ,CAAI;AAEnC,SAAAK,EAAU,MAAM;AACd,IAAAF,EAAgB,UAAUH;AAAA,EAAA,GACzB,CAACA,CAAI,CAAC,GAETK,EAAU,MAAM;AACd,IAAIN,KAAWF,KACbI,EAAgBJ,GAAWC,CAAK;AAAA,KAEjC,CAACA,GAAOG,GAAiBJ,GAAWE,CAAO,CAAC,GAEtBO;AAAA,IACvB,OAAO,EAAE,QAAAC,GAAQ,WAAAC,GAAW,SAAAC,GAAS,SAAAC,GAAS,UAAAC,QAAkC;AAC9E,YAAMC,IAAeT,EAAgB;AAErC,UAAI,CAACS,EAAc;AAEb,YAAAC,IAAM,WAAWD,EAAa,UAAU;AAE1C,UAAA;AACF,cAAME,IAAiBP,EAAO,IAAI,OAAOQ,MAAkC;AACnE,gBAAAC,IAAW,IAAI,YACfC,IAAM,GAAGP,CAAO,GAAGC,KAAYO,EAAQ,CAAA;AAgBzC,cAdKF,EAAA,OAAO,OAAOC,CAAG,GACjBD,EAAA,OAAO,kBAAkBJ,EAAa,MAAM,GAC5CI,EAAA,OAAO,OAAO,aAAa,GAC3BA,EAAA,OAAO,2BAA2B,EAAE,GACpCA,EAAA,OAAO,UAAUJ,EAAa,MAAM,GACpCI,EAAA,OAAO,aAAaJ,EAAa,SAAS,GAC1CI,EAAA,OAAO,gBAAgB,YAAY,GACnCA,EAAA,OAAO,QAAQD,EAAK,IAAI,GAO7B,EALQ,MAAM,MAAMF,GAAK;AAAA,YAC3B,QAAQ;AAAA,YACR,MAAMG;AAAA,UAAA,CACP,GAEQ;AACD,kBAAA,IAAI,MAAM,eAAe;AAG1B,iBAAA,GAAGH,CAAG,GAAGI,CAAG;AAAA,QAAA,CACpB,GAEKE,IAAe,MAAM,QAAQ,IAAIL,CAAc;AAErD,eAAAN,KAAA,QAAAA,EAAYW,IAELA;AAAA,cACO;AACJ,QAAAV,KAAA,QAAAA;AAAA,MACZ;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EAAA;AAIL;"}

package/dist/index.d.ts

@@ -295,10 +295,14 @@ export declare const CueCanvas: React.FC<ICueCanvas>;
 
 export declare const CueCanvasController: React_2.FC<IToolbarProps>;
 
+export declare const CueCanvasHomeworkController: NamedExoticComponent<IHomeWorkControllerProps>;
+
 export declare const CueCanvasProvider: FC<PropsWithChildren<{
     userType: TUserTypes;
 }>>;
 
+export declare const CueCanvasSideBar: NamedExoticComponent<ISidebar>;
+
 export declare const CuemathLogo: React_2.FC<React_2.SVGProps<SVGSVGElement>>;
 
 export declare const CueRocket: React.FC<React.SVGProps<SVGSVGElement>>;
@@ -799,6 +803,11 @@ declare interface ICalloutProps {
     marginBottomX: number;
 }
 
+declare interface ICanvasUpdateConfig {
+    dimesion?: IViewport;
+    gridName?: TCueCanvasGridName;
+}
+
 declare interface ICascadeSelectValue {
     variant: string;
     detail: string;
@@ -1204,6 +1213,8 @@ declare interface ICueCanvas {
     onUpdateHeight?: TUpdateHeight;
     onPublish?: TPublish;
     onSubscribe?: TSubscribe;
+    canvasConfig?: ICanvasUpdateConfig | null;
+    updateCanvasConfig?: TUpdateCanvasConfig;
 }
 
 declare interface ICueCanvasCallbackProps {
@@ -1451,7 +1462,6 @@ declare interface IGoalCurriculumMap {
     program_code: string;
     program_name: string;
     program_id: string;
-    is_live: boolean;
 }
 
 declare interface IGooglePlaceOption extends google.maps.places.AutocompletePrediction, ISelectOption<string> {
@@ -1479,6 +1489,30 @@ export declare interface IHomepageStartJourneyProps {
     userType: TUserTypes;
 }
 
+declare interface IHomeWorkControllerProps {
+    width: number;
+    hwRequests?: IHomeWorkHelpRequestModel[];
+    onMarkAsResolved?: (homeworkId: string, onSuccess: () => void) => void;
+    onSendImageToChat?: (homeworkId: string, snapshot: Blob[], onSuccess: () => void) => void;
+}
+
+export declare interface IHomeWorkHelpRequestModel {
+    channel_id: string;
+    created_on_ts: number;
+    homework_id: string;
+    id: string;
+    message_timestamp: string;
+    problem_description: string;
+    problem_image_urls: string[];
+    state: string;
+    student_id: string;
+    teacher_id: string;
+}
+
+declare interface IHomeWorkHelpRequestModelWithStudentName extends IHomeWorkHelpRequestModel {
+    student_name: string;
+}
+
 declare interface IIconButtonProps extends Omit<IButtonProps, 'label' | 'shape' | 'widthX' | 'width' | 'iconPosition' | 'alignSelf' | 'analyticsLabel' | 'renderAs'>, Required<Pick<IClickableAnalyticsProps, 'analyticsLabel'>> {
     Icon: React.FC<React.SVGProps<SVGSVGElement>>;
     customBgColor?: TColorNames;
@@ -1909,7 +1943,6 @@ export declare const ILLUSTRATIONS: {
     DURATION_60MIN_GRAY: string;
     DURATION_90MIN_GRAY: string;
     EARTH_GREEN: string;
-    ELLIPSE_CLIP: string;
     FEMALE_AVATAR: string;
     GAME_PLAY: string;
     GLOBE_WITH_BLUE_FILL: string;
@@ -2973,6 +3006,11 @@ declare interface ISheetsListProps extends ISheetItemCallbackProps {
     section?: TSheetsSection;
 }
 
+declare interface ISidebar {
+    grade?: string;
+    hwRequests?: IHomeWorkHelpRequestModelWithStudentName[];
+}
+
 declare interface ISignupMethodsProps {
     onEmailSignup: () => void;
     onPhoneSignup: () => void;
@@ -3341,6 +3379,8 @@ declare interface ITile {
         toPort?: string;
         toTileId: string;
     }[];
+    html?: string;
+    width?: number | string;
 }
 
 declare interface ITimeLeftTimelineProps {
@@ -5571,6 +5611,8 @@ export declare type TTrialSessionMessage = {
     };
 };
 
+declare type TUpdateCanvasConfig = (data: ICanvasUpdateConfig) => void;
+
 declare type TUpdateHeight = (height: number) => void;
 
 declare type TUserAccount = {
@@ -5622,12 +5664,14 @@ export declare const UpIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const useAutoPlayPermission: () => IAutoPlayPermissionContextType;
 
-export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void, initialCanvasData?: Array<IChannelMessage>) => {
-    publishStrokes: ((message: unknown) => boolean) | undefined;
+export declare const useCanvasSyncBroker: (channelId: string, logEvent: (type: string, payload?: Record<string, unknown>) => void, initialCanvasData?: Array<IChannelMessage>, type?: TRenderAs_2) => {
+    publishStrokes: ((message: IPublishData) => boolean) | undefined;
     channelStatus: ChannelStatus | undefined;
     closeChannel: () => void;
     initialStrokesData: Record<string, IActionData[]>;
     registerCallback: (qrId: string, cb: (data: IActionData) => void) => void;
+    setChannelMetadata: ((metadata: ICanvasUpdateConfig, merge?: boolean) => void) | undefined;
+    channelMetadata: ICanvasUpdateConfig | null | undefined;
 };
 
 export declare const useChapterPageJourney: () => {