@cuemath/leap 3.3.19 → 3.3.20

package/dist/features/trial-session/comps/school-goals/school-goals.js

@@ -1,13 +1,13 @@
-import { jsx as B } from "react/jsx-runtime";
-import { memo as Y, useMemo as C, useCallback as m, useEffect as S } from "react";
+import { jsx as w } from "react/jsx-runtime";
+import { memo as B, useMemo as C, useCallback as m, useEffect as S } from "react";
 import { GOAL_CATEGORY as s } from "../../../milestone/constants.js";
-import { getCategorizedCurriculumStandards as j } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
-import { getGradesFromConfig as q, getGoalsFromConfig as v } from "../../../milestone/create/milestone-create-helpers.js";
+import { getCategorizedCurriculumStandards as R } from "../../../milestone/create/comps/class-details-step/class-details-utils.js";
+import { getGradesFromConfig as Y, getGoalsFromConfig as j } from "../../../milestone/create/milestone-create-helpers.js";
 import { epochTimestampAfterOneYear as G } from "../../../utils/utils.js";
-import { useTrialSessionContext as w } from "../../context/use-trial-session-context.js";
+import { useTrialSessionContext as q } from "../../context/use-trial-session-context.js";
 import { updateGoalInFormData as O } from "../../helper.js";
