@cuemath/leap 2.8.60-beta-0.1 → 2.8.60-gs1

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

@@ -19,8 +19,8 @@ const ue = X(
       studentName: _,
       teacherName: A,
       parentName: w,
-      userType: y,
-      courseStream: I,
+      userType: I,
+      courseStream: y,
       outcomes: n,
       onEdit: G,
       onDraftPublish: D,
@@ -30,124 +30,133 @@ const ue = X(
       milestone_date_ts: b,
       milestone_state: i,
       goal_category: l,
-      goal_code: p,
+      goal_code: g,
       progress_stat: S
-    } = d, { completed: g, total: k } = S, h = i === "OUTCOME_PENDING", a = g > 0 ? Math.floor((g / k || 1) * 100) : 0, o = j(null), [B, O] = H(!1), { textColor: N, borderColor: $ } = J(l), c = Q(i), R = (h ? c == null ? void 0 : c.progressBackgroundColor : $) || "WHITE_5", M = L(() => typeof p == "string", [p]), P = z(b);
+    } = d, { completed: p = 0, total: k = 0 } = S || {}, h = i === "OUTCOME_PENDING", a = p > 0 ? Math.floor((p / k || 1) * 100) : 0, o = j(null), [B, O] = H(!1), { textColor: N, borderColor: $ } = J(l), c = Q(i), R = (h ? c == null ? void 0 : c.progressBackgroundColor : $) || "WHITE_5", M = L(() => typeof g == "string", [g]), P = z(b);
     return F(() => {
       o.current && o.current.scrollHeight > o.current.clientHeight && O(!0);
-    }, [o]), l ? /* @__PURE__ */ t(r, { $flexDirection: "row", $justifyContent: "space-between", $flexGapX: 1, children: [
-      /* @__PURE__ */ t(r, { $flexDirection: "row", $flexGapX: 1.5, children: [
-        /* @__PURE__ */ t(
-          r,
-          {
-            $widthX: 4,
-            $heightX: 4,
-            $background: "WHITE_T_38",
-            $position: "relative",
-            $justifyContent: "center",
-            $alignItems: "center",
-            $borderRadiusX: 2,
-            children: [
-              /* @__PURE__ */ t(Z, { width: "64px", height: "64px", children: [
-                /* @__PURE__ */ e(f, { $progress: 0, r: "31", cx: "32", cy: "32" }),
+    }, [o]), l ? /* @__PURE__ */ t(
+      r,
+      {
+        $flexDirection: "row",
+        $justifyContent: "space-between",
+        $alignItems: "flex-start",
+        $flexGapX: 1,
+        children: [
+          /* @__PURE__ */ t(r, { $flexDirection: "row", $flexGapX: 1.5, children: [
+            /* @__PURE__ */ t(
+              r,
+              {
+                $widthX: 4,
+                $heightX: 4,
+                $background: "WHITE_T_38",
+                $position: "relative",
+                $justifyContent: "center",
+                $alignItems: "center",
+                $borderRadiusX: 2,
+                children: [
+                  /* @__PURE__ */ t(Z, { width: "64px", height: "64px", children: [
+                    /* @__PURE__ */ e(f, { $progress: 0, r: "31", cx: "32", cy: "32" }),
+                    /* @__PURE__ */ e(
+                      f,
+                      {
+                        $progressCircle: !0,
+                        $progressBackground: "BLACK_1",
+                        $progress: a * 2,
+                        r: "31",
+                        cx: "32",
+                        cy: "32"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e(r, { $widthX: 4, $heightX: 4, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(
+                    v,
+                    {
+                      src: q[l],
+                      withLoader: !0,
+                      width: 40,
+                      height: 40
+                    }
+                  ) }),
+                  a === 100 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(K, { width: 20, height: 20 }) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(r, { $flexGap: 16, children: [
+              /* @__PURE__ */ t(r, { $flexGap: 4, children: [
+                /* @__PURE__ */ t(r, { $flexDirection: "row", $alignItems: "center", $flexGap: 4, children: [
+                  /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: N, children: l.split("_").join(" ") }),
+                  h && /* @__PURE__ */ e(
+                    r,
+                    {
+                      $flexDirection: "row",
+                      $gap: 4,
+                      $gutter: 4,
+                      $alignItems: "center",
+                      $background: R,
+                      children: /* @__PURE__ */ e(s, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
+                    }
+                  ),
+                  i === "DRAFT" && /* @__PURE__ */ e(
+                    r,
+                    {
+                      $flexDirection: "row",
+                      $gap: 4,
+                      $gutter: 4,
+                      $alignItems: "center",
+                      $background: $,
+                      children: /* @__PURE__ */ e(s, { $renderAs: "ac4", children: "Draft" })
+                    }
+                  )
+                ] }),
                 /* @__PURE__ */ e(
-                  f,
+                  V,
                   {
-                    $progressCircle: !0,
-                    $progressBackground: "BLACK_1",
-                    $progress: a * 2,
-                    r: "31",
-                    cx: "32",
-                    cy: "32"
+                    renderAs: "primary",
+                    position: "bottom",
+                    tooltipItem: m,
+                    hidden: !B,
+                    children: /* @__PURE__ */ e(
+                      te,
+                      {
+                        ref: o,
+                        $renderAs: M ? "ah4" : "ah3",
+                        children: m
+                      }
+                    )
                   }
-                )
+                ),
+                i !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
+                  a,
+                  "% complete",
+                  P
+                ] })
               ] }),
-              /* @__PURE__ */ e(r, { $widthX: 4, $heightX: 4, $justifyContent: "center", $alignItems: "center", children: /* @__PURE__ */ e(
-                v,
-                {
-                  src: q[l],
-                  withLoader: !0,
-                  width: 40,
-                  height: 40
-                }
-              ) }),
-              a === 100 && /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(K, { width: 20, height: 20 }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t(r, { $flexGap: 16, children: [
-          /* @__PURE__ */ t(r, { $flexGap: 4, children: [
-            /* @__PURE__ */ t(r, { $flexDirection: "row", $alignItems: "center", $flexGap: 4, children: [
-              /* @__PURE__ */ e(s, { $renderAs: "ac4-black", $color: N, children: l.split("_").join(" ") }),
-              h && /* @__PURE__ */ e(
-                r,
-                {
-                  $flexDirection: "row",
-                  $gap: 4,
-                  $gutter: 4,
-                  $alignItems: "center",
-                  $background: R,
-                  children: /* @__PURE__ */ e(s, { $renderAs: "ac4", $color: "WHITE", children: "Outcome pending" })
-                }
-              ),
-              i === "DRAFT" && /* @__PURE__ */ e(
-                r,
-                {
-                  $flexDirection: "row",
-                  $gap: 4,
-                  $gutter: 4,
-                  $alignItems: "center",
-                  $background: $,
-                  children: /* @__PURE__ */ e(s, { $renderAs: "ac4", children: "Draft" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e(
-              V,
-              {
-                renderAs: "primary",
-                position: "bottom",
-                tooltipItem: m,
-                hidden: !B,
-                children: /* @__PURE__ */ e(
-                  te,
-                  {
-                    ref: o,
-                    $renderAs: M ? "ah4" : "ah3",
-                    children: m
-                  }
-                )
-              }
-            ),
-            i !== "DRAFT" && /* @__PURE__ */ t(s, { $renderAs: "ub3", $color: "BLACK_T_60", children: [
-              a,
-              "% complete",
-              P
+              n != null && n.length ? /* @__PURE__ */ t(W, { children: [
+                /* @__PURE__ */ e(U, { width: 40, height: 1, background: "BLACK_T_15" }),
+                /* @__PURE__ */ e(re, { outcomes: n })
+              ] }) : void 0
             ] })
           ] }),
-          n != null && n.length ? /* @__PURE__ */ t(W, { children: [
-            /* @__PURE__ */ e(U, { width: 40, height: 1, background: "BLACK_T_15" }),
-            /* @__PURE__ */ e(re, { outcomes: n })
-          ] }) : void 0
-        ] })
-      ] }),
-      y === "TEACHER" && /* @__PURE__ */ e(
-        Y,
-        {
-          milestone: d,
-          studentId: T,
-          studentName: _,
-          teacherName: A ?? "",
-          parentName: w ?? "",
-          onAddOutcome: E,
-          isClassOngoing: !!u,
-          isStudentPresent: !!C,
-          onDraftPublish: D,
-          onEdit: G,
-          courseStream: I
-        }
-      )
-    ] }) : null;
+          I === "TEACHER" && /* @__PURE__ */ e(
+            Y,
+            {
+              milestone: d,
+              studentId: T,
+              studentName: _,
+              teacherName: A ?? "",
+              parentName: w ?? "",
+              onAddOutcome: E,
+              isClassOngoing: !!u,
+              isStudentPresent: !!C,
+              onDraftPublish: D,
+              onEdit: G,
+              courseStream: y
+            }
+          )
+        ]
+      }
+    ) : null;
   }
 );
 export {

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 type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } 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 OutcomeWrapper from './outcome/outcome';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const {\n      milestone,\n      studentId,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      outcomes,\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, total } = 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 $flexDirection=\"row\" $justifyContent=\"space-between\" $flexGapX={1}>\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 ? 'ah3' : 'ah4'}\n                >\n                  {milestoneName}\n                </Styled.MilestoneTitle>\n              </ArrowTooltip>\n\n              {milestoneState !== 'DRAFT' && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {progressCompletionPercentage}% complete{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            ) : undefined}\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          />\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","studentId","studentName","teacherName","parentName","userType","courseStream","outcomes","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","FlexView","jsxs","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 type { IMileStoneInfoWrapperProps } from './milestone-widget-types';\n\nimport React, { memo, useLayoutEffect, useMemo, useRef, useState } 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 OutcomeWrapper from './outcome/outcome';\n\nconst MilestoneInfoWrapper: React.FC<IMileStoneInfoWrapperProps> = memo(\n  ({ isClassOngoing, isStudentPresent, isExpanded, ...restMilestoneInfoWrapperProps }) => {\n    const {\n      milestone,\n      studentId,\n      studentName,\n      teacherName,\n      parentName,\n      userType,\n      courseStream,\n      outcomes,\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=\"flex-start\"\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 ? 'ah3' : 'ah4'}\n                >\n                  {milestoneName}\n                </Styled.MilestoneTitle>\n              </ArrowTooltip>\n\n              {milestoneState !== 'DRAFT' && (\n                <Text $renderAs=\"ub3\" $color=\"BLACK_T_60\">\n                  {progressCompletionPercentage}% complete{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            ) : undefined}\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          />\n        )}\n      </FlexView>\n    );\n  },\n);\n\nexport default MilestoneInfoWrapper;\n"],"names":["MilestoneInfoWrapper","memo","isClassOngoing","isStudentPresent","isExpanded","restMilestoneInfoWrapperProps","milestone","studentId","studentName","teacherName","parentName","userType","courseStream","outcomes","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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"}

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js

@@ -17,7 +17,7 @@ const ee = {
   duration: null,
   chapters: null
 }, te = G((D) => {
-  const { milestoneId: s, studentId: h, testNumber: f, onTestAssign: v, onExit: L, onError: c } = D, [w, x] = _("CHAPTER_SELECTION"), [o, p] = _(ee), [d, I] = _([]), m = i((e) => {
+  const { milestoneId: s, studentId: f, testNumber: h, onTestAssign: v, onExit: L, onError: c } = D, [I, x] = _("CHAPTER_SELECTION"), [o, p] = _(ee), [d, A] = _([]), m = i((e) => {
     x(e);
   }, []), $ = i(
     (e, t) => {
@@ -35,43 +35,41 @@ const ee = {
         };
       }), c(
         "We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed."
-      )), e ? c(e) : t && I(t);
+      )), e ? c(e) : t && A(t);
     },
-    [c, I, m]
+    [c, A, m]
   ), F = i(
     (e) => {
       e ? c(e) : v();
     },
     [c, v]
   ), {
-    get: A,
+    get: S,
     data: H,
     isProcessing: N,
     isProcessingFailed: b,
     error: g
   } = B(s, {
-    with_plan: !0,
     with_sheets: !0
-  }), { post: S, isProcessing: M } = Y({
+  }), { post: w, isProcessing: M } = Y({
     onComplete: $
   }), { post: E, isProcessing: R } = J({
     onComplete: F
   }), { user_milestone_plan: j } = H || {}, { user_chapters: a } = j || {}, y = i(
     (e) => {
-      S(e);
+      w(e);
     },
-    [S]
+    [w]
   ), T = i(() => {
-    A(s, {
-      with_plan: !0,
+    S(s, {
       with_sheets: !0
     });
-  }, [A, s]), k = i(() => {
+  }, [S, s]), k = i(() => {
     const { duration: e, difficultyLevel: t, selectedChapters: n } = o;
     e && t && n && E(
       {
         items: d,
-        title: `Test ${f}`,
+        title: `Test ${h}`,
         node_params: {
           is_timed: !0,
           sheet_time: e * 60,
@@ -79,11 +77,11 @@ const ee = {
         }
       },
       {
-        studentId: h,
+        studentId: f,
         userMilestoneId: s
       }
     );
-  }, [E, o, h, s, d, f]), P = i(
+  }, [E, o, f, s, d, h]), P = i(
     (e, t) => {
       if (m(e), t) {
         const { difficultyLevel: n, duration: r } = t;
@@ -113,17 +111,17 @@ const ee = {
         onClick: T
       }
     )
-  ] }) : a ? w === "PREVIEW" ? /* @__PURE__ */ l(
+  ] }) : a ? I === "PREVIEW" ? /* @__PURE__ */ l(
     Z,
     {
-      studentId: h,
+      studentId: f,
       items: d,
-      testNumber: f,
+      testNumber: h,
       isAssignInProgress: R,
       onTestStageChange: P,
       onTestSheetAssign: k
     }
-  ) : w === "DIFFICULTY_AND_DURATION_SELECTION" ? /* @__PURE__ */ l(
+  ) : I === "DIFFICULTY_AND_DURATION_SELECTION" ? /* @__PURE__ */ l(
     Q,
     {
       testFormData: o,

package/dist/features/milestone/milestone-tests/tests-creation/tests-creation.js.map

@@ -1 +1 @@
-{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import type { ITestHelpPreviewPayload, ITestHelpPreviewResponse } from './api/preview-test-sheet';\nimport type { ITestFromData, ITestsCreationProps, TTestsStage } from './tests-creation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { usePostTestHelpPreview } from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\n\nconst initFormData: ITestFromData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(props => {\n  const { milestoneId, studentId, testNumber, onTestAssign, onExit, onError } = props;\n\n  const [testStage, setTestStage] = useState<TTestsStage>('CHAPTER_SELECTION');\n  const [testFormData, setTestFromData] = useState<ITestFromData>(initFormData);\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>([]);\n\n  const handleOnTestStageChange = useCallback((nextStage: TTestsStage) => {\n    setTestStage(nextStage);\n  }, []);\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        handleOnTestStageChange('CHAPTER_SELECTION');\n\n        setTestFromData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          return {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n        });\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n      }\n    },\n    [onError, setTestPreviewItems, handleOnTestStageChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_plan: true,\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_plan: true,\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          title: `Test ${testNumber}`,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          studentId,\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, studentId, milestoneId, testPreviewItems, testNumber]);\n\n  const handleOnProceed = useCallback(\n    (nextStage: TTestsStage, updatedForm?: ITestFromData) => {\n      handleOnTestStageChange(nextStage);\n\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n\n        setTestFromData(prev => ({ ...prev, ...updatedForm }));\n\n        if (nextStage === 'PREVIEW' && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: testFormData.selectedChapters || [],\n          });\n        }\n      }\n    },\n    [handleOnTestStageChange, handleOnPostTestHelpPreview, testFormData],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFromData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === 'PREVIEW') {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n      />\n    );\n  }\n\n  if (testStage === 'DIFFICULTY_AND_DURATION_SELECTION') {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        onTestStageChange={handleOnProceed}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection testFormData={testFormData} onProceed={handleOnProceed} onExit={onExit} />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","onTestAssign","onExit","onError","testStage","setTestStage","useState","testFormData","setTestFromData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection","TestsCreation$1"],"mappings":"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"}
+{"version":3,"file":"tests-creation.js","sources":["../../../../../src/features/milestone/milestone-tests/tests-creation/tests-creation.tsx"],"sourcesContent":["import type { ITestHelpPreviewPayload, ITestHelpPreviewResponse } from './api/preview-test-sheet';\nimport type { ITestFromData, ITestsCreationProps, TTestsStage } from './tests-creation-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useState } from 'react';\n\nimport Button from '../../../ui/buttons/button/button';\nimport FlexView from '../../../ui/layout/flex-view';\nimport AppLoader from '../../../ui/loader/app-loader/app-loader';\nimport Text from '../../../ui/text/text';\nimport { useMilestoneGet } from '../../edit/comps/edit-milestone-modal/api/get-milestone';\nimport { usePostTestHelpPreview } from './api/preview-test-sheet';\nimport { usePostTestSheetAssign } from './api/test-sheet-assign';\nimport ChapterSelection from './test-stages/chapter-selection/chapter-selection';\nimport DifficultyAndDurationSelection from './test-stages/difficulty-and-duration-selection/difficulty-and-duration-selection';\nimport TestPreview from './test-stages/test-preview/test-preview';\n\nconst initFormData: ITestFromData = {\n  selectedChapters: null,\n  difficultyLevel: null,\n  title: null,\n  duration: null,\n  chapters: null,\n};\n\nconst TestsCreation: FC<ITestsCreationProps> = memo(props => {\n  const { milestoneId, studentId, testNumber, onTestAssign, onExit, onError } = props;\n\n  const [testStage, setTestStage] = useState<TTestsStage>('CHAPTER_SELECTION');\n  const [testFormData, setTestFromData] = useState<ITestFromData>(initFormData);\n  const [testPreviewItems, setTestPreviewItems] = useState<ITestHelpPreviewResponse[]>([]);\n\n  const handleOnTestStageChange = useCallback((nextStage: TTestsStage) => {\n    setTestStage(nextStage);\n  }, []);\n\n  const handleOnTestHelpPreviewComplete = useCallback(\n    (errorMessage: string | null, data?: ITestHelpPreviewResponse[]) => {\n      if (errorMessage || !data?.length) {\n        handleOnTestStageChange('CHAPTER_SELECTION');\n\n        setTestFromData(prev => {\n          const { chapters, selectedChapters } = prev;\n\n          const updatedChapters = chapters?.map(chapter => {\n            if (selectedChapters?.includes(chapter.id)) {\n              return {\n                ...chapter,\n                item_bank_enabled: false,\n              };\n            }\n\n            return chapter;\n          });\n\n          return {\n            ...prev,\n            chapters: updatedChapters ?? null,\n            selectedChapters: null,\n            difficultyLevel: null,\n            duration: null,\n          };\n        });\n\n        onError(\n          `We're experiencing a temporary limitation with the chapters you've selected. Please select alternative chapters and proceed.`,\n        );\n      }\n\n      if (errorMessage) {\n        onError(errorMessage);\n      } else if (data) {\n        setTestPreviewItems(data);\n      }\n    },\n    [onError, setTestPreviewItems, handleOnTestStageChange],\n  );\n\n  const handleOnTestSheetAssignComplete = useCallback(\n    (errorMessage: string | null) => {\n      if (errorMessage) {\n        onError(errorMessage);\n      } else {\n        onTestAssign();\n      }\n    },\n    [onError, onTestAssign],\n  );\n\n  const {\n    get: getMilestone,\n    data: currentMilestoneData,\n    isProcessing: isMilestoneProcessing,\n    isProcessingFailed: isMilestoneProcessingFailed,\n    error: milestoneGetError,\n  } = useMilestoneGet(milestoneId, {\n    with_sheets: true,\n  });\n\n  const { post: postTestHelpPreview, isProcessing: testPreviewIsProcessing } =\n    usePostTestHelpPreview({\n      onComplete: handleOnTestHelpPreviewComplete,\n    });\n\n  const { post: postTestSheetAssign, isProcessing: testAssignIsProcessing } =\n    usePostTestSheetAssign({\n      onComplete: handleOnTestSheetAssignComplete,\n    });\n\n  const { user_milestone_plan: userMilestonePlan } = currentMilestoneData || {};\n  const { user_chapters: userChapters } = userMilestonePlan || {};\n\n  const handleOnPostTestHelpPreview = useCallback(\n    (data: ITestHelpPreviewPayload) => {\n      postTestHelpPreview(data);\n    },\n    [postTestHelpPreview],\n  );\n\n  const handleOnGetMilestone = useCallback(() => {\n    getMilestone(milestoneId, {\n      with_sheets: true,\n    });\n  }, [getMilestone, milestoneId]);\n\n  const handleOnTestSheetAssign = useCallback(() => {\n    const { duration, difficultyLevel, selectedChapters } = testFormData;\n\n    if (duration && difficultyLevel && selectedChapters) {\n      postTestSheetAssign(\n        {\n          items: testPreviewItems,\n          title: `Test ${testNumber}`,\n          node_params: {\n            is_timed: true,\n            sheet_time: duration * 60,\n            difficulty_level: difficultyLevel,\n          },\n        },\n        {\n          studentId,\n          userMilestoneId: milestoneId,\n        },\n      );\n    }\n  }, [postTestSheetAssign, testFormData, studentId, milestoneId, testPreviewItems, testNumber]);\n\n  const handleOnProceed = useCallback(\n    (nextStage: TTestsStage, updatedForm?: ITestFromData) => {\n      handleOnTestStageChange(nextStage);\n\n      if (updatedForm) {\n        const { difficultyLevel, duration } = updatedForm;\n\n        setTestFromData(prev => ({ ...prev, ...updatedForm }));\n\n        if (nextStage === 'PREVIEW' && difficultyLevel && duration) {\n          handleOnPostTestHelpPreview({\n            difficulty_level: difficultyLevel,\n            duration: duration,\n            user_chapter_ids: testFormData.selectedChapters || [],\n          });\n        }\n      }\n    },\n    [handleOnTestStageChange, handleOnPostTestHelpPreview, testFormData],\n  );\n\n  useEffect(() => {\n    if (milestoneId) {\n      handleOnGetMilestone();\n    }\n  }, [milestoneId, handleOnGetMilestone]);\n\n  useEffect(() => {\n    if (userChapters && userChapters.length > 0) {\n      setTestFromData(prev => ({ ...prev, chapters: userChapters }));\n    }\n  }, [userChapters]);\n\n  if (isMilestoneProcessing || testPreviewIsProcessing) {\n    return <AppLoader height=\"100vh\" />;\n  }\n\n  if (isMilestoneProcessingFailed) {\n    return (\n      <FlexView $height=\"100vh\" $flexGapX={1.5} $alignItems=\"center\" $justifyContent=\"center\">\n        <Text $renderAs=\"h6\">{milestoneGetError?.message || 'Oops! Something went wrong.'}</Text>\n        <Button\n          widthX={14}\n          size=\"small\"\n          shape=\"square\"\n          renderAs=\"primary\"\n          label=\"Try again\"\n          onClick={handleOnGetMilestone}\n        />\n      </FlexView>\n    );\n  }\n\n  if (!userChapters) return null;\n\n  if (testStage === 'PREVIEW') {\n    return (\n      <TestPreview\n        studentId={studentId}\n        items={testPreviewItems}\n        testNumber={testNumber}\n        isAssignInProgress={testAssignIsProcessing}\n        onTestStageChange={handleOnProceed}\n        onTestSheetAssign={handleOnTestSheetAssign}\n      />\n    );\n  }\n\n  if (testStage === 'DIFFICULTY_AND_DURATION_SELECTION') {\n    return (\n      <DifficultyAndDurationSelection\n        testFormData={testFormData}\n        onTestStageChange={handleOnProceed}\n      />\n    );\n  }\n\n  return (\n    <ChapterSelection testFormData={testFormData} onProceed={handleOnProceed} onExit={onExit} />\n  );\n});\n\nexport default TestsCreation;\n"],"names":["initFormData","TestsCreation","memo","props","milestoneId","studentId","testNumber","onTestAssign","onExit","onError","testStage","setTestStage","useState","testFormData","setTestFromData","testPreviewItems","setTestPreviewItems","handleOnTestStageChange","useCallback","nextStage","handleOnTestHelpPreviewComplete","errorMessage","data","prev","chapters","selectedChapters","updatedChapters","chapter","handleOnTestSheetAssignComplete","getMilestone","currentMilestoneData","isMilestoneProcessing","isMilestoneProcessingFailed","milestoneGetError","useMilestoneGet","postTestHelpPreview","testPreviewIsProcessing","usePostTestHelpPreview","postTestSheetAssign","testAssignIsProcessing","usePostTestSheetAssign","userMilestonePlan","userChapters","handleOnPostTestHelpPreview","handleOnGetMilestone","handleOnTestSheetAssign","duration","difficultyLevel","handleOnProceed","updatedForm","useEffect","jsx","AppLoader","jsxs","FlexView","Text","Button","TestPreview","DifficultyAndDurationSelection","ChapterSelection","TestsCreation$1"],"mappings":"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"}

package/dist/features/ui/lottie-animation/lottie-animation.js

@@ -1,37 +1,52 @@
-import { jsx as d } from "react/jsx-runtime";
-import p from "lottie-web";
-import { memo as h, forwardRef as L, useRef as m, useImperativeHandle as g, useEffect as v } from "react";
-import w from "../layout/flex-view.js";
-import { fetchLottie as y } from "./helper.js";
-const A = L((s, u) => {
-  const { src: i, width: l = "100%", height: f = "100%", settings: a, eventListener: t, onRender: n } = s, o = m(null), e = m(null);
-  return g(
-    u,
+import { jsx as L } from "react/jsx-runtime";
+import w from "lottie-web";
+import { memo as y, forwardRef as b, useRef as c, useImperativeHandle as A, useEffect as E } from "react";
+import I from "../layout/flex-view.js";
+import { fetchLottie as $ } from "./helper.js";
+const x = b((p, h) => {
+  const {
+    src: s,
+    width: v = "100%",
+    height: g = "100%",
+    settings: u,
+    eventListener: r,
+    onRender: i,
+    animateOnIntersect: o
+  } = p, n = c(null), t = c(null), a = c(null);
+  return A(
+    h,
     () => ({
-      playSegments: (c, r) => {
-        e.current && e.current.playSegments(c, r);
+      playSegments: (m, e) => {
+        t.current && t.current.playSegments(m, e);
       }
     }),
     []
-  ), v(() => ((async () => {
+  ), E(() => ((async () => {
     try {
-      const r = await y(i);
-      o.current && (e.current = p.loadAnimation({
-        container: o.current,
-        animationData: r,
+      const e = await $(s);
+      n.current && (t.current = w.loadAnimation({
+        container: n.current,
+        animationData: e,
         renderer: "svg",
         loop: !0,
         autoplay: !0,
-        ...a
-      }), n == null || n(), t && e.current.addEventListener(t.name, t.callback));
-    } catch (r) {
-      throw Error(`Error loading Lottie animation: ${r}`);
+        ...u
+      }), o && (a.current = new IntersectionObserver(
+        ([l]) => {
+          var f, d;
+          l && l.isIntersecting ? (f = t.current) == null || f.play() : (d = t.current) == null || d.pause();
+        },
+        { threshold: 0 }
+      ), n.current && a.current.observe(n.current)), i == null || i(), r && t.current.addEventListener(r.name, r.callback));
+    } catch (e) {
+      throw Error(`Error loading Lottie animation: ${e}`);
     }
   })(), () => {
-    e.current && (t && e.current.removeEventListener(t.name, t.callback), e.current.destroy());
-  }), [i, t, n, a]), /* @__PURE__ */ d(w, { ref: o, $width: l, $height: f });
-}), I = h(A);
+    var e;
+    t.current && (r && t.current.removeEventListener(r.name, r.callback), o && ((e = a.current) == null || e.disconnect()), t.current.destroy());
+  }), [s, r, i, o, u]), /* @__PURE__ */ L(I, { ref: n, $width: v, $height: g });
+}), F = y(x);
 export {
-  I as default
+  F as default
 };
 //# sourceMappingURL=lottie-animation.js.map

package/dist/features/ui/lottie-animation/lottie-animation.js.map

@@ -1 +1 @@
-{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const { src, width = '100%', height = '100%', settings, eventListener, onRender } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment, forceFlag?: boolean) => {\n        if (animationInstance.current) {\n          animationInstance.current.playSegments(segments, forceFlag);\n        }\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        if (container.current) {\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            renderer: 'svg',\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        }\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","container","useRef","animationInstance","useImperativeHandle","segments","forceFlag","useEffect","animationData","fetchLottie","lottie","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA,EAAE,KAAAC,GAAK,OAAAC,IAAQ,QAAQ,QAAAC,IAAS,QAAQ,UAAAC,GAAU,eAAAC,GAAe,UAAAC,EAAa,IAAAP,GAE9EQ,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI;AAE3D,SAAAE;AAAA,IACEV;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACW,GAA4BC,MAAwB;AACjE,QAAIH,EAAkB,WACFA,EAAA,QAAQ,aAAaE,GAAUC,CAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHC,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYd,CAAG;AAE3C,MAAIM,EAAU,YACME,EAAA,UAAUO,EAAO,cAAc;AAAA,QAC/C,WAAWT,EAAU;AAAA,QACrB,eAAAO;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGV;AAAA,MAAA,CACJ,GAEUE,KAAA,QAAAA,KACPD,KACFI,EAAkB,QAAQ,iBAAiBJ,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFY,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,IACxD;AAAA,EAAA,MAKK,MAAM;AACX,IAAIR,EAAkB,YAChBJ,KACFI,EAAkB,QAAQ,oBAAoBJ,EAAc,MAAMA,EAAc,QAAQ,GAE1FI,EAAkB,QAAQ;EAC5B,IAED,CAACR,GAAKI,GAAeC,GAAUF,CAAQ,CAAC,qBAEnCc,GAAS,EAAA,KAAKX,GAAW,QAAQL,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcgB,IAAAC,EAAKvB,CAAe;"}
+{"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListener,\n    onRender,\n    animateOnIntersect,\n  } = props;\n\n  const container = useRef<HTMLDivElement>(null);\n  const animationInstance = useRef<AnimationItem | null>(null);\n  const intersectionObserver = useRef<IntersectionObserver | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment, forceFlag?: boolean) => {\n        if (animationInstance.current) {\n          animationInstance.current.playSegments(segments, forceFlag);\n        }\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        if (container.current) {\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\n            renderer: 'svg',\n            loop: true,\n            autoplay: true,\n            ...settings,\n          });\n\n          if (animateOnIntersect) {\n            intersectionObserver.current = new IntersectionObserver(\n              ([entry]) => {\n                if (entry && entry.isIntersecting) {\n                  animationInstance.current?.play();\n                } else {\n                  animationInstance.current?.pause();\n                }\n              },\n              { threshold: 0 },\n            );\n\n            if (container.current) {\n              intersectionObserver.current.observe(container.current);\n            }\n          }\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        }\n      } catch (error) {\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      if (animationInstance.current) {\n        if (eventListener) {\n          animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n        }\n\n        if (animateOnIntersect) {\n          intersectionObserver.current?.disconnect();\n        }\n        animationInstance.current.destroy();\n      }\n    };\n  }, [src, eventListener, onRender, animateOnIntersect, settings]);\n\n  return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","useEffect","animationData","fetchLottie","lottie","entry","_a","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACa,GAA4BC,MAAwB;AACjE,QAAIJ,EAAkB,WACFA,EAAA,QAAQ,aAAaG,GAAUC,CAAS;AAAA,MAE9D;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHC,EAAU,QACc,YAAY;AAC5B,QAAA;AACI,YAAAC,IAAgB,MAAMC,EAAYhB,CAAG;AAE3C,MAAIO,EAAU,YACME,EAAA,UAAUQ,EAAO,cAAc;AAAA,QAC/C,WAAWV,EAAU;AAAA,QACrB,eAAAQ;AAAA,QACA,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGZ;AAAA,MAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,QACjC,CAAC,CAACQ,CAAK,MAAM;;AACP,UAAAA,KAASA,EAAM,kBACjBC,IAAAV,EAAkB,YAAlB,QAAAU,EAA2B,UAE3BC,IAAAX,EAAkB,YAAlB,QAAAW,EAA2B;AAAA,QAE/B;AAAA,QACA,EAAE,WAAW,EAAE;AAAA,MAAA,GAGbb,EAAU,WACSG,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAI/CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,aAGlFiB,GAAO;AACR,YAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,IACxD;AAAA,EAAA,MAKK,MAAM;;AACX,IAAIZ,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFa,IAAAT,EAAqB,YAArB,QAAAS,EAA8B,eAEhCV,EAAkB,QAAQ;EAC5B,IAED,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDmB,GAAS,EAAA,KAAKf,GAAW,QAAQN,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcqB,IAAAC,EAAK5B,CAAe;"}

package/dist/features/ui/theme/button.js

@@ -81,18 +81,18 @@ const o = (i) => ({ sizes: {
   },
   tertiary: {
     backgroundColorName: {
-      inactive: "WHITE",
-      active: "RED",
+      inactive: "RED",
+      active: "BLACK",
       disabled: "GREY_3"
     },
     colorName: {
-      inactive: "RED",
+      inactive: "WHITE",
       active: "WHITE",
       disabled: "BLACK"
     },
     borderColorName: {
-      inactive: "RED",
-      active: "RED",
+      inactive: "BLACK",
+      active: "BLACK",
       disabled: "GREY_3"
     }
   },