@cuemath/leap 4.1.1-gg4 → 4.1.1-j2

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js

@@ -1,16 +1,16 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { memo as R, useState as V, useCallback as m } from "react";
+import { memo as L, useState as V, useCallback as m } from "react";
 import q from "../../../../../../assets/line-icons/icons/edit2.js";
 import y from "../../../../../ui/arrow-tooltip/arrow-tooltip.js";
 import I from "../../../../../ui/buttons/button/button.js";
-import B from "../../../../../ui/buttons/icon-button/icon-button.js";
-import { useUIContext as H } from "../../../../../ui/context/context.js";
+import H from "../../../../../ui/buttons/icon-button/icon-button.js";
+import { useUIContext as J } from "../../../../../ui/context/context.js";
 import G from "../../../../../ui/layout/flex-view.js";
-import J from "../../../../../ui/text/text.js";
-import { EVENT_NAMES as K } from "../../../../create/milestone-create-constants.js";
-import { invalidateMilestonesData as Q } from "../../../api/get-milestones.js";
-import { useDraftPublish as W } from "./use-goal-draft-publish.js";
-const ce = R(function(w) {
+import K from "../../../../../ui/text/text.js";
+import { EVENT_NAMES as Q } from "../../../../create/milestone-create-constants.js";
+import { invalidateMilestonesData as W } from "../../../api/get-milestones.js";
+import { useDraftPublish as Y } from "./use-goal-draft-publish.js";
+const pe = L(function(w) {
   const {
     milestone: c,
     studentId: p,
@@ -19,37 +19,38 @@ const ce = R(function(w) {
     studentName: $,
     teacherName: N,
     parentName: T,
-    onAddOutcome: s,
-    onDraftPublish: n,
+    onAddOutcome: n,
+    onDraftPublish: s,
     onEdit: i,
     courseStream: u,
-    isDraftModeEnabled: k
+    isDraftModeEnabled: k,
+    editButtonRef: M
   } = w, {
     id: e,
-    milestone_name: h,
-    milestone_date_ts: f,
+    milestone_name: f,
+    milestone_date_ts: h,
     milestone_state: a,
-    permissions: M,
+    permissions: O,
     goal_category: b,
-    goal_code: r
+    goal_code: l
   } = c, {
     can_delete: _,
     can_update_date: E,
     can_update_plan: d
-  } = M, { onEvent: C } = H(), [D, A] = V(""), O = a === "OUTCOME_PENDING", X = r && a === "DRAFT", o = !x || P, S = m(
-    (l, F) => {
-      const { id: L } = F || {};
-      l ? A(l) : (e && Q({
+  } = O, { onEvent: C } = J(), [D, A] = V(""), X = a === "OUTCOME_PENDING", S = l && a === "DRAFT", o = !x || P, j = m(
+    (r, B) => {
+      const { id: F } = B || {};
+      r ? A(r) : (e && W({
         milestone_state_group: "LIVE",
         course_stream: u,
         student_id: p
-      }), n == null || n(e, !0), C(K.DRAFT_EDIT.completed, {
-        milestone_id: e || L
+      }), s == null || s(e, !0), C(Q.DRAFT_EDIT.completed, {
+        milestone_id: e || F
       }));
     },
-    [e, p, n, A, C, u]
-  ), { onPublish: j, isProcessing: v } = W({
-    handleGoalPublishComplete: S,
+    [e, p, s, A, C, u]
+  ), { onPublish: v, isProcessing: R } = Y({
+    handleGoalPublishComplete: j,
     milestone: c,
     milestoneId: e,
     studentName: $,
@@ -58,29 +59,29 @@ const ce = R(function(w) {
   }), U = m(() => {
     i == null || i({
       milestoneId: e,
-      milestoneName: h,
-      milestoneDueDate: f,
+      milestoneName: f,
+      milestoneDueDate: h,
       isMilestoneChaptersListEditable: d,
       isMilestoneDateEditable: E,
       milestoneState: a,
       canDelete: _,
       goalCategory: b,
-      goalCode: r
+      goalCode: l
     });
   }, [
     _,
     E,
     d,
-    f,
+    h,
     b,
-    r,
+    l,
     e,
-    h,
+    f,
     a,
     i
   ]), z = m(() => {
-    s == null || s(e);
-  }, [s, e]);
+    n == null || n(e);
+  }, [n, e]);
   return /* @__PURE__ */ g(G, { $justifyContent: "center", $flexGap: 8, children: [
     /* @__PURE__ */ g(
       G,
@@ -89,9 +90,9 @@ const ce = R(function(w) {
         $flexGapX: 1.5,
         $alignItems: "center",
         $width: "fit-content",
-        onClick: (l) => l.stopPropagation(),
+        onClick: (r) => r.stopPropagation(),
         children: [
-          O && /* @__PURE__ */ t(
+          X && /* @__PURE__ */ t(
             I,
             {
               renderAs: "primary",
@@ -102,7 +103,7 @@ const ce = R(function(w) {
               onClick: z
             }
           ),
-          X && !k && /* @__PURE__ */ t(
+          S && !k && /* @__PURE__ */ t(
             y,
             {
               position: "bottom",
@@ -118,8 +119,8 @@ const ce = R(function(w) {
                   widthX: 10,
                   label: "Publish",
                   size: "small",
-                  onClick: j,
-                  busy: v,
+                  onClick: v,
+                  busy: R,
                   disabled: !o
                 }
               )
@@ -133,8 +134,9 @@ const ce = R(function(w) {
               widthX: o ? 5 : 15,
               tooltipItem: o ? "Edit goal" : "Goals can only be edited for students in class.",
               children: /* @__PURE__ */ t(
-                B,
+                H,
                 {
+                  ref: M,
                   renderAs: "secondary",
                   Icon: q,
                   analyticsLabel: "Edit Goal",
@@ -148,10 +150,10 @@ const ce = R(function(w) {
         ]
       }
     ),
-    D && /* @__PURE__ */ t(J, { $widthX: 12.5, $renderAs: "ub4-bold", $color: "RED", $align: "center", children: D })
+    D && /* @__PURE__ */ t(K, { $widthX: 12.5, $renderAs: "ub4-bold", $color: "RED", $align: "center", children: D })
   ] });
 });
 export {
-  ce as default
+  pe as default
 };
 //# sourceMappingURL=goal-action-ctas.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.js.map

@@ -1 +1 @@
-{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(props) {\n  const {\n    milestone,\n    studentId,\n    isClassOngoing,\n    isStudentPresent,\n    studentName,\n    teacherName,\n    parentName,\n    onAddOutcome,\n    onDraftPublish,\n    onEdit,\n    courseStream,\n    isDraftModeEnabled,\n  } = props;\n  const {\n    id: milestoneId,\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n  } = milestone;\n\n  const {\n    can_delete: canDelete,\n    can_update_date: canUpdateDate,\n    can_update_plan: canUpdatePlan,\n  } = milestonePermissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n  const [error, setError] = useState('');\n\n  const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n  const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n  const canPublishOrEditGoal = !isClassOngoing || isStudentPresent;\n\n  const handleGoalPublishComplete = useCallback(\n    (errorMessage: string | null, data?: { id: string }) => {\n      const { id } = data || {};\n\n      if (errorMessage) {\n        setError(errorMessage);\n      } else {\n        if (milestoneId) {\n          invalidateMilestonesData({\n            milestone_state_group: 'LIVE',\n            course_stream: courseStream,\n            student_id: studentId,\n          });\n        }\n        onDraftPublish?.(milestoneId, true);\n        trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n          milestone_id: milestoneId || id,\n        });\n      }\n    },\n    [milestoneId, studentId, onDraftPublish, setError, trackEvent, courseStream],\n  );\n\n  const { onPublish, isProcessing } = useDraftPublish({\n    handleGoalPublishComplete,\n    milestone,\n    milestoneId,\n    studentName,\n    parentName,\n    teacherName,\n  });\n\n  const handleGoalEdit = useCallback(() => {\n    onEdit?.({\n      milestoneId,\n      milestoneName,\n      milestoneDueDate: dueDate,\n      isMilestoneChaptersListEditable: canUpdatePlan,\n      isMilestoneDateEditable: canUpdateDate,\n      milestoneState,\n      canDelete,\n      goalCategory,\n      goalCode,\n    });\n  }, [\n    canDelete,\n    canUpdateDate,\n    canUpdatePlan,\n    dueDate,\n    goalCategory,\n    goalCode,\n    milestoneId,\n    milestoneName,\n    milestoneState,\n    onEdit,\n  ]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.(milestoneId);\n  }, [onAddOutcome, milestoneId]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $flexGap={8}>\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $width=\"fit-content\"\n        onClick={e => e.stopPropagation()}\n      >\n        {canAddOutcome && (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Add outcome\"\n            shape=\"square\"\n            widthX={10}\n            onClick={handleOnAddOutcome}\n          />\n        )}\n\n        {isDraftMilestone && !isDraftModeEnabled && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem=\"Goals can only be added for students who have joined the class\"\n            hidden={canPublishOrEditGoal}\n            widthX={15}\n          >\n            <Button\n              renderAs=\"primary\"\n              shape=\"square\"\n              widthX={10}\n              label=\"Publish\"\n              size=\"small\"\n              onClick={onPublish}\n              busy={isProcessing}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n\n        {canUpdatePlan && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            widthX={!canPublishOrEditGoal ? 15 : 5}\n            tooltipItem={\n              !canPublishOrEditGoal\n                ? 'Goals can only be edited for students in class.'\n                : 'Edit goal'\n            }\n          >\n            <IconButton\n              renderAs=\"secondary\"\n              Icon={Edit2Icon}\n              analyticsLabel=\"Edit Goal\"\n              onClick={handleGoalEdit}\n              size=\"xsmall\"\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n      </FlexView>\n\n      {error && (\n        <Text $widthX={12.5} $renderAs=\"ub4-bold\" $color=\"RED\" $align=\"center\">\n          {error}\n        </Text>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","courseStream","isDraftModeEnabled","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","ArrowTooltip","IconButton","Edit2Icon","Text"],"mappings":"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"}
+{"version":3,"file":"goal-action-ctas.js","sources":["../../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/goals/goal-action-ctas.tsx"],"sourcesContent":["import { memo, useCallback, useState, type FC } from 'react';\n\nimport Edit2Icon from '../../../../../../assets/line-icons/icons/edit2';\nimport ArrowTooltip from '../../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../../../../../ui/buttons/button/button';\nimport IconButton from '../../../../../ui/buttons/icon-button/icon-button';\nimport { useUIContext } from '../../../../../ui/context/context';\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport Text from '../../../../../ui/text/text';\nimport { EVENT_NAMES } from '../../../../create/milestone-create-constants';\nimport { invalidateMilestonesData } from '../../../api/get-milestones';\nimport type { IGoalActionCtas } from './goal-action-ctas-types';\nimport { useDraftPublish } from './use-goal-draft-publish';\n\nconst GoalActionCtas: FC<IGoalActionCtas> = memo(function GoalActionCtas(props) {\n  const {\n    milestone,\n    studentId,\n    isClassOngoing,\n    isStudentPresent,\n    studentName,\n    teacherName,\n    parentName,\n    onAddOutcome,\n    onDraftPublish,\n    onEdit,\n    courseStream,\n    isDraftModeEnabled,\n    editButtonRef,\n  } = props;\n  const {\n    id: milestoneId,\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    permissions: milestonePermissions,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n  } = milestone;\n\n  const {\n    can_delete: canDelete,\n    can_update_date: canUpdateDate,\n    can_update_plan: canUpdatePlan,\n  } = milestonePermissions;\n\n  const { onEvent: trackEvent } = useUIContext();\n  const [error, setError] = useState('');\n\n  const canAddOutcome = milestoneState === 'OUTCOME_PENDING';\n  const isDraftMilestone = goalCode && milestoneState === 'DRAFT';\n  const canPublishOrEditGoal = !isClassOngoing || isStudentPresent;\n\n  const handleGoalPublishComplete = useCallback(\n    (errorMessage: string | null, data?: { id: string }) => {\n      const { id } = data || {};\n\n      if (errorMessage) {\n        setError(errorMessage);\n      } else {\n        if (milestoneId) {\n          invalidateMilestonesData({\n            milestone_state_group: 'LIVE',\n            course_stream: courseStream,\n            student_id: studentId,\n          });\n        }\n        onDraftPublish?.(milestoneId, true);\n        trackEvent(EVENT_NAMES.DRAFT_EDIT.completed, {\n          milestone_id: milestoneId || id,\n        });\n      }\n    },\n    [milestoneId, studentId, onDraftPublish, setError, trackEvent, courseStream],\n  );\n\n  const { onPublish, isProcessing } = useDraftPublish({\n    handleGoalPublishComplete,\n    milestone,\n    milestoneId,\n    studentName,\n    parentName,\n    teacherName,\n  });\n\n  const handleGoalEdit = useCallback(() => {\n    onEdit?.({\n      milestoneId,\n      milestoneName,\n      milestoneDueDate: dueDate,\n      isMilestoneChaptersListEditable: canUpdatePlan,\n      isMilestoneDateEditable: canUpdateDate,\n      milestoneState,\n      canDelete,\n      goalCategory,\n      goalCode,\n    });\n  }, [\n    canDelete,\n    canUpdateDate,\n    canUpdatePlan,\n    dueDate,\n    goalCategory,\n    goalCode,\n    milestoneId,\n    milestoneName,\n    milestoneState,\n    onEdit,\n  ]);\n\n  const handleOnAddOutcome = useCallback(() => {\n    onAddOutcome?.(milestoneId);\n  }, [onAddOutcome, milestoneId]);\n\n  return (\n    <FlexView $justifyContent=\"center\" $flexGap={8}>\n      <FlexView\n        $flexDirection=\"row\"\n        $flexGapX={1.5}\n        $alignItems=\"center\"\n        $width=\"fit-content\"\n        onClick={e => e.stopPropagation()}\n      >\n        {canAddOutcome && (\n          <Button\n            renderAs=\"primary\"\n            size=\"small\"\n            label=\"Add outcome\"\n            shape=\"square\"\n            widthX={10}\n            onClick={handleOnAddOutcome}\n          />\n        )}\n\n        {isDraftMilestone && !isDraftModeEnabled && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem=\"Goals can only be added for students who have joined the class\"\n            hidden={canPublishOrEditGoal}\n            widthX={15}\n          >\n            <Button\n              renderAs=\"primary\"\n              shape=\"square\"\n              widthX={10}\n              label=\"Publish\"\n              size=\"small\"\n              onClick={onPublish}\n              busy={isProcessing}\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n\n        {canUpdatePlan && (\n          <ArrowTooltip\n            position=\"bottom\"\n            renderAs=\"primary\"\n            widthX={!canPublishOrEditGoal ? 15 : 5}\n            tooltipItem={\n              !canPublishOrEditGoal\n                ? 'Goals can only be edited for students in class.'\n                : 'Edit goal'\n            }\n          >\n            <IconButton\n              ref={editButtonRef}\n              renderAs=\"secondary\"\n              Icon={Edit2Icon}\n              analyticsLabel=\"Edit Goal\"\n              onClick={handleGoalEdit}\n              size=\"xsmall\"\n              disabled={!canPublishOrEditGoal}\n            />\n          </ArrowTooltip>\n        )}\n      </FlexView>\n\n      {error && (\n        <Text $widthX={12.5} $renderAs=\"ub4-bold\" $color=\"RED\" $align=\"center\">\n          {error}\n        </Text>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GoalActionCtas;\n"],"names":["GoalActionCtas","memo","props","milestone","studentId","isClassOngoing","isStudentPresent","studentName","teacherName","parentName","onAddOutcome","onDraftPublish","onEdit","courseStream","isDraftModeEnabled","editButtonRef","milestoneId","milestoneName","dueDate","milestoneState","milestonePermissions","goalCategory","goalCode","canDelete","canUpdateDate","canUpdatePlan","trackEvent","useUIContext","error","setError","useState","canAddOutcome","isDraftMilestone","canPublishOrEditGoal","handleGoalPublishComplete","useCallback","errorMessage","data","id","invalidateMilestonesData","EVENT_NAMES","onPublish","isProcessing","useDraftPublish","handleGoalEdit","handleOnAddOutcome","jsxs","FlexView","e","jsx","Button","ArrowTooltip","IconButton","Edit2Icon","Text"],"mappings":"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"}

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js

@@ -1,20 +1,20 @@
-import { jsxs as t, jsx as e, Fragment as P } from "react/jsx-runtime";
-import { memo as X, useRef as j, useState as H, useMemo as F, useLayoutEffect as K } from "react";
-import V from "../../../../../assets/line-icons/icons/check2.js";
-import v from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
-import U from "../../../../ui/image/image.js";
+import { jsxs as t, jsx as e, Fragment as X } from "react/jsx-runtime";
+import { memo as j, useRef as H, useState as F, useMemo as K, useLayoutEffect as V } from "react";
+import v from "../../../../../assets/line-icons/icons/check2.js";
+import U from "../../../../ui/arrow-tooltip/arrow-tooltip.js";
+import Y from "../../../../ui/image/image.js";
 import r from "../../../../ui/layout/flex-view.js";
-import Y from "../../../../ui/separator/separator.js";
+import q from "../../../../ui/separator/separator.js";
 import s from "../../../../ui/text/text.js";
-import q from "./goals/goal-action-ctas.js";
-import { GOAL_CATEGORY_BASED_IMAGES as z } from "./milestone-constants.js";
-import { getRemainingDaysToCompleteGoal as J, getGoalCategoryBasedColorTheme as Q, getMilestoneWidgetStatusInfo as Z } from "./milestone-utils.js";
-import { ChapterProgressSVG as ee, ChapterProgressSVGCircle as u, StyledCheckIconWrapper as te, MilestoneTitle as re } from "./milestone-widget-styled.js";
-import oe from "./outcome/outcome.js";
-const Te = X(function({
+import z from "./goals/goal-action-ctas.js";
+import { GOAL_CATEGORY_BASED_IMAGES as J } from "./milestone-constants.js";
+import { getRemainingDaysToCompleteGoal as Q, getGoalCategoryBasedColorTheme as Z, getMilestoneWidgetStatusInfo as ee } from "./milestone-utils.js";
+import { ChapterProgressSVG as te, ChapterProgressSVGCircle as u, StyledCheckIconWrapper as re, MilestoneTitle as oe } from "./milestone-widget-styled.js";
+import ne from "./outcome/outcome.js";
+const xe = j(function({
   isClassOngoing: C,
   isStudentPresent: T,
-  isExpanded: ie,
+  isExpanded: le,
   ...x
 }) {
   const {
@@ -29,17 +29,18 @@ const Te = X(function({
     isDraftModeEnabled: E,
     onEdit: G,
     onDraftPublish: b,
-    onAddOutcome: S
+    onAddOutcome: S,
+    editButtonRef: B
   } = x, {
     milestone_name: m,
     milestone_date_ts: k,
     milestone_state: o,
     goal_category: l,
     goal_code: p,
-    progress_stat: B
-  } = d, { completed: g = 0, total: h = 0 } = B || {}, $ = o === "OUTCOME_PENDING", a = g > 0 ? Math.floor((g / h || 1) * 100) : 0, n = j(null), [M, O] = H(!1), { textColor: N, borderColor: f } = Q(l), c = Z(o), R = ($ ? c == null ? void 0 : c.progressBackgroundColor : f) || "WHITE_5", W = F(() => typeof p == "string", [p]), L = J(k);
-  return K(() => {
-    n.current && n.current.scrollHeight > n.current.clientHeight && O(!0);
+    progress_stat: M
+  } = d, { completed: g = 0, total: h = 0 } = M || {}, $ = o === "OUTCOME_PENDING", a = g > 0 ? Math.floor((g / h || 1) * 100) : 0, n = H(null), [O, R] = F(!1), { textColor: N, borderColor: f } = Z(l), c = ee(o), W = ($ ? c == null ? void 0 : c.progressBackgroundColor : f) || "WHITE_5", L = K(() => typeof p == "string", [p]), P = Q(k);
+  return V(() => {
+    n.current && n.current.scrollHeight > n.current.clientHeight && R(!0);
   }, [n]), l ? /* @__PURE__ */ t(
     r,
     {
@@ -60,7 +61,7 @@ const Te = X(function({
               $alignItems: "center",
               $borderRadiusX: 2,
               children: [
-                /* @__PURE__ */ t(ee, { width: "64px", height: "64px", children: [
+                /* @__PURE__ */ t(te, { width: "64px", height: "64px", children: [
                   /* @__PURE__ */ e(u, { $progress: 0, r: "31", cx: "32", cy: "32" }),
                   /* @__PURE__ */ e(
                     u,
@@ -75,15 +76,15 @@ const Te = X(function({
                   )
                 ] }),
                 /* @__PURE__ */ e(r, { $widthX: 4, $heightX: 4, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(
-                  U,
+                  Y,
                   {
-                    src: z[l],
+                    src: J[l],
                     withLoader: !0,
                     width: 40,
                     height: 40
                   }
                 ) }),
-                a === 100 && /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(V, { width: 20, height: 20 }) })
+                a === 100 && /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(v, { width: 20, height: 20 }) })
               ]
             }
           ),
@@ -98,7 +99,7 @@ const Te = X(function({
                     $gap: 4,
                     $gutter: 4,
                     $alignItems: "center",
-                    $background: R,
+                    $background: W,
                     children: /* @__PURE__ */ e(s, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
                   }
                 ),
@@ -115,17 +116,17 @@ const Te = X(function({
                 )
               ] }),
               /* @__PURE__ */ e(
-                v,
+                U,
                 {
                   renderAs: "primary",
                   position: "bottom",
                   tooltipItem: m,
-                  hidden: !M,
+                  hidden: !O,
                   children: /* @__PURE__ */ e(
-                    re,
+                    oe,
                     {
                       ref: n,
-                      $renderAs: W ? "ah4" : "ab1",
+                      $renderAs: L ? "ah4" : "ab1",
                       $color: "BLACK_1",
                       children: m
                     }
@@ -134,17 +135,17 @@ const Te = X(function({
               ),
               !!h && o !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub4", $color: "BLACK_T_60", children: [
                 `${a}% complete`,
-                o === "ACTIVE" && L
+                o === "ACTIVE" && P
               ] })
             ] }),
-            !!(i != null && i.length) && /* @__PURE__ */ t(P, { children: [
-              /* @__PURE__ */ e(Y, { width: 40, height: 1, background: "BLACK_T_15" }),
-              /* @__PURE__ */ e(oe, { outcomes: i })
+            !!(i != null && i.length) && /* @__PURE__ */ t(X, { children: [
+              /* @__PURE__ */ e(q, { width: 40, height: 1, background: "BLACK_T_15" }),
+              /* @__PURE__ */ e(ne, { outcomes: i })
             ] })
           ] })
         ] }),
         y === "TEACHER" && /* @__PURE__ */ e(
-          q,
+          z,
           {
             milestone: d,
             studentId: A,
@@ -157,7 +158,8 @@ const Te = X(function({
             onDraftPublish: b,
             onEdit: G,
             courseStream: D,
-            isDraftModeEnabled: E
+            isDraftModeEnabled: E,
+            editButtonRef: B
           }
         )
       ]
@@ -165,6 +167,6 @@ const Te = X(function({
   ) : null;
 });
 export {
-  Te as default
+  xe as default
 };
 //# sourceMappingURL=milestone-info.js.map

package/dist/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import { memo, useLayoutEffect, useMemo, useRef, useState, type FC } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport {\n  getGoalCategoryBasedColorTheme,\n  getMilestoneWidgetStatusInfo,\n  getRemainingDaysToCompleteGoal,\n} from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\nimport type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst MilestoneInfoWrapper: FC<IMileStoneInfoWrapperProps> = memo(function MilestoneInfoWrapper({\n  isClassOngoing,\n  isStudentPresent,\n  isExpanded,\n  ...restMilestoneInfoWrapperProps\n}) {\n  const {\n    milestone,\n    studentId,\n    studentName,\n    teacherName,\n    parentName,\n    userType,\n    courseStream,\n    outcomes,\n    isDraftModeEnabled,\n    onEdit,\n    onDraftPublish,\n    onAddOutcome,\n  } = restMilestoneInfoWrapperProps;\n\n  const {\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n    progress_stat: progressStat,\n  } = milestone;\n\n  const { completed = 0, total = 0 } = progressStat || {};\n  const isOutcomePending = milestoneState === 'OUTCOME_PENDING';\n  const progressCompletionPercentage =\n    completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n  const { textColor: goalCategoryTextColor, borderColor } =\n    getGoalCategoryBasedColorTheme(goalCategory);\n\n  const outcomeStatusInfo = getMilestoneWidgetStatusInfo(milestoneState);\n  const backgroundColor =\n    (isOutcomePending ? outcomeStatusInfo?.progressBackgroundColor : borderColor) || 'WHITE_5';\n\n  const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n  const remainingDays = getRemainingDaysToCompleteGoal(dueDate);\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  if (!goalCategory) return null;\n\n  return (\n    <FlexView\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n      $flexGapX={1}\n    >\n      <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n        <FlexView\n          $widthX={4}\n          $heightX={4}\n          $background=\"WHITE_T_38\"\n          $position=\"relative\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $borderRadiusX={2}\n        >\n          <Styled.ChapterProgressSVG width=\"64px\" height=\"64px\">\n            <Styled.ChapterProgressSVGCircle $progress={0} r=\"31\" cx=\"32\" cy=\"32\" />\n            <Styled.ChapterProgressSVGCircle\n              $progressCircle\n              $progressBackground=\"BLACK_1\"\n              $progress={progressCompletionPercentage * 2}\n              r=\"31\"\n              cx=\"32\"\n              cy=\"32\"\n            />\n          </Styled.ChapterProgressSVG>\n\n          <FlexView $widthX={4} $heightX={4} $justifyContent=\"center\" $alignItems=\"center\">\n            <Image\n              src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n              withLoader\n              width={40}\n              height={40}\n            />\n          </FlexView>\n\n          {progressCompletionPercentage === 100 && (\n            <Styled.StyledCheckIconWrapper>\n              <Check2Icon width={20} height={20} />\n            </Styled.StyledCheckIconWrapper>\n          )}\n        </FlexView>\n\n        <FlexView $flexGap={16}>\n          <FlexView $flexGap={4}>\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n              <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                {goalCategory.split('_').join(' ')}\n              </Text>\n\n              {isOutcomePending && (\n                <FlexView\n                  $flexDirection=\"row\"\n                  $gap={4}\n                  $gutter={4}\n                  $alignItems=\"center\"\n                  $background={backgroundColor}\n                >\n                  <Text $renderAs=\"ac4\" $color=\"WHITE\">\n                    Outcome pending\n                  </Text>\n                </FlexView>\n              )}\n\n              {milestoneState === 'DRAFT' && (\n                <FlexView\n                  $flexDirection=\"row\"\n                  $gap={4}\n                  $gutter={4}\n                  $alignItems=\"center\"\n                  $background={borderColor}\n                >\n                  <Text $renderAs=\"ac4\">Draft</Text>\n                </FlexView>\n              )}\n            </FlexView>\n\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              tooltipItem={milestoneName}\n              hidden={!showTitleTooltip}\n            >\n              <Styled.MilestoneTitle\n                ref={titleTextRef}\n                $renderAs={!isGoalCreation ? 'ab1' : 'ah4'}\n                $color=\"BLACK_1\"\n              >\n                {milestoneName}\n              </Styled.MilestoneTitle>\n            </ArrowTooltip>\n\n            {!!total && milestoneState !== 'DRAFT' && (\n              <Text $renderAs=\"ub4\" $color=\"BLACK_T_60\">\n                {`${progressCompletionPercentage}% complete`}\n                {milestoneState === 'ACTIVE' && remainingDays}\n              </Text>\n            )}\n          </FlexView>\n\n          {!!outcomes?.length && (\n            <>\n              <Separator width={40} height={1} background=\"BLACK_T_15\" />\n              <OutcomeWrapper outcomes={outcomes} />\n            </>\n          )}\n        </FlexView>\n      </FlexView>\n\n      {userType === 'TEACHER' && (\n        <GoalActionCtas\n          milestone={milestone}\n          studentId={studentId}\n          studentName={studentName}\n          teacherName={teacherName ?? ''}\n          parentName={parentName ?? ''}\n          onAddOutcome={onAddOutcome}\n          isClassOngoing={Boolean(isClassOngoing)}\n          isStudentPresent={Boolean(isStudentPresent)}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          courseStream={courseStream}\n          isDraftModeEnabled={isDraftModeEnabled}\n        />\n      )}\n    </FlexView>\n  );\n});\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","studentId","studentName","teacherName","parentName","userType","courseStream","outcomes","isDraftModeEnabled","onEdit","onDraftPublish","onAddOutcome","milestoneName","dueDate","milestoneState","goalCategory","goalCode","progressStat","completed","total","isOutcomePending","progressCompletionPercentage","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","outcomeStatusInfo","getMilestoneWidgetStatusInfo","backgroundColor","isGoalCreation","useMemo","remainingDays","getRemainingDaysToCompleteGoal","useLayoutEffect","jsxs","FlexView","Styled.ChapterProgressSVG","jsx","Styled.ChapterProgressSVGCircle","Image","GOAL_CATEGORY_BASED_IMAGES","Styled.StyledCheckIconWrapper","Check2Icon","Text","ArrowTooltip","Styled.MilestoneTitle","Fragment","Separator","OutcomeWrapper","GoalActionCtas"],"mappings":"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"}
+{"version":3,"file":"milestone-info.js","sources":["../../../../../../src/features/milestone/milestone-list-container/milestone-list/milestone-widget/milestone-info.tsx"],"sourcesContent":["import { memo, useLayoutEffect, useMemo, useRef, useState, type FC } from 'react';\n\nimport Check2Icon from '../../../../../assets/line-icons/icons/check2';\nimport ArrowTooltip from '../../../../ui/arrow-tooltip/arrow-tooltip';\nimport Image from '../../../../ui/image/image';\nimport FlexView from '../../../../ui/layout/flex-view';\nimport Separator from '../../../../ui/separator/separator';\nimport Text from '../../../../ui/text/text';\nimport GoalActionCtas from './goals/goal-action-ctas';\nimport { GOAL_CATEGORY_BASED_IMAGES } from './milestone-constants';\nimport {\n  getGoalCategoryBasedColorTheme,\n  getMilestoneWidgetStatusInfo,\n  getRemainingDaysToCompleteGoal,\n} from './milestone-utils';\nimport * as Styled from './milestone-widget-styled';\nimport type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\nimport OutcomeWrapper from './outcome/outcome';\n\nconst MilestoneInfoWrapper: FC<IMileStoneInfoWrapperProps> = memo(function MilestoneInfoWrapper({\n  isClassOngoing,\n  isStudentPresent,\n  isExpanded,\n  ...restMilestoneInfoWrapperProps\n}) {\n  const {\n    milestone,\n    studentId,\n    studentName,\n    teacherName,\n    parentName,\n    userType,\n    courseStream,\n    outcomes,\n    isDraftModeEnabled,\n    onEdit,\n    onDraftPublish,\n    onAddOutcome,\n    editButtonRef,\n  } = restMilestoneInfoWrapperProps;\n\n  const {\n    milestone_name: milestoneName,\n    milestone_date_ts: dueDate,\n    milestone_state: milestoneState,\n    goal_category: goalCategory,\n    goal_code: goalCode,\n    progress_stat: progressStat,\n  } = milestone;\n\n  const { completed = 0, total = 0 } = progressStat || {};\n  const isOutcomePending = milestoneState === 'OUTCOME_PENDING';\n  const progressCompletionPercentage =\n    completed > 0 ? Math.floor((completed / total || 1) * 100) : 0;\n\n  const titleTextRef = useRef<HTMLDivElement>(null);\n  const [showTitleTooltip, setShowTitleTooltip] = useState(false);\n\n  const { textColor: goalCategoryTextColor, borderColor } =\n    getGoalCategoryBasedColorTheme(goalCategory);\n\n  const outcomeStatusInfo = getMilestoneWidgetStatusInfo(milestoneState);\n  const backgroundColor =\n    (isOutcomePending ? outcomeStatusInfo?.progressBackgroundColor : borderColor) || 'WHITE_5';\n\n  const isGoalCreation = useMemo(() => typeof goalCode === 'string', [goalCode]);\n  const remainingDays = getRemainingDaysToCompleteGoal(dueDate);\n\n  useLayoutEffect(() => {\n    if (\n      titleTextRef.current &&\n      titleTextRef.current.scrollHeight > titleTextRef.current.clientHeight\n    ) {\n      setShowTitleTooltip(true);\n    }\n  }, [titleTextRef]);\n\n  if (!goalCategory) return null;\n\n  return (\n    <FlexView\n      $flexDirection=\"row\"\n      $justifyContent=\"space-between\"\n      $alignItems=\"center\"\n      $flexGapX={1}\n    >\n      <FlexView $flexDirection=\"row\" $flexGapX={1.5}>\n        <FlexView\n          $widthX={4}\n          $heightX={4}\n          $background=\"WHITE_T_38\"\n          $position=\"relative\"\n          $justifyContent=\"center\"\n          $alignItems=\"center\"\n          $borderRadiusX={2}\n        >\n          <Styled.ChapterProgressSVG width=\"64px\" height=\"64px\">\n            <Styled.ChapterProgressSVGCircle $progress={0} r=\"31\" cx=\"32\" cy=\"32\" />\n            <Styled.ChapterProgressSVGCircle\n              $progressCircle\n              $progressBackground=\"BLACK_1\"\n              $progress={progressCompletionPercentage * 2}\n              r=\"31\"\n              cx=\"32\"\n              cy=\"32\"\n            />\n          </Styled.ChapterProgressSVG>\n\n          <FlexView $widthX={4} $heightX={4} $justifyContent=\"center\" $alignItems=\"center\">\n            <Image\n              src={GOAL_CATEGORY_BASED_IMAGES[goalCategory]}\n              withLoader\n              width={40}\n              height={40}\n            />\n          </FlexView>\n\n          {progressCompletionPercentage === 100 && (\n            <Styled.StyledCheckIconWrapper>\n              <Check2Icon width={20} height={20} />\n            </Styled.StyledCheckIconWrapper>\n          )}\n        </FlexView>\n\n        <FlexView $flexGap={16}>\n          <FlexView $flexGap={4}>\n            <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGap={4}>\n              <Text $renderAs=\"ac4-black\" $color={goalCategoryTextColor}>\n                {goalCategory.split('_').join(' ')}\n              </Text>\n\n              {isOutcomePending && (\n                <FlexView\n                  $flexDirection=\"row\"\n                  $gap={4}\n                  $gutter={4}\n                  $alignItems=\"center\"\n                  $background={backgroundColor}\n                >\n                  <Text $renderAs=\"ac4\" $color=\"WHITE\">\n                    Outcome pending\n                  </Text>\n                </FlexView>\n              )}\n\n              {milestoneState === 'DRAFT' && (\n                <FlexView\n                  $flexDirection=\"row\"\n                  $gap={4}\n                  $gutter={4}\n                  $alignItems=\"center\"\n                  $background={borderColor}\n                >\n                  <Text $renderAs=\"ac4\">Draft</Text>\n                </FlexView>\n              )}\n            </FlexView>\n\n            <ArrowTooltip\n              renderAs=\"primary\"\n              position=\"bottom\"\n              tooltipItem={milestoneName}\n              hidden={!showTitleTooltip}\n            >\n              <Styled.MilestoneTitle\n                ref={titleTextRef}\n                $renderAs={!isGoalCreation ? 'ab1' : 'ah4'}\n                $color=\"BLACK_1\"\n              >\n                {milestoneName}\n              </Styled.MilestoneTitle>\n            </ArrowTooltip>\n\n            {!!total && milestoneState !== 'DRAFT' && (\n              <Text $renderAs=\"ub4\" $color=\"BLACK_T_60\">\n                {`${progressCompletionPercentage}% complete`}\n                {milestoneState === 'ACTIVE' && remainingDays}\n              </Text>\n            )}\n          </FlexView>\n\n          {!!outcomes?.length && (\n            <>\n              <Separator width={40} height={1} background=\"BLACK_T_15\" />\n              <OutcomeWrapper outcomes={outcomes} />\n            </>\n          )}\n        </FlexView>\n      </FlexView>\n\n      {userType === 'TEACHER' && (\n        <GoalActionCtas\n          milestone={milestone}\n          studentId={studentId}\n          studentName={studentName}\n          teacherName={teacherName ?? ''}\n          parentName={parentName ?? ''}\n          onAddOutcome={onAddOutcome}\n          isClassOngoing={Boolean(isClassOngoing)}\n          isStudentPresent={Boolean(isStudentPresent)}\n          onDraftPublish={onDraftPublish}\n          onEdit={onEdit}\n          courseStream={courseStream}\n          isDraftModeEnabled={isDraftModeEnabled}\n          editButtonRef={editButtonRef}\n        />\n      )}\n    </FlexView>\n  );\n});\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","studentId","studentName","teacherName","parentName","userType","courseStream","outcomes","isDraftModeEnabled","onEdit","onDraftPublish","onAddOutcome","editButtonRef","milestoneName","dueDate","milestoneState","goalCategory","goalCode","progressStat","completed","total","isOutcomePending","progressCompletionPercentage","titleTextRef","useRef","showTitleTooltip","setShowTitleTooltip","useState","goalCategoryTextColor","borderColor","getGoalCategoryBasedColorTheme","outcomeStatusInfo","getMilestoneWidgetStatusInfo","backgroundColor","isGoalCreation","useMemo","remainingDays","getRemainingDaysToCompleteGoal","useLayoutEffect","jsxs","FlexView","Styled.ChapterProgressSVG","jsx","Styled.ChapterProgressSVGCircle","Image","GOAL_CATEGORY_BASED_IMAGES","Styled.StyledCheckIconWrapper","Check2Icon","Text","ArrowTooltip","Styled.MilestoneTitle","Fragment","Separator","OutcomeWrapper","GoalActionCtas"],"mappings":";;;;;;;;;;;;;AAmBM,MAAAA,KAAuDC,EAAK,SAA8B;AAAA,EAC9F,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACK,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAAb,GAEE;AAAA,IACJ,gBAAgBc;AAAA,IAChB,mBAAmBC;AAAA,IACnB,iBAAiBC;AAAA,IACjB,eAAeC;AAAA,IACf,WAAWC;AAAA,IACX,eAAeC;AAAA,EACb,IAAAlB,GAEE,EAAE,WAAAmB,IAAY,GAAG,OAAAC,IAAQ,EAAE,IAAIF,KAAgB,IAC/CG,IAAmBN,MAAmB,mBACtCO,IACJH,IAAY,IAAI,KAAK,OAAOA,IAAYC,KAAS,KAAK,GAAG,IAAI,GAEzDG,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GAExD,EAAE,WAAWC,GAAuB,aAAAC,EAAY,IACpDC,EAA+Bd,CAAY,GAEvCe,IAAoBC,GAA6BjB,CAAc,GAC/DkB,KACHZ,IAAmBU,KAAA,gBAAAA,EAAmB,0BAA0BF,MAAgB,WAE7EK,IAAiBC,EAAQ,MAAM,OAAOlB,KAAa,UAAU,CAACA,CAAQ,CAAC,GACvEmB,IAAgBC,EAA+BvB,CAAO;AAWxD,SATJwB,EAAgB,MAAM;AACpB,IACEf,EAAa,WACbA,EAAa,QAAQ,eAAeA,EAAa,QAAQ,gBAEzDG,EAAoB,EAAI;AAAA,EAC1B,GACC,CAACH,CAAY,CAAC,GAEZP,IAGH,gBAAAuB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAe;AAAA,MACf,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,WAAW;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAD,EAACC,GAAS,EAAA,gBAAe,OAAM,WAAW,KACxC,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,UAAU;AAAA,cACV,aAAY;AAAA,cACZ,WAAU;AAAA,cACV,iBAAgB;AAAA,cAChB,aAAY;AAAA,cACZ,gBAAgB;AAAA,cAEhB,UAAA;AAAA,gBAAA,gBAAAD,EAACE,IAAA,EAA0B,OAAM,QAAO,QAAO,QAC7C,UAAA;AAAA,kBAAC,gBAAAC,EAAAC,GAAA,EAAgC,WAAW,GAAG,GAAE,MAAK,IAAG,MAAK,IAAG,KAAK,CAAA;AAAA,kBACtE,gBAAAD;AAAA,oBAACC;AAAAA,oBAAA;AAAA,sBACC,iBAAe;AAAA,sBACf,qBAAoB;AAAA,sBACpB,WAAWrB,IAA+B;AAAA,sBAC1C,GAAE;AAAA,sBACF,IAAG;AAAA,sBACH,IAAG;AAAA,oBAAA;AAAA,kBACL;AAAA,gBAAA,GACF;AAAA,gBAEA,gBAAAoB,EAACF,KAAS,SAAS,GAAG,UAAU,GAAG,iBAAgB,UAAS,aAAY,UACtE,UAAA,gBAAAE;AAAA,kBAACE;AAAA,kBAAA;AAAA,oBACC,KAAKC,EAA2B7B,CAAY;AAAA,oBAC5C,YAAU;AAAA,oBACV,OAAO;AAAA,oBACP,QAAQ;AAAA,kBAAA;AAAA,gBAAA,GAEZ;AAAA,gBAECM,MAAiC,OAC/B,gBAAAoB,EAAAI,IAAA,EACC,UAAC,gBAAAJ,EAAAK,GAAA,EAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EACrC,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,UAEA,gBAAAR,EAACC,GAAS,EAAA,UAAU,IAClB,UAAA;AAAA,YAAC,gBAAAD,EAAAC,GAAA,EAAS,UAAU,GAClB,UAAA;AAAA,cAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,UAAU,GAC5D,UAAA;AAAA,gBAAC,gBAAAE,EAAAM,GAAA,EAAK,WAAU,aAAY,QAAQpB,GACjC,UAAaZ,EAAA,MAAM,GAAG,EAAE,KAAK,GAAG,EACnC,CAAA;AAAA,gBAECK,KACC,gBAAAqB;AAAA,kBAACF;AAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,MAAM;AAAA,oBACN,SAAS;AAAA,oBACT,aAAY;AAAA,oBACZ,aAAaP;AAAA,oBAEb,4BAACe,GAAK,EAAA,WAAU,OAAM,QAAO,SAAQ,UAErC,mBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,gBAGDjC,MAAmB,WAClB,gBAAA2B;AAAA,kBAACF;AAAA,kBAAA;AAAA,oBACC,gBAAe;AAAA,oBACf,MAAM;AAAA,oBACN,SAAS;AAAA,oBACT,aAAY;AAAA,oBACZ,aAAaX;AAAA,oBAEb,UAAC,gBAAAa,EAAAM,GAAA,EAAK,WAAU,OAAM,UAAK,SAAA;AAAA,kBAAA;AAAA,gBAC7B;AAAA,cAAA,GAEJ;AAAA,cAEA,gBAAAN;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,UAAS;AAAA,kBACT,UAAS;AAAA,kBACT,aAAapC;AAAA,kBACb,QAAQ,CAACY;AAAA,kBAET,UAAA,gBAAAiB;AAAA,oBAACQ;AAAAA,oBAAA;AAAA,sBACC,KAAK3B;AAAA,sBACL,WAAYW,IAAyB,QAAR;AAAA,sBAC7B,QAAO;AAAA,sBAEN,UAAArB;AAAA,oBAAA;AAAA,kBACH;AAAA,gBAAA;AAAA,cACF;AAAA,cAEC,CAAC,CAACO,KAASL,MAAmB,6BAC5BiC,GAAK,EAAA,WAAU,OAAM,QAAO,cAC1B,UAAA;AAAA,gBAAA,GAAG1B,CAA4B;AAAA,gBAC/BP,MAAmB,YAAYqB;AAAA,cAAA,GAClC;AAAA,YAAA,GAEJ;AAAA,YAEC,CAAC,EAAC7B,KAAA,QAAAA,EAAU,WAET,gBAAAgC,EAAAY,GAAA,EAAA,UAAA;AAAA,cAAA,gBAAAT,EAACU,KAAU,OAAO,IAAI,QAAQ,GAAG,YAAW,cAAa;AAAA,cACzD,gBAAAV,EAACW,MAAe,UAAA9C,GAAoB;AAAA,YAAA,GACtC;AAAA,UAAA,GAEJ;AAAA,QAAA,GACF;AAAA,QAECF,MAAa,aACZ,gBAAAqC;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,WAAAtD;AAAA,YACA,WAAAC;AAAA,YACA,aAAAC;AAAA,YACA,aAAaC,KAAe;AAAA,YAC5B,YAAYC,KAAc;AAAA,YAC1B,cAAAO;AAAA,YACA,gBAAgB,EAAQf;AAAA,YACxB,kBAAkB,EAAQC;AAAA,YAC1B,gBAAAa;AAAA,YACA,QAAAD;AAAA,YACA,cAAAH;AAAA,YACA,oBAAAE;AAAA,YACA,eAAAI;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAhIoB;AAoI5B,CAAC;"}