-import z from "./school-goals-view.js";
-const Z = Y(() => {
+import v from "./school-goals-view.js";
+const Z = B(() => {
   const {
     milestoneConfig: n,
     formData: E,
@@ -15,17 +15,18 @@ const Z = Y(() => {
     updateButtonState: f,
     onRemoveOptionalSlides: g,
     trialHomeData: L
-  } = w(), { name: p, grade: e, goals: t, curriculum: i, numberInNameError: N } = E || {}, { demo_info: I } = L, { stream: u, region_data: U } = I || {}, { opportunity_country: c = "US" } = U || {}, b = q(n), y = C(
-    () => j(n, {
+  } = q(), { name: p, grade: e, goals: t, curriculum: i, numberInNameError: N } = E || {}, { demo_info: I } = L, { stream: u, region_data: T } = I || {}, { opportunity_country: c = "US" } = T || {}, U = Y(n), b = C(
+    () => R(n, {
       countryCode: c,
       grade: e ?? "",
       goalCategory: s.SCHOOL_SUCCESS,
       courseStream: u,
-      enrollmentType: "ONLINE"
+      enrollmentType: "ONLINE",
+      flow: "CREATE"
     }),
     [n, c, e, u]
   ), d = C(
-    () => v(n, {
+    () => j(n, {
       countryCode: c,
       grade: e ?? "",
       goalCategory: s.SCHOOL_SUCCESS,
@@ -45,25 +46,25 @@ const Z = Y(() => {
       });
     },
     [a]
-  ), H = m(
+  ), y = m(
     (o) => {
       a({ numberInNameError: !1 }), r("name", o.target.value);
     },
     [a, r]
-  ), T = m(
+  ), H = m(
     (o, l) => {
-      const { label: x } = l, A = O(t, s.SCHOOL_SUCCESS, {
+      const { label: F } = l, x = O(t, s.SCHOOL_SUCCESS, {
         goal_code: o,
-        milestone_name: x,
+        milestone_name: F,
         milestone_date_ts: G()
       });
-      a({ goals: A });
+      a({ goals: x });
     },
     [t, a]
   ), D = m(
     (o) => r("curriculum", o),
     [r]
-  ), F = m(
+  ), A = m(
     (o) => {
       r("grade", o), r("curriculum", "");
     },
@@ -83,20 +84,20 @@ const Z = Y(() => {
       });
       a({ goals: l });
     }
-  }, [d]), /* @__PURE__ */ B(
-    z,
+  }, [d]), /* @__PURE__ */ w(
+    v,
     {
       name: p,
       grade: e,
-      grades: b,
+      grades: U,
       goalsList: d,
       curriculum: i,
       selectedGoal: _,
       numberInNameError: N,
-      curriculumStandards: y,
-      onNameChange: H,
-      onGoalChange: T,
-      onGradeChange: F,
+      curriculumStandards: b,
+      onNameChange: y,
+      onGoalChange: H,
+      onGradeChange: A,
       onCurriculumChange: D
     }
   );

package/dist/features/trial-session/comps/school-goals/school-goals.js.map

@@ -1 +1 @@
-{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}
+{"version":3,"file":"school-goals.js","sources":["../../../../../src/features/trial-session/comps/school-goals/school-goals.tsx"],"sourcesContent":["import type { ISelectOption } from '../../../ui/inputs/base-select-input/base-select-input-types';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { GOAL_CATEGORY } from '../../../milestone/constants';\nimport { getCategorizedCurriculumStandards } from '../../../milestone/create/comps/class-details-step/class-details-utils';\nimport {\n  getGoalsFromConfig,\n  getGradesFromConfig,\n} from '../../../milestone/create/milestone-create-helpers';\nimport { epochTimestampAfterOneYear } from '../../../utils/utils';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { updateGoalInFormData } from '../../helper';\nimport SchoolGoalsView from './school-goals-view';\n\nconst SchoolGoals = memo(() => {\n  const {\n    milestoneConfig,\n    formData,\n    updateSlideConfig,\n    updateButtonState,\n    onRemoveOptionalSlides,\n    trialHomeData,\n  } = useTrialSessionContext();\n  const { name, grade, goals, curriculum, numberInNameError } = formData || {};\n\n  const { demo_info: demoInfo } = trialHomeData;\n  const { stream, region_data: regionData } = demoInfo || {};\n  const { opportunity_country: countryCode = 'US' } = regionData || {};\n  const grades = getGradesFromConfig(milestoneConfig);\n\n  const curriculumStandards = useMemo(\n    () =>\n      getCategorizedCurriculumStandards(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        enrollmentType: 'ONLINE',\n        flow: 'CREATE',\n      }),\n    [milestoneConfig, countryCode, grade, stream],\n  );\n\n  const goalsList = useMemo(\n    () =>\n      getGoalsFromConfig(milestoneConfig, {\n        countryCode,\n        grade: grade ?? '',\n        goalCategory: GOAL_CATEGORY.SCHOOL_SUCCESS,\n        courseStream: stream,\n        curriculumStandard: curriculum,\n        enrollmentType: 'ONLINE',\n      }),\n    [milestoneConfig, countryCode, grade, stream, curriculum],\n  );\n\n  const { goal_code: selectedGoal } = useMemo(\n    () => goals?.find(goal => goal.goal_category === GOAL_CATEGORY.SCHOOL_SUCCESS) ?? {},\n    [goals],\n  );\n\n  const hasRequiredFields = Boolean(name && grade && curriculum && selectedGoal);\n\n  const updateStudentInformation = useCallback(\n    (key: string, value: string) => {\n      updateSlideConfig({\n        [key]: value,\n        ...(key === 'grade' || key === 'curriculum' ? { goals: [] } : {}),\n      });\n    },\n    [updateSlideConfig],\n  );\n\n  const handleNameChange = useCallback<\n    NonNullable<React.InputHTMLAttributes<HTMLInputElement>['onChange']>\n  >(\n    event => {\n      updateSlideConfig({ numberInNameError: false });\n      updateStudentInformation('name', event.target.value);\n    },\n    [updateSlideConfig, updateStudentInformation],\n  );\n\n  const handleGoalChange = useCallback(\n    (value: string, option: ISelectOption<string | number>) => {\n      const { label } = option;\n\n      const updatedGoals = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: value,\n        milestone_name: label,\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: updatedGoals });\n    },\n    [goals, updateSlideConfig],\n  );\n\n  const handleCurriculumChange = useCallback(\n    (value: string) => updateStudentInformation('curriculum', value),\n    [updateStudentInformation],\n  );\n\n  const handleGradeChange = useCallback(\n    (value: string) => {\n      updateStudentInformation('grade', value);\n      updateStudentInformation('curriculum', '');\n    },\n    [updateStudentInformation],\n  );\n\n  useEffect(() => {\n    updateButtonState('right', { isDisabled: !hasRequiredFields, isLoading: false });\n  }, [hasRequiredFields, updateButtonState]);\n\n  useEffect(() => {\n    if (grade) {\n      onRemoveOptionalSlides?.(grade);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [grade]);\n\n  useEffect(() => {\n    // If there is only one goal in the list, set it as the selected goal\n    // and update the form data with the goal code, milestone name, and date\n    const defaultGoal = goalsList.length === 1 ? goalsList[0] : undefined;\n\n    if (defaultGoal) {\n      const goalToUpdate = updateGoalInFormData(goals, GOAL_CATEGORY.SCHOOL_SUCCESS, {\n        goal_code: defaultGoal.id ?? '',\n        milestone_name: defaultGoal.label ?? '',\n        milestone_date_ts: epochTimestampAfterOneYear(),\n      });\n\n      updateSlideConfig({ goals: goalToUpdate });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [goalsList]);\n\n  return (\n    <SchoolGoalsView\n      name={name}\n      grade={grade}\n      grades={grades}\n      goalsList={goalsList}\n      curriculum={curriculum}\n      selectedGoal={selectedGoal}\n      numberInNameError={numberInNameError}\n      curriculumStandards={curriculumStandards}\n      onNameChange={handleNameChange}\n      onGoalChange={handleGoalChange}\n      onGradeChange={handleGradeChange}\n      onCurriculumChange={handleCurriculumChange}\n    />\n  );\n});\n\nexport default SchoolGoals;\n"],"names":["SchoolGoals","memo","milestoneConfig","formData","updateSlideConfig","updateButtonState","onRemoveOptionalSlides","trialHomeData","useTrialSessionContext","name","grade","goals","curriculum","numberInNameError","demoInfo","stream","regionData","countryCode","grades","getGradesFromConfig","curriculumStandards","useMemo","getCategorizedCurriculumStandards","GOAL_CATEGORY","goalsList","getGoalsFromConfig","selectedGoal","goal","hasRequiredFields","updateStudentInformation","useCallback","key","value","handleNameChange","event","handleGoalChange","option","label","updatedGoals","updateGoalInFormData","epochTimestampAfterOneYear","handleCurriculumChange","handleGradeChange","useEffect","defaultGoal","goalToUpdate","jsx","SchoolGoalsView"],"mappings":"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"}

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

@@ -1,93 +1,80 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { DotLottieWorker as v } from "../../../node_modules/@lottiefiles/dotlottie-web/dist/index.js";
-import { memo as w, forwardRef as x, useRef as p, useImperativeHandle as A, useEffect as h } from "react";
-import R from "../layout/flex-view.js";
-import { Canvas as $ } from "./dot-lottie-animation-styled.js";
-const E = x(
-  (y, g) => {
-    const {
-      src: s,
-      data: f,
-      width: i = "100%",
-      height: a = "100%",
-      settings: l,
-      eventListeners: o,
-      onRender: u,
-      onError: c
-    } = y, m = p(null), t = p(null);
-    return A(
-      g,
-      () => ({
-        play: () => {
-          var e;
-          (e = t.current) == null || e.play();
-        },
-        pause: () => {
-          var e;
-          (e = t.current) == null || e.pause();
-        },
-        playSegments: (e) => {
-          var r, n;
-          (r = t.current) == null || r.setSegment(e[0], e[1]), (n = t.current) == null || n.play();
-        },
-        setFrame: (e) => {
-          var r;
-          (r = t.current) == null || r.setFrame(e);
-        }
-      }),
-      []
-    ), h(() => {
-      if (!m.current) return;
-      let e = !1;
-      return (() => {
-        try {
-          t.current = new v({
-            src: s,
-            data: f,
-            canvas: m.current,
-            autoplay: !0,
-            loop: !1,
-            renderConfig: {
-              autoResize: !0,
-              devicePixelRatio: window.devicePixelRatio,
-              freezeOnOffscreen: !0
-            },
-            ...l
-          }), requestAnimationFrame(() => {
-            e || u == null || u();
-          });
-        } catch (n) {
-          console.log(n), c == null || c();
-        }
-      })(), () => {
-        e = !0, t.current && (t.current.destroy(), t.current = null);
-      };
-    }, [s, l, u, c, f]), h(() => (o == null || o.forEach(
-      ({ name: e, callback: r }) => {
-        var n;
-        return (n = t.current) == null ? void 0 : n.addEventListener(e, r);
-      }
-    ), () => {
-      o == null || o.forEach(
-        ({ name: e, callback: r }) => {
-          var n;
-          return (n = t.current) == null ? void 0 : n.removeEventListener(e, r);
-        }
-      );
-    }), [o]), /* @__PURE__ */ d(R, { $width: i, $height: a, children: /* @__PURE__ */ d(
-      $,
-      {
-        ref: m,
-        $renderWidth: i,
-        $renderHeight: a,
-        width: typeof i == "number" ? i : void 0,
-        height: typeof a == "number" ? a : void 0
+import { memo as w, forwardRef as x, useRef as p, useImperativeHandle as R, useEffect as h } from "react";
+import E from "../layout/flex-view.js";
+import { Canvas as H } from "./dot-lottie-animation-styled.js";
+const N = x((y, g) => {
+  const {
+    src: m,
+    width: i = "100%",
+    height: a = "100%",
+    settings: f,
+    eventListeners: r,
+    onRender: u,
+    onError: c
+  } = y, s = p(null), t = p(null);
+  return R(
+    g,
+    () => ({
+      playSegments: (e) => {
+        var n, o;
+        (n = t.current) == null || n.setSegment(e[0], e[1]), (o = t.current) == null || o.play();
+      },
+      play: () => {
+        var e;
+        (e = t.current) == null || e.play();
       },
-      s
-    ) });
-  }
-), C = w(E);
+      pause: () => {
+        var e;
+        (e = t.current) == null || e.pause();
+      }
+    }),
+    []
+  ), h(() => {
+    if (s.current)
+      try {
+        t.current = new v({
+          src: m,
+          canvas: s.current,
+          autoplay: !0,
+          loop: !1,
+          renderConfig: {
+            autoResize: !0,
+            devicePixelRatio: window.devicePixelRatio,
+            freezeOnOffscreen: !0
+          },
+          ...f
+        }), requestAnimationFrame(() => {
+          u == null || u();
+        });
+      } catch (e) {
+        console.log(e), c == null || c();
+      }
+  }, [m, f, u, c]), h(() => (r == null || r.forEach(
+    ({ name: e, callback: n }) => {
+      var o;
+      return (o = t.current) == null ? void 0 : o.addEventListener(e, n);
+    }
+  ), () => {
+    var e;
+    r == null || r.forEach(
+      ({ name: n, callback: o }) => {
+        var d;
+        return (d = t.current) == null ? void 0 : d.removeEventListener(n, o);
+      }
+    ), (e = t.current) == null || e.destroy();
+  }), [r]), /* @__PURE__ */ l(E, { $width: i, $height: a, children: /* @__PURE__ */ l(
+    H,
+    {
+      ref: s,
+      $renderWidth: i,
+      $renderHeight: a,
+      width: typeof i == "number" ? i : void 0,
+      height: typeof a == "number" ? a : void 0
+    }
+  ) });
+}), F = w(N);
 export {
-  C as default
+  F as default
 };
 //# sourceMappingURL=dot-lottie-animation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dot-lottie-animation.js","sources":["../../../../src/features/ui/dot-lottie-animations/dot-lottie-animation.tsx"],"sourcesContent":["import type {\n  AnimationSegment,\n  IDotLottieAnimationProps,\n  IDotLottieAnimationRef,\n} from './dot-lottie-types';\n\nimport { DotLottieWorker } from '@lottiefiles/dotlottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as Styled from './dot-lottie-animation-styled';\n\nconst DotLottieAnimation = forwardRef<IDotLottieAnimationRef, IDotLottieAnimationProps>(\n  (props, ref) => {\n    const {\n      src,\n      data,\n      width = '100%',\n      height = '100%',\n      settings,\n      eventListeners,\n      onRender,\n      onError,\n    } = props;\n\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const animationInstance = useRef<DotLottieWorker | null>(null);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        play: () => {\n          animationInstance.current?.play();\n        },\n        pause: () => {\n          animationInstance.current?.pause();\n        },\n        playSegments: (segments: AnimationSegment) => {\n          animationInstance.current?.setSegment(segments[0], segments[1]);\n          animationInstance.current?.play();\n        },\n        setFrame: (frame: number) => {\n          animationInstance.current?.setFrame(frame);\n        },\n      }),\n      [],\n    );\n\n    useEffect(() => {\n      if (!canvasRef.current) return;\n\n      let destroyed = false;\n\n      const loadAnimation = () => {\n        try {\n          animationInstance.current = new DotLottieWorker({\n            src,\n            data,\n            canvas: canvasRef.current!,\n            autoplay: true,\n            loop: false,\n            renderConfig: {\n              autoResize: true,\n              devicePixelRatio: window.devicePixelRatio,\n              freezeOnOffscreen: true,\n            },\n            ...settings,\n          });\n\n          requestAnimationFrame(() => {\n            if (destroyed) return;\n            onRender?.();\n          });\n        } catch (err) {\n          // eslint-disable-next-line no-console\n          console.log(err);\n          onError?.();\n        }\n      };\n\n      loadAnimation();\n\n      return () => {\n        destroyed = true;\n        if (animationInstance.current) {\n          animationInstance.current.destroy();\n          animationInstance.current = null;\n        }\n      };\n    }, [src, settings, onRender, onError, data]);\n\n    useEffect(() => {\n      eventListeners?.forEach(\n        ({ name, callback }) => animationInstance.current?.addEventListener(name, callback),\n      );\n\n      return () => {\n        eventListeners?.forEach(\n          ({ name, callback }) => animationInstance.current?.removeEventListener(name, callback),\n        );\n      };\n    }, [eventListeners]);\n\n    const isNumW = typeof width === 'number';\n    const isNumH = typeof height === 'number';\n\n    return (\n      <FlexView $width={width} $height={height}>\n        <Styled.Canvas\n          key={src}\n          ref={canvasRef}\n          $renderWidth={width}\n          $renderHeight={height}\n          width={isNumW ? width : undefined}\n          height={isNumH ? height : undefined}\n        />\n      </FlexView>\n    );\n  },\n);\n\nexport default memo(DotLottieAnimation);\n"],"names":["DotLottieAnimation","forwardRef","props","ref","src","data","width","height","settings","eventListeners","onRender","onError","canvasRef","useRef","animationInstance","useImperativeHandle","_a","segments","_b","frame","useEffect","destroyed","DotLottieWorker","err","name","callback","jsx","FlexView","Styled.Canvas","DotLottieAnimation$1","memo"],"mappings":";;;;;AAYA,MAAMA,IAAqBC;AAAA,EACzB,CAACC,GAAOC,MAAQ;AACR,UAAA;AAAA,MACJ,KAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC,IAAQ;AAAA,MACR,QAAAC,IAAS;AAAA,MACT,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,SAAAC;AAAA,IACE,IAAAT,GAEEU,IAAYC,EAA0B,IAAI,GAC1CC,IAAoBD,EAA+B,IAAI;AAE7D,WAAAE;AAAA,MACEZ;AAAA,MACA,OAAO;AAAA,QACL,MAAM,MAAM;;AACV,WAAAa,IAAAF,EAAkB,YAAlB,QAAAE,EAA2B;AAAA,QAC7B;AAAA,QACA,OAAO,MAAM;;AACX,WAAAA,IAAAF,EAAkB,YAAlB,QAAAE,EAA2B;AAAA,QAC7B;AAAA,QACA,cAAc,CAACC,MAA+B;;AAC5C,WAAAD,IAAAF,EAAkB,YAAlB,QAAAE,EAA2B,WAAWC,EAAS,CAAC,GAAGA,EAAS,CAAC,KAC7DC,IAAAJ,EAAkB,YAAlB,QAAAI,EAA2B;AAAA,QAC7B;AAAA,QACA,UAAU,CAACC,MAAkB;;AACT,WAAAH,IAAAF,EAAA,YAAA,QAAAE,EAAS,SAASG;AAAA,QACtC;AAAA,MAAA;AAAA,MAEF,CAAC;AAAA,IAAA,GAGHC,EAAU,MAAM;AACV,UAAA,CAACR,EAAU,QAAS;AAExB,UAAIS,IAAY;AA6BF,cA3BQ,MAAM;AACtB,YAAA;AACgB,UAAAP,EAAA,UAAU,IAAIQ,EAAgB;AAAA,YAC9C,KAAAlB;AAAA,YACA,MAAAC;AAAA,YACA,QAAQO,EAAU;AAAA,YAClB,UAAU;AAAA,YACV,MAAM;AAAA,YACN,cAAc;AAAA,cACZ,YAAY;AAAA,cACZ,kBAAkB,OAAO;AAAA,cACzB,mBAAmB;AAAA,YACrB;AAAA,YACA,GAAGJ;AAAA,UAAA,CACJ,GAED,sBAAsB,MAAM;AAC1B,YAAIa,KACOX,KAAA,QAAAA;AAAA,UAAA,CACZ;AAAA,iBACMa,GAAK;AAEZ,kBAAQ,IAAIA,CAAG,GACLZ,KAAA,QAAAA;AAAA,QACZ;AAAA,MAAA,MAKK,MAAM;AACC,QAAAU,IAAA,IACRP,EAAkB,YACpBA,EAAkB,QAAQ,WAC1BA,EAAkB,UAAU;AAAA,MAC9B;AAAA,IACF,GACC,CAACV,GAAKI,GAAUE,GAAUC,GAASN,CAAI,CAAC,GAE3Ce,EAAU,OACQX,KAAA,QAAAA,EAAA;AAAA,MACd,CAAC,EAAE,MAAAe,GAAM,UAAAC,QAAe;;AAAA,gBAAAT,IAAAF,EAAkB,YAAlB,gBAAAE,EAA2B,iBAAiBQ,GAAMC;AAAA;AAAA,OAGrE,MAAM;AACK,MAAAhB,KAAA,QAAAA,EAAA;AAAA,QACd,CAAC,EAAE,MAAAe,GAAM,UAAAC,QAAe;;AAAA,kBAAAT,IAAAF,EAAkB,YAAlB,gBAAAE,EAA2B,oBAAoBQ,GAAMC;AAAA;AAAA;AAAA,IAC/E,IAED,CAAChB,CAAc,CAAC,GAMhB,gBAAAiB,EAAAC,GAAA,EAAS,QAAQrB,GAAO,SAASC,GAChC,UAAA,gBAAAmB;AAAA,MAACE;AAAAA,MAAA;AAAA,QAEC,KAAKhB;AAAA,QACL,cAAcN;AAAA,QACd,eAAeC;AAAA,QACf,OAVS,OAAOD,KAAU,WAUVA,IAAQ;AAAA,QACxB,QAVS,OAAOC,KAAW,WAUVA,IAAS;AAAA,MAAA;AAAA,MALrBH;AAAA,IAOT,EAAA,CAAA;AAAA,EAEJ;AACF,GAEeyB,IAAAC,EAAK9B,CAAkB;"}
+{"version":3,"file":"dot-lottie-animation.js","sources":["../../../../src/features/ui/dot-lottie-animations/dot-lottie-animation.tsx"],"sourcesContent":["import type {\n  AnimationSegment,\n  ILottieAnimationProps,\n  ILottieAnimationRef,\n} from './dot-lottie-types';\n\nimport { DotLottieWorker } from '@lottiefiles/dotlottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport * as Styled from './dot-lottie-animation-styled';\n\nconst DotLottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n  const {\n    src,\n    width = '100%',\n    height = '100%',\n    settings,\n    eventListeners,\n    onRender,\n    onError,\n  } = props;\n\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const animationInstance = useRef<DotLottieWorker | null>(null);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      playSegments: (segments: AnimationSegment) => {\n        animationInstance.current?.setSegment(segments[0], segments[1]);\n        animationInstance.current?.play();\n      },\n      play: () => {\n        animationInstance.current?.play();\n      },\n      pause: () => {\n        animationInstance.current?.pause();\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    if (!canvasRef.current) return;\n\n    try {\n      animationInstance.current = new DotLottieWorker({\n        src,\n        canvas: canvasRef.current,\n        autoplay: true,\n        loop: false,\n        renderConfig: {\n          autoResize: true,\n          devicePixelRatio: window.devicePixelRatio,\n          freezeOnOffscreen: true,\n        },\n        ...settings,\n      });\n\n      requestAnimationFrame(() => {\n        onRender?.();\n      });\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.log(err);\n      onError?.();\n    }\n  }, [src, settings, onRender, onError]);\n\n  useEffect(() => {\n    eventListeners?.forEach(\n      ({ name, callback }) => animationInstance.current?.addEventListener(name, callback),\n    );\n\n    return () => {\n      eventListeners?.forEach(\n        ({ name, callback }) => animationInstance.current?.removeEventListener(name, callback),\n      );\n      animationInstance.current?.destroy();\n    };\n  }, [eventListeners]);\n\n  const isNumW = typeof width === 'number';\n  const isNumH = typeof height === 'number';\n\n  return (\n    <FlexView $width={width} $height={height}>\n      <Styled.Canvas\n        ref={canvasRef}\n        $renderWidth={width}\n        $renderHeight={height}\n        width={isNumW ? width : undefined}\n        height={isNumH ? height : undefined}\n      />\n    </FlexView>\n  );\n});\n\nexport default memo(DotLottieAnimation);\n"],"names":["DotLottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListeners","onRender","onError","canvasRef","useRef","animationInstance","useImperativeHandle","segments","_a","_b","useEffect","DotLottieWorker","err","name","callback","jsx","FlexView","Styled.Canvas","dotLottieAnimation","memo"],"mappings":";;;;;AAYA,MAAMA,IAAqBC,EAAuD,CAACC,GAAOC,MAAQ;AAC1F,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,EACE,IAAAR,GAEES,IAAYC,EAA0B,IAAI,GAC1CC,IAAoBD,EAA+B,IAAI;AAE7D,SAAAE;AAAA,IACEX;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACY,MAA+B;;AAC5C,SAAAC,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B,WAAWD,EAAS,CAAC,GAAGA,EAAS,CAAC,KAC7DE,IAAAJ,EAAkB,YAAlB,QAAAI,EAA2B;AAAA,MAC7B;AAAA,MACA,MAAM,MAAM;;AACV,SAAAD,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,MACA,OAAO,MAAM;;AACX,SAAAA,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,MAC7B;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHE,EAAU,MAAM;AACV,QAACP,EAAU;AAEX,UAAA;AACgB,QAAAE,EAAA,UAAU,IAAIM,EAAgB;AAAA,UAC9C,KAAAf;AAAA,UACA,QAAQO,EAAU;AAAA,UAClB,UAAU;AAAA,UACV,MAAM;AAAA,UACN,cAAc;AAAA,YACZ,YAAY;AAAA,YACZ,kBAAkB,OAAO;AAAA,YACzB,mBAAmB;AAAA,UACrB;AAAA,UACA,GAAGJ;AAAA,QAAA,CACJ,GAED,sBAAsB,MAAM;AACf,UAAAE,KAAA,QAAAA;AAAA,QAAA,CACZ;AAAA,eACMW,GAAK;AAEZ,gBAAQ,IAAIA,CAAG,GACLV,KAAA,QAAAA;AAAA,MACZ;AAAA,KACC,CAACN,GAAKG,GAAUE,GAAUC,CAAO,CAAC,GAErCQ,EAAU,OACQV,KAAA,QAAAA,EAAA;AAAA,IACd,CAAC,EAAE,MAAAa,GAAM,UAAAC,QAAe;;AAAA,cAAAN,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,iBAAiBK,GAAMC;AAAA;AAAA,KAGrE,MAAM;;AACK,IAAAd,KAAA,QAAAA,EAAA;AAAA,MACd,CAAC,EAAE,MAAAa,GAAM,UAAAC,QAAe;;AAAA,gBAAAN,IAAAH,EAAkB,YAAlB,gBAAAG,EAA2B,oBAAoBK,GAAMC;AAAA;AAAA,QAE/EN,IAAAH,EAAkB,YAAlB,QAAAG,EAA2B;AAAA,EAAQ,IAEpC,CAACR,CAAc,CAAC,GAMhB,gBAAAe,EAAAC,GAAA,EAAS,QAAQnB,GAAO,SAASC,GAChC,UAAA,gBAAAiB;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,KAAKd;AAAA,MACL,cAAcN;AAAA,MACd,eAAeC;AAAA,MACf,OATS,OAAOD,KAAU,WASVA,IAAQ;AAAA,MACxB,QATS,OAAOC,KAAW,WASVA,IAAS;AAAA,IAAA;AAAA,EAE9B,EAAA,CAAA;AAEJ,CAAC,GAEcoB,IAAAC,EAAK3B,CAAkB;"}

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

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

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 { AnimationEventName, 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    onError,\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        animationInstance.current?.playSegments(segments, forceFlag),\n      addEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.addEventListener(eventName as AnimationEventName, callback),\n      removeEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.removeEventListener(eventName as AnimationEventName, callback),\n      play: () => animationInstance.current?.play(),\n      stop: () => animationInstance.current?.stop(),\n      setLoop: (loop: boolean) => {\n        if (animationInstance.current) {\n          animationInstance.current.loop = loop;\n        }\n      },\n      goToAndStop: (v, f) => animationInstance.current?.goToAndStop(v, f),\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    let destroyed = false;\n\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        // Wait for layout\n        // NOTE: Do not remove this as this is needed to fix canvas rendering on first layout.\n        requestAnimationFrame(() => {\n          if (!container.current || destroyed) return;\n\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\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            intersectionObserver.current.observe(container.current);\n          }\n\n          onRender?.();\n          if (eventListener) {\n            animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n          }\n        });\n      } catch (error) {\n        onError?.();\n        throw Error(`Error loading Lottie animation: ${error}`);\n      }\n    };\n\n    loadAnimation();\n\n    return () => {\n      destroyed = true;\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, onError]);\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","onError","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","_a","eventName","callback","loop","v","f","useEffect","destroyed","animationData","fetchLottie","lottie","entry","_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,SAAAC;AAAA,IACA,oBAAAC;AAAA,EACE,IAAAT,GAEEU,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEb;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACc,GAA4BC,MACzC;;AAAA,gBAAAC,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,aAAaF,GAAUC;AAAA;AAAA,MACpD,kBAAkB,CAACE,GAAmBC,MACpC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,iBAAiBC,GAAiCC;AAAA;AAAA,MAC/E,qBAAqB,CAACD,GAAmBC,MACvC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,oBAAoBC,GAAiCC;AAAA;AAAA,MAClF,MAAM,MAAM;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,MACvC,MAAM,MAAM;;AAAA,gBAAAA,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,MACvC,SAAS,CAACG,MAAkB;AAC1B,QAAIR,EAAkB,YACpBA,EAAkB,QAAQ,OAAOQ;AAAA,MAErC;AAAA,MACA,aAAa,CAACC,GAAGC,MAAM;;AAAA,gBAAAL,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,YAAYI,GAAGC;AAAA;AAAA,IAAC;AAAA,IAEpE,CAAC;AAAA,EAAA,GAGHC,EAAU,MAAM;AACd,QAAIC,IAAY;AA6CF,YA3CQ,YAAY;AAC5B,UAAA;AACI,cAAAC,IAAgB,MAAMC,EAAYxB,CAAG;AAI3C,8BAAsB,MAAM;AACtB,UAAA,CAACQ,EAAU,WAAWc,MAERZ,EAAA,UAAUe,EAAO,cAAc;AAAA,YAC/C,WAAWjB,EAAU;AAAA,YACrB,eAAAe;AAAA,YACA,MAAM;AAAA,YACN,UAAU;AAAA,YACV,GAAGpB;AAAA,UAAA,CACJ,GAEGI,MACFI,EAAqB,UAAU,IAAI;AAAA,YACjC,CAAC,CAACe,CAAK,MAAM;;AACP,cAAAA,KAASA,EAAM,kBACjBX,IAAAL,EAAkB,YAAlB,QAAAK,EAA2B,UAE3BY,IAAAjB,EAAkB,YAAlB,QAAAiB,EAA2B;AAAA,YAE/B;AAAA,YACA,EAAE,WAAW,EAAE;AAAA,UAAA,GAGIhB,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAG7CH,KAAA,QAAAA,KACPD,KACFM,EAAkB,QAAQ,iBAAiBN,EAAc,MAAMA,EAAc,QAAQ;AAAA,QACvF,CACD;AAAA,eACMwB,GAAO;AACJ,cAAAtB,KAAA,QAAAA,KACJ,MAAM,mCAAmCsB,CAAK,EAAE;AAAA,MACxD;AAAA,IAAA,MAKK,MAAM;;AACC,MAAAN,IAAA,IACRZ,EAAkB,YAChBN,KACFM,EAAkB,QAAQ,oBAAoBN,EAAc,MAAMA,EAAc,QAAQ,GAGtFG,OACFQ,IAAAJ,EAAqB,YAArB,QAAAI,EAA8B,eAEhCL,EAAkB,QAAQ;IAC5B;AAAA,EACF,GACC,CAACV,GAAKI,GAAeC,GAAUE,GAAoBJ,GAAUG,CAAO,CAAC,qBAEhEuB,GAAS,EAAA,KAAKrB,GAAW,QAAQP,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEc4B,IAAAC,EAAKnC,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 { AnimationEventName, 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        animationInstance.current?.playSegments(segments, forceFlag),\n      addEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.addEventListener(eventName as AnimationEventName, callback),\n      removeEventListener: (eventName: string, callback: () => void) =>\n        animationInstance.current?.removeEventListener(eventName as AnimationEventName, callback),\n      play: () => animationInstance.current?.play(),\n      stop: () => animationInstance.current?.stop(),\n      setLoop: (loop: boolean) => {\n        if (animationInstance.current) {\n          animationInstance.current.loop = loop;\n        }\n      },\n    }),\n    [],\n  );\n\n  useEffect(() => {\n    let destroyed = false;\n\n    const loadAnimation = async () => {\n      try {\n        const animationData = await fetchLottie(src);\n\n        // Wait for layout\n        // NOTE: Do not remove this as this is needed to fix canvas rendering on first layout.\n        requestAnimationFrame(() => {\n          if (!container.current || destroyed) return;\n\n          animationInstance.current = lottie.loadAnimation({\n            container: container.current,\n            animationData,\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            intersectionObserver.current.observe(container.current);\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      destroyed = true;\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","_a","eventName","callback","loop","useEffect","destroyed","animationData","fetchLottie","lottie","entry","_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,MACzC;;AAAA,gBAAAC,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,aAAaF,GAAUC;AAAA;AAAA,MACpD,kBAAkB,CAACE,GAAmBC,MACpC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,iBAAiBC,GAAiCC;AAAA;AAAA,MAC/E,qBAAqB,CAACD,GAAmBC,MACvC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,oBAAoBC,GAAiCC;AAAA;AAAA,MAClF,MAAM,MAAM;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,MACvC,MAAM,MAAM;;AAAA,gBAAAA,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,MACvC,SAAS,CAACG,MAAkB;AAC1B,QAAIR,EAAkB,YACpBA,EAAkB,QAAQ,OAAOQ;AAAA,MAErC;AAAA,IAAA;AAAA,IAEF,CAAC;AAAA,EAAA,GAGHC,EAAU,MAAM;AACd,QAAIC,IAAY;AA4CF,YA1CQ,YAAY;AAC5B,UAAA;AACI,cAAAC,IAAgB,MAAMC,EAAYrB,CAAG;AAI3C,8BAAsB,MAAM;AACtB,UAAA,CAACO,EAAU,WAAWY,MAERV,EAAA,UAAUa,EAAO,cAAc;AAAA,YAC/C,WAAWf,EAAU;AAAA,YACrB,eAAAa;AAAA,YACA,MAAM;AAAA,YACN,UAAU;AAAA,YACV,GAAGjB;AAAA,UAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,YACjC,CAAC,CAACa,CAAK,MAAM;;AACP,cAAAA,KAASA,EAAM,kBACjBT,IAAAL,EAAkB,YAAlB,QAAAK,EAA2B,UAE3BU,IAAAf,EAAkB,YAAlB,QAAAe,EAA2B;AAAA,YAE/B;AAAA,YACA,EAAE,WAAW,EAAE;AAAA,UAAA,GAGId,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAG7CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,QACvF,CACD;AAAA,eACMqB,GAAO;AACR,cAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,MACxD;AAAA,IAAA,MAKK,MAAM;;AACC,MAAAN,IAAA,IACRV,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFQ,IAAAJ,EAAqB,YAArB,QAAAI,EAA8B,eAEhCL,EAAkB,QAAQ;IAC5B;AAAA,EACF,GACC,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDuB,GAAS,EAAA,KAAKnB,GAAW,QAAQN,GAAO,SAASC,EAAQ,CAAA;AACnE,CAAC,GAEcyB,IAAAC,EAAKhC,CAAe;"}

package/dist/features/ui/modals/modal-styled.js

@@ -1,6 +1,6 @@
 import a from "styled-components";
-const l = a.div(
-  ({ theme: { colors: t, zIndex: o }, $isClosing: e, $blocking: i }) => `
+const p = a.div(
+  ({ theme: { colors: t, zIndex: o }, $isClosing: e }) => `
   position: fixed;
   top: 0;
   left: 0;
@@ -10,7 +10,6 @@ const l = a.div(
   backdrop-filter: blur(40px);
   display: flex;
   animation: ${e ? "backdropFadeOut" : "backdropFadeIn"} 0.2s ease-out forwards;
-  pointer-events: ${i ? "auto" : "none"};
   z-index: ${o.MODAL};
 
   @keyframes backdropFadeIn {
@@ -31,7 +30,7 @@ const l = a.div(
     }
   }
 `
-), d = a.div(
+), l = a.div(
   ({ theme: { colors: t }, $isClosing: o, $width: e }) => `
   position: relative;
   align-self: center;
@@ -101,19 +100,19 @@ const l = a.div(
     color: ${t.BLACK_1};
   }
 `
-), f = a.div`
+), d = a.div`
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100vh;
   width: 100%;
-`, r = 720, n = 800, s = 500, h = a.div(
+`, i = 720, r = 800, n = 500, f = a.div(
   ({ $isClosing: t }) => `
   position: absolute;
-  width: ${r}px;
+  width: ${i}px;
   height: 100%;
   left: 50%;
-  margin-left: ${-(r / 2)}px;
+  margin-left: ${-(i / 2)}px;
   clip-path: polygon(calc(50% - 100px) 0, calc(50% + 100px) 0, 100% 100%, 0 100%);
   background: linear-gradient(
     180deg,
@@ -121,13 +120,13 @@ const l = a.div(
     rgba(0, 0, 0, 0) 100%
   );
   animation: openSpotlight;
-  animation-duration: ${n}ms;
+  animation-duration: ${r}ms;
   animation-timing-function: linear;
   animation-fill-mode: forwards;
   opacity: 0;
   ${t ? `
       animation: closeSpotlight;
-      animation-duration: ${s}ms;
+      animation-duration: ${n}ms;
       animation-timing-function: linear;
       animation-fill-mode: forwards;
       opacity: 1;
@@ -151,38 +150,7 @@ const l = a.div(
     }
   }
 `
-), x = a.div(
-  ({ theme: { colors: t, zIndex: o }, $isClosing: e, $blocking: i }) => `
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: ${t.TRANSPARENT};
-  display: flex;
-  pointer-events: ${i ? "auto" : "none"};
-  animation: ${e ? "backdropFadeOut" : "backdropFadeIn"} 0.2s ease-out forwards;
-  z-index: ${o.MODAL};
-
-  @keyframes backdropFadeIn {
-    from {
-      opacity: 0;
-    }
-    to {
-      opacity: 1;
-    }
-  }
-  
-  @keyframes backdropFadeOut {
-    from {
-      opacity: 1;
-    }
-    to {
-      opacity: 0;
-    }
-  }
-`
-), g = a.div(
+), h = a.div(
   ({ $isClosing: t }) => `
     width: 100%;
     height: max-content;
@@ -217,13 +185,12 @@ const l = a.div(
   `
 );
 export {
-  d as BaseModal,
+  l as BaseModal,
   c as BaseModalContent,
-  g as BottomSheetModal,
+  h as BottomSheetModal,
   m as CloseButtonContainer,
-  l as ModalContainer,
-  f as ModalLoaderWrapper,
-  h as SpotlightModal,
-  x as TransparentModalContainer
+  p as ModalContainer,
+  d as ModalLoaderWrapper,
+  f as SpotlightModal
 };
 //# sourceMappingURL=modal-styled.js.map