@cuemath/leap 3.2.24-mb → 3.2.24

package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.js

@@ -1,73 +1,88 @@
-import { jsx as e, jsxs as p, Fragment as G } from "react/jsx-runtime";
-import { memo as X, useCallback as b } from "react";
-import d from "../../../../../ui/layout/flex-view.js";
-import k from "../../../../../ui/loader/app-loader/app-loader.js";
-import D from "../../../../../ui/separator/separator.js";
-import l from "../../../../../ui/text/text.js";
-import C from "../../chapter-item/chapter-item.js";
-import { computeRecommendedNCustomChapters as L } from "../utils.js";
-import { ChaptersListWrapper as f } from "./chapter-selection-step-styled.js";
-const F = X((u) => {
-  const { formData: $, isProcessing: g, onFormDataChange: m, isGoalCreation: t } = u, { testType: x, primaryChaptersList: o, chapterGoalCategory: A } = $, { primaryGoalCategory: T } = A || {}, a = x === "no-test", { recommendedChaptersList: s, customChaptersList: c } = L(
+import { jsx as r, jsxs as f, Fragment as X } from "react/jsx-runtime";
+import { memo as _, useContext as b, useCallback as k } from "react";
+import C from "../../../../../ui/layout/flex-view.js";
+import w from "../../../../../ui/loader/app-loader/app-loader.js";
+import F from "../../../../../ui/separator/separator.js";
+import m from "../../../../../ui/text/text.js";
+import N from "../../../milestone-create-context.js";
+import $ from "../../chapter-item/chapter-item.js";
+import { computeRecommendedNCustomChapters as R } from "../utils.js";
+import { ChaptersListWrapper as T } from "./chapter-selection-step-styled.js";
+const x = (p, u, d, i) => !p || u ? !0 : (d === "EDIT" || d === "DRAFT_EDIT") && i.recommended === !0, v = _((p) => {
+  const { formData: u, isProcessing: d, onFormDataChange: i, isGoalCreation: n } = p, { testType: A, primaryChaptersList: o, chapterGoalCategory: D } = u, { primaryGoalCategory: G } = D || {}, a = A === "no-test", { flow: c } = b(N), { recommendedChaptersList: h, customChaptersList: s } = R(
     o,
-    T,
-    t
-  ), h = b(
-    (r) => {
-      if (t && !a) return null;
-      const n = o == null ? void 0 : o.map((i) => i.id === r ? {
-        ...i,
-        added: !i.added
-      } : i);
-      m({
-        primaryChaptersList: n
+    G,
+    n
+  ), g = k(
+    (t) => {
+      if (n && !a) {
+        const e = o == null ? void 0 : o.find((I) => I.id === t);
+        if (!((c === "EDIT" || c === "DRAFT_EDIT") && (e == null ? void 0 : e.recommended) === !0)) return null;
+      }
+      const l = o == null ? void 0 : o.map((e) => e.id === t ? {
+        ...e,
+        added: !e.added
+      } : e);
+      i({
+        primaryChaptersList: l
       });
     },
-    [o, a, t, m]
+    [o, a, n, i, c]
   );
-  return g ? /* @__PURE__ */ e(
-    f,
+  return d ? /* @__PURE__ */ r(
+    T,
     {
       $gapX: 1.5,
       $gutterX: 1.5,
       $flexGapX: 1.25,
       $justifyContent: "center",
       $alignItems: "center",
-      children: /* @__PURE__ */ e(k, {})
+      children: /* @__PURE__ */ r(w, {})
     }
-  ) : /* @__PURE__ */ p(f, { $gapX: 1.5, $gutterX: 1.5, $flexGapX: 1.25, children: [
-    /* @__PURE__ */ p(d, { $flexDirection: "row", $flexGap: 4, $alignItems: "center", children: [
-      /* @__PURE__ */ e(l, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Recommended Chapters" }),
-      a && /* @__PURE__ */ e(l, { $renderAs: "ub2", $color: "BLACK_T_60", children: "(Click on any chapter to exclude it)" })
+  ) : /* @__PURE__ */ f(T, { $gapX: 1.5, $gutterX: 1.5, $flexGapX: 1.25, children: [
+    /* @__PURE__ */ f(C, { $flexDirection: "row", $flexGap: 4, $alignItems: "center", children: [
+      /* @__PURE__ */ r(m, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Recommended Chapters" }),
+      a && /* @__PURE__ */ r(m, { $renderAs: "ub2", $color: "BLACK_T_60", children: "(Click on any chapter to exclude it)" })
     ] }),
-    /* @__PURE__ */ e(d, { $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.25, children: s.length > 0 ? s.map((r, n) => /* @__PURE__ */ e(
-      C,
-      {
-        chapterData: r,
-        chapterNo: n + 1,
-        canAddChapter: !t || a,
-        onChapterItemClick: h
-      },
-      r.id
-    )) : /* @__PURE__ */ e(l, { $renderAs: "ub1", children: "No recommended chapters available" }) }),
-    !!(c != null && c.length) && /* @__PURE__ */ p(G, { children: [
-      /* @__PURE__ */ e(D, { height: 8, background: "TRANSPARENT" }),
-      /* @__PURE__ */ e(l, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Custom chapters" }),
-      /* @__PURE__ */ e(d, { $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.25, children: c.map((r, n) => /* @__PURE__ */ e(
-        C,
+    /* @__PURE__ */ r(C, { $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.25, children: h.length > 0 ? h.map((t, l) => {
+      const e = x(n, a, c, t);
+      return /* @__PURE__ */ r(
+        $,
         {
-          chapterData: r,
-          canAddChapter: !t || a,
-          chapterNo: n + 1,
-          onChapterItemClick: h,
-          showChapterTags: !0
+          chapterData: t,
+          chapterNo: l + 1,
+          canAddChapter: e,
+          onChapterItemClick: g
         },
-        r.id
-      )) })
+        t.id
+      );
+    }) : /* @__PURE__ */ r(m, { $renderAs: "ub1", children: "No recommended chapters available" }) }),
+    !!(s != null && s.length) && /* @__PURE__ */ f(X, { children: [
+      /* @__PURE__ */ r(F, { height: 8, background: "TRANSPARENT" }),
+      /* @__PURE__ */ r(m, { $renderAs: "ac4-black", $color: "BLACK_T_60", children: "Custom chapters" }),
+      /* @__PURE__ */ r(C, { $flexDirection: "row", $flexWrap: !0, $flexGapX: 1.25, children: s.map((t, l) => {
+        const e = x(
+          n,
+          a,
+          c,
+          t
+        );
+        return /* @__PURE__ */ r(
+          $,
+          {
+            chapterData: t,
+            canAddChapter: e,
+            chapterNo: l + 1,
+            onChapterItemClick: g,
+            showChapterTags: !0
+          },
+          t.id
+        );
+      }) })
     ] })
   ] });
 });
 export {
-  F as default
+  v as default
 };
 //# sourceMappingURL=chapters-list.js.map

package/dist/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"chapters-list.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.tsx"],"sourcesContent":["import type { IChaptersListProps } from './chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Seperator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport { computeRecommendedNCustomChapters } from '../utils';\nimport * as Styled from './chapter-selection-step-styled';\n\nconst ChaptersList: FC<IChaptersListProps> = memo(props => {\n  const { formData, isProcessing, onFormDataChange, isGoalCreation } = props;\n  const { testType, primaryChaptersList, chapterGoalCategory } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n  const isSchoolSuccess = testType === 'no-test';\n\n  const { recommendedChaptersList, customChaptersList } = computeRecommendedNCustomChapters(\n    primaryChaptersList,\n    primaryGoalCategory,\n    isGoalCreation,\n  );\n\n  const handleChapterToggled = useCallback(\n    (chapterId: string) => {\n      //* If category is Test prep or Enrichment, Then one can not deselect the chapters.\n      if (isGoalCreation && !isSchoolSuccess) return null;\n\n      const updatedChaptersList = primaryChaptersList?.map(chapter => {\n        if (chapter.id === chapterId) {\n          return {\n            ...chapter,\n            added: !chapter.added,\n          };\n        }\n\n        return chapter;\n      });\n\n      onFormDataChange({\n        primaryChaptersList: updatedChaptersList,\n      });\n    },\n    [primaryChaptersList, isSchoolSuccess, isGoalCreation, onFormDataChange],\n  );\n\n  if (isProcessing) {\n    return (\n      <Styled.ChaptersListWrapper\n        $gapX={1.5}\n        $gutterX={1.5}\n        $flexGapX={1.25}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <AppLoader />\n      </Styled.ChaptersListWrapper>\n    );\n  }\n\n  return (\n    <Styled.ChaptersListWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.25}>\n      <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recommended Chapters\n        </Text>\n\n        {isSchoolSuccess && (\n          <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n            (Click on any chapter to exclude it)\n          </Text>\n        )}\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n        {recommendedChaptersList.length > 0 ? (\n          recommendedChaptersList.map((chapter, idx) => {\n            return (\n              <ChapterItemV2\n                key={chapter.id}\n                chapterData={chapter}\n                chapterNo={idx + 1}\n                canAddChapter={!isGoalCreation || isSchoolSuccess}\n                onChapterItemClick={handleChapterToggled}\n              />\n            );\n          })\n        ) : (\n          <Text $renderAs=\"ub1\">No recommended chapters available</Text>\n        )}\n      </FlexView>\n\n      {!!customChaptersList?.length && (\n        <>\n          <Seperator height={8} background=\"TRANSPARENT\" />\n\n          <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n            Custom chapters\n          </Text>\n\n          <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n            {customChaptersList.map((chapter, idx) => {\n              return (\n                <ChapterItemV2\n                  key={chapter.id}\n                  chapterData={chapter}\n                  canAddChapter={!isGoalCreation || isSchoolSuccess}\n                  chapterNo={idx + 1}\n                  onChapterItemClick={handleChapterToggled}\n                  showChapterTags\n                />\n              );\n            })}\n          </FlexView>\n        </>\n      )}\n    </Styled.ChaptersListWrapper>\n  );\n});\n\nexport default ChaptersList;\n"],"names":["ChaptersList","memo","props","formData","isProcessing","onFormDataChange","isGoalCreation","testType","primaryChaptersList","chapterGoalCategory","primaryGoalCategory","isSchoolSuccess","recommendedChaptersList","customChaptersList","computeRecommendedNCustomChapters","handleChapterToggled","useCallback","chapterId","updatedChaptersList","chapter","jsx","Styled.ChaptersListWrapper","AppLoader","jsxs","FlexView","Text","idx","ChapterItemV2","Fragment","Seperator"],"mappings":";;;;;;;;;AAaM,MAAAA,IAAuCC,EAAK,CAASC,MAAA;AACzD,QAAM,EAAE,UAAAC,GAAU,cAAAC,GAAc,kBAAAC,GAAkB,gBAAAC,MAAmBJ,GAC/D,EAAE,UAAAK,GAAU,qBAAAC,GAAqB,qBAAAC,EAAA,IAAwBN,GACzD,EAAE,qBAAAO,EAAA,IAAwBD,KAAuB,IACjDE,IAAkBJ,MAAa,WAE/B,EAAE,yBAAAK,GAAyB,oBAAAC,EAAA,IAAuBC;AAAA,IACtDN;AAAA,IACAE;AAAA,IACAJ;AAAA,EAAA,GAGIS,IAAuBC;AAAA,IAC3B,CAACC,MAAsB;AAEjB,UAAAX,KAAkB,CAACK,EAAwB,QAAA;AAEzC,YAAAO,IAAsBV,KAAA,gBAAAA,EAAqB,IAAI,CAAWW,MAC1DA,EAAQ,OAAOF,IACV;AAAA,QACL,GAAGE;AAAA,QACH,OAAO,CAACA,EAAQ;AAAA,MAAA,IAIbA;AAGQ,MAAAd,EAAA;AAAA,QACf,qBAAqBa;AAAA,MAAA,CACtB;AAAA,IACH;AAAA,IACA,CAACV,GAAqBG,GAAiBL,GAAgBD,CAAgB;AAAA,EAAA;AAGzE,SAAID,IAEA,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW;AAAA,MACX,iBAAgB;AAAA,MAChB,aAAY;AAAA,MAEZ,4BAACC,GAAU,EAAA;AAAA,IAAA;AAAA,EAAA,IAMf,gBAAAC,EAACF,GAAA,EAA2B,OAAO,KAAK,UAAU,KAAK,WAAW,MAChE,UAAA;AAAA,IAAA,gBAAAE,EAACC,KAAS,gBAAe,OAAM,UAAU,GAAG,aAAY,UACtD,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAEhD,wBAAA;AAAA,MAECd,KACE,gBAAAS,EAAAK,GAAA,EAAK,WAAU,OAAM,QAAO,cAAa,UAE1C,wCAAA;AAAA,IAAA,GAEJ;AAAA,IAEC,gBAAAL,EAAAI,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,WAAW,MACjD,UAAAZ,EAAwB,SAAS,IAChCA,EAAwB,IAAI,CAACO,GAASO,MAElC,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QAEC,aAAaR;AAAA,QACb,WAAWO,IAAM;AAAA,QACjB,eAAe,CAACpB,KAAkBK;AAAA,QAClC,oBAAoBI;AAAA,MAAA;AAAA,MAJfI,EAAQ;AAAA,IAAA,CAOlB,IAED,gBAAAC,EAACK,KAAK,WAAU,OAAM,8CAAiC,CAAA,GAE3D;AAAA,IAEC,CAAC,EAACZ,KAAA,QAAAA,EAAoB,WAEnB,gBAAAU,EAAAK,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAR,EAACS,GAAU,EAAA,QAAQ,GAAG,YAAW,eAAc;AAAA,wBAE9CJ,GAAK,EAAA,WAAU,aAAY,QAAO,cAAa,UAEhD,mBAAA;AAAA,MAEC,gBAAAL,EAAAI,GAAA,EAAS,gBAAe,OAAM,WAAS,IAAC,WAAW,MACjD,UAAmBX,EAAA,IAAI,CAACM,GAASO,MAE9B,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UAEC,aAAaR;AAAA,UACb,eAAe,CAACb,KAAkBK;AAAA,UAClC,WAAWe,IAAM;AAAA,UACjB,oBAAoBX;AAAA,UACpB,iBAAe;AAAA,QAAA;AAAA,QALVI,EAAQ;AAAA,MAAA,CAQlB,GACH;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}
+{"version":3,"file":"chapters-list.js","sources":["../../../../../../../src/features/milestone/create/comps/chapters-selection-step/chapter-selection-step-v2/chapters-list.tsx"],"sourcesContent":["import type { TMilestoneFormFlow } from '../../../milestone-create-types';\nimport type { IChapter } from '../../chapter-item/chapter-item-types';\nimport type { IChaptersListProps } from './chapter-selection-step-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useContext } from 'react';\n\nimport FlexView from '../../../../../ui/layout/flex-view';\nimport AppLoader from '../../../../../ui/loader/app-loader/app-loader';\nimport Seperator from '../../../../../ui/separator/separator';\nimport Text from '../../../../../ui/text/text';\nimport MilestoneCreateContext from '../../../milestone-create-context';\nimport ChapterItemV2 from '../../chapter-item/chapter-item';\nimport { computeRecommendedNCustomChapters } from '../utils';\nimport * as Styled from './chapter-selection-step-styled';\n\nconst getCanAddChapter = (\n  isGoalCreation: boolean | undefined,\n  isSchoolSuccess: boolean,\n  flow: TMilestoneFormFlow | null,\n  chapter: IChapter,\n): boolean => {\n  // For school success, chapters can always be toggled\n  if (!isGoalCreation || isSchoolSuccess) {\n    return true;\n  }\n\n  // For non-school success test types\n  const canToggleBasedOnFlow =\n    (flow === 'EDIT' || flow === 'DRAFT_EDIT') && chapter.recommended === true;\n\n  return canToggleBasedOnFlow;\n};\n\nconst ChaptersList: FC<IChaptersListProps> = memo(props => {\n  const { formData, isProcessing, onFormDataChange, isGoalCreation } = props;\n  const { testType, primaryChaptersList, chapterGoalCategory } = formData;\n  const { primaryGoalCategory } = chapterGoalCategory || {};\n  const isSchoolSuccess = testType === 'no-test';\n\n  const { flow } = useContext(MilestoneCreateContext);\n\n  const { recommendedChaptersList, customChaptersList } = computeRecommendedNCustomChapters(\n    primaryChaptersList,\n    primaryGoalCategory,\n    isGoalCreation,\n  );\n\n  const handleChapterToggled = useCallback(\n    (chapterId: string) => {\n      //* If category is Test prep or Enrichment, Then one can not deselect the chapters.\n      //* Unless the flow is EDIT or DRAFT_EDIT and chapter has recommended info true.\n      if (isGoalCreation && !isSchoolSuccess) {\n        const chapter = primaryChaptersList?.find(ch => ch.id === chapterId);\n        const canToggle =\n          (flow === 'EDIT' || flow === 'DRAFT_EDIT') && chapter?.recommended === true;\n\n        if (!canToggle) return null;\n      }\n\n      const updatedChaptersList = primaryChaptersList?.map(chapter => {\n        if (chapter.id === chapterId) {\n          return {\n            ...chapter,\n            added: !chapter.added,\n          };\n        }\n\n        return chapter;\n      });\n\n      onFormDataChange({\n        primaryChaptersList: updatedChaptersList,\n      });\n    },\n    [primaryChaptersList, isSchoolSuccess, isGoalCreation, onFormDataChange, flow],\n  );\n\n  if (isProcessing) {\n    return (\n      <Styled.ChaptersListWrapper\n        $gapX={1.5}\n        $gutterX={1.5}\n        $flexGapX={1.25}\n        $justifyContent=\"center\"\n        $alignItems=\"center\"\n      >\n        <AppLoader />\n      </Styled.ChaptersListWrapper>\n    );\n  }\n\n  return (\n    <Styled.ChaptersListWrapper $gapX={1.5} $gutterX={1.5} $flexGapX={1.25}>\n      <FlexView $flexDirection=\"row\" $flexGap={4} $alignItems=\"center\">\n        <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n          Recommended Chapters\n        </Text>\n\n        {isSchoolSuccess && (\n          <Text $renderAs=\"ub2\" $color=\"BLACK_T_60\">\n            (Click on any chapter to exclude it)\n          </Text>\n        )}\n      </FlexView>\n\n      <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n        {recommendedChaptersList.length > 0 ? (\n          recommendedChaptersList.map((chapter, idx) => {\n            const canAddChapter = getCanAddChapter(isGoalCreation, isSchoolSuccess, flow, chapter);\n\n            return (\n              <ChapterItemV2\n                key={chapter.id}\n                chapterData={chapter}\n                chapterNo={idx + 1}\n                canAddChapter={canAddChapter}\n                onChapterItemClick={handleChapterToggled}\n              />\n            );\n          })\n        ) : (\n          <Text $renderAs=\"ub1\">No recommended chapters available</Text>\n        )}\n      </FlexView>\n\n      {!!customChaptersList?.length && (\n        <>\n          <Seperator height={8} background=\"TRANSPARENT\" />\n\n          <Text $renderAs=\"ac4-black\" $color=\"BLACK_T_60\">\n            Custom chapters\n          </Text>\n\n          <FlexView $flexDirection=\"row\" $flexWrap $flexGapX={1.25}>\n            {customChaptersList.map((chapter, idx) => {\n              const canAddChapter = getCanAddChapter(\n                isGoalCreation,\n                isSchoolSuccess,\n                flow,\n                chapter,\n              );\n\n              return (\n                <ChapterItemV2\n                  key={chapter.id}\n                  chapterData={chapter}\n                  canAddChapter={canAddChapter}\n                  chapterNo={idx + 1}\n                  onChapterItemClick={handleChapterToggled}\n                  showChapterTags\n                />\n              );\n            })}\n          </FlexView>\n        </>\n      )}\n    </Styled.ChaptersListWrapper>\n  );\n});\n\nexport default ChaptersList;\n"],"names":["getCanAddChapter","isGoalCreation","isSchoolSuccess","flow","chapter","ChaptersList","memo","props","formData","isProcessing","onFormDataChange","testType","primaryChaptersList","chapterGoalCategory","primaryGoalCategory","useContext","MilestoneCreateContext","recommendedChaptersList","customChaptersList","computeRecommendedNCustomChapters","handleChapterToggled","useCallback","chapterId","ch","updatedChaptersList","jsx","Styled.ChaptersListWrapper","AppLoader","jsxs","FlexView","Text","idx","canAddChapter","ChapterItemV2","Fragment","Seperator"],"mappings":"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"}

package/dist/features/notification/notification.js

@@ -0,0 +1,129 @@
+import { jsxs as w, jsx as l } from "react/jsx-runtime";
+import { useEffect as e } from "react";
+import x, { keyframes as A, css as I } from "styled-components";
+import T from "../../assets/line-icons/icons/cross.js";
+import W from "../ui/layout/flex-view.js";
+import k from "../ui/text/text.js";
+const C = ({ $position: r, $verticalDist: o }) => A`
+  ${(r === "top-right" || r === "top-left") && `
+    0% {
+        top: 0;
+    }
+    100% {
+        top: ${o}px;
+    }
+  `};
+  ${(r === "bottom-left" || r === "bottom-right") && `
+    0% {
+        bottom: 0;
+    }
+    100% {
+        bottom: ${o}px;
+    }
+  `};
+`, E = ({ $position: r, $verticalDist: o, $horizontalDist: t }) => I`
+  ${r === "top-right" && `
+    top: ${o}px;
+    right: ${t}px;
+  `};
+  ${r === "top-left" && `
+	top: ${o}px;
+    left: ${t}px;
+  `};
+  ${r === "bottom-left" && `
+    bottom: ${o}px;
+    left: ${t}px;
+  `};
+  ${r === "bottom-right" && `
+    bottom: ${o}px;
+    right: ${t}px;
+  `};
+`, m = x.div`
+  position: fixed;
+  width: 310px;
+  padding: ${({ $gap: r, $gutter: o }) => `${r}px ${o}px`};
+  box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);
+  border-radius: 16px;
+  ${E};
+  animation: ${C} 0.5s ease-in;
+  z-index: 105;
+  background: ${({ $notificationTheme: r, theme: o }) => {
+  var t, p;
+  return r === "white" ? (t = o == null ? void 0 : o.colors) == null ? void 0 : t.WHITE : (p = o == null ? void 0 : o.colors) == null ? void 0 : p.BLACK;
+}};
+  color: ${({ $notificationTheme: r, theme: o }) => {
+  var t, p;
+  return r === "white" ? (t = o == null ? void 0 : o.colors) == null ? void 0 : t.BLACK : (p = o == null ? void 0 : o.colors) == null ? void 0 : p.WHITE;
+}};
+`, B = x.div`
+  width: 48px;
+  height: 48px;
+  background: ${({ $src: r }) => `url(${r})`};
+  border-radius: 50%;
+  border: 2px solid #ffffff;
+  position: absolute;
+  bottom: 88%;
+`, H = x(W)`
+  position: absolute;
+  top: -40px;
+  right: 0;
+  cursor: pointer;
+`, K = x(k)`
+  white-space: pre-wrap;
+`, L = ({
+  avatarUrl: r = null,
+  Component: o = null,
+  componentProps: t = {},
+  duration: p = null,
+  gap: f = 24,
+  gutter: u = 16,
+  hideNotification: c = () => null,
+  horizontalDist: $ = 50,
+  notificationTheme: s = "black",
+  position: i = "bottom-right",
+  showCloseIcon: b = !1,
+  text: d = null,
+  verticalDist: a = 60,
+  visible: n = !1
+}) => (e(() => {
+  if (p && n) {
+    const g = setTimeout(() => {
+      c();
+    }, p * 1e3);
+    return () => {
+      clearTimeout(g);
+    };
+  }
+  return () => {
+  };
+}, [p, c, n]), n ? /* @__PURE__ */ w(
+  m,
+  {
+    $gap: f,
+    $gutter: u,
+    $horizontalDist: $,
+    $notificationTheme: s,
+    $position: i,
+    $verticalDist: a,
+    children: [
+      b && /* @__PURE__ */ l(
+        H,
+        {
+          onClick: c,
+          $background: s === "white" ? "WHITE" : "BLACK",
+          $borderRadiusX: 10,
+          $gutter: 2,
+          $gap: 2,
+          children: /* @__PURE__ */ l(T, { color: s === "white" ? "BLACK" : "WHITE" })
+        }
+      ),
+      r && /* @__PURE__ */ l(B, { $src: r }),
+      d && /* @__PURE__ */ l(K, { $renderAs: "ub3", $color: s === "white" ? "BLACK" : "WHITE", children: d }),
+      o && /* @__PURE__ */ l(o, { ...t })
+    ]
+  }
+) : null), V = L;
+export {
+  V as default
+};
+//# sourceMappingURL=notification.js.map

package/dist/features/notification/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","sources":["../../../src/features/notification/notification.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport styled, { keyframes, css } from 'styled-components';\n\nimport CrossIcon from '../../assets/line-icons/icons/cross';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\n\ntype Position = 'top-right' | 'top-left' | 'bottom-left' | 'bottom-right';\ntype NotificationTheme = 'white' | 'black';\n\ninterface SlideProps {\n  $position: Position;\n  $verticalDist: number;\n}\n\ninterface PositionProps {\n  $position: Position;\n  $verticalDist: number;\n  $horizontalDist: number;\n}\n\ninterface WrapperProps extends PositionProps {\n  $gap: number;\n  $gutter: number;\n  $notificationTheme: NotificationTheme;\n}\n\ninterface AvatarWrapperProps {\n  $src: string;\n}\n\ninterface NotificationProps {\n  avatarUrl?: string | null;\n  Component?: React.ComponentType<Record<string, unknown>> | null;\n  componentProps?: Record<string, unknown>;\n  duration?: number | null;\n  gap?: number;\n  gutter?: number;\n  hideNotification?: () => void;\n  horizontalDist?: number;\n  notificationTheme?: NotificationTheme;\n  position?: Position;\n  showCloseIcon?: boolean;\n  text?: string | null;\n  verticalDist?: number;\n  visible?: boolean;\n}\n\nconst slide = ({ $position, $verticalDist }: SlideProps) => keyframes`\n  ${\n    ($position === 'top-right' || $position === 'top-left') &&\n    `\n    0% {\n        top: 0;\n    }\n    100% {\n        top: ${$verticalDist}px;\n    }\n  `\n  };\n  ${\n    ($position === 'bottom-left' || $position === 'bottom-right') &&\n    `\n    0% {\n        bottom: 0;\n    }\n    100% {\n        bottom: ${$verticalDist}px;\n    }\n  `\n  };\n`;\n\nconst notificationPostion = ({ $position, $verticalDist, $horizontalDist }: PositionProps) => css`\n  ${$position === 'top-right' &&\n  `\n    top: ${$verticalDist}px;\n    right: ${$horizontalDist}px;\n  `};\n  ${$position === 'top-left' &&\n  `\n\ttop: ${$verticalDist}px;\n    left: ${$horizontalDist}px;\n  `};\n  ${$position === 'bottom-left' &&\n  `\n    bottom: ${$verticalDist}px;\n    left: ${$horizontalDist}px;\n  `};\n  ${$position === 'bottom-right' &&\n  `\n    bottom: ${$verticalDist}px;\n    right: ${$horizontalDist}px;\n  `};\n`;\n\nconst Wrapper = styled.div<WrapperProps>`\n  position: fixed;\n  width: 310px;\n  padding: ${({ $gap, $gutter }) => `${$gap}px ${$gutter}px`};\n  box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.05);\n  border-radius: 16px;\n  ${notificationPostion};\n  animation: ${slide} 0.5s ease-in;\n  z-index: 105;\n  background: ${({ $notificationTheme, theme }) =>\n    $notificationTheme === 'white' ? theme?.colors?.WHITE : theme?.colors?.BLACK};\n  color: ${({ $notificationTheme, theme }) =>\n    $notificationTheme === 'white' ? theme?.colors?.BLACK : theme?.colors?.WHITE};\n`;\n\nconst AvatarWrapper = styled.div<AvatarWrapperProps>`\n  width: 48px;\n  height: 48px;\n  background: ${({ $src }) => `url(${$src})`};\n  border-radius: 50%;\n  border: 2px solid #ffffff;\n  position: absolute;\n  bottom: 88%;\n`;\n\nconst StyledIcon = styled(FlexView)`\n  position: absolute;\n  top: -40px;\n  right: 0;\n  cursor: pointer;\n`;\n\nconst StyledText = styled(Text)`\n  white-space: pre-wrap;\n`;\n\nconst Notification: React.FC<NotificationProps> = ({\n  avatarUrl = null,\n  Component = null,\n  componentProps = {},\n  duration = null,\n  gap = 24,\n  gutter = 16,\n  hideNotification = () => null,\n  horizontalDist = 50,\n  notificationTheme = 'black',\n  position = 'bottom-right',\n  showCloseIcon = false,\n  text = null,\n  verticalDist = 60,\n  visible = false,\n}) => {\n  useEffect(() => {\n    if (duration && visible) {\n      const countdown = setTimeout(() => {\n        hideNotification();\n      }, duration * 1000);\n\n      return () => {\n        clearTimeout(countdown);\n      };\n    }\n\n    return () => {};\n  }, [duration, hideNotification, visible]);\n\n  if (!visible) return null;\n\n  return (\n    <Wrapper\n      $gap={gap}\n      $gutter={gutter}\n      $horizontalDist={horizontalDist}\n      $notificationTheme={notificationTheme}\n      $position={position}\n      $verticalDist={verticalDist}\n    >\n      {showCloseIcon && (\n        <StyledIcon\n          onClick={hideNotification}\n          $background={notificationTheme === 'white' ? 'WHITE' : 'BLACK'}\n          $borderRadiusX={10}\n          $gutter={2}\n          $gap={2}\n        >\n          <CrossIcon color={notificationTheme === 'white' ? 'BLACK' : 'WHITE'} />\n        </StyledIcon>\n      )}\n      {avatarUrl && <AvatarWrapper $src={avatarUrl} />}\n      {text && (\n        <StyledText $renderAs=\"ub3\" $color={notificationTheme === 'white' ? 'BLACK' : 'WHITE'}>\n          {text}\n        </StyledText>\n      )}\n      {Component && <Component {...componentProps} />}\n    </Wrapper>\n  );\n};\n\nexport default Notification;\n"],"names":["slide","$position","$verticalDist","keyframes","notificationPostion","$horizontalDist","css","Wrapper","styled","$gap","$gutter","$notificationTheme","theme","_a","_b","AvatarWrapper","$src","StyledIcon","FlexView","StyledText","Text","Notification","avatarUrl","Component","componentProps","duration","gap","gutter","hideNotification","horizontalDist","notificationTheme","position","showCloseIcon","text","verticalDist","visible","useEffect","countdown","jsxs","jsx","CrossIcon","Notification$1"],"mappings":"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"}

package/dist/features/ui/carousal/carousal-styles.js

@@ -0,0 +1,45 @@
+import n from "styled-components";
+const a = n.div`
+  margin-left: ${({ theme: t }) => t.layout.gutter}px;
+  overflow: hidden;
+  margin: ${({ $wrapperMargin: t }) => t};
+`, o = n.div`
+  display: flex;
+  transition: transform 1s ease;
+  transform: ${({ $position: t }) => `translateX(calc(${t} * (-100%)))`};
+`, s = n.div`
+  padding-right: ${({ theme: t }) => t.layout.gutter}px;
+  display: flex;
+  flex: 1 0 100%;
+  transition: opacity 1s ease;
+  padding: ${({ $carouselSlotPadding: t }) => t};
+  ${({ $slideAlign: t }) => t === "center" && `
+    display:flex;
+    justify-content: center;
+  `}
+`, l = n.div`
+  margin-top: 12px;
+  text-align: center;
+  ${({ $flexCenterIndicators: t }) => t && `
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  `}
+`, d = n.span`
+  background: ${({ $isCurrent: t, $dotColor: e, $inactiveDotColor: i }) => t ? e : i};
+  width: ${({ $isCurrent: t, $activeIndicatorSize: e }) => t ? e : "8px"};
+  height: ${({ $isCurrent: t, $activeIndicatorSize: e }) => t ? e : "8px"};
+  border-radius: 50%;
+  margin-right: 5px;
+  display: inline-block;
+  transition: background 0.5s ease;
+  cursor: pointer;
+`;
+export {
+  o as CarouselContainer,
+  s as CarouselSlot,
+  l as Container,
+  d as Dot,
+  a as Wrapper
+};
+//# sourceMappingURL=carousal-styles.js.map

package/dist/features/ui/carousal/carousal-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousal-styles.js","sources":["../../../../src/features/ui/carousal/carousal-styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\ninterface WrapperProps {\n  $wrapperMargin?: string;\n}\n\nexport const Wrapper = styled.div<WrapperProps>`\n  margin-left: ${({ theme }) => theme.layout.gutter}px;\n  overflow: hidden;\n  margin: ${({ $wrapperMargin }) => $wrapperMargin};\n`;\n\ninterface CarouselContainerProps {\n  $position: number;\n}\nexport const CarouselContainer = styled.div<CarouselContainerProps>`\n  display: flex;\n  transition: transform 1s ease;\n  transform: ${({ $position }) => `translateX(calc(${$position} * (-100%)))`};\n`;\n\ninterface CarouselSlotProps {\n  $carouselSlotPadding?: string;\n  $slideAlign?: string | null;\n}\nexport const CarouselSlot = styled.div<CarouselSlotProps>`\n  padding-right: ${({ theme }) => theme.layout.gutter}px;\n  display: flex;\n  flex: 1 0 100%;\n  transition: opacity 1s ease;\n  padding: ${({ $carouselSlotPadding }) => $carouselSlotPadding};\n  ${({ $slideAlign }) =>\n    $slideAlign === 'center' &&\n    `\n    display:flex;\n    justify-content: center;\n  `}\n`;\n\ninterface ContainerProps {\n  $flexCenterIndicators?: boolean;\n}\nexport const Container = styled.div<ContainerProps>`\n  margin-top: 12px;\n  text-align: center;\n  ${({ $flexCenterIndicators }) =>\n    $flexCenterIndicators &&\n    `\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  `}\n`;\n\ninterface DotProps {\n  $isCurrent: boolean;\n  $dotColor: string;\n  $inactiveDotColor: string;\n  $activeIndicatorSize: string;\n}\nexport const Dot = styled.span<DotProps>`\n  background: ${({ $isCurrent, $dotColor, $inactiveDotColor }) =>\n    $isCurrent ? $dotColor : $inactiveDotColor};\n  width: ${({ $isCurrent, $activeIndicatorSize }) => ($isCurrent ? $activeIndicatorSize : '8px')};\n  height: ${({ $isCurrent, $activeIndicatorSize }) => ($isCurrent ? $activeIndicatorSize : '8px')};\n  border-radius: 50%;\n  margin-right: 5px;\n  display: inline-block;\n  transition: background 0.5s ease;\n  cursor: pointer;\n`;\n"],"names":["Wrapper","styled","theme","$wrapperMargin","CarouselContainer","$position","CarouselSlot","$carouselSlotPadding","$slideAlign","Container","$flexCenterIndicators","Dot","$isCurrent","$dotColor","$inactiveDotColor","$activeIndicatorSize"],"mappings":";AAMO,MAAMA,IAAUC,EAAO;AAAA,iBACb,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA,YAEvC,CAAC,EAAE,gBAAAC,EAAe,MAAMA,CAAc;AAAA,GAMrCC,IAAoBH,EAAO;AAAA;AAAA;AAAA,eAGzB,CAAC,EAAE,WAAAI,EAAgB,MAAA,mBAAmBA,CAAS,cAAc;AAAA,GAO/DC,IAAeL,EAAO;AAAA,mBAChB,CAAC,EAAE,OAAAC,EAAA,MAAYA,EAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,aAIxC,CAAC,EAAE,sBAAAK,EAAqB,MAAMA,CAAoB;AAAA,IAC3D,CAAC,EAAE,aAAAC,EAAY,MACfA,MAAgB,YAChB;AAAA;AAAA;AAAA,GAGD;AAAA,GAMUC,IAAYR,EAAO;AAAA;AAAA;AAAA,IAG5B,CAAC,EAAE,uBAAAS,QACHA,KACA;AAAA;AAAA;AAAA;AAAA,GAID;AAAA,GASUC,IAAMV,EAAO;AAAA,gBACV,CAAC,EAAE,YAAAW,GAAY,WAAAC,GAAW,mBAAAC,QACtCF,IAAaC,IAAYC,CAAiB;AAAA,WACnC,CAAC,EAAE,YAAAF,GAAY,sBAAAG,EAA4B,MAAAH,IAAaG,IAAuB,KAAM;AAAA,YACpF,CAAC,EAAE,YAAAH,GAAY,sBAAAG,EAA4B,MAAAH,IAAaG,IAAuB,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/carousal/carousal.js

@@ -0,0 +1,76 @@
+import { jsxs as q, Fragment as G, jsx as u } from "react/jsx-runtime";
+import { useState as H, useRef as J, useCallback as o, useEffect as L } from "react";
+import { getTheme as N } from "../theme/get-theme.js";
+import { Wrapper as Q, CarouselContainer as U, CarouselSlot as _, Container as V, Dot as X } from "./carousal-styles.js";
+const { colors: j } = N(), Y = ({
+  children: l,
+  initialPosition: B = 0,
+  infinite: p = !1,
+  slideDuration: $ = 8e3,
+  dotColor: K = j.BLACK,
+  changeColor: m = () => null,
+  slideAlign: y = null,
+  inactiveDotColor: b = j.BLACK_T_15,
+  activeIndicatorSize: z = "8px",
+  flexCenterIndicators: D = !1,
+  isTestimonial: i = !1,
+  setColor: n = () => null,
+  setPosition: g = () => null,
+  carouselSlotPadding: x = "",
+  wrapperMargin: E = "",
+  hideIndicators: F = !1,
+  autoScroll: C = !0,
+  nodeRef: e = null,
+  onChange: S = () => null
+}) => {
+  const [r, M] = H(B), A = J(null), f = o(
+    (t) => {
+      M(t), g(t), e && e.current && (e.current.position = t), S();
+    },
+    [g, e, S]
+  ), s = o(
+    (t, c = !1) => {
+      const k = (Array.isArray(l) ? l : [l]).length;
+      let a = r;
+      i && n && n(a), t === "next" ? (a = r + 1, a > k - 1 && (a = c ? 0 : r)) : (a = r - 1, a < 0 && (a = c ? k - 1 : r)), a !== r && f(a);
+    },
+    [r, l, i, n, f]
+  ), v = o(() => s("next", p), [s, p]), I = o(() => s("prev", p), [s, p]), W = o(
+    (t) => {
+      i && n && n(r), t !== r && f(t);
+    },
+    [r, i, n, f]
+  );
+  L(() => (e && e.current && (e.current.next = v, e.current.prev = I, e.current.position = r), C && (A.current = setInterval(() => s("next", !0), $)), () => {
+    A.current && clearInterval(A.current);
+  }), [$, C, e, r, v, I, s]), L(() => {
+    m(r);
+  }, [r, m]);
+  const h = Array.isArray(l) ? l.length : 1;
+  return /* @__PURE__ */ q(G, { children: [
+    /* @__PURE__ */ u(Q, { $wrapperMargin: E, children: /* @__PURE__ */ u(U, { $position: r, children: Array.isArray(l) ? l.map((t, c) => /* @__PURE__ */ u(
+      _,
+      {
+        $carouselSlotPadding: x,
+        $slideAlign: y,
+        children: t
+      },
+      c
+    )) : /* @__PURE__ */ u(_, { $carouselSlotPadding: x, $slideAlign: y, children: l }) }) }),
+    h > 1 && !F && /* @__PURE__ */ u(V, { $flexCenterIndicators: D, children: Array.from({ length: h }, (t, c) => /* @__PURE__ */ u(
+      X,
+      {
+        onClick: () => W(c),
+        $isCurrent: c === r,
+        $dotColor: K,
+        $inactiveDotColor: b,
+        $activeIndicatorSize: z
+      },
+      c
+    )) })
+  ] });
+}, T = Y;
+export {
+  T as default
+};
+//# sourceMappingURL=carousal.js.map

package/dist/features/ui/carousal/carousal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousal.js","sources":["../../../../src/features/ui/carousal/carousal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useCallback } from 'react';\n\nimport { getTheme } from '../theme/get-theme';\nimport { CarouselContainer, CarouselSlot, Container, Dot, Wrapper } from './carousal-styles';\n\nconst { colors } = getTheme();\n\ninterface CarouselProps {\n  children: React.ReactNode[] | React.ReactNode;\n  initialPosition?: number;\n  infinite?: boolean;\n  slideDuration?: number;\n  dotColor?: string;\n  changeColor?: (position: number) => void;\n  slideAlign?: string | null;\n  inactiveDotColor?: string;\n  activeIndicatorSize?: string;\n  flexCenterIndicators?: boolean;\n  isTestimonial?: boolean;\n  setColor?: (position: number) => void;\n  setPosition?: (position: number) => void;\n  carouselSlotPadding?: string;\n  wrapperMargin?: string;\n  hideIndicators?: boolean;\n  autoScroll?: boolean;\n  nodeRef?: { current?: { next?: () => void; prev?: () => void; position?: number } } | null;\n  onChange?: () => void;\n}\n\nconst Carousel: React.FC<CarouselProps> = ({\n  children,\n  initialPosition = 0,\n  infinite = false,\n  slideDuration = 8000,\n  dotColor = colors.BLACK,\n  changeColor = () => null,\n  slideAlign = null,\n  inactiveDotColor = colors.BLACK_T_15,\n  activeIndicatorSize = '8px',\n  flexCenterIndicators = false,\n  isTestimonial = false,\n  setColor = () => null,\n  setPosition = () => null,\n  carouselSlotPadding = '',\n  wrapperMargin = '',\n  hideIndicators = false,\n  autoScroll = true,\n  nodeRef = null,\n  onChange = () => null,\n}) => {\n  const [position, setPositionState] = useState(initialPosition);\n  const autoSlideRef = useRef<NodeJS.Timeout | null>(null);\n\n  const slide = useCallback(\n    (newPosition: number) => {\n      setPositionState(newPosition);\n      setPosition(newPosition);\n      if (nodeRef && nodeRef.current) {\n        nodeRef.current.position = newPosition;\n      }\n      onChange();\n    },\n    [setPosition, nodeRef, onChange],\n  );\n\n  const changeSlide = useCallback(\n    (action: 'next' | 'prev', infiniteOverride = false) => {\n      const childrenArray = Array.isArray(children) ? children : [children];\n      const numItems = childrenArray.length;\n      let newPosition = position;\n\n      if (isTestimonial && setColor) {\n        setColor(newPosition);\n      }\n\n      if (action === 'next') {\n        newPosition = position + 1;\n        if (newPosition > numItems - 1) {\n          newPosition = infiniteOverride ? 0 : position;\n        }\n      } else {\n        newPosition = position - 1;\n        if (newPosition < 0) {\n          newPosition = infiniteOverride ? numItems - 1 : position;\n        }\n      }\n\n      if (newPosition !== position) slide(newPosition);\n    },\n    [position, children, isTestimonial, setColor, slide],\n  );\n\n  const nextSlide = useCallback(() => changeSlide('next', infinite), [changeSlide, infinite]);\n  const prevSlide = useCallback(() => changeSlide('prev', infinite), [changeSlide, infinite]);\n\n  const onIndicatorClick = useCallback(\n    (newPosition: number) => {\n      if (isTestimonial && setColor) {\n        setColor(position);\n      }\n\n      if (newPosition !== position) {\n        slide(newPosition);\n      }\n    },\n    [position, isTestimonial, setColor, slide],\n  );\n\n  useEffect(() => {\n    if (nodeRef && nodeRef.current) {\n      nodeRef.current.next = nextSlide;\n      nodeRef.current.prev = prevSlide;\n      nodeRef.current.position = position;\n    }\n\n    if (autoScroll) {\n      autoSlideRef.current = setInterval(() => changeSlide('next', true), slideDuration);\n    }\n\n    return () => {\n      if (autoSlideRef.current) {\n        clearInterval(autoSlideRef.current);\n      }\n    };\n  }, [slideDuration, autoScroll, nodeRef, position, nextSlide, prevSlide, changeSlide]);\n\n  useEffect(() => {\n    changeColor(position);\n  }, [position, changeColor]);\n\n  const carouselLength = Array.isArray(children) ? children.length : 1;\n\n  return (\n    <>\n      <Wrapper $wrapperMargin={wrapperMargin}>\n        <CarouselContainer $position={position}>\n          {Array.isArray(children) ? (\n            children.map((child, index) => (\n              <CarouselSlot\n                key={index}\n                $carouselSlotPadding={carouselSlotPadding}\n                $slideAlign={slideAlign}\n              >\n                {child}\n              </CarouselSlot>\n            ))\n          ) : (\n            <CarouselSlot $carouselSlotPadding={carouselSlotPadding} $slideAlign={slideAlign}>\n              {children}\n            </CarouselSlot>\n          )}\n        </CarouselContainer>\n      </Wrapper>\n      {carouselLength > 1 && !hideIndicators && (\n        <Container $flexCenterIndicators={flexCenterIndicators}>\n          {Array.from({ length: carouselLength }, (_, index) => (\n            <Dot\n              key={index}\n              onClick={() => onIndicatorClick(index)}\n              $isCurrent={index === position}\n              $dotColor={dotColor}\n              $inactiveDotColor={inactiveDotColor}\n              $activeIndicatorSize={activeIndicatorSize}\n            />\n          ))}\n        </Container>\n      )}\n    </>\n  );\n};\n\nexport default Carousel;\n"],"names":["colors","getTheme","Carousel","children","initialPosition","infinite","slideDuration","dotColor","changeColor","slideAlign","inactiveDotColor","activeIndicatorSize","flexCenterIndicators","isTestimonial","setColor","setPosition","carouselSlotPadding","wrapperMargin","hideIndicators","autoScroll","nodeRef","onChange","position","setPositionState","useState","autoSlideRef","useRef","slide","useCallback","newPosition","changeSlide","action","infiniteOverride","numItems","nextSlide","prevSlide","onIndicatorClick","useEffect","carouselLength","jsxs","Fragment","jsx","Wrapper","CarouselContainer","child","index","CarouselSlot","Container","_","Dot","Carousel$1"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import p from "styled-components";
+const a = p.canvas`
+  ${({ $renderWidth: o }) => typeof o == "number" ? `width: ${o}px;` : `width: ${o};`}
+  ${({ $renderHeight: o }) => typeof o == "number" ? `height: ${o}px;` : `height: ${o};`}
+`;
+export {
+  a as Canvas
+};
+//# sourceMappingURL=dot-lottie-animation-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dot-lottie-animation-styled.js","sources":["../../../../src/features/ui/dot-lottie-animations/dot-lottie-animation-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const Canvas = styled.canvas<{\n  $renderWidth: string | number;\n  $renderHeight: string | number;\n}>`\n  ${({ $renderWidth }) =>\n    typeof $renderWidth === 'number' ? `width: ${$renderWidth}px;` : `width: ${$renderWidth};`}\n  ${({ $renderHeight }) =>\n    typeof $renderHeight === 'number' ? `height: ${$renderHeight}px;` : `height: ${$renderHeight};`}\n`;\n"],"names":["Canvas","styled","$renderWidth","$renderHeight"],"mappings":";AAEO,MAAMA,IAASC,EAAO;AAAA,IAIzB,CAAC,EAAE,cAAAC,EAAa,MAChB,OAAOA,KAAiB,WAAW,UAAUA,CAAY,QAAQ,UAAUA,CAAY,GAAG;AAAA,IAC1F,CAAC,EAAE,eAAAC,EAAc,MACjB,OAAOA,KAAkB,WAAW,WAAWA,CAAa,QAAQ,WAAWA,CAAa,GAAG;AAAA;"}

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

@@ -0,0 +1,80 @@
+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 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();
+      },
+      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 {
+  F as default
+};
+//# sourceMappingURL=dot-lottie-animation.js.map

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

@@ -0,0 +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  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;"}