@cuemath/leap 3.3.24-link.2 → 3.3.24

package/dist/features/stickers/constants.js

@@ -0,0 +1,235 @@
+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"
+    // no src file on google itself
+  },
+  {
+    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 STICKERS_DATA
+};
+//# sourceMappingURL=constants.js.map

package/dist/features/stickers/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/features/stickers/constants.ts"],"sourcesContent":["import type { IStickerData } from './stickers-types';\n\n/*\n * Noto Emoji animations by Google\n * Licensed under Creative Commons Attribution 4.0 International License\n * https://creativecommons.org/licenses/by/4.0/\n * Source: https://fonts.gstatic.com/s/e/notoemoji/\n */\nexport const STICKERS_DATA: 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', // no src file on google itself\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":["STICKERS_DATA"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
-import r from "styled-components";
-const e = r.div`
+import e from "styled-components";
+const n = e.div`
   position: relative;
   width: ${({ $size: t }) => typeof t == "number" ? `${t}px` : t};
   height: ${({ $size: t }) => typeof t == "number" ? `${t}px` : t};
@@ -12,6 +12,8 @@ const e = r.div`
   transition: all 0.2s ease;
   background-color: transparent;
   opacity: ${({ $disabled: t }) => t ? 0.5 : 1};
+  pointer-events: ${({ $disabled: t }) => t ? "none" : "auto"};
+  user-select: none;
 
   &:hover {
     transform: ${({ $disabled: t }) => t ? "none" : "scale(1.1)"};
@@ -21,66 +23,34 @@ 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;
+  display: 'flex';
+  opacity: ${({ $visible: t }) => t ? 1 : 0};
+  transition: opacity 0.2s ease;
 
-  ${e}:hover & {
+  ${n}:hover & {
     opacity: 1;
   }
-`, i = r.div`
-  display: grid;
-  grid-template-columns: repeat(${({ $columns: t }) => t}, 1fr);
-  gap: ${({ $gap: t }) => t}px;
-  padding: 16px;
-  background-color: #2a2a2a;
-  border-radius: 12px;
-  max-height: 400px;
-  overflow-y: auto;
-
-  &::-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);
-  }
-`, c = r.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,
+  n as StickerContainer
 };
