@cuemath/leap 3.5.30-gg4 → 3.5.30-j1

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.js

@@ -1,82 +1,80 @@
-import { jsx as o } from "react/jsx-runtime";
-import { memo as U, useMemo as W } from "react";
-import y from "../../../ui/layout/flex-view.js";
-import A from "../../user-pointer-pin/hooks/use-user-location.js";
-import V from "./worksheet-item-navigation/worksheet-item-navigation.js";
-import g from "./worksheet-item-number/worksheet-item-number.js";
-import T from "./worksheet-section-navigation/worksheet-section-navigation.js";
-import { useWorksheetStore as _ } from "../hooks/use-worksheet-store.js";
-const F = U(function({
-  placement: p
+import { jsx as m } from "react/jsx-runtime";
+import { memo as E, useMemo as U } from "react";
+import $ from "../../../ui/layout/flex-view.js";
+import w from "../../user-pointer-pin/hooks/use-user-location.js";
+import R from "./worksheet-item-navigation/worksheet-item-navigation.js";
+import j from "./worksheet-item-number/worksheet-item-number.js";
+import D from "./worksheet-section-navigation/worksheet-section-navigation.js";
+const x = E(function({
+  placement: h,
+  questions: i,
+  responses: f,
+  activeQuestionIndex: o,
+  lastUnlockedQuestionIndex: l,
+  behavior: b,
+  onItemNumberClick: s,
+  userType: e,
+  summaryVisible: u
 }) {
-  var b;
-  const {
-    behavior: I,
-    questions: s,
-    responses: r,
-    lastUnlockedQuestionIndex: l,
-    activeQuestionIndex: i,
-    userType: n,
-    summaryVisible: d
-  } = _((e) => ({
-    behavior: e.behavior,
-    questions: e.questions,
-    responses: e.responses,
-    lastUnlockedQuestionIndex: e.lastUnlockedQuestionIndex,
-    activeQuestionIndex: e.activeQuestionIndex,
-    userType: e.userType,
-    summaryVisible: e.summaryVisible
-  })), { validation: m, teacherValidationEnabled: Q, maximumAttempts: u } = I, f = (b = s[i]) == null ? void 0 : b.item_number, { peerItemNumber: v } = A(), a = W(
-    () => s.reduce(
-      (e, h, c) => {
-        const { item_number: N, response_id: k } = h, t = e[N], x = n === "TEACHER" ? !0 : c <= l;
-        return t ? (t.isActive = t.isActive || c === i, t.isUnlocked = t.isUnlocked || x, t.questionIds.push(k)) : e.push({
-          firstQuestion: h,
-          isActive: c === i,
-          isUnlocked: x,
-          questionIds: [k]
-        }), e;
+  var k;
+  const { validation: a, teacherValidationEnabled: g, maximumAttempts: n } = b, W = (k = i[o]) == null ? void 0 : k.item_number, { peerItemNumber: d } = w({
+    questions: i,
+    activeQuestionIndex: o,
+    userType: e
+  }), p = U(
+    () => i.reduce(
+      (t, v, c) => {
+        const { item_number: _, response_id: A } = v, r = t[_], N = e === "TEACHER" ? !0 : c <= l;
+        return r ? (r.isActive = r.isActive || c === o, r.isUnlocked = r.isUnlocked || N, r.questionIds.push(A)) : t.push({
+          firstQuestion: v,
+          isActive: c === o,
+          isUnlocked: N,
+          questionIds: [A]
+        }), t;
       },
       []
     ),
-    [i, l, s, n]
+    [o, l, i, e]
   );
-  return p === "bottom" ? /* @__PURE__ */ o(y, { $flexGapX: 1, $flexDirection: "row", $flexWrap: !0, children: a.map((e) => /* @__PURE__ */ o(
-    g,
+  return h === "bottom" ? /* @__PURE__ */ m($, { $flexGapX: 1, $flexDirection: "row", $flexWrap: !0, children: p.map((t) => /* @__PURE__ */ m(
+    j,
     {
-      responses: r,
-      validation: m,
-      placement: p,
-      item: e,
-      summaryVisible: d,
-      maximumAttempts: u
+      responses: f,
+      validation: a,
+      placement: h,
+      item: t,
+      onItemNumberClick: s,
+      summaryVisible: u,
+      maximumAttempts: n
     },
-    e.firstQuestion.response_id
-  )) }) : Q ? /* @__PURE__ */ o(
-    T,
+    t.firstQuestion.response_id
+  )) }) : g ? /* @__PURE__ */ m(
+    D,
     {
-      userType: n,
-      activeItemNumber: f,
-      items: a,
-      responses: r,
-      validation: m,
-      peerItemNumber: v,
-      maximumAttempts: u
+      userType: e,
+      activeItemNumber: W,
+      items: p,
+      responses: f,
+      validation: a,
+      peerItemNumber: d,
+      onItemNumberClick: s,
+      maximumAttempts: n
     }
-  ) : /* @__PURE__ */ o(
-    V,
+  ) : /* @__PURE__ */ m(
+    R,
     {
-      activeItemNumber: f,
-      items: a,
-      responses: r,
-      validation: m,
-      peerItemNumber: v,
-      summaryVisible: d,
-      maximumAttempts: u
+      activeItemNumber: W,
+      items: p,
+      responses: f,
+      validation: a,
+      peerItemNumber: d,
+      summaryVisible: u,
+      onItemNumberClick: s,
+      maximumAttempts: n
     }
   );
 });
 export {
-  F as default
+  x as default
 };
 //# sourceMappingURL=worksheet-navigation.js.map

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-navigation.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport useRemoteUserLocation from '../../user-pointer-pin/hooks/use-user-location';\nimport WorksheetItemNavigation from './worksheet-item-navigation/worksheet-item-navigation';\nimport WorksheetItemNumber from './worksheet-item-number/worksheet-item-number';\nimport type { IWorksheetItemNumberProps } from './worksheet-item-number/worksheet-item-number-types';\nimport type { IWorksheetNavigationProps } from './worksheet-navigation-types';\nimport WorksheetSectionNavigation from './worksheet-section-navigation/worksheet-section-navigation';\nimport { useWorksheetStore } from '../hooks/use-worksheet-store';\n\nconst WorksheetNavigation: FC<IWorksheetNavigationProps> = memo(function WorksheetNavigation({\n  placement,\n}) {\n  const {\n    behavior,\n    questions,\n    responses,\n    lastUnlockedQuestionIndex,\n    activeQuestionIndex,\n    userType,\n    summaryVisible,\n  } = useWorksheetStore(store => ({\n    behavior: store.behavior,\n    questions: store.questions,\n    responses: store.responses,\n    lastUnlockedQuestionIndex: store.lastUnlockedQuestionIndex,\n    activeQuestionIndex: store.activeQuestionIndex,\n    userType: store.userType,\n    summaryVisible: store.summaryVisible,\n  }));\n  const { validation, teacherValidationEnabled, maximumAttempts } = behavior;\n  const activeItemNumber = questions[activeQuestionIndex]?.item_number;\n  const { peerItemNumber } = useRemoteUserLocation();\n\n  const items = useMemo(\n    () =>\n      questions.reduce(\n        (acc, question, questionIndex) => {\n          const { item_number, response_id } = question;\n          const item = acc[item_number];\n          const isUnlocked =\n            userType === 'TEACHER' ? true : questionIndex <= lastUnlockedQuestionIndex;\n\n          if (!item) {\n            acc.push({\n              firstQuestion: question,\n              isActive: questionIndex === activeQuestionIndex,\n              isUnlocked,\n              questionIds: [response_id],\n            });\n          } else {\n            item.isActive = item.isActive || questionIndex === activeQuestionIndex;\n            item.isUnlocked = item.isUnlocked || isUnlocked;\n            item.questionIds.push(response_id);\n          }\n\n          return acc;\n        },\n        [] as IWorksheetItemNumberProps['item'][],\n      ),\n    [activeQuestionIndex, lastUnlockedQuestionIndex, questions, userType],\n  );\n\n  if (placement === 'bottom') {\n    return (\n      <FlexView $flexGapX={1} $flexDirection=\"row\" $flexWrap>\n        {items.map(item => (\n          <WorksheetItemNumber\n            key={item.firstQuestion.response_id}\n            responses={responses}\n            validation={validation}\n            placement={placement}\n            item={item}\n            summaryVisible={summaryVisible}\n            maximumAttempts={maximumAttempts}\n          />\n        ))}\n      </FlexView>\n    );\n  }\n\n  if (teacherValidationEnabled) {\n    return (\n      <WorksheetSectionNavigation\n        userType={userType}\n        activeItemNumber={activeItemNumber}\n        items={items}\n        responses={responses}\n        validation={validation}\n        peerItemNumber={peerItemNumber}\n        maximumAttempts={maximumAttempts}\n      />\n    );\n  }\n\n  return (\n    <WorksheetItemNavigation\n      activeItemNumber={activeItemNumber}\n      items={items}\n      responses={responses}\n      validation={validation}\n      peerItemNumber={peerItemNumber}\n      summaryVisible={summaryVisible}\n      maximumAttempts={maximumAttempts}\n    />\n  );\n});\n\nexport default WorksheetNavigation;\n"],"names":["WorksheetNavigation","memo","placement","behavior","questions","responses","lastUnlockedQuestionIndex","activeQuestionIndex","userType","summaryVisible","useWorksheetStore","store","validation","teacherValidationEnabled","maximumAttempts","activeItemNumber","_a","peerItemNumber","useRemoteUserLocation","items","useMemo","acc","question","questionIndex","item_number","response_id","item","isUnlocked","jsx","FlexView","WorksheetItemNumber","WorksheetSectionNavigation","WorksheetItemNavigation"],"mappings":";;;;;;;;AAWM,MAAAA,IAAqDC,EAAK,SAA6B;AAAA,EAC3F,WAAAC;AACF,GAAG;;AACK,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAkB,CAAUC,OAAA;AAAA,IAC9B,UAAUA,EAAM;AAAA,IAChB,WAAWA,EAAM;AAAA,IACjB,WAAWA,EAAM;AAAA,IACjB,2BAA2BA,EAAM;AAAA,IACjC,qBAAqBA,EAAM;AAAA,IAC3B,UAAUA,EAAM;AAAA,IAChB,gBAAgBA,EAAM;AAAA,EACtB,EAAA,GACI,EAAE,YAAAC,GAAY,0BAAAC,GAA0B,iBAAAC,EAAA,IAAoBX,GAC5DY,KAAmBC,IAAAZ,EAAUG,CAAmB,MAA7B,gBAAAS,EAAgC,aACnD,EAAE,gBAAAC,MAAmBC,KAErBC,IAAQC;AAAA,IACZ,MACEhB,EAAU;AAAA,MACR,CAACiB,GAAKC,GAAUC,MAAkB;AAC1B,cAAA,EAAE,aAAAC,GAAa,aAAAC,EAAgB,IAAAH,GAC/BI,IAAOL,EAAIG,CAAW,GACtBG,IACJnB,MAAa,YAAY,KAAOe,KAAiBjB;AAEnD,eAAKoB,KAQEA,EAAA,WAAWA,EAAK,YAAYH,MAAkBhB,GAC9CmB,EAAA,aAAaA,EAAK,cAAcC,GAChCD,EAAA,YAAY,KAAKD,CAAW,KATjCJ,EAAI,KAAK;AAAA,UACP,eAAeC;AAAA,UACf,UAAUC,MAAkBhB;AAAA,UAC5B,YAAAoB;AAAA,UACA,aAAa,CAACF,CAAW;AAAA,QAAA,CAC1B,GAOIJ;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,IACF,CAACd,GAAqBD,GAA2BF,GAAWI,CAAQ;AAAA,EAAA;AAGtE,SAAIN,MAAc,WAEd,gBAAA0B,EAACC,GAAS,EAAA,WAAW,GAAG,gBAAe,OAAM,WAAS,IACnD,UAAMV,EAAA,IAAI,CACTO,MAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MAEC,WAAAzB;AAAA,MACA,YAAAO;AAAA,MACA,WAAAV;AAAA,MACA,MAAAwB;AAAA,MACA,gBAAAjB;AAAA,MACA,iBAAAK;AAAA,IAAA;AAAA,IANKY,EAAK,cAAc;AAAA,EAQ3B,CAAA,EACH,CAAA,IAIAb,IAEA,gBAAAe;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,UAAAvB;AAAA,MACA,kBAAAO;AAAA,MACA,OAAAI;AAAA,MACA,WAAAd;AAAA,MACA,YAAAO;AAAA,MACA,gBAAAK;AAAA,MACA,iBAAAH;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAc;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,kBAAAjB;AAAA,MACA,OAAAI;AAAA,MACA,WAAAd;AAAA,MACA,YAAAO;AAAA,MACA,gBAAAK;AAAA,MACA,gBAAAR;AAAA,MACA,iBAAAK;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"worksheet-navigation.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-navigation.tsx"],"sourcesContent":["import { memo, useMemo, type FC } from 'react';\n\nimport FlexView from '../../../ui/layout/flex-view';\nimport useRemoteUserLocation from '../../user-pointer-pin/hooks/use-user-location';\nimport WorksheetItemNavigation from './worksheet-item-navigation/worksheet-item-navigation';\nimport WorksheetItemNumber from './worksheet-item-number/worksheet-item-number';\nimport type { IWorksheetItemNumberProps } from './worksheet-item-number/worksheet-item-number-types';\nimport type { IWorksheetNavigationProps } from './worksheet-navigation-types';\nimport WorksheetSectionNavigation from './worksheet-section-navigation/worksheet-section-navigation';\n\nconst WorksheetNavigation: FC<IWorksheetNavigationProps> = memo(function WorksheetNavigation({\n  placement,\n  questions,\n  responses,\n  activeQuestionIndex,\n  lastUnlockedQuestionIndex,\n  behavior,\n  onItemNumberClick,\n  userType,\n  summaryVisible,\n}) {\n  const { validation, teacherValidationEnabled, maximumAttempts } = behavior;\n  const activeItemNumber = questions[activeQuestionIndex]?.item_number;\n  const { peerItemNumber } = useRemoteUserLocation({\n    questions,\n    activeQuestionIndex,\n    userType,\n  });\n\n  const items = useMemo(\n    () =>\n      questions.reduce(\n        (acc, question, questionIndex) => {\n          const { item_number, response_id } = question;\n          const item = acc[item_number];\n          const isUnlocked =\n            userType === 'TEACHER' ? true : questionIndex <= lastUnlockedQuestionIndex;\n\n          if (!item) {\n            acc.push({\n              firstQuestion: question,\n              isActive: questionIndex === activeQuestionIndex,\n              isUnlocked,\n              questionIds: [response_id],\n            });\n          } else {\n            item.isActive = item.isActive || questionIndex === activeQuestionIndex;\n            item.isUnlocked = item.isUnlocked || isUnlocked;\n            item.questionIds.push(response_id);\n          }\n\n          return acc;\n        },\n        [] as IWorksheetItemNumberProps['item'][],\n      ),\n    [activeQuestionIndex, lastUnlockedQuestionIndex, questions, userType],\n  );\n\n  if (placement === 'bottom') {\n    return (\n      <FlexView $flexGapX={1} $flexDirection=\"row\" $flexWrap>\n        {items.map(item => (\n          <WorksheetItemNumber\n            key={item.firstQuestion.response_id}\n            responses={responses}\n            validation={validation}\n            placement={placement}\n            item={item}\n            onItemNumberClick={onItemNumberClick}\n            summaryVisible={summaryVisible}\n            maximumAttempts={maximumAttempts}\n          />\n        ))}\n      </FlexView>\n    );\n  }\n\n  if (teacherValidationEnabled) {\n    return (\n      <WorksheetSectionNavigation\n        userType={userType}\n        activeItemNumber={activeItemNumber}\n        items={items}\n        responses={responses}\n        validation={validation}\n        peerItemNumber={peerItemNumber}\n        onItemNumberClick={onItemNumberClick}\n        maximumAttempts={maximumAttempts}\n      />\n    );\n  }\n\n  return (\n    <WorksheetItemNavigation\n      activeItemNumber={activeItemNumber}\n      items={items}\n      responses={responses}\n      validation={validation}\n      peerItemNumber={peerItemNumber}\n      summaryVisible={summaryVisible}\n      onItemNumberClick={onItemNumberClick}\n      maximumAttempts={maximumAttempts}\n    />\n  );\n});\n\nexport default WorksheetNavigation;\n"],"names":["WorksheetNavigation","memo","placement","questions","responses","activeQuestionIndex","lastUnlockedQuestionIndex","behavior","onItemNumberClick","userType","summaryVisible","validation","teacherValidationEnabled","maximumAttempts","activeItemNumber","_a","peerItemNumber","useRemoteUserLocation","items","useMemo","acc","question","questionIndex","item_number","response_id","item","isUnlocked","jsx","FlexView","WorksheetItemNumber","WorksheetSectionNavigation","WorksheetItemNavigation"],"mappings":";;;;;;;AAUM,MAAAA,IAAqDC,EAAK,SAA6B;AAAA,EAC3F,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AACF,GAAG;;AACD,QAAM,EAAE,YAAAC,GAAY,0BAAAC,GAA0B,iBAAAC,EAAA,IAAoBN,GAC5DO,KAAmBC,IAAAZ,EAAUE,CAAmB,MAA7B,gBAAAU,EAAgC,aACnD,EAAE,gBAAAC,EAAe,IAAIC,EAAsB;AAAA,IAC/C,WAAAd;AAAA,IACA,qBAAAE;AAAA,IACA,UAAAI;AAAA,EAAA,CACD,GAEKS,IAAQC;AAAA,IACZ,MACEhB,EAAU;AAAA,MACR,CAACiB,GAAKC,GAAUC,MAAkB;AAC1B,cAAA,EAAE,aAAAC,GAAa,aAAAC,EAAgB,IAAAH,GAC/BI,IAAOL,EAAIG,CAAW,GACtBG,IACJjB,MAAa,YAAY,KAAOa,KAAiBhB;AAEnD,eAAKmB,KAQEA,EAAA,WAAWA,EAAK,YAAYH,MAAkBjB,GAC9CoB,EAAA,aAAaA,EAAK,cAAcC,GAChCD,EAAA,YAAY,KAAKD,CAAW,KATjCJ,EAAI,KAAK;AAAA,UACP,eAAeC;AAAA,UACf,UAAUC,MAAkBjB;AAAA,UAC5B,YAAAqB;AAAA,UACA,aAAa,CAACF,CAAW;AAAA,QAAA,CAC1B,GAOIJ;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,IACF,CAACf,GAAqBC,GAA2BH,GAAWM,CAAQ;AAAA,EAAA;AAGtE,SAAIP,MAAc,WAEd,gBAAAyB,EAACC,GAAS,EAAA,WAAW,GAAG,gBAAe,OAAM,WAAS,IACnD,UAAMV,EAAA,IAAI,CACTO,MAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MAEC,WAAAzB;AAAA,MACA,YAAAO;AAAA,MACA,WAAAT;AAAA,MACA,MAAAuB;AAAA,MACA,mBAAAjB;AAAA,MACA,gBAAAE;AAAA,MACA,iBAAAG;AAAA,IAAA;AAAA,IAPKY,EAAK,cAAc;AAAA,EAS3B,CAAA,EACH,CAAA,IAIAb,IAEA,gBAAAe;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,UAAArB;AAAA,MACA,kBAAAK;AAAA,MACA,OAAAI;AAAA,MACA,WAAAd;AAAA,MACA,YAAAO;AAAA,MACA,gBAAAK;AAAA,MACA,mBAAAR;AAAA,MACA,iBAAAK;AAAA,IAAA;AAAA,EAAA,IAMJ,gBAAAc;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,kBAAAjB;AAAA,MACA,OAAAI;AAAA,MACA,WAAAd;AAAA,MACA,YAAAO;AAAA,MACA,gBAAAK;AAAA,MACA,gBAAAN;AAAA,MACA,mBAAAF;AAAA,MACA,iBAAAK;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.js

@@ -1,17 +1,17 @@
 import { jsxs as E, jsx as i } from "react/jsx-runtime";
-import { memo as P, useState as x, useRef as Q, useMemo as T, useCallback as X, useLayoutEffect as q, useEffect as F } from "react";
-import M from "../../../../../assets/line-icons/icons/left.js";
-import U from "../../../../../assets/line-icons/icons/right.js";
-import z from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import { memo as X, useState as x, useRef as Q, useMemo as T, useCallback as q, useLayoutEffect as F, useEffect as M } from "react";
+import U from "../../../../../assets/line-icons/icons/left.js";
+import z from "../../../../../assets/line-icons/icons/right.js";
+import J from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
 import y from "../../../../ui/buttons/clickable/clickable.js";
-import J from "../../../../ui/layout/flex-view.js";
+import K from "../../../../ui/layout/flex-view.js";
 import { TOP_NAVIGATION_ARROW_WIDTH as O } from "../../constants.js";
-import { getNavigationSectionBackgroundColor as S, getNavigationSectionIcon as K, getNavigationSectionName as Y } from "../../worksheet-helpers.js";
-import Z from "../worksheet-item-number/worksheet-item-number.js";
-import { Container as tt, LeftContainerBackground as et, RightContainerBackground as it, SectionWrapper as nt, RightArrowWrapper as ot, LeftArrowWrapper as rt } from "../worksheet-navigation-styled.js";
-const vt = P(
+import { getNavigationSectionBackgroundColor as S, getNavigationSectionIcon as Y, getNavigationSectionName as Z } from "../../worksheet-helpers.js";
+import tt from "../worksheet-item-number/worksheet-item-number.js";
+import { Container as et, LeftContainerBackground as it, RightContainerBackground as nt, SectionWrapper as ot, RightArrowWrapper as rt, LeftArrowWrapper as st } from "../worksheet-navigation-styled.js";
+const wt = X(
   function(B) {
-    var _, C, I;
+    var C, I, _;
     const {
       activeItemNumber: v,
       items: p,
@@ -19,30 +19,31 @@ const vt = P(
       validation: L,
       userType: m,
       peerItemNumber: j,
-      maximumAttempts: D
-    } = B, [l, H] = x(!1), [d, w] = x("left"), b = Q(null), g = Q(null), c = T(() => p.reduce(
+      onItemNumberClick: D,
+      maximumAttempts: H
+    } = B, [l, V] = x(!1), [d, w] = x("left"), b = Q(null), g = Q(null), c = T(() => p.reduce(
       (t, e, o) => {
-        var k, f, u;
+        var k, u, f;
         const { section_name: r } = e.firstQuestion, a = (k = p[o - 1]) == null ? void 0 : k.firstQuestion.section_name, n = t[t.length - 1];
-        return r === "overview" ? t : r !== a ? !e.firstQuestion.is_optional || m === "TEACHER" || ((f = s[e.firstQuestion.response_id]) == null ? void 0 : f.assignStatus) === "assigned" ? [
+        return r === "overview" ? t : r !== a ? !e.firstQuestion.is_optional || m === "TEACHER" || ((u = s[e.firstQuestion.response_id]) == null ? void 0 : u.assignStatus) === "assigned" ? [
           ...t,
           {
             sectionName: r,
             items: [e]
           }
-        ] : t : ((!e.firstQuestion.is_optional || m === "TEACHER" || ((u = s[e.firstQuestion.response_id]) == null ? void 0 : u.assignStatus) === "assigned") && (n == null || n.items.push(e)), t);
+        ] : t : ((!e.firstQuestion.is_optional || m === "TEACHER" || ((f = s[e.firstQuestion.response_id]) == null ? void 0 : f.assignStatus) === "assigned") && (n == null || n.items.push(e)), t);
       },
       []
-    ), [p, s, m]), V = T(
+    ), [p, s, m]), G = T(
       () => c.reduce((t, e) => t + e.items.length, 0),
       [c]
-    ), h = v ? (_ = p[v]) == null ? void 0 : _.firstQuestion.section_name : void 0, N = X(() => {
+    ), h = v ? (C = p[v]) == null ? void 0 : C.firstQuestion.section_name : void 0, N = q(() => {
       w((t) => t === "left" ? "right" : "left");
     }, []);
-    return q(() => {
+    return F(() => {
       const t = b.current, e = g.current;
-      t && e && e.clientWidth > t.clientWidth && H(!0);
-    }, [V]), F(() => {
+      t && e && e.clientWidth > t.clientWidth && V(!0);
+    }, [G]), M(() => {
       const t = g.current;
       if (h !== void 0 && l && t) {
         const e = t.querySelector(`.worksheet-section-${h}`);
@@ -52,30 +53,30 @@ const vt = P(
         });
       }
     }, [h, l]), /* @__PURE__ */ E(
-      tt,
+      et,
       {
         ref: b,
         $alignItems: l ? `flex-${d === "left" ? "start" : "end"}` : "center",
         children: [
           /* @__PURE__ */ i(
-            et,
+            it,
             {
-              $background: S((C = c[0]) == null ? void 0 : C.sectionName)
+              $background: S((I = c[0]) == null ? void 0 : I.sectionName)
             }
           ),
           /* @__PURE__ */ i(
-            it,
+            nt,
             {
               $background: S(
-                (I = c[c.length - 1]) == null ? void 0 : I.sectionName
+                (_ = c[c.length - 1]) == null ? void 0 : _.sectionName
               )
             }
           ),
-          /* @__PURE__ */ i(J, { ref: g, $flexDirection: "row", children: c.map(({ sectionName: t, items: e }, o) => {
-            var f, u;
-            const r = K(t), a = Y(t), n = (f = e[0]) == null ? void 0 : f.firstQuestion;
-            return (n == null ? void 0 : n.is_optional) && ((u = s[n.response_id]) == null ? void 0 : u.assignStatus) === "skipped" ? null : /* @__PURE__ */ E(
-              nt,
+          /* @__PURE__ */ i(K, { ref: g, $flexDirection: "row", children: c.map(({ sectionName: t, items: e }, o) => {
+            var u, f;
+            const r = Y(t), a = Z(t), n = (u = e[0]) == null ? void 0 : u.firstQuestion;
+            return (n == null ? void 0 : n.is_optional) && ((f = s[n.response_id]) == null ? void 0 : f.assignStatus) === "skipped" ? null : /* @__PURE__ */ E(
+              ot,
               {
                 className: `worksheet-section-${t}`,
                 $background: S(t),
@@ -84,23 +85,24 @@ const vt = P(
                 $flexDirection: "row",
                 $flexGapX: 0.75,
                 children: [
-                  /* @__PURE__ */ i(z, { tooltipItem: a, position: "bottom", renderAs: "primary", children: /* @__PURE__ */ i(r, { width: 24, height: 24 }) }),
+                  /* @__PURE__ */ i(J, { tooltipItem: a, position: "bottom", renderAs: "primary", children: /* @__PURE__ */ i(r, { width: 24, height: 24 }) }),
                   e.map(($) => {
                     var R;
                     const {
-                      firstQuestion: { response_id: W, item_number: G, is_optional: A }
+                      firstQuestion: { response_id: W, item_number: P, is_optional: A }
                     } = $;
                     return (A ? ((R = s[W]) == null ? void 0 : R.assignStatus) === "skipped" : !1) ? null : /* @__PURE__ */ i(
-                      Z,
+                      tt,
                       {
                         item: $,
                         responses: s,
                         validation: L,
                         placement: "top",
-                        canShowUserPin: G === j,
+                        onItemNumberClick: D,
+                        canShowUserPin: P === j,
                         isOptional: A,
                         teacherValidationEnabled: !0,
-                        maximumAttempts: D
+                        maximumAttempts: H
                       },
                       W
                     );
@@ -110,14 +112,14 @@ const vt = P(
               t
             );
           }) }),
-          l && d === "left" && /* @__PURE__ */ i(y, { label: "Worksheet Nav Right Arrow", onClick: N, children: /* @__PURE__ */ i(ot, { $justifyContent: "center", children: /* @__PURE__ */ i(U, { width: 24, height: 24 }) }) }),
-          l && d === "right" && /* @__PURE__ */ i(y, { label: "Worksheet Nav Left Arrow", onClick: N, children: /* @__PURE__ */ i(rt, { $justifyContent: "center", children: /* @__PURE__ */ i(M, { width: 24, height: 24 }) }) })
+          l && d === "left" && /* @__PURE__ */ i(y, { label: "Worksheet Nav Right Arrow", onClick: N, children: /* @__PURE__ */ i(rt, { $justifyContent: "center", children: /* @__PURE__ */ i(z, { width: 24, height: 24 }) }) }),
+          l && d === "right" && /* @__PURE__ */ i(y, { label: "Worksheet Nav Left Arrow", onClick: N, children: /* @__PURE__ */ i(st, { $justifyContent: "center", children: /* @__PURE__ */ i(U, { width: 24, height: 24 }) }) })
         ]
       }
     );
   }
 );
 export {
-  vt as default
+  wt as default
 };
 //# sourceMappingURL=worksheet-section-navigation.js.map

package/dist/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"worksheet-section-navigation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.tsx"],"sourcesContent":["import {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { TOP_NAVIGATION_ARROW_WIDTH } from '../../constants';\nimport {\n  getNavigationSectionBackgroundColor,\n  getNavigationSectionIcon,\n  getNavigationSectionName,\n} from '../../worksheet-helpers';\nimport type { TSectionName } from '../../worksheet-types';\nimport WorksheetItemNumber from '../worksheet-item-number/worksheet-item-number';\nimport * as Styled from '../worksheet-navigation-styled';\nimport type { IWorksheetItemNavigationProps } from '../worksheet-navigation-types';\n\nconst WorksheetSectionNavigation: FC<IWorksheetItemNavigationProps> = memo(\n  function WorksheetSectionNavigation(props) {\n    const {\n      activeItemNumber,\n      items,\n      responses,\n      validation,\n      userType,\n      peerItemNumber,\n      maximumAttempts,\n    } = props;\n    const [isOverflowing, setIsOverflowing] = useState(false);\n    const [visibleSection, setVisibleSection] = useState<'left' | 'right'>('left');\n    const containerRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const sections = useMemo(() => {\n      return items.reduce(\n        (acc, item, itemIndex) => {\n          const { section_name } = item.firstQuestion;\n          const prevItemSectionName = items[itemIndex - 1]?.firstQuestion.section_name;\n          const lastSection = acc[acc.length - 1];\n\n          if (section_name === 'overview') {\n            return acc;\n          }\n\n          if (section_name !== prevItemSectionName) {\n            if (\n              !item.firstQuestion.is_optional ||\n              userType === 'TEACHER' ||\n              responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n            ) {\n              return [\n                ...acc,\n                {\n                  sectionName: section_name,\n                  items: [item],\n                },\n              ];\n            }\n\n            return acc;\n          }\n\n          if (\n            !item.firstQuestion.is_optional ||\n            userType === 'TEACHER' ||\n            responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n          ) {\n            lastSection?.items.push(item);\n          }\n\n          return acc;\n        },\n        [] as Array<{\n          sectionName?: TSectionName;\n          items: (typeof items)[number][];\n        }>,\n      );\n    }, [items, responses, userType]);\n    const visibleItemsCount = useMemo(\n      () => sections.reduce((acc, section) => acc + section.items.length, 0),\n      [sections],\n    );\n    const activeSectionName = activeItemNumber\n      ? items[activeItemNumber]?.firstQuestion.section_name\n      : undefined;\n\n    const toggleVisibleSection = useCallback(() => {\n      setVisibleSection(prevVisibleSection => (prevVisibleSection === 'left' ? 'right' : 'left'));\n    }, []);\n\n    useLayoutEffect(() => {\n      const containerEl = containerRef.current;\n      const contentEl = contentRef.current;\n\n      if (containerEl && contentEl) {\n        if (contentEl.clientWidth > containerEl.clientWidth) {\n          setIsOverflowing(true);\n        }\n      }\n    }, [visibleItemsCount]);\n\n    useEffect(() => {\n      const contentEl = contentRef.current;\n\n      if (activeSectionName !== undefined && isOverflowing && contentEl) {\n        const sectionEl = contentEl.querySelector(`.worksheet-section-${activeSectionName}`);\n\n        if (sectionEl) {\n          setVisibleSection(prevVisibleSection => {\n            const { left, right } = sectionEl.getBoundingClientRect();\n\n            if (\n              prevVisibleSection === 'left' &&\n              right + TOP_NAVIGATION_ARROW_WIDTH + 16 > contentEl.clientWidth\n            ) {\n              return 'right';\n            }\n\n            if (prevVisibleSection === 'right' && left - TOP_NAVIGATION_ARROW_WIDTH - 16 < 0) {\n              return 'left';\n            }\n\n            return prevVisibleSection;\n          });\n        }\n      }\n    }, [activeSectionName, isOverflowing]);\n\n    return (\n      <Styled.Container\n        ref={containerRef}\n        $alignItems={\n          isOverflowing ? `flex-${visibleSection === 'left' ? 'start' : 'end'}` : 'center'\n        }\n      >\n        <Styled.LeftContainerBackground\n          $background={getNavigationSectionBackgroundColor(sections[0]?.sectionName)}\n        />\n        <Styled.RightContainerBackground\n          $background={getNavigationSectionBackgroundColor(\n            sections[sections.length - 1]?.sectionName,\n          )}\n        />\n        <FlexView ref={contentRef} $flexDirection=\"row\">\n          {sections.map(({ sectionName, items: sectionItems }, sectionIndex) => {\n            const SectionIcon = getNavigationSectionIcon(sectionName);\n            const sectionTooltip = getNavigationSectionName(sectionName);\n            const firstQuestion = sectionItems[0]?.firstQuestion;\n            const sectionSkipped =\n              firstQuestion?.is_optional &&\n              responses[firstQuestion.response_id]?.assignStatus === 'skipped';\n\n            if (sectionSkipped) {\n              return null;\n            }\n\n            return (\n              <Styled.SectionWrapper\n                key={sectionName}\n                className={`worksheet-section-${sectionName}`}\n                $background={getNavigationSectionBackgroundColor(sectionName)}\n                $hasBorder={sectionIndex > 0}\n                $gutterX={1}\n                $flexDirection=\"row\"\n                $flexGapX={0.75}\n              >\n                <ArrowTooltip tooltipItem={sectionTooltip} position=\"bottom\" renderAs=\"primary\">\n                  <SectionIcon width={24} height={24} />\n                </ArrowTooltip>\n                {sectionItems.map(item => {\n                  const {\n                    firstQuestion: { response_id, item_number, is_optional },\n                  } = item;\n                  const isSkipped = is_optional\n                    ? responses[response_id]?.assignStatus === 'skipped'\n                    : false;\n\n                  if (isSkipped) {\n                    return null;\n                  }\n\n                  return (\n                    <WorksheetItemNumber\n                      key={response_id}\n                      item={item}\n                      responses={responses}\n                      validation={validation}\n                      placement=\"top\"\n                      canShowUserPin={item_number === peerItemNumber}\n                      isOptional={is_optional}\n                      teacherValidationEnabled\n                      maximumAttempts={maximumAttempts}\n                    />\n                  );\n                })}\n              </Styled.SectionWrapper>\n            );\n          })}\n        </FlexView>\n        {isOverflowing && visibleSection === 'left' && (\n          <Clickable label=\"Worksheet Nav Right Arrow\" onClick={toggleVisibleSection}>\n            <Styled.RightArrowWrapper $justifyContent=\"center\">\n              <RightIcon width={24} height={24} />\n            </Styled.RightArrowWrapper>\n          </Clickable>\n        )}\n        {isOverflowing && visibleSection === 'right' && (\n          <Clickable label=\"Worksheet Nav Left Arrow\" onClick={toggleVisibleSection}>\n            <Styled.LeftArrowWrapper $justifyContent=\"center\">\n              <LeftIcon width={24} height={24} />\n            </Styled.LeftArrowWrapper>\n          </Clickable>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default WorksheetSectionNavigation;\n"],"names":["WorksheetSectionNavigation","memo","props","activeItemNumber","items","responses","validation","userType","peerItemNumber","maximumAttempts","isOverflowing","setIsOverflowing","useState","visibleSection","setVisibleSection","containerRef","useRef","contentRef","sections","useMemo","acc","item","itemIndex","section_name","prevItemSectionName","_a","lastSection","_b","_c","visibleItemsCount","section","activeSectionName","toggleVisibleSection","useCallback","prevVisibleSection","useLayoutEffect","containerEl","contentEl","useEffect","sectionEl","left","right","TOP_NAVIGATION_ARROW_WIDTH","jsxs","Styled.Container","jsx","Styled.LeftContainerBackground","getNavigationSectionBackgroundColor","Styled.RightContainerBackground","FlexView","sectionName","sectionItems","sectionIndex","SectionIcon","getNavigationSectionIcon","sectionTooltip","getNavigationSectionName","firstQuestion","Styled.SectionWrapper","ArrowTooltip","response_id","item_number","is_optional","WorksheetItemNumber","Clickable","Styled.RightArrowWrapper","RightIcon","Styled.LeftArrowWrapper","LeftIcon"],"mappings":"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"}
+{"version":3,"file":"worksheet-section-navigation.js","sources":["../../../../../../src/features/worksheet/worksheet/worksheet-navigation/worksheet-section-navigation/worksheet-section-navigation.tsx"],"sourcesContent":["import {\n  memo,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type FC,\n} from 'react';\n\nimport LeftIcon from '../../../../../assets/line-icons/icons/left';\nimport RightIcon from '../../../../../assets/line-icons/icons/right';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport { TOP_NAVIGATION_ARROW_WIDTH } from '../../constants';\nimport {\n  getNavigationSectionBackgroundColor,\n  getNavigationSectionIcon,\n  getNavigationSectionName,\n} from '../../worksheet-helpers';\nimport type { TSectionName } from '../../worksheet-types';\nimport WorksheetItemNumber from '../worksheet-item-number/worksheet-item-number';\nimport * as Styled from '../worksheet-navigation-styled';\nimport type { IWorksheetItemNavigationProps } from '../worksheet-navigation-types';\n\nconst WorksheetSectionNavigation: FC<IWorksheetItemNavigationProps> = memo(\n  function WorksheetSectionNavigation(props) {\n    const {\n      activeItemNumber,\n      items,\n      responses,\n      validation,\n      userType,\n      peerItemNumber,\n      onItemNumberClick,\n      maximumAttempts,\n    } = props;\n    const [isOverflowing, setIsOverflowing] = useState(false);\n    const [visibleSection, setVisibleSection] = useState<'left' | 'right'>('left');\n    const containerRef = useRef<HTMLDivElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const sections = useMemo(() => {\n      return items.reduce(\n        (acc, item, itemIndex) => {\n          const { section_name } = item.firstQuestion;\n          const prevItemSectionName = items[itemIndex - 1]?.firstQuestion.section_name;\n          const lastSection = acc[acc.length - 1];\n\n          if (section_name === 'overview') {\n            return acc;\n          }\n\n          if (section_name !== prevItemSectionName) {\n            if (\n              !item.firstQuestion.is_optional ||\n              userType === 'TEACHER' ||\n              responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n            ) {\n              return [\n                ...acc,\n                {\n                  sectionName: section_name,\n                  items: [item],\n                },\n              ];\n            }\n\n            return acc;\n          }\n\n          if (\n            !item.firstQuestion.is_optional ||\n            userType === 'TEACHER' ||\n            responses[item.firstQuestion.response_id]?.assignStatus === 'assigned'\n          ) {\n            lastSection?.items.push(item);\n          }\n\n          return acc;\n        },\n        [] as Array<{\n          sectionName?: TSectionName;\n          items: (typeof items)[number][];\n        }>,\n      );\n    }, [items, responses, userType]);\n    const visibleItemsCount = useMemo(\n      () => sections.reduce((acc, section) => acc + section.items.length, 0),\n      [sections],\n    );\n    const activeSectionName = activeItemNumber\n      ? items[activeItemNumber]?.firstQuestion.section_name\n      : undefined;\n\n    const toggleVisibleSection = useCallback(() => {\n      setVisibleSection(prevVisibleSection => (prevVisibleSection === 'left' ? 'right' : 'left'));\n    }, []);\n\n    useLayoutEffect(() => {\n      const containerEl = containerRef.current;\n      const contentEl = contentRef.current;\n\n      if (containerEl && contentEl) {\n        if (contentEl.clientWidth > containerEl.clientWidth) {\n          setIsOverflowing(true);\n        }\n      }\n    }, [visibleItemsCount]);\n\n    useEffect(() => {\n      const contentEl = contentRef.current;\n\n      if (activeSectionName !== undefined && isOverflowing && contentEl) {\n        const sectionEl = contentEl.querySelector(`.worksheet-section-${activeSectionName}`);\n\n        if (sectionEl) {\n          setVisibleSection(prevVisibleSection => {\n            const { left, right } = sectionEl.getBoundingClientRect();\n\n            if (\n              prevVisibleSection === 'left' &&\n              right + TOP_NAVIGATION_ARROW_WIDTH + 16 > contentEl.clientWidth\n            ) {\n              return 'right';\n            }\n\n            if (prevVisibleSection === 'right' && left - TOP_NAVIGATION_ARROW_WIDTH - 16 < 0) {\n              return 'left';\n            }\n\n            return prevVisibleSection;\n          });\n        }\n      }\n    }, [activeSectionName, isOverflowing]);\n\n    return (\n      <Styled.Container\n        ref={containerRef}\n        $alignItems={\n          isOverflowing ? `flex-${visibleSection === 'left' ? 'start' : 'end'}` : 'center'\n        }\n      >\n        <Styled.LeftContainerBackground\n          $background={getNavigationSectionBackgroundColor(sections[0]?.sectionName)}\n        />\n        <Styled.RightContainerBackground\n          $background={getNavigationSectionBackgroundColor(\n            sections[sections.length - 1]?.sectionName,\n          )}\n        />\n        <FlexView ref={contentRef} $flexDirection=\"row\">\n          {sections.map(({ sectionName, items: sectionItems }, sectionIndex) => {\n            const SectionIcon = getNavigationSectionIcon(sectionName);\n            const sectionTooltip = getNavigationSectionName(sectionName);\n            const firstQuestion = sectionItems[0]?.firstQuestion;\n            const sectionSkipped =\n              firstQuestion?.is_optional &&\n              responses[firstQuestion.response_id]?.assignStatus === 'skipped';\n\n            if (sectionSkipped) {\n              return null;\n            }\n\n            return (\n              <Styled.SectionWrapper\n                key={sectionName}\n                className={`worksheet-section-${sectionName}`}\n                $background={getNavigationSectionBackgroundColor(sectionName)}\n                $hasBorder={sectionIndex > 0}\n                $gutterX={1}\n                $flexDirection=\"row\"\n                $flexGapX={0.75}\n              >\n                <ArrowTooltip tooltipItem={sectionTooltip} position=\"bottom\" renderAs=\"primary\">\n                  <SectionIcon width={24} height={24} />\n                </ArrowTooltip>\n                {sectionItems.map(item => {\n                  const {\n                    firstQuestion: { response_id, item_number, is_optional },\n                  } = item;\n                  const isSkipped = is_optional\n                    ? responses[response_id]?.assignStatus === 'skipped'\n                    : false;\n\n                  if (isSkipped) {\n                    return null;\n                  }\n\n                  return (\n                    <WorksheetItemNumber\n                      key={response_id}\n                      item={item}\n                      responses={responses}\n                      validation={validation}\n                      placement=\"top\"\n                      onItemNumberClick={onItemNumberClick}\n                      canShowUserPin={item_number === peerItemNumber}\n                      isOptional={is_optional}\n                      teacherValidationEnabled\n                      maximumAttempts={maximumAttempts}\n                    />\n                  );\n                })}\n              </Styled.SectionWrapper>\n            );\n          })}\n        </FlexView>\n        {isOverflowing && visibleSection === 'left' && (\n          <Clickable label=\"Worksheet Nav Right Arrow\" onClick={toggleVisibleSection}>\n            <Styled.RightArrowWrapper $justifyContent=\"center\">\n              <RightIcon width={24} height={24} />\n            </Styled.RightArrowWrapper>\n          </Clickable>\n        )}\n        {isOverflowing && visibleSection === 'right' && (\n          <Clickable label=\"Worksheet Nav Left Arrow\" onClick={toggleVisibleSection}>\n            <Styled.LeftArrowWrapper $justifyContent=\"center\">\n              <LeftIcon width={24} height={24} />\n            </Styled.LeftArrowWrapper>\n          </Clickable>\n        )}\n      </Styled.Container>\n    );\n  },\n);\n\nexport default WorksheetSectionNavigation;\n"],"names":["WorksheetSectionNavigation","memo","props","activeItemNumber","items","responses","validation","userType","peerItemNumber","onItemNumberClick","maximumAttempts","isOverflowing","setIsOverflowing","useState","visibleSection","setVisibleSection","containerRef","useRef","contentRef","sections","useMemo","acc","item","itemIndex","section_name","prevItemSectionName","_a","lastSection","_b","_c","visibleItemsCount","section","activeSectionName","toggleVisibleSection","useCallback","prevVisibleSection","useLayoutEffect","containerEl","contentEl","useEffect","sectionEl","left","right","TOP_NAVIGATION_ARROW_WIDTH","jsxs","Styled.Container","jsx","Styled.LeftContainerBackground","getNavigationSectionBackgroundColor","Styled.RightContainerBackground","FlexView","sectionName","sectionItems","sectionIndex","SectionIcon","getNavigationSectionIcon","sectionTooltip","getNavigationSectionName","firstQuestion","Styled.SectionWrapper","ArrowTooltip","response_id","item_number","is_optional","WorksheetItemNumber","Clickable","Styled.RightArrowWrapper","RightIcon","Styled.LeftArrowWrapper","LeftIcon"],"mappings":"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"}

package/dist/features/worksheet/worksheet/worksheet-permissions/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/error.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Button from '../../../ui/buttons/button/button';\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 { BaseWrapper } from './styles';\n\ninterface IErrorProps {\n  buttonLabel?: string;\n  error: string;\n  handleClick: () => void;\n}\n\nconst Error: FC<IErrorProps> = ({ buttonLabel = 'Home', error, handleClick }) => (\n  <BaseWrapper $background=\"BLACK_75\">\n    <FlexView $alignItems=\"center\">\n      <Separator heightX={4} />\n      <LottieAnimation src={LOTTIE.ERROR_LOTTIE} height={320} width={320} />\n      <Text $renderAs=\"h6\" $color=\"WHITE\" $align=\"center\">\n        {error || 'Oh No! Error detected...'}\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        label={buttonLabel}\n        onClick={handleClick}\n        renderAs=\"primary\"\n        size=\"regular\"\n        widthX={14}\n      />\n    </FlexView>\n  </BaseWrapper>\n);\n\nexport default memo(Error);\n"],"names":["Error","buttonLabel","error","handleClick","jsx","BaseWrapper","jsxs","FlexView","Separator","LottieAnimation","LOTTIE","Text","Button","memo"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAAyB,CAAC,EAAE,aAAAC,IAAc,QAAQ,OAAAC,GAAO,aAAAC,EAAA,MAC7D,gBAAAC,EAACC,KAAY,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ,EAACK,KAAgB,KAAKC,EAAO,cAAc,QAAQ,KAAK,OAAO,KAAK;AAAA,EACpE,gBAAAN,EAACO,KAAK,WAAU,MAAK,QAAO,SAAQ,QAAO,UACxC,UAAAT,KAAS,2BACZ,CAAA;AAAA,EACA,gBAAAE,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,SAASE;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EACF,CAAA,EACF,CAAA,GAGaD,IAAAW,EAAKb,CAAK;"}
+{"version":3,"file":"error.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-permissions/error.tsx"],"sourcesContent":["import { memo, type FC } from 'react';\n\nimport { LOTTIE } from '../../../../assets/lottie/lottie';\nimport Button from '../../../ui/buttons/button/button';\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 { BaseWrapper } from './styles';\n\ninterface ErrorProps {\n  buttonLabel?: string;\n  error: string;\n  handleClick: () => void;\n}\n\nconst Error: FC<ErrorProps> = ({ buttonLabel = 'Home', error, handleClick }) => (\n  <BaseWrapper $background=\"BLACK_75\">\n    <FlexView $alignItems=\"center\">\n      <Separator heightX={4} />\n      <LottieAnimation src={LOTTIE.ERROR_LOTTIE} height={320} width={320} />\n      <Text $renderAs=\"h6\" $color=\"WHITE\" $align=\"center\">\n        {error || 'Oh No! Error detected...'}\n      </Text>\n      <Separator heightX={1} />\n      <Button\n        label={buttonLabel}\n        onClick={handleClick}\n        renderAs=\"primary\"\n        size=\"regular\"\n        widthX={14}\n      />\n    </FlexView>\n  </BaseWrapper>\n);\n\nexport default memo(Error);\n"],"names":["Error","buttonLabel","error","handleClick","jsx","BaseWrapper","jsxs","FlexView","Separator","LottieAnimation","LOTTIE","Text","Button","memo"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAAwB,CAAC,EAAE,aAAAC,IAAc,QAAQ,OAAAC,GAAO,aAAAC,EAAA,MAC5D,gBAAAC,EAACC,KAAY,aAAY,YACvB,UAAC,gBAAAC,EAAAC,GAAA,EAAS,aAAY,UACpB,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EAAU,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ,EAACK,KAAgB,KAAKC,EAAO,cAAc,QAAQ,KAAK,OAAO,KAAK;AAAA,EACpE,gBAAAN,EAACO,KAAK,WAAU,MAAK,QAAO,SAAQ,QAAO,UACxC,UAAAT,KAAS,2BACZ,CAAA;AAAA,EACA,gBAAAE,EAACI,GAAU,EAAA,SAAS,EAAG,CAAA;AAAA,EACvB,gBAAAJ;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,OAAOX;AAAA,MACP,SAASE;AAAA,MACT,UAAS;AAAA,MACT,MAAK;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EACF,CAAA,EACF,CAAA,GAGaD,IAAAW,EAAKb,CAAK;"}