@cuemath/leap 3.5.21 → 3.5.22

package/dist/assets/line-icons/icons/change-icon.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+const C = (e) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...e,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M9.02871 1.71387C9.02871 4.46573 11.0498 6.59958 13.4287 6.59958V7.79958C11.6238 7.79958 10.0456 6.88395 9.02871 5.4782L9.02871 20.8569H7.82871L7.82871 5.4782C6.81178 6.88395 5.2336 7.79958 3.42871 7.79958L3.42871 6.59958C5.80763 6.59958 7.82871 4.46573 7.82871 1.71387L9.02871 1.71387Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M23.1166 10.933C20.3647 10.933 18.2309 12.9541 18.2309 15.333H17.0309C17.0309 13.5282 17.9465 11.95 19.3523 10.933V9.73305C17.9465 8.71612 17.0309 7.13793 17.0309 5.33305L18.2309 5.33305C18.2309 7.71196 20.3647 9.73305 23.1166 9.73305V10.933Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ l(
+        "path",
+        {
+          d: "M20.1922 10.7838C17.5048 10.9905 14.633 11.9213 12.4922 13.5954C10.3711 15.2542 8.96862 17.6355 9.12807 20.8251L7.84403 20.8887C7.66078 17.2214 9.30024 14.4595 11.7003 12.5826C14.0809 10.721 17.2096 9.72327 20.0935 9.5014L20.1922 10.7838Z",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+), r = C;
+export {
+  r as default
+};
+//# sourceMappingURL=change-icon.js.map

package/dist/assets/line-icons/icons/change-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-icon.js","sources":["../../../../src/assets/line-icons/icons/change-icon.tsx"],"sourcesContent":["import { type FC, type SVGProps } from 'react';\n\nconst ChangeIcon: FC<SVGProps<SVGSVGElement>> = props => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M9.02871 1.71387C9.02871 4.46573 11.0498 6.59958 13.4287 6.59958V7.79958C11.6238 7.79958 10.0456 6.88395 9.02871 5.4782L9.02871 20.8569H7.82871L7.82871 5.4782C6.81178 6.88395 5.2336 7.79958 3.42871 7.79958L3.42871 6.59958C5.80763 6.59958 7.82871 4.46573 7.82871 1.71387L9.02871 1.71387Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M23.1166 10.933C20.3647 10.933 18.2309 12.9541 18.2309 15.333H17.0309C17.0309 13.5282 17.9465 11.95 19.3523 10.933V9.73305C17.9465 8.71612 17.0309 7.13793 17.0309 5.33305L18.2309 5.33305C18.2309 7.71196 20.3647 9.73305 23.1166 9.73305V10.933Z\"\n        fill=\"currentColor\"\n      />\n      <path\n        d=\"M20.1922 10.7838C17.5048 10.9905 14.633 11.9213 12.4922 13.5954C10.3711 15.2542 8.96862 17.6355 9.12807 20.8251L7.84403 20.8887C7.66078 17.2214 9.30024 14.4595 11.7003 12.5826C14.0809 10.721 17.2096 9.72327 20.0935 9.5014L20.1922 10.7838Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default ChangeIcon;\n"],"names":["ChangeIcon","props","jsxs","jsx","ChangeIcon$1"],"mappings":";AAEA,MAAMA,IAA0C,CAASC,MAErD,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,IAAA;AAAA,EAAA;AAAA,GAKNC,IAAeJ;"}

package/dist/features/trial-session/api/course-stream.js.map

@@ -1 +1 @@
-{"version":3,"file":"course-stream.js","sources":["../../../../src/features/trial-session/api/course-stream.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport type { TPreferenceSchema } from '../trial-session-types';\n\ntype TPreferencesBody = {\n  preferences: TPreferenceSchema[];\n};\n\ntype TPreferencesMeta = {\n  stream: string;\n  studentId: string;\n};\n\nconst { usePost: usePostStudentPreferences } = createPostAPI<\n  { id: string },\n  TPreferencesBody,\n  TPreferencesMeta\n>({\n  getURL: (_, { studentId, stream }) =>\n    `${BASE_URL_V1}/students/${studentId}/course-streams/${stream}/preferences/`,\n});\n\nexport { usePostStudentPreferences };\n"],"names":["usePostStudentPreferences","createPostAPI","_","studentId","stream","BASE_URL_V1"],"mappings":";;AAcA,MAAM,EAAE,SAASA,EAA0B,IAAIC,EAI7C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,GAAW,QAAAC,EAAA,MACvB,GAAGC,CAAW,aAAaF,CAAS,mBAAmBC,CAAM;AACjE,CAAC;"}
+{"version":3,"file":"course-stream.js","sources":["../../../../src/features/trial-session/api/course-stream.ts"],"sourcesContent":["import { createPostAPI } from '@cuemath/rest-api';\n\nimport { BASE_URL_V1 } from '../../../constants/api';\nimport type { TPreferenceSchema } from '../trial-session-types';\n\ntype TPreferencesBody = {\n  preferences: TPreferenceSchema[];\n  grade?: string;\n};\n\ntype TPreferencesMeta = {\n  stream: string;\n  studentId: string;\n};\n\nconst { usePost: usePostStudentPreferences } = createPostAPI<\n  { id: string },\n  TPreferencesBody,\n  TPreferencesMeta\n>({\n  getURL: (_, { studentId, stream }) =>\n    `${BASE_URL_V1}/students/${studentId}/course-streams/${stream}/preferences/`,\n});\n\nexport { usePostStudentPreferences };\n"],"names":["usePostStudentPreferences","createPostAPI","_","studentId","stream","BASE_URL_V1"],"mappings":";;AAeA,MAAM,EAAE,SAASA,EAA0B,IAAIC,EAI7C;AAAA,EACA,QAAQ,CAACC,GAAG,EAAE,WAAAC,GAAW,QAAAC,EAAA,MACvB,GAAGC,CAAW,aAAaF,CAAS,mBAAmBC,CAAM;AACjE,CAAC;"}