-//# sourceMappingURL=sticker-grid-styles.js.map
+//# sourceMappingURL=sticker-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-styled.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/sticker/sticker-styled.tsx"],"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  pointer-events: ${({ $disabled }) => ($disabled ? 'none' : 'auto')};\n  user-select: none;\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  display: 'flex';\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  transition: opacity 0.2s ease;\n\n  ${StickerContainer}:hover & {\n    opacity: 1;\n  }\n`;\n"],"names":["StickerContainer","styled","$size","$disabled","StaticEmoji","$visible","LottieContainer"],"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,oBACjC,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,SAAS,MAAO;AAAA;AAAA;AAAA;AAAA,iBAInD,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,IAAI,CAAE;AAAA;AAAA;AAAA,IAG7CL,CAAgB;AAAA;AAAA;AAAA;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"sticker.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/sticker/sticker.tsx"],"sourcesContent":["import type { ILottieAnimationRef } from '../../../../ui/lottie-animation/types';\nimport type { IStickerProps } from './sticker-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useRef, useState } from 'react';\n\nimport LottieAnimation from '../../../../ui/lottie-animation/lottie-animation';\nimport * as Styled from './sticker-styled';\n\nconst renderSettings = {\n  renderer: 'canvas' as const,\n};\n\nconst Sticker: FC<IStickerProps> = ({ emoji, lottieUrl, size = 48, onClick, disabled = false }) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const [lottieState, setLottieState] = useState<'idle' | 'loaded' | 'error'>('idle');\n  const lottieRef = useRef<ILottieAnimationRef>(null);\n\n  const handleLottieReady = useCallback(() => {\n    setLottieState('loaded');\n    lottieRef.current?.play();\n  }, []);\n\n  const handleLottieError = useCallback(() => {\n    setLottieState('error');\n  }, []);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n\n    if (lottieState === 'loaded') {\n      lottieRef.current?.play();\n    }\n  }, [lottieState]);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n    lottieRef.current?.goToAndStop(0, true);\n  }, []);\n\n  const hideStaticEmoji = isHovered && lottieState === 'loaded';\n\n  return (\n    <Styled.StickerContainer\n      $size={size}\n      $disabled={disabled}\n      onPointerEnter={disabled ? undefined : handleMouseEnter}\n      onPointerLeave={disabled ? undefined : handleMouseLeave}\n      onClick={disabled ? undefined : onClick}\n    >\n      <Styled.StaticEmoji $size={size} $visible={!hideStaticEmoji}>\n        {emoji}\n      </Styled.StaticEmoji>\n\n      <Styled.LottieContainer $size={size} $visible={hideStaticEmoji}>\n        {isHovered && lottieUrl && (\n          <LottieAnimation\n            ref={lottieRef}\n            src={lottieUrl}\n            width=\"100%\"\n            height=\"100%\"\n            settings={renderSettings}\n            onRender={handleLottieReady}\n            onError={handleLottieError}\n          />\n        )}\n      </Styled.LottieContainer>\n    </Styled.StickerContainer>\n  );\n};\n\nexport default memo(Sticker);\n"],"names":["renderSettings","Sticker","emoji","lottieUrl","size","onClick","disabled","isHovered","setIsHovered","useState","lottieState","setLottieState","lottieRef","useRef","handleLottieReady","useCallback","_a","handleLottieError","handleMouseEnter","handleMouseLeave","hideStaticEmoji","jsxs","Styled.StickerContainer","jsx","Styled.StaticEmoji","Styled.LottieContainer","LottieAnimation","Sticker$1","memo"],"mappings":";;;;AASA,MAAMA,IAAiB;AAAA,EACrB,UAAU;AACZ,GAEMC,IAA6B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,MAAAC,IAAO,IAAI,SAAAC,GAAS,UAAAC,IAAW,SAAY;AACjG,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAaC,CAAc,IAAIF,EAAsC,MAAM,GAC5EG,IAAYC,EAA4B,IAAI,GAE5CC,IAAoBC,EAAY,MAAM;;AAC1C,IAAAJ,EAAe,QAAQ,IACvBK,IAAAJ,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACrB,GAAG,CAAE,CAAA,GAECC,IAAoBF,EAAY,MAAM;AAC1C,IAAAJ,EAAe,OAAO;AAAA,EACxB,GAAG,CAAE,CAAA,GAECO,IAAmBH,EAAY,MAAM;;AACzC,IAAAP,EAAa,EAAI,GAEbE,MAAgB,cAClBM,IAAAJ,EAAU,YAAV,QAAAI,EAAmB;AAAA,EACrB,GACC,CAACN,CAAW,CAAC,GAEVS,IAAmBJ,EAAY,MAAM;;AACzC,IAAAP,EAAa,EAAK,IACRQ,IAAAJ,EAAA,YAAA,QAAAI,EAAS,YAAY,GAAG;AAAA,EACpC,GAAG,CAAE,CAAA,GAECI,IAAkBb,KAAaG,MAAgB;AAGnD,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOlB;AAAA,MACP,WAAWE;AAAA,MACX,gBAAgBA,IAAW,SAAYY;AAAA,MACvC,gBAAgBZ,IAAW,SAAYa;AAAA,MACvC,SAASb,IAAW,SAAYD;AAAA,MAEhC,UAAA;AAAA,QAAC,gBAAAkB,EAAAC,GAAA,EAAmB,OAAOpB,GAAM,UAAU,CAACgB,GACzC,UACHlB,GAAA;AAAA,QAEA,gBAAAqB,EAACE,GAAA,EAAuB,OAAOrB,GAAM,UAAUgB,GAC5C,UAAAb,KAAaJ,KACZ,gBAAAoB;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,KAAKd;AAAA,YACL,KAAKT;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,UAAUH;AAAA,YACV,UAAUc;AAAA,YACV,SAASG;AAAA,UAAA;AAAA,QAAA,GAGf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeU,IAAAC,EAAK3B,CAAO;"}

