@cuemath/leap 3.2.21-tp-beta-0.3 → 3.2.23-mb

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

@@ -1,88 +1,73 @@
-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(
+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(
     o,
-    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
+    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
       });
     },
-    [o, a, n, i, c]
+    [o, a, t, m]
   );
-  return d ? /* @__PURE__ */ r(
-    T,
+  return g ? /* @__PURE__ */ e(
+    f,
     {
       $gapX: 1.5,
       $gutterX: 1.5,
       $flexGapX: 1.25,
       $justifyContent: "center",
       $alignItems: "center",
-      children: /* @__PURE__ */ r(w, {})
+      children: /* @__PURE__ */ e(k, {})
     }
-  ) : /* @__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__ */ 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__ */ 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(
-        $,
+    /* @__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,
         {
-          chapterData: t,
-          chapterNo: l + 1,
-          canAddChapter: e,
-          onChapterItemClick: g
+          chapterData: r,
+          canAddChapter: !t || a,
+          chapterNo: n + 1,
+          onChapterItemClick: h,
+          showChapterTags: !0
         },
-        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
-        );
-      }) })
+        r.id
+      )) })
     ] })
   ] });
 });
 export {
-  v as default
+  F 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 { 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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"}
+{"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;"}

package/dist/features/stickers/sticker-data.js

@@ -0,0 +1,234 @@
+const t = [
+  {
+    id: "star-struck",
+    emoji: "🤩",
+    name: "Star-Struck",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f929/lottie.json"
+  },
+  {
+    id: "heart-eyes",
+    emoji: "😍",
+    name: "Heart Eyes",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f60d/lottie.json"
+  },
+  {
+    id: "holding-back-tears",
+    emoji: "🥹",
+    name: "Holding Back Tears",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f979/lottie.json"
+  },
+  {
+    id: "sunglasses",
+    emoji: "😎",
+    name: "Sunglasses",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f60e/lottie.json"
+  },
+  {
+    id: "exploding-head",
+    emoji: "🤯",
+    name: "Exploding Head",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f92f/lottie.json"
+  },
+  {
+    id: "thinking",
+    emoji: "🤔",
+    name: "Thinking",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f914/lottie.json"
+  },
+  {
+    id: "party",
+    emoji: "🥳",
+    name: "Party",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f973/lottie.json"
+  },
+  {
+    id: "confetti-ball",
+    emoji: "🎊",
+    name: "Confetti Ball",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f38a/lottie.json"
+  },
+  {
+    id: "celebration",
+    emoji: "🎉",
+    name: "Celebration",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f389/lottie.json"
+  },
+  {
+    id: "balloon",
+    emoji: "🎈",
+    name: "Balloon",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f388/lottie.json"
+  },
+  {
+    id: "cake",
+    emoji: "🎂",
+    name: "Cake",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f382/lottie.json"
+  },
+  {
+    id: "clapping",
+    emoji: "👏",
+    name: "Clapping",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44f/lottie.json"
+  },
+  {
+    id: "thumbs-up",
+    emoji: "👍",
+    name: "Thumbs Up",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44d/lottie.json"
+  },
+  {
+    id: "peace",
+    emoji: "✌️",
+    name: "Peace",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/270c_fe0f/lottie.json"
+  },
+  {
+    id: "ok-hand",
+    emoji: "👌",
+    name: "OK Hand",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f44c/lottie.json"
+  },
+  {
+    id: "muscle",
+    emoji: "💪",
+    name: "Muscle",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4aa/lottie.json"
+  },
+  {
+    id: "rock-on",
+    emoji: "🤟",
+    name: "Rock On",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f91f/lottie.json"
+  },
+  {
+    id: "heart",
+    emoji: "❤️",
+    name: "Heart",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/2764_fe0f/lottie.json"
+  },
+  {
+    id: "trophy",
+    emoji: "🏆",
+    name: "Trophy",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f3c6/lottie.json"
+  },
+  {
+    id: "hundred",
+    emoji: "💯",
+    name: "Hundred",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4af/lottie.json"
+  },
+  {
+    id: "gold-medal",
+    emoji: "🥇",
+    name: "Gold Medal",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f947/lottie.json"
+  },
+  {
+    id: "silver-medal",
+    emoji: "🥈",
+    name: "Silver Medal",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f948/lottie.json"
+  },
+  {
+    id: "bronze-medal",
+    emoji: "🥉",
+    name: "Bronze Medal",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f949/lottie.json"
+  },
+  {
+    id: "target",
+    emoji: "🎯",
+    name: "Target",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f3af/lottie.json"
+  },
+  {
+    id: "glowing-star",
+    emoji: "🌟",
+    name: "Glowing Star",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f31f/lottie.json"
+  },
+  {
+    id: "lightning",
+    emoji: "⚡️",
+    name: "Lightning",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/26a1/lottie.json"
+  },
+  {
+    id: "rocket",
+    emoji: "🚀",
+    name: "Rocket",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/lottie.json"
+  },
+  {
+    id: "explosion",
+    emoji: "💥",
+    name: "Explosion",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a5/lottie.json"
+  },
+  {
+    id: "graduation",
+    emoji: "🎓",
+    name: "Graduation",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f393/lottie.json"
+  },
+  {
+    id: "clock",
+    emoji: "⏰",
+    name: "Clock",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/23f0/lottie.json"
+  },
+  {
+    id: "bulb",
+    emoji: "💡",
+    name: "Bulb",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a1/lottie.json"
+  },
+  {
+    id: "rainbow",
+    emoji: "🌈",
+    name: "Rainbow",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f308/lottie.json"
+  },
+  {
+    id: "clown",
+    emoji: "🤡",
+    name: "Clown",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f921/lottie.json"
+  },
+  {
+    id: "dancer",
+    emoji: "💃",
+    name: "Dancer",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f483/lottie.json"
+  },
+  {
+    id: "flowers",
+    emoji: "💐",
+    name: "Flowers",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f490/lottie.json"
+  },
+  {
+    id: "unicorn",
+    emoji: "🦄",
+    name: "Unicorn",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f984/lottie.json"
+  },
+  {
+    id: "drum",
+    emoji: "🥁",
+    name: "Drum",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f941/lottie.json"
+  },
+  {
+    id: "diamond",
+    emoji: "💎",
+    name: "Diamond",
+    lottieUrl: "https://fonts.gstatic.com/s/e/notoemoji/latest/1f48e/lottie.json"
+  }
+];
+export {
+  t as stickerData
+};
+//# sourceMappingURL=sticker-data.js.map

package/dist/features/stickers/sticker-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-data.js","sources":["../../../src/features/stickers/sticker-data.ts"],"sourcesContent":["import type { IStickerData } from './sticker-selector/sticker-selector-types';\n\nexport const stickerData: IStickerData[] = [\n  {\n    id: 'star-struck',\n    emoji: '🤩',\n    name: 'Star-Struck',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f929/lottie.json',\n  },\n  {\n    id: 'heart-eyes',\n    emoji: '😍',\n    name: 'Heart Eyes',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f60d/lottie.json',\n  },\n  {\n    id: 'holding-back-tears',\n    emoji: '🥹',\n    name: 'Holding Back Tears',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f979/lottie.json',\n  },\n  {\n    id: 'sunglasses',\n    emoji: '😎',\n    name: 'Sunglasses',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f60e/lottie.json',\n  },\n  {\n    id: 'exploding-head',\n    emoji: '🤯',\n    name: 'Exploding Head',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f92f/lottie.json',\n  },\n  {\n    id: 'thinking',\n    emoji: '🤔',\n    name: 'Thinking',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f914/lottie.json',\n  },\n  {\n    id: 'party',\n    emoji: '🥳',\n    name: 'Party',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f973/lottie.json',\n  },\n  {\n    id: 'confetti-ball',\n    emoji: '🎊',\n    name: 'Confetti Ball',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f38a/lottie.json',\n  },\n  {\n    id: 'celebration',\n    emoji: '🎉',\n    name: 'Celebration',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f389/lottie.json',\n  },\n  {\n    id: 'balloon',\n    emoji: '🎈',\n    name: 'Balloon',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f388/lottie.json',\n  },\n  {\n    id: 'cake',\n    emoji: '🎂',\n    name: 'Cake',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f382/lottie.json',\n  },\n  {\n    id: 'clapping',\n    emoji: '👏',\n    name: 'Clapping',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f44f/lottie.json',\n  },\n  {\n    id: 'thumbs-up',\n    emoji: '👍',\n    name: 'Thumbs Up',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f44d/lottie.json',\n  },\n  {\n    id: 'peace',\n    emoji: '✌️',\n    name: 'Peace',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/270c_fe0f/lottie.json',\n  },\n  {\n    id: 'ok-hand',\n    emoji: '👌',\n    name: 'OK Hand',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f44c/lottie.json',\n  },\n  {\n    id: 'muscle',\n    emoji: '💪',\n    name: 'Muscle',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4aa/lottie.json',\n  },\n  {\n    id: 'rock-on',\n    emoji: '🤟',\n    name: 'Rock On',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f91f/lottie.json',\n  },\n  {\n    id: 'heart',\n    emoji: '❤️',\n    name: 'Heart',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/2764_fe0f/lottie.json',\n  },\n  {\n    id: 'trophy',\n    emoji: '🏆',\n    name: 'Trophy',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f3c6/lottie.json',\n  },\n  {\n    id: 'hundred',\n    emoji: '💯',\n    name: 'Hundred',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4af/lottie.json',\n  },\n  {\n    id: 'gold-medal',\n    emoji: '🥇',\n    name: 'Gold Medal',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f947/lottie.json',\n  },\n  {\n    id: 'silver-medal',\n    emoji: '🥈',\n    name: 'Silver Medal',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f948/lottie.json',\n  },\n  {\n    id: 'bronze-medal',\n    emoji: '🥉',\n    name: 'Bronze Medal',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f949/lottie.json',\n  },\n  {\n    id: 'target',\n    emoji: '🎯',\n    name: 'Target',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f3af/lottie.json',\n  },\n  {\n    id: 'glowing-star',\n    emoji: '🌟',\n    name: 'Glowing Star',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f31f/lottie.json',\n  },\n  {\n    id: 'lightning',\n    emoji: '⚡️',\n    name: 'Lightning',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/26a1/lottie.json',\n  },\n  {\n    id: 'rocket',\n    emoji: '🚀',\n    name: 'Rocket',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f680/lottie.json',\n  },\n  {\n    id: 'explosion',\n    emoji: '💥',\n    name: 'Explosion',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a5/lottie.json',\n  },\n  {\n    id: 'graduation',\n    emoji: '🎓',\n    name: 'Graduation',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f393/lottie.json',\n  },\n  {\n    id: 'clock',\n    emoji: '⏰',\n    name: 'Clock',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/23f0/lottie.json',\n  },\n  {\n    id: 'bulb',\n    emoji: '💡',\n    name: 'Bulb',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f4a1/lottie.json',\n  },\n  {\n    id: 'rainbow',\n    emoji: '🌈',\n    name: 'Rainbow',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f308/lottie.json',\n  },\n  {\n    id: 'clown',\n    emoji: '🤡',\n    name: 'Clown',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f921/lottie.json',\n  },\n  {\n    id: 'dancer',\n    emoji: '💃',\n    name: 'Dancer',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f483/lottie.json',\n  },\n  {\n    id: 'flowers',\n    emoji: '💐',\n    name: 'Flowers',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f490/lottie.json',\n  },\n  {\n    id: 'unicorn',\n    emoji: '🦄',\n    name: 'Unicorn',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f984/lottie.json',\n  },\n  {\n    id: 'drum',\n    emoji: '🥁',\n    name: 'Drum',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f941/lottie.json',\n  },\n  {\n    id: 'diamond',\n    emoji: '💎',\n    name: 'Diamond',\n    lottieUrl: 'https://fonts.gstatic.com/s/e/notoemoji/latest/1f48e/lottie.json',\n  },\n];\n"],"names":["stickerData"],"mappings":"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"}

package/dist/features/{ui/sticker-grid/sticker-grid-styles.js → stickers/sticker-selector/sticker-selector-styles.js}

@@ -1,5 +1,5 @@
-import r from "styled-components";
-const e = r.div`
+import e from "styled-components";
+const o = e.div`
   position: relative;
   width: ${({ $size: t }) => typeof t == "number" ? `${t}px` : t};
   height: ${({ $size: t }) => typeof t == "number" ? `${t}px` : t};
@@ -21,30 +21,31 @@ const e = r.div`
   &:active {
     transform: ${({ $disabled: t }) => t ? "none" : "scale(0.95)"};
   }
-`, n = r.div`
+`, r = e.div`
   font-size: ${({ $size: t }) => typeof t == "number" ? `${t * 0.7}px` : "70%"};
   line-height: 1;
-  display: flex;
+  display: ${({ $visible: t }) => t ? "flex" : "none"};
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   transition: opacity 0.2s ease;
-`, a = r.div`
+`, i = e.div`
   position: absolute;
   top: 50%;
   left: 50%;
   width: ${({ $size: t }) => typeof t == "number" ? `${t * 0.7}px` : t};
   height: ${({ $size: t }) => typeof t == "number" ? `${t * 0.7}px` : t};
-  opacity: 0;
-  transition: opacity 0.2s ease;
   transform: translate(-50%, -50%);
   pointer-events: none;
 
-  ${e}:hover & {
+  display: ${({ $visible: t }) => t ? "flex" : "none"};
+  transition: opacity 0.2s ease;
+
+  ${o}:hover & {
     opacity: 1;
   }
-`, i = r.div`
+`, a = e.div`
   display: grid;
   grid-template-columns: repeat(${({ $columns: t }) => t}, 1fr);
   gap: ${({ $gap: t }) => t}px;
@@ -53,34 +54,23 @@ const e = r.div`
   border-radius: 12px;
   max-height: 400px;
   overflow-y: auto;
+  scrollbar-gutter: stable;
 
+  scrollbar-width: none;
+  -ms-overflow-style: none;
   &::-webkit-scrollbar {
-    width: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: rgba(255, 255, 255, 0.1);
-    border-radius: 4px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.3);
-    border-radius: 4px;
-  }
-
-  &::-webkit-scrollbar-thumb:hover {
-    background: rgba(255, 255, 255, 0.5);
+    display: none;
   }
-`, c = r.div`
+`, s = e.div`
   width: 100%;
   max-width: ${({ $width: t }) => t};
   max-height: ${({ $height: t }) => t};
 `;
 export {
-  a as LottieContainer,
-  n as StaticEmoji,
-  e as StickerContainer,
-  i as StickerGrid,
-  c as StickerGridContainer
+  i as LottieContainer,
+  r as StaticEmoji,
+  o as StickerContainer,
+  a as StickerGrid,
+  s as StickerGridContainer
 };
-//# sourceMappingURL=sticker-grid-styles.js.map
+//# sourceMappingURL=sticker-selector-styles.js.map

package/dist/features/stickers/sticker-selector/sticker-selector-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-selector-styles.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector-styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StickerContainer = styled.div<{\n  $size: number | string;\n  $disabled?: boolean;\n}>`\n  position: relative;\n  width: ${({ $size }) => (typeof $size === 'number' ? `${$size}px` : $size)};\n  height: ${({ $size }) => (typeof $size === 'number' ? `${$size}px` : $size)};\n  cursor: ${({ $disabled }) => ($disabled ? 'none' : 'pointer')};\n  border-radius: 8px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.2s ease;\n  background-color: transparent;\n  opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n\n  &:hover {\n    transform: ${({ $disabled }) => ($disabled ? 'none' : 'scale(1.1)')};\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  &:active {\n    transform: ${({ $disabled }) => ($disabled ? 'none' : 'scale(0.95)')};\n  }\n`;\n\nexport const StaticEmoji = styled.div<{ $size: number | string; $visible: boolean }>`\n  font-size: ${({ $size }) => {\n    if (typeof $size === 'number') {\n      return `${$size * 0.7}px`;\n    }\n\n    return '70%';\n  }};\n  line-height: 1;\n  display: ${({ $visible }) => ($visible ? 'flex' : 'none')};\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  transition: opacity 0.2s ease;\n`;\n\nexport const LottieContainer = styled.div<{\n  $size: number | string;\n  $visible?: boolean;\n}>`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: ${({ $size }) => (typeof $size === 'number' ? `${$size * 0.7}px` : $size)};\n  height: ${({ $size }) => (typeof $size === 'number' ? `${$size * 0.7}px` : $size)};\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n\n  display: ${({ $visible }) => ($visible ? 'flex' : 'none')};\n  transition: opacity 0.2s ease;\n\n  ${StickerContainer}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const StickerGrid = styled.div<{\n  $columns: number;\n  $gap: number;\n}>`\n  display: grid;\n  grid-template-columns: repeat(${({ $columns }) => $columns}, 1fr);\n  gap: ${({ $gap }) => $gap}px;\n  padding: 16px;\n  background-color: #2a2a2a;\n  border-radius: 12px;\n  max-height: 400px;\n  overflow-y: auto;\n  scrollbar-gutter: stable;\n\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nexport const StickerGridContainer = styled.div<{\n  $width: string;\n  $height: string;\n}>`\n  width: 100%;\n  max-width: ${({ $width }) => $width};\n  max-height: ${({ $height }) => $height};\n`;\n"],"names":["StickerContainer","styled","$size","$disabled","StaticEmoji","$visible","LottieContainer","StickerGrid","$columns","$gap","StickerGridContainer","$width","$height"],"mappings":";AAEO,MAAMA,IAAmBC,EAAO;AAAA;AAAA,WAK5B,CAAC,EAAE,OAAAC,EAAa,MAAA,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,CAAM;AAAA,YAChE,CAAC,EAAE,OAAAA,EAAa,MAAA,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,CAAM;AAAA,YACjE,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,SAAS,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAQlD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,MAAM,CAAE;AAAA;AAAA;AAAA,iBAGpC,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,SAAS,YAAa;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKtD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,SAAS,aAAc;AAAA;AAAA,GAI3DC,IAAcH,EAAO;AAAA,eACnB,CAAC,EAAE,OAAAC,QACV,OAAOA,KAAU,WACZ,GAAGA,IAAQ,GAAG,OAGhB,KACR;AAAA;AAAA,aAEU,CAAC,EAAE,UAAAG,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ9CC,IAAkBL,EAAO;AAAA;AAAA;AAAA;AAAA,WAO3B,CAAC,EAAE,OAAAC,QAAa,OAAOA,KAAU,WAAW,GAAGA,IAAQ,GAAG,OAAOA,CAAM;AAAA,YACtE,CAAC,EAAE,OAAAA,QAAa,OAAOA,KAAU,WAAW,GAAGA,IAAQ,GAAG,OAAOA,CAAM;AAAA;AAAA;AAAA;AAAA,aAItE,CAAC,EAAE,UAAAG,EAAA,MAAgBA,IAAW,SAAS,MAAO;AAAA;AAAA;AAAA,IAGvDL,CAAgB;AAAA;AAAA;AAAA,GAKPO,IAAcN,EAAO;AAAA;AAAA,kCAKA,CAAC,EAAE,UAAAO,EAAS,MAAMA,CAAQ;AAAA,SACnD,CAAC,EAAE,MAAAC,EAAK,MAAMA,CAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAedC,IAAuBT,EAAO;AAAA;AAAA,eAK5B,CAAC,EAAE,QAAAU,EAAO,MAAMA,CAAM;AAAA,gBACrB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA;"}

package/dist/features/stickers/sticker-selector/sticker-selector.js

@@ -0,0 +1,27 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as d } from "react";
+import { stickerData as l } from "../sticker-data.js";
+import f from "./sticker.js";
+import { StickerGridContainer as h, StickerGrid as n } from "./sticker-selector-styles.js";
+const s = ({
+  stickers: e = l,
+  columns: m = 4,
+  gap: i = 8,
+  stickerSize: p = 72,
+  onStickerClick: o,
+  disabled: a
+}) => /* @__PURE__ */ t(h, { $width: "350px", $height: "400px", children: /* @__PURE__ */ t(n, { $columns: m, $gap: i, children: e.map((r) => /* @__PURE__ */ t(
+  f,
+  {
+    emoji: r.emoji,
+    lottieUrl: r.lottieUrl,
+    size: p,
+    onClick: () => o == null ? void 0 : o(r),
+    disabled: a
+  },
+  r.id
+)) }) }), g = d(s);
+export {
+  g as default
+};
+//# sourceMappingURL=sticker-selector.js.map

package/dist/features/stickers/sticker-selector/sticker-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-selector.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector.tsx"],"sourcesContent":["import type { IStickerSelectorProps } from './sticker-selector-types';\n\nimport React, { memo } from 'react';\n\nimport { stickerData } from '../sticker-data';\nimport Sticker from './sticker';\nimport * as S from './sticker-selector-styles';\n\nconst StickerSelector: React.FC<IStickerSelectorProps> = ({\n  stickers = stickerData,\n  columns = 4,\n  gap = 8,\n  stickerSize = 72,\n  onStickerClick,\n  disabled,\n}) => {\n  return (\n    <S.StickerGridContainer $width=\"350px\" $height=\"400px\">\n      <S.StickerGrid $columns={columns} $gap={gap}>\n        {stickers.map(sticker => (\n          <Sticker\n            key={sticker.id}\n            emoji={sticker.emoji}\n            lottieUrl={sticker.lottieUrl}\n            size={stickerSize}\n            onClick={() => onStickerClick?.(sticker)}\n            disabled={disabled}\n          />\n        ))}\n      </S.StickerGrid>\n    </S.StickerGridContainer>\n  );\n};\n\nexport default memo(StickerSelector);\n"],"names":["StickerSelector","stickers","stickerData","columns","gap","stickerSize","onStickerClick","disabled","S.StickerGridContainer","jsx","S.StickerGrid","sticker","Sticker","stickerSelector","memo"],"mappings":";;;;;AAQA,MAAMA,IAAmD,CAAC;AAAA,EACxD,UAAAC,IAAWC;AAAA,EACX,SAAAC,IAAU;AAAA,EACV,KAAAC,IAAM;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,UAAAC;AACF,wBAEKC,GAAA,EAAuB,QAAO,SAAQ,SAAQ,SAC7C,UAAA,gBAAAC,EAACC,GAAA,EAAc,UAAUP,GAAS,MAAMC,GACrC,UAAAH,EAAS,IAAI,CACZU,MAAA,gBAAAF;AAAA,EAACG;AAAA,EAAA;AAAA,IAEC,OAAOD,EAAQ;AAAA,IACf,WAAWA,EAAQ;AAAA,IACnB,MAAMN;AAAA,IACN,SAAS,MAAMC,KAAA,gBAAAA,EAAiBK;AAAA,IAChC,UAAAJ;AAAA,EAAA;AAAA,EALKI,EAAQ;AAAA,CAOhB,GACH,EACF,CAAA,GAIWE,IAAAC,EAAKd,CAAe;"}

package/dist/features/stickers/sticker-selector/sticker.js

@@ -0,0 +1,57 @@
+import { jsxs as S, jsx as i } from "react/jsx-runtime";
+import { memo as $, useState as f, useRef as L, useCallback as n, useEffect as g } from "react";
+import k from "../../ui/lottie-animation/lottie-animation.js";
+import { StickerContainer as E, StaticEmoji as R, LottieContainer as j } from "./sticker-selector-styles.js";
+const x = ({
+  emoji: l,
+  lottieUrl: c,
+  size: o = 48,
+  onClick: s,
+  disabled: e = !1
+}) => {
+  const [a, m] = f(!1), [t, u] = f(!1), r = L(null), p = n(() => {
+    r.current && (r.current.goToAndStop(0, !0), m(!0), t && r.current.play());
+  }, [t]);
+  g(() => {
+    !r.current || !a || (t ? r.current.play() : r.current.goToAndStop(0, !0));
+  }, [t, a]);
+  const d = n(() => {
+    e || u(!0);
+  }, [e]), h = n(() => {
+    e || u(!1);
+  }, [e]), v = n(() => {
+    !e && s && s();
+  }, [e, s]);
+  return /* @__PURE__ */ S(
+    E,
+    {
+      $size: o,
+      $disabled: e,
+      onPointerEnter: d,
+      onPointerLeave: h,
+      onClick: v,
+      children: [
+        !t && /* @__PURE__ */ i(R, { $size: o, $visible: !t, children: l }),
+        /* @__PURE__ */ i(j, { $size: o, $visible: t, children: c && /* @__PURE__ */ i(
+          k,
+          {
+            ref: r,
+            src: c,
+            width: "100%",
+            height: "100%",
+            settings: {
+              loop: !0,
+              autoplay: !1,
+              renderer: "canvas"
+            },
+            onRender: p
+          }
+        ) })
+      ]
+    }
+  );
+}, I = $(x);
+export {
+  I as default
+};
+//# sourceMappingURL=sticker.js.map