package/dist/features/trial-session/comps/confirmation-modal/confirmation-modal-styled.js

@@ -0,0 +1,70 @@
+import o from "styled-components";
+import a from "../../../ui/layout/flex-view.js";
+const i = o(a)(
+  ({ $isClosing: t }) => `
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  backdrop-filter: blur(40px);
+  animation: ${t ? "backdropFadeOut" : "backdropFadeIn"} 0.2s ease-out forwards;
+
+  @keyframes backdropFadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes backdropFadeOut {
+    from {
+      opacity: 1;
+    }
+    to {
+      opacity: 0;
+    }
+  }
+`
+), s = o(a)(
+  ({ $isClosing: t }) => `
+    width: 100%;
+    height: max-content;
+    overflow: auto;
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    animation: ${t ? "slideOut" : "slideIn"} 0.3s forwards;
+
+    @keyframes slideIn {
+      from {
+        transform: translateY(100%);
+        opacity: 0;
+      }
+      to {
+        transform: translateY(0%);
+        opacity: 1;
+      }
+    }
+
+    @keyframes slideOut {
+      from {
+        transform: translateY(0%);
+        opacity: 1;
+      }
+      to {
+        transform: translateY(100%);
+        opacity: 0;
+      }
+    }
+  `
+);
+export {
+  i as Container,
+  s as ModalWrapper
+};
+//# sourceMappingURL=confirmation-modal-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-modal-styled.js","sources":["../../../../../src/features/trial-session/comps/confirmation-modal/confirmation-modal-styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport FlexView from '../../../ui/layout/flex-view';\n\nconst Container = styled(FlexView)<{ $isClosing: boolean }>(\n  ({ $isClosing }) => `\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  backdrop-filter: blur(40px);\n  animation: ${$isClosing ? 'backdropFadeOut' : 'backdropFadeIn'} 0.2s ease-out forwards;\n\n  @keyframes backdropFadeIn {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes backdropFadeOut {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n`,\n);\n\nconst ModalWrapper = styled(FlexView)<{ $isClosing?: boolean }>(\n  ({ $isClosing }) => `\n    width: 100%;\n    height: max-content;\n    overflow: auto;\n    position: fixed;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    animation: ${$isClosing ? 'slideOut' : 'slideIn'} 0.3s forwards;\n\n    @keyframes slideIn {\n      from {\n        transform: translateY(100%);\n        opacity: 0;\n      }\n      to {\n        transform: translateY(0%);\n        opacity: 1;\n      }\n    }\n\n    @keyframes slideOut {\n      from {\n        transform: translateY(0%);\n        opacity: 1;\n      }\n      to {\n        transform: translateY(100%);\n        opacity: 0;\n      }\n    }\n  `,\n);\n\nexport { Container, ModalWrapper };\n"],"names":["Container","styled","FlexView","$isClosing","ModalWrapper"],"mappings":";;AAGM,MAAAA,IAAYC,EAAOC,CAAQ;AAAA,EAC/B,CAAC,EAAE,YAAAC,EAAA,MAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQPA,IAAa,oBAAoB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBhE,GAEMC,IAAeH,EAAOC,CAAQ;AAAA,EAClC,CAAC,EAAE,YAAAC,EAAA,MAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQLA,IAAa,aAAa,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBpD;"}

package/dist/features/trial-session/comps/confirmation-modal/confirmation-modal.js