package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid-styled.js

@@ -0,0 +1,28 @@
+import o from "styled-components";
+const e = o.div`
+  display: grid;
+  grid-template-columns: repeat(${({ $columns: r }) => r}, 1fr);
+  gap: ${({ $gap: r }) => r}px;
+  padding: 16px;
+  background-color: #2a2a2a;
+  border-radius: 12px;
+  max-height: 400px;
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`, a = o.div`
+  width: 100%;
+  max-width: ${({ $width: r }) => r};
+  max-height: ${({ $height: r }) => r};
+  cursor: ${({ $disabled: r }) => r ? "default" : "pointer"};
+`;
+export {
+  e as StickerGrid,
+  a as StickerGridContainer
+};
+//# sourceMappingURL=sticker-selector-grid-styled.js.map

package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-selector-grid-styled.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid-styled.ts"],"sourcesContent":["import styled from 'styled-components';\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  $disabled?: boolean;\n}>`\n  width: 100%;\n  max-width: ${({ $width }) => $width};\n  max-height: ${({ $height }) => $height};\n  cursor: ${({ $disabled }) => ($disabled ? 'default' : 'pointer')};\n`;\n"],"names":["StickerGrid","styled","$columns","$gap","StickerGridContainer","$width","$height","$disabled"],"mappings":";AAEO,MAAMA,IAAcC,EAAO;AAAA;AAAA,kCAKA,CAAC,EAAE,UAAAC,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,IAAuBH,EAAO;AAAA;AAAA,eAM5B,CAAC,EAAE,QAAAI,EAAO,MAAMA,CAAM;AAAA,gBACrB,CAAC,EAAE,SAAAC,EAAQ,MAAMA,CAAO;AAAA,YAC5B,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,YAAY,SAAU;AAAA;"}

package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { STICKERS_DATA as p } from "../../../constants.js";
+import d from "../sticker/sticker.js";
+import { StickerGridContainer as n, StickerGrid as S } from "./sticker-selector-grid-styled.js";
+const f = ({
+  columns: t = 4,
+  gap: e = 8,
+  stickerSize: m = 72,
+  onStickerClick: l,
+  disabled: o = !1
+}) => /* @__PURE__ */ i(n, { $width: "350px", $height: "400px", $disabled: o, children: /* @__PURE__ */ i(S, { $columns: t, $gap: e, children: p.map((r) => /* @__PURE__ */ i(
+  d,
+  {
+    emoji: r.emoji,
+    lottieUrl: r.lottieUrl,
+    size: m,
+    onClick: () => l(r),
+    disabled: o
+  },
+  r.id
+)) }) }), G = c(f);
+export {
+  G as default
+};
+//# sourceMappingURL=sticker-selector-grid.js.map

package/dist/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-selector-grid.js","sources":["../../../../../../src/features/stickers/sticker-selector/comps/stiker-selector-grid/sticker-selector-grid.tsx"],"sourcesContent":["import type { IStickerSelectorGridProps } from './sticker-selector-grid-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport { STICKERS_DATA } from '../../../constants';\nimport Sticker from '../sticker/sticker';\nimport * as Styled from './sticker-selector-grid-styled';\n\nconst StickerSelectorGrid: FC<IStickerSelectorGridProps> = ({\n  columns = 4,\n  gap = 8,\n  stickerSize = 72,\n  onStickerClick,\n  disabled = false,\n}) => {\n  return (\n    <Styled.StickerGridContainer $width=\"350px\" $height=\"400px\" $disabled={disabled}>\n      <Styled.StickerGrid $columns={columns} $gap={gap}>\n        {STICKERS_DATA.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      </Styled.StickerGrid>\n    </Styled.StickerGridContainer>\n  );\n};\n\nexport default memo(StickerSelectorGrid);\n"],"names":["StickerSelectorGrid","columns","gap","stickerSize","onStickerClick","disabled","jsx","Styled.StickerGridContainer","Styled.StickerGrid","STICKERS_DATA","sticker","Sticker","StickerSelectorGrid$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAqD,CAAC;AAAA,EAC1D,SAAAC,IAAU;AAAA,EACV,KAAAC,IAAM;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAEI,gBAAAC,EAACC,GAAA,EAA4B,QAAO,SAAQ,SAAQ,SAAQ,WAAWF,GACrE,4BAACG,GAAA,EAAmB,UAAUP,GAAS,MAAMC,GAC1C,UAAAO,EAAc,IAAI,CACjBC,MAAA,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IAEC,OAAOD,EAAQ;AAAA,IACf,WAAWA,EAAQ;AAAA,IACnB,MAAMP;AAAA,IACN,SAAS,MAAMC,EAAeM,CAAO;AAAA,IACrC,UAAAL;AAAA,EAAA;AAAA,EALKK,EAAQ;AAAA,CAOhB,GACH,EACF,CAAA,GAIWE,IAAAC,EAAKb,CAAmB;"}

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

@@ -0,0 +1,13 @@
+import o from "styled-components";
+const i = o.div`
+  display: inline-block;
+  pointer-events: ${({ $disabled: e }) => e ? "none" : "auto"};
+  opacity: ${({ $disabled: e }) => e ? 0.5 : 1};
+  cursor: ${({ $disabled: e }) => e ? "not-allowed" : "pointer"};
+
+  ${({ $disabled: e }) => e && "aria-disabled: true;"}
+`;
+export {
+  i as TriggerWrapper
+};
+//# sourceMappingURL=sticker-selector-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sticker-selector-styled.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector-styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const TriggerWrapper = styled.div<{ $disabled: boolean }>`\n  display: inline-block;\n  pointer-events: ${({ $disabled }) => ($disabled ? 'none' : 'auto')};\n  opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n  cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'pointer')};\n\n  ${({ $disabled }) => $disabled && `aria-disabled: true;`}\n`;\n"],"names":["TriggerWrapper","styled","$disabled"],"mappings":";AAEO,MAAMA,IAAiBC,EAAO;AAAA;AAAA,oBAEjB,CAAC,EAAE,WAAAC,EAAA,MAAiBA,IAAY,SAAS,MAAO;AAAA,aACvD,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,MAAM,CAAE;AAAA,YACzC,CAAC,EAAE,WAAAA,EAAA,MAAiBA,IAAY,gBAAgB,SAAU;AAAA;AAAA,IAElE,CAAC,EAAE,WAAAA,EAAU,MAAMA,KAAa,sBAAsB;AAAA;"}

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