@@ -0,0 +1,65 @@
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { memo as f } from "react";
+import { Container as p, ModalWrapper as C } from "./confirmation-modal-styled.js";
+import u from "../../../ui/layout/flex-view.js";
+import x from "../../../ui/text/text.js";
+import n from "../../../ui/buttons/button/button.js";
+import $ from "./hooks/use-confirmation-modal.js";
+import { useTrialSessionContext as h } from "../../context/use-trial-session-context.js";
+const g = f(() => {
+  const { formData: i } = h(), { modalConfig: a, openModal: l } = $(), { confirmationModalActive: e } = i || {}, {
+    title: t,
+    cancelText: m = "Cancel",
+    confirmText: s = "Confirm",
+    onCancel: c,
+    onConfirm: d
+  } = a || {};
+  return l ? /* @__PURE__ */ o(
+    p,
+    {
+      $background: "BLACK_T_38",
+      $flexDirection: "column-reverse",
+      $isClosing: !e,
+      children: /* @__PURE__ */ r(
+        C,
+        {
+          $background: "WHITE",
+          $gapX: 1.5,
+          $gutterX: 1.5,
+          $flexGapX: 1.5,
+          $isClosing: !e,
+          children: [
+            /* @__PURE__ */ o(x, { $renderAs: "ab1-bold", children: t }),
+            /* @__PURE__ */ r(u, { $flexGapX: 1, children: [
+              /* @__PURE__ */ o(
+                n,
+                {
+                  renderAs: "white-danger",
+                  size: "small",
+                  label: s,
+                  shape: "square",
+                  onClick: d
+                }
+              ),
+              /* @__PURE__ */ o(
+                n,
+                {
+                  renderAs: "secondary",
+                  size: "small",
+                  label: m,
+                  shape: "square",
+                  onClick: c
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) : null;
+});
+g.displayName = "TrialConfirmationModal";
+export {
+  g as default
+};
+//# sourceMappingURL=confirmation-modal.js.map

package/dist/features/trial-session/comps/confirmation-modal/confirmation-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmation-modal.js","sources":["../../../../../src/features/trial-session/comps/confirmation-modal/confirmation-modal.tsx"],"sourcesContent":["import { memo } from 'react';\nimport * as Styled from './confirmation-modal-styled';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Text from '../../../ui/text/text';\nimport Button from '../../../ui/buttons/button/button';\nimport useConfirmationModal from './hooks/use-confirmation-modal';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\n\nconst ConfirmationModal = memo(() => {\n  const { formData } = useTrialSessionContext();\n  const { modalConfig, openModal } = useConfirmationModal();\n\n  const { confirmationModalActive } = formData || {};\n  const {\n    title,\n    cancelText = 'Cancel',\n    confirmText = 'Confirm',\n    onCancel: handleCancel,\n    onConfirm: handleConfirm,\n  } = modalConfig || {};\n\n  if (!openModal) return null;\n\n  return (\n    <Styled.Container\n      $background=\"BLACK_T_38\"\n      $flexDirection=\"column-reverse\"\n      $isClosing={!confirmationModalActive}\n    >\n      <Styled.ModalWrapper\n        $background=\"WHITE\"\n        $gapX={1.5}\n        $gutterX={1.5}\n        $flexGapX={1.5}\n        $isClosing={!confirmationModalActive}\n      >\n        <Text $renderAs=\"ab1-bold\">{title}</Text>\n        <FlexView $flexGapX={1}>\n          <Button\n            renderAs=\"white-danger\"\n            size=\"small\"\n            label={confirmText}\n            shape=\"square\"\n            onClick={handleConfirm}\n          />\n          <Button\n            renderAs=\"secondary\"\n            size=\"small\"\n            label={cancelText}\n            shape=\"square\"\n            onClick={handleCancel}\n          />\n        </FlexView>\n      </Styled.ModalWrapper>\n    </Styled.Container>\n  );\n});\n\nConfirmationModal.displayName = 'TrialConfirmationModal';\n\nexport default ConfirmationModal;\n"],"names":["ConfirmationModal","memo","formData","useTrialSessionContext","modalConfig","openModal","useConfirmationModal","confirmationModalActive","title","cancelText","confirmText","handleCancel","handleConfirm","jsx","Styled.Container","jsxs","Styled.ModalWrapper","Text","FlexView","Button"],"mappings":";;;;;;;;AAQM,MAAAA,IAAoBC,EAAK,MAAM;AAC7B,QAAA,EAAE,UAAAC,MAAaC,KACf,EAAE,aAAAC,GAAa,WAAAC,EAAU,IAAIC,EAAqB,GAElD,EAAE,yBAAAC,EAAA,IAA4BL,KAAY,IAC1C;AAAA,IACJ,OAAAM;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,UAAUC;AAAA,IACV,WAAWC;AAAA,EAAA,IACTR,KAAe,CAAA;AAEf,SAACC,IAGH,gBAAAQ;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,gBAAe;AAAA,MACf,YAAY,CAACP;AAAA,MAEb,UAAA,gBAAAQ;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,WAAW;AAAA,UACX,YAAY,CAACT;AAAA,UAEb,UAAA;AAAA,YAAC,gBAAAM,EAAAI,GAAA,EAAK,WAAU,YAAY,UAAMT,GAAA;AAAA,YAClC,gBAAAO,EAACG,GAAS,EAAA,WAAW,GACnB,UAAA;AAAA,cAAA,gBAAAL;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,MAAK;AAAA,kBACL,OAAOT;AAAA,kBACP,OAAM;AAAA,kBACN,SAASE;AAAA,gBAAA;AAAA,cACX;AAAA,cACA,gBAAAC;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,MAAK;AAAA,kBACL,OAAOV;AAAA,kBACP,OAAM;AAAA,kBACN,SAASE;AAAA,gBAAA;AAAA,cACX;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,IAhCmB;AAmCzB,CAAC;AAEDX,EAAkB,cAAc;"}

package/dist/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.js

@@ -0,0 +1,43 @@
+import { useState as E, useRef as M, useCallback as s, useMemo as T, useEffect as f } from "react";
+import { useTrialSessionContext as g } from "../../../context/use-trial-session-context.js";
+import { TrialPageId as i } from "../../../trial-session-constants.js";
+const p = 500, h = () => {
+  const [m, l] = E(!1), { slideConfig: d, formData: C, updateSlideConfig: t } = g(), { id: o } = d, { confirmationModalActive: a } = C || {}, e = M(null), n = s(() => {
+    e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+      l(!1), e.current = null;
+    }, p);
+  }, []), c = s(() => {
+    switch (o) {
+      case i.LEARNING_WORKSHEET:
+        t({
+          id: i.LEARNING_LEVEL,
+          confirmationModalActive: !1,
+          resetAttempt: !0
+        }), n();
+        break;
+      default:
+        return null;
+    }
+  }, [o, t, n]), u = s(() => {
+    t({ confirmationModalActive: !1 }), n();
+  }, [t, n]), A = T(
+    () => ({
+      [i.LEARNING_WORKSHEET]: {
+        title: "Changing the session level will reset current progress. Are you sure?",
+        confirmText: "Yes, change session level",
+        onConfirm: c,
+        onCancel: u
+      }
+    }),
+    [u, c]
+  ), r = o ? A[o] : void 0;
+  return f(() => {
+    a && r && l(!0);
+  }, [a, r]), f(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), { modalConfig: r, openModal: m };
+};
+export {
+  h as default
+};
+//# sourceMappingURL=use-confirmation-modal.js.map

package/dist/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-confirmation-modal.js","sources":["../../../../../../src/features/trial-session/comps/confirmation-modal/hooks/use-confirmation-modal.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTrialSessionContext } from '../../../context/use-trial-session-context';\nimport { TrialPageId } from '../../../trial-session-constants';\n\nconst ANIMATION_DURATION_MS = 500;\n\ninterface IConfirmationModalConfig {\n  title: string;\n  confirmText?: string;\n  cancelText?: string;\n  onConfirm: () => void;\n  onCancel: () => void;\n}\n\ninterface IConfirmationModalReturn {\n  modalConfig: IConfirmationModalConfig | undefined;\n  openModal: boolean;\n}\n\nconst useConfirmationModal = (): IConfirmationModalReturn => {\n  const [openModal, setOpenModal] = useState(false);\n  const { slideConfig, formData, updateSlideConfig } = useTrialSessionContext();\n  const { id } = slideConfig;\n  const { confirmationModalActive } = formData || {};\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const closeModal = useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      setOpenModal(false);\n      timeoutRef.current = null;\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const handleConfirm = useCallback(() => {\n    switch (id) {\n      case TrialPageId.LEARNING_WORKSHEET:\n        updateSlideConfig({\n          id: TrialPageId.LEARNING_LEVEL,\n          confirmationModalActive: false,\n          resetAttempt: true,\n        });\n        closeModal();\n        break;\n      default:\n        return null;\n    }\n  }, [id, updateSlideConfig, closeModal]);\n\n  const handleCancel = useCallback(() => {\n    updateSlideConfig({ confirmationModalActive: false });\n    closeModal();\n  }, [updateSlideConfig, closeModal]);\n\n  const modalConfigs: Partial<Record<TrialPageId, IConfirmationModalConfig>> = useMemo(\n    () => ({\n      [TrialPageId.LEARNING_WORKSHEET]: {\n        title: 'Changing the session level will reset current progress. Are you sure?',\n        confirmText: 'Yes, change session level',\n        onConfirm: handleConfirm,\n        onCancel: handleCancel,\n      },\n    }),\n    [handleCancel, handleConfirm],\n  );\n\n  const modalConfig = id ? modalConfigs[id] : undefined;\n\n  useEffect(() => {\n    if (confirmationModalActive && modalConfig) setOpenModal(true);\n  }, [confirmationModalActive, modalConfig]);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return { modalConfig, openModal };\n};\n\nexport default useConfirmationModal;\n"],"names":["ANIMATION_DURATION_MS","useConfirmationModal","openModal","setOpenModal","useState","slideConfig","formData","updateSlideConfig","useTrialSessionContext","id","confirmationModalActive","timeoutRef","useRef","closeModal","useCallback","handleConfirm","TrialPageId","handleCancel","modalConfigs","useMemo","modalConfig","useEffect"],"mappings":";;;AAIA,MAAMA,IAAwB,KAexBC,IAAuB,MAAgC;AAC3D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,EAAE,aAAAC,GAAa,UAAAC,GAAU,mBAAAC,MAAsBC,EAAuB,GACtE,EAAE,IAAAC,EAAO,IAAAJ,GACT,EAAE,yBAAAK,EAAA,IAA4BJ,KAAY,IAC1CK,IAAaC,EAA8B,IAAI,GAE/CC,IAAaC,EAAY,MAAM;AACnC,IAAIH,EAAW,WACb,aAAaA,EAAW,OAAO,GAGtBA,EAAA,UAAU,WAAW,MAAM;AACpC,MAAAR,EAAa,EAAK,GAClBQ,EAAW,UAAU;AAAA,OACpBX,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECe,IAAgBD,EAAY,MAAM;AACtC,YAAQL,GAAI;AAAA,MACV,KAAKO,EAAY;AACG,QAAAT,EAAA;AAAA,UAChB,IAAIS,EAAY;AAAA,UAChB,yBAAyB;AAAA,UACzB,cAAc;AAAA,QAAA,CACf,GACUH;AACX;AAAA,MACF;AACS,eAAA;AAAA,IACX;AAAA,EACC,GAAA,CAACJ,GAAIF,GAAmBM,CAAU,CAAC,GAEhCI,IAAeH,EAAY,MAAM;AACnB,IAAAP,EAAA,EAAE,yBAAyB,GAAA,CAAO,GACzCM;EAAA,GACV,CAACN,GAAmBM,CAAU,CAAC,GAE5BK,IAAuEC;AAAA,IAC3E,OAAO;AAAA,MACL,CAACH,EAAY,kBAAkB,GAAG;AAAA,QAChC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,WAAWD;AAAA,QACX,UAAUE;AAAA,MACZ;AAAA,IAAA;AAAA,IAEF,CAACA,GAAcF,CAAa;AAAA,EAAA,GAGxBK,IAAcX,IAAKS,EAAaT,CAAE,IAAI;AAE5C,SAAAY,EAAU,MAAM;AACV,IAAAX,KAA2BU,KAAajB,EAAa,EAAI;AAAA,EAAA,GAC5D,CAACO,GAAyBU,CAAW,CAAC,GAEzCC,EAAU,MACD,MAAM;AACX,IAAIV,EAAW,WACb,aAAaA,EAAW,OAAO;AAAA,EACjC,GAED,CAAE,CAAA,GAEE,EAAE,aAAAS,GAAa,WAAAlB;AACxB;"}

package/dist/features/trial-session/comps/student-feedback/student-feedback.js

@@ -1,52 +1,58 @@
-import { jsxs as r, jsx as e, Fragment as H } from "react/jsx-runtime";
-import { memo as P, useMemo as E, useCallback as v, useEffect as D } from "react";
+import { jsxs as i, jsx as e, Fragment as D } from "react/jsx-runtime";
+import { memo as G, useMemo as C, useCallback as E, useEffect as W } from "react";
 import { ILLUSTRATIONS as _ } from "../../../../assets/illustrations/illustrations.js";
-import { LOTTIE as W } from "../../../../assets/lottie/lottie.js";
-import { COURSE_STREAMS as C, PREFERENCE_CATEGORY as $ } from "../../../milestone/constants.js";
-import { getPreferencesFromConfig as b } from "../../../milestone/create/milestone-create-helpers.js";
-import c from "../../../ui/image/image.js";
-import X from "../../../ui/layout/flex-view.js";
+import { LOTTIE as X } from "../../../../assets/lottie/lottie.js";
+import { COURSE_STREAMS as $, PREFERENCE_CATEGORY as b } from "../../../milestone/constants.js";
+import { getGradesFromConfig as y, getPreferencesFromConfig as A } from "../../../milestone/create/milestone-create-helpers.js";
+import d from "../../../ui/image/image.js";
+import z from "../../../ui/layout/flex-view.js";
 import K from "../../../ui/lottie-animation/lottie-animation.js";
-import y from "../../../ui/separator/separator.js";
-import d from "../../../ui/text/text.js";
-import { useTrialSessionContext as z } from "../../context/use-trial-session-context.js";
-import { TrialPageId as G } from "../../trial-session-constants.js";
-import M from "../slide-header/index.js";
-import { studentLevels as j, PREFERENCE_CODE_MAP as U } from "./student-feedback-constants.js";
-import { Container as V, FeedbackWrapper as q, BalloonWrapper as Y, Feedback as J, InlineText as Q } from "./student-feedback-styled.js";
-const Te = P(function() {
-  const { slideConfig: A, formData: S, milestoneConfig: a, updateSlideConfig: m, updateButtonState: p } = z(), { id: I } = A || {}, { grade: l, personalizedLevel: f = [], personalizedPosition: g = [] } = S || {}, t = I === G.STUDENT_LEVEL, h = t ? g.length > 0 : f.length > 0, k = E(
-    () => b(a, {
-      grade: l ?? "",
-      courseStream: C.MATH,
-      preferenceCategory: $.LEVEL
+import M from "../../../ui/separator/separator.js";
+import m from "../../../ui/text/text.js";
+import { useTrialSessionContext as j } from "../../context/use-trial-session-context.js";
+import { TrialPageId as U } from "../../trial-session-constants.js";
+import V from "../slide-header/index.js";
+import { studentLevels as q, PREFERENCE_CODE_MAP as Y } from "./student-feedback-constants.js";
+import { Container as J, FeedbackWrapper as Q, BalloonWrapper as Z, Feedback as ee, InlineText as te } from "./student-feedback-styled.js";
+import oe from "../../../ui/inputs/select-input/select-input.js";
+const _e = G(function() {
+  const { slideConfig: S, formData: I, milestoneConfig: n, updateSlideConfig: l, updateButtonState: p } = j(), { id: k } = S || {}, { grade: a, personalizedLevel: f = [], personalizedPosition: g = [] } = I || {}, t = k === U.STUDENT_LEVEL, h = t ? g.length > 0 : f.length > 0, w = y(n), x = C(
+    () => A(n, {
+      grade: a ?? "",
+      courseStream: $.MATH,
+      preferenceCategory: b.LEVEL
     }),
-    [l, a]
-  ), x = E(
-    () => b(a, {
-      grade: l ?? "",
-      courseStream: C.MATH,
-      preferenceCategory: $.POSITION
+    [a, n]
+  ), N = C(
+    () => A(n, {
+      grade: a ?? "",
+      courseStream: $.MATH,
+      preferenceCategory: b.POSITION
     }),
-    [l, a]
-  ), s = t ? x : k, N = v(
-    (i) => {
-      const n = t ? {
-        personalizedPosition: [i],
-        personalizedLevel: [U[i]]
-      } : { personalizedLevel: [i] };
-      m(n);
+    [a, n]
+  ), c = t ? N : x, B = E(
+    (o) => {
+      l({ grade: o });
     },
-    [t, m]
+    [l]
+  ), O = E(
+    (o) => {
+      const s = t ? {
+        personalizedPosition: [o],
+        personalizedLevel: [Y[o]]
+      } : { personalizedLevel: [o] };
+      l(s);
+    },
+    [t, l]
   );
-  return D(() => {
+  return W(() => {
     p("right", { isDisabled: !h, isLoading: !1 });
-  }, [h, p]), /* @__PURE__ */ r(V, { children: [
-    /* @__PURE__ */ e(y, { height: 60 }),
-    /* @__PURE__ */ e(M, {}),
-    /* @__PURE__ */ r(q, { $flexGapX: 1, $gapX: 2.25, $gutterX: 3.125, children: [
-      /* @__PURE__ */ r(
-        Y,
+  }, [h, p]), /* @__PURE__ */ i(J, { children: [
+    /* @__PURE__ */ e(M, { height: 60 }),
+    /* @__PURE__ */ e(V, {}),
+    /* @__PURE__ */ i(Q, { $flexGapX: 1, $gapX: 2.25, $gutterX: 3.125, children: [
+      /* @__PURE__ */ i(
+        Z,
         {
           $flexDirection: "row",
           $justifyContent: "space-between",
@@ -54,7 +60,7 @@ const Te = P(function() {
           $gutterX: 0.75,
           children: [
             /* @__PURE__ */ e(
-              c,
+              d,
               {
                 withLoader: !0,
                 src: _.GREEN_BALLOON,
@@ -64,7 +70,7 @@ const Te = P(function() {
               }
             ),
             /* @__PURE__ */ e(
-              c,
+              d,
               {
                 withLoader: !0,
                 src: _.GREEN_BALLOON,
@@ -76,70 +82,83 @@ const Te = P(function() {
           ]
         }
       ),
-      !!(s && s.length > 0) && s.map((i) => {
+      t ? null : /* @__PURE__ */ e(
+        oe,
+        {
+          renderAs: "primary",
+          value: a,
+          options: w,
+          shape: "curved",
+          size: "small",
+          onChange: B,
+          theme: "dark",
+          width: 107
+        }
+      ),
+      !!(c && c.length > 0) && c.map((o) => {
         var L;
-        const { id: n, label: T, lottie: u, description: w } = i, { title: B, description: O, icon: R } = j[T.toLowerCase()] || {}, o = (L = t ? g : f) == null ? void 0 : L.includes(n), F = {
+        const { id: s, label: u, lottie: T, description: F } = o, { title: R, description: v, icon: H } = q[u.toLowerCase()] || {}, r = (L = t ? g : f) == null ? void 0 : L.includes(s), P = {
           loop: !1,
-          autoplay: o
+          autoplay: r
         };
-        return /* @__PURE__ */ r(
-          J,
+        return /* @__PURE__ */ i(
+          ee,
           {
             $flexDirection: "row",
             $alignItems: "center",
             $justifyContent: "flex-start",
             $flexGapX: 1.25,
-            onClick: () => N(n),
+            onClick: () => O(s),
             $gutterX: 0.75,
             $gapX: 1,
-            $background: o ? "BLACK_T_87" : "WHITE_1",
+            $background: r ? "BLACK_T_87" : "WHITE_1",
             $borderColor: "BLACK_T_87",
             children: [
-              u ? /* @__PURE__ */ e(
+              T ? /* @__PURE__ */ e(
                 K,
                 {
-                  src: W[u],
+                  src: X[T],
                   height: 64,
                   width: 64,
-                  settings: F
+                  settings: P
                 }
-              ) : /* @__PURE__ */ e(c, { withLoader: !0, src: R, height: 64, width: 64, alt: "icon" }),
-              /* @__PURE__ */ e(X, { $flex: 1, children: t ? /* @__PURE__ */ r(H, { children: [
+              ) : /* @__PURE__ */ e(d, { withLoader: !0, src: H, height: 64, width: 64, alt: "icon" }),
+              /* @__PURE__ */ e(z, { $flex: 1, children: t ? /* @__PURE__ */ i(D, { children: [
                 /* @__PURE__ */ e(
-                  d,
+                  m,
                   {
                     className: "feedback-title",
                     $renderAs: "ac3-black",
-                    $color: o ? "WHITE_T_87" : "BLACK_T_87",
-                    children: T
+                    $color: r ? "WHITE_T_87" : "BLACK_T_87",
+                    children: u
                   }
                 ),
                 /* @__PURE__ */ e(
-                  d,
+                  m,
                   {
                     className: "feedback-desc",
                     $renderAs: "ab2",
-                    $color: o ? "WHITE_T_87" : "BLACK_T_87",
-                    children: w
+                    $color: r ? "WHITE_T_87" : "BLACK_T_87",
+                    children: F
                   }
                 )
-              ] }) : /* @__PURE__ */ r(
-                d,
+              ] }) : /* @__PURE__ */ i(
+                m,
                 {
                   className: "feedback-title",
                   $renderAs: "ac3-black",
-                  $color: o ? "WHITE_T_87" : "BLACK_T_87",
+                  $color: r ? "WHITE_T_87" : "BLACK_T_87",
                   children: [
-                    B,
+                    R,
                     ":",
                     " ",
                     /* @__PURE__ */ e(
-                      Q,
+                      te,
                       {
                         className: "feedback-desc",
                         $renderAs: "ab2",
-                        $color: o ? "WHITE_T_60" : "BLACK_T_60",
-                        children: O
+                        $color: r ? "WHITE_T_60" : "BLACK_T_60",
+                        children: v
                       }
                     )
                   ]
@@ -147,13 +166,13 @@ const Te = P(function() {
               ) })
             ]
           },
-          n
+          s
         );
       })
     ] })
   ] });
 });
 export {
-  Te as default
+  _e as default
 };
 //# sourceMappingURL=student-feedback.js.map

package/dist/features/trial-session/comps/student-feedback/student-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"student-feedback.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport { getPreferencesFromConfig } from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\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 { PREFERENCE_CODE_MAP, studentLevels } from './student-feedback-constants';\nimport * as Styled from './student-feedback-styled';\n\nconst StudentFeedback = memo(function StudentFeedback() {\n  const { slideConfig, formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { id: slideId } = slideConfig || {};\n  const { grade, personalizedLevel = [], personalizedPosition = [] } = formData || {};\n  const isStudentLevel = slideId === TrialPageId.STUDENT_LEVEL;\n  const hasRequiredFields = Boolean(\n    isStudentLevel ? personalizedPosition.length > 0 : personalizedLevel.length > 0,\n  );\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const positionList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.POSITION,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const studentOptions = isStudentLevel ? positionList : levelList;\n\n  const handleClick = useCallback(\n    (id: string) => {\n      const configToUpdate = isStudentLevel\n        ? {\n            personalizedPosition: [id],\n            personalizedLevel: [PREFERENCE_CODE_MAP[id as keyof typeof PREFERENCE_CODE_MAP]],\n          }\n        : { personalizedLevel: [id] };\n\n      updateSlideConfig(configToUpdate);\n    },\n    [isStudentLevel, updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.FeedbackWrapper $flexGapX={1} $gapX={2.25} $gutterX={3.125}>\n        <Styled.BalloonWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $gutterX={0.75}\n        >\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n        </Styled.BalloonWrapper>\n        {Boolean(studentOptions && studentOptions.length > 0) &&\n          studentOptions.map(level => {\n            const { id, label, lottie, description: levelDescription } = level;\n            const { title, description, icon } = studentLevels[label.toLowerCase()] || {};\n            const isSelected = (\n              isStudentLevel ? personalizedPosition : personalizedLevel\n            )?.includes(id);\n\n            const animationSettings = {\n              loop: false,\n              autoplay: isSelected,\n            };\n\n            return (\n              <Styled.Feedback\n                key={id}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"flex-start\"\n                $flexGapX={1.25}\n                onClick={() => handleClick(id)}\n                $gutterX={0.75}\n                $gapX={1}\n                $background={isSelected ? 'BLACK_T_87' : 'WHITE_1'}\n                $borderColor=\"BLACK_T_87\"\n              >\n                {lottie ? (\n                  <LottieAnimation\n                    src={LOTTIE[lottie]}\n                    height={64}\n                    width={64}\n                    settings={animationSettings}\n                  />\n                ) : (\n                  <Image withLoader src={icon} height={64} width={64} alt=\"icon\" />\n                )}\n                <FlexView $flex={1}>\n                  {isStudentLevel ? (\n                    <>\n                      <Text\n                        className=\"feedback-title\"\n                        $renderAs=\"ac3-black\"\n                        $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                      >\n                        {label}\n                      </Text>\n                      <Text\n                        className=\"feedback-desc\"\n                        $renderAs=\"ab2\"\n                        $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                      >\n                        {levelDescription}\n                      </Text>\n                    </>\n                  ) : (\n                    <Text\n                      className=\"feedback-title\"\n                      $renderAs=\"ac3-black\"\n                      $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                    >\n                      {title}:{' '}\n                      <Styled.InlineText\n                        className=\"feedback-desc\"\n                        $renderAs=\"ab2\"\n                        $color={isSelected ? 'WHITE_T_60' : 'BLACK_T_60'}\n                      >\n                        {description}\n                      </Styled.InlineText>\n                    </Text>\n                  )}\n                </FlexView>\n              </Styled.Feedback>\n            );\n          })}\n      </Styled.FeedbackWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentFeedback;\n"],"names":["StudentFeedback","memo","slideConfig","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","slideId","grade","personalizedLevel","personalizedPosition","isStudentLevel","TrialPageId","hasRequiredFields","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","positionList","studentOptions","handleClick","useCallback","id","configToUpdate","PREFERENCE_CODE_MAP","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.FeedbackWrapper","Styled.BalloonWrapper","Image","ILLUSTRATIONS","level","label","lottie","levelDescription","title","description","icon","studentLevels","isSelected","_a","animationSettings","Styled.Feedback","LottieAnimation","LOTTIE","FlexView","Fragment","Text","Styled.InlineText"],"mappings":"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"}
+{"version":3,"file":"student-feedback.js","sources":["../../../../../src/features/trial-session/comps/student-feedback/student-feedback.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { ILLUSTRATIONS } from '../../../../assets/illustrations/illustrations';\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport { COURSE_STREAMS, PREFERENCE_CATEGORY } from '../../../milestone/constants';\nimport {\n  getGradesFromConfig,\n  getPreferencesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport Image from '../../../ui/image/image';\nimport FlexView from '../../../ui/layout/flex-view';\nimport LottieAnimation from '../../../ui/lottie-animation/lottie-animation';\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 { PREFERENCE_CODE_MAP, studentLevels } from './student-feedback-constants';\nimport * as Styled from './student-feedback-styled';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\n\nconst StudentFeedback = memo(function StudentFeedback() {\n  const { slideConfig, formData, milestoneConfig, updateSlideConfig, updateButtonState } =\n    useTrialSessionContext();\n\n  const { id: slideId } = slideConfig || {};\n  const { grade, personalizedLevel = [], personalizedPosition = [] } = formData || {};\n  const isStudentLevel = slideId === TrialPageId.STUDENT_LEVEL;\n  const hasRequiredFields = Boolean(\n    isStudentLevel ? personalizedPosition.length > 0 : personalizedLevel.length > 0,\n  );\n\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const levelList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.LEVEL,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const positionList = useMemo(\n    () =>\n      getPreferencesFromConfig(milestoneConfig, {\n        grade: grade ?? '',\n        courseStream: COURSE_STREAMS.MATH,\n        preferenceCategory: PREFERENCE_CATEGORY.POSITION,\n      }),\n    [grade, milestoneConfig],\n  );\n\n  const studentOptions = isStudentLevel ? positionList : levelList;\n\n  const onGradeChange = useCallback(\n    (value: string) => {\n      updateSlideConfig({ grade: value });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleClick = useCallback(\n    (id: string) => {\n      const configToUpdate = isStudentLevel\n        ? {\n            personalizedPosition: [id],\n            personalizedLevel: [PREFERENCE_CODE_MAP[id as keyof typeof PREFERENCE_CODE_MAP]],\n          }\n        : { personalizedLevel: [id] };\n\n      updateSlideConfig(configToUpdate);\n    },\n    [isStudentLevel, updateSlideConfig],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.FeedbackWrapper $flexGapX={1} $gapX={2.25} $gutterX={3.125}>\n        <Styled.BalloonWrapper\n          $flexDirection=\"row\"\n          $justifyContent=\"space-between\"\n          $alignItems=\"center\"\n          $gutterX={0.75}\n        >\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n          <Image\n            withLoader\n            src={ILLUSTRATIONS.GREEN_BALLOON}\n            width={28}\n            height={34}\n            alt=\"balloon\"\n          />\n        </Styled.BalloonWrapper>\n        {isStudentLevel ? null : (\n          <SelectInput\n            renderAs=\"primary\"\n            value={grade}\n            options={grades}\n            shape=\"curved\"\n            size=\"small\"\n            onChange={onGradeChange}\n            theme=\"dark\"\n            width={107}\n          />\n        )}\n        {Boolean(studentOptions && studentOptions.length > 0) &&\n          studentOptions.map(level => {\n            const { id, label, lottie, description: levelDescription } = level;\n            const { title, description, icon } = studentLevels[label.toLowerCase()] || {};\n            const isSelected = (\n              isStudentLevel ? personalizedPosition : personalizedLevel\n            )?.includes(id);\n\n            const animationSettings = {\n              loop: false,\n              autoplay: isSelected,\n            };\n\n            return (\n              <Styled.Feedback\n                key={id}\n                $flexDirection=\"row\"\n                $alignItems=\"center\"\n                $justifyContent=\"flex-start\"\n                $flexGapX={1.25}\n                onClick={() => handleClick(id)}\n                $gutterX={0.75}\n                $gapX={1}\n                $background={isSelected ? 'BLACK_T_87' : 'WHITE_1'}\n                $borderColor=\"BLACK_T_87\"\n              >\n                {lottie ? (\n                  <LottieAnimation\n                    src={LOTTIE[lottie]}\n                    height={64}\n                    width={64}\n                    settings={animationSettings}\n                  />\n                ) : (\n                  <Image withLoader src={icon} height={64} width={64} alt=\"icon\" />\n                )}\n                <FlexView $flex={1}>\n                  {isStudentLevel ? (\n                    <>\n                      <Text\n                        className=\"feedback-title\"\n                        $renderAs=\"ac3-black\"\n                        $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                      >\n                        {label}\n                      </Text>\n                      <Text\n                        className=\"feedback-desc\"\n                        $renderAs=\"ab2\"\n                        $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                      >\n                        {levelDescription}\n                      </Text>\n                    </>\n                  ) : (\n                    <Text\n                      className=\"feedback-title\"\n                      $renderAs=\"ac3-black\"\n                      $color={isSelected ? 'WHITE_T_87' : 'BLACK_T_87'}\n                    >\n                      {title}:{' '}\n                      <Styled.InlineText\n                        className=\"feedback-desc\"\n                        $renderAs=\"ab2\"\n                        $color={isSelected ? 'WHITE_T_60' : 'BLACK_T_60'}\n                      >\n                        {description}\n                      </Styled.InlineText>\n                    </Text>\n                  )}\n                </FlexView>\n              </Styled.Feedback>\n            );\n          })}\n      </Styled.FeedbackWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default StudentFeedback;\n"],"names":["StudentFeedback","memo","slideConfig","formData","milestoneConfig","updateSlideConfig","updateButtonState","useTrialSessionContext","slideId","grade","personalizedLevel","personalizedPosition","isStudentLevel","TrialPageId","hasRequiredFields","grades","getGradesFromConfig","levelList","useMemo","getPreferencesFromConfig","COURSE_STREAMS","PREFERENCE_CATEGORY","positionList","studentOptions","onGradeChange","useCallback","value","handleClick","id","configToUpdate","PREFERENCE_CODE_MAP","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.FeedbackWrapper","Styled.BalloonWrapper","Image","ILLUSTRATIONS","SelectInput","level","label","lottie","levelDescription","title","description","icon","studentLevels","isSelected","_a","animationSettings","Styled.Feedback","LottieAnimation","LOTTIE","FlexView","Fragment","Text","Styled.InlineText"],"mappings":"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"}

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

@@ -1,30 +1,43 @@
 import { jsx as u } from "react/jsx-runtime";
-import { useState as T, useCallback as k, useEffect as x } from "react";
-import E from "../../../ui/error/error.js";
-import A from "../../../ui/loader/app-loader/app-loader.js";
-import { useResumeTrialWorksheet as D } from "../../api/trial-nodes.js";
-import { useTrialSessionContext as N } from "../../context/use-trial-session-context.js";
-const P = () => {
-  const { isTeacher: o, studentId: t, worksheet: r, updateSlideConfig: c, trialHomeData: f } = N(), [m, s] = T(!1), { demo_info: p } = f, { region_data: l, course: n } = p || {}, { opportunity_country: i = "US" } = l || {}, _ = (g, a) => {
-    if (g && s(!0), a) {
+import { useState as p, useCallback as D, useEffect as E } from "react";
+import N from "../../../ui/error/error.js";
+import W from "../../../ui/loader/app-loader/app-loader.js";
+import { useResumeTrialWorksheet as b } from "../../api/trial-nodes.js";
+import { useTrialSessionContext as j } from "../../context/use-trial-session-context.js";
+const q = () => {
+  const { isTeacher: r, studentId: s, worksheet: n, formData: l, updateSlideConfig: h, trialHomeData: _ } = j(), [g, i] = p(!1), [a, y] = p(!1), { resetAttempt: e } = l || {}, { demo_info: I } = _, { region_data: C, course: c } = I || {}, { opportunity_country: d = "US" } = C || {}, P = (S, f) => {
+    if (S && i(!0), f) {
       const {
-        user_node_id: y,
-        node_id: I,
-        user_attempt_id: C,
-        node_type: S
-      } = a;
-      c({ userNodeId: y, nodeId: I, attemptId: C, nodeType: S });
+        user_node_id: T,
+        node_id: k,
+        user_attempt_id: A,
+        node_type: x
+      } = f;
+      y(!0), h({ userNodeId: T, nodeId: k, attemptId: A, nodeType: x, resetAttempt: !1 });
     }
-  }, { patch: d, isProcessing: h } = D({
-    onComplete: _
-  }), e = k(() => {
-    o && (s(!1), d(t, { country_code: i, course: n }));
-  }, [i, n, o, d, t]);
-  return x(() => {
-    e();
-  }, [e]), m ? /* @__PURE__ */ u(E, { height: "100%", onTryAgain: e }) : h || !r ? /* @__PURE__ */ u(A, { height: "100%" }) : r;
+  }, { patch: m, isProcessing: t } = b({
+    onComplete: P
+  }), o = D(() => {
+    r && !t && !a && (i(!1), m(s, {
+      country_code: d,
+      course: c,
+      reset_attempt: e === void 0 || e
+    }));
+  }, [
+    d,
+    c,
+    r,
+    m,
+    s,
+    e,
+    t,
+    a
+  ]);
+  return E(() => {
+    o();
+  }, [o]), g ? /* @__PURE__ */ u(N, { height: "100%", onTryAgain: o }) : t || !n ? /* @__PURE__ */ u(W, { height: "100%" }) : n;
 };
 export {
-  P as default
+  q as default
 };
 //# sourceMappingURL=worksheet.js.map