@@ -0,0 +1,86 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as E, useState as G, useCallback as M, useMemo as n } from "react";
+import S from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import $ from "./comps/stiker-selector-grid/sticker-selector-grid.js";
+import { TriggerWrapper as q } from "./sticker-selector-styled.js";
+const v = ({
+  triggerNode: e,
+  onStickerSend: t,
+  gridConfig: c,
+  tooltipConfig: d,
+  visible: p
+}) => {
+  const { columns: i = 4, gap: s = 8, stickerSize: a = 48 } = c, {
+    isAnimated: u,
+    arrowColor: f,
+    arrowSize: b,
+    arrowXCoOrdinates: C,
+    arrowYCoOrdinates: w,
+    backgroundColor: h,
+    borderColor: T,
+    position: g = "bottom",
+    renderAs: k = "primary",
+    textVariant: O,
+    tooltipOffset: x,
+    tooltipXCoOrdinates: y,
+    tooltipYCoOrdinates: z,
+    width: A,
+    widthX: I,
+    zIndex: X,
+    parentWidth: D,
+    isBlocking: V = !1
+  } = d, [r, l] = G(!1), m = M(
+    (j) => {
+      if (r) return;
+      t == null || t(j), l(!0);
+      const B = setTimeout(() => {
+        l(!1);
+      }, 5e3);
+      return () => clearTimeout(B);
+    },
+    [t, r]
+  ), W = n(
+    () => /* @__PURE__ */ o(
+      $,
+      {
+        columns: i,
+        gap: s,
+        stickerSize: a,
+        onStickerClick: m,
+        disabled: r
+      }
+    ),
+    [i, s, a, m, r]
+  ), Y = n(() => /* @__PURE__ */ o(q, { $disabled: r, children: e }), [r, e]);
+  return /* @__PURE__ */ o(
+    S,
+    {
+      children: Y,
+      alwaysVisible: !0,
+      hidden: !p,
+      tooltipItem: W,
+      renderAs: k,
+      position: g,
+      isBlocking: V,
+      isAnimated: u,
+      zIndex: X,
+      width: A,
+      widthX: I,
+      parentWidth: D,
+      backgroundColor: h,
+      borderColor: T,
+      textVariant: O,
+      tooltipOffset: x,
+      arrowColor: f,
+      arrowSize: b,
+      arrowXCoOrdinates: C,
+      arrowYCoOrdinates: w,
+      tooltipXCoOrdinates: y,
+      tooltipYCoOrdinates: z
+    }
+  );
+}, P = E(v);
+export {
+  P 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 { IStickerData } from '../stickers-types';\nimport type { IStickerSelectorProps } from './sticker-selector-types';\nimport type { FC } from 'react';\n\nimport { memo, useMemo, useState, useCallback } from 'react';\n\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport StickerSelectorGrid from './comps/stiker-selector-grid/sticker-selector-grid';\nimport * as Styled from './sticker-selector-styled';\n\nconst StickerSelector: FC<IStickerSelectorProps> = ({\n  triggerNode,\n  onStickerSend,\n  gridConfig,\n  tooltipConfig,\n  visible,\n}) => {\n  const { columns = 4, gap = 8, stickerSize = 48 } = gridConfig;\n  const {\n    isAnimated,\n    arrowColor,\n    arrowSize,\n    arrowXCoOrdinates,\n    arrowYCoOrdinates,\n    backgroundColor,\n    borderColor,\n    position = 'bottom',\n    renderAs = 'primary',\n    textVariant,\n    tooltipOffset,\n    tooltipXCoOrdinates,\n    tooltipYCoOrdinates,\n    width,\n    widthX,\n    zIndex,\n    parentWidth,\n    isBlocking = false,\n  } = tooltipConfig;\n\n  const [isTemporarilyDisabled, setIsTemporarilyDisabled] = useState(false);\n\n  const handleStickerSend = useCallback(\n    (sticker: IStickerData) => {\n      if (isTemporarilyDisabled) return;\n\n      onStickerSend?.(sticker);\n      setIsTemporarilyDisabled(true);\n\n      const timeout = setTimeout(() => {\n        setIsTemporarilyDisabled(false);\n      }, 5000);\n\n      return () => clearTimeout(timeout);\n    },\n    [onStickerSend, isTemporarilyDisabled],\n  );\n\n  const tooltipItem = useMemo(\n    () => (\n      <StickerSelectorGrid\n        columns={columns}\n        gap={gap}\n        stickerSize={stickerSize}\n        onStickerClick={handleStickerSend}\n        disabled={isTemporarilyDisabled}\n      />\n    ),\n    [columns, gap, stickerSize, handleStickerSend, isTemporarilyDisabled],\n  );\n\n  const triggerEle = useMemo(() => {\n    return (\n      <Styled.TriggerWrapper $disabled={isTemporarilyDisabled}>{triggerNode}</Styled.TriggerWrapper>\n    );\n  }, [isTemporarilyDisabled, triggerNode]);\n\n  return (\n    <ArrowTooltip\n      children={triggerEle}\n      alwaysVisible\n      hidden={!visible}\n      tooltipItem={tooltipItem}\n      renderAs={renderAs}\n      position={position}\n      isBlocking={isBlocking}\n      isAnimated={isAnimated}\n      zIndex={zIndex}\n      width={width}\n      widthX={widthX}\n      parentWidth={parentWidth}\n      backgroundColor={backgroundColor}\n      borderColor={borderColor}\n      textVariant={textVariant}\n      tooltipOffset={tooltipOffset}\n      arrowColor={arrowColor}\n      arrowSize={arrowSize}\n      arrowXCoOrdinates={arrowXCoOrdinates}\n      arrowYCoOrdinates={arrowYCoOrdinates}\n      tooltipXCoOrdinates={tooltipXCoOrdinates}\n      tooltipYCoOrdinates={tooltipYCoOrdinates}\n    />\n  );\n};\n\nexport default memo(StickerSelector);\n"],"names":["StickerSelector","triggerNode","onStickerSend","gridConfig","tooltipConfig","visible","columns","gap","stickerSize","isAnimated","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","position","renderAs","textVariant","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","isBlocking","isTemporarilyDisabled","setIsTemporarilyDisabled","useState","handleStickerSend","useCallback","sticker","timeout","tooltipItem","useMemo","jsx","StickerSelectorGrid","triggerEle","Styled.TriggerWrapper","ArrowTooltip","stickerSelector","memo"],"mappings":";;;;;AAUA,MAAMA,IAA6C,CAAC;AAAA,EAClD,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,IAAU,GAAG,KAAAC,IAAM,GAAG,aAAAC,IAAc,GAAO,IAAAL,GAC7C;AAAA,IACJ,YAAAM;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EACX,IAAAtB,GAEE,CAACuB,GAAuBC,CAAwB,IAAIC,EAAS,EAAK,GAElEC,IAAoBC;AAAA,IACxB,CAACC,MAA0B;AACzB,UAAIL,EAAuB;AAE3B,MAAAzB,KAAA,QAAAA,EAAgB8B,IAChBJ,EAAyB,EAAI;AAEvB,YAAAK,IAAU,WAAW,MAAM;AAC/B,QAAAL,EAAyB,EAAK;AAAA,SAC7B,GAAI;AAEA,aAAA,MAAM,aAAaK,CAAO;AAAA,IACnC;AAAA,IACA,CAAC/B,GAAeyB,CAAqB;AAAA,EAAA,GAGjCO,IAAcC;AAAA,IAClB,MACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAA/B;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAgBsB;AAAA,QAChB,UAAUH;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,CAACrB,GAASC,GAAKC,GAAasB,GAAmBH,CAAqB;AAAA,EAAA,GAGhEW,IAAaH,EAAQ,wBAEtBI,GAAA,EAAsB,WAAWZ,GAAwB,UAAY1B,EAAA,CAAA,GAEvE,CAAC0B,GAAuB1B,CAAW,CAAC;AAGrC,SAAA,gBAAAmC;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,UAAUF;AAAA,MACV,eAAa;AAAA,MACb,QAAQ,CAACjC;AAAA,MACT,aAAA6B;AAAA,MACA,UAAAjB;AAAA,MACA,UAAAD;AAAA,MACA,YAAAU;AAAA,MACA,YAAAjB;AAAA,MACA,QAAAe;AAAA,MACA,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,aAAAE;AAAA,MACA,iBAAAX;AAAA,MACA,aAAAC;AAAA,MACA,aAAAG;AAAA,MACA,eAAAC;AAAA,MACA,YAAAT;AAAA,MACA,WAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,qBAAAO;AAAA,MACA,qBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN,GAEeoB,IAAAC,EAAK1C,CAAe;"}