@cuemath/leap 3.3.24-link.2 → 3.3.24

package/dist/features/stickers/stickers-effects/stickers-effects-animations.js

@@ -0,0 +1,82 @@
+import { keyframes as i, css as t } from "styled-components";
+import { randomizeDuration as a } from "./stickers-effects-helper.js";
+const r = i`
+  0% {
+    opacity: 1;
+    visibility: visible;
+  }
+  80% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 0;
+    visibility: visible;
+  }
+`, e = i`
+  0% {
+    transform: translateY(0vh);
+    visibility: visible;
+  }
+  100% {
+    transform: translateY(-100vh);
+    visibility: visible;
+  }
+`, n = i`
+  0% {
+    transform: translateY(0vh);
+    visibility: visible;
+  }
+  100% {
+    transform: translateY(100vh);
+    visibility: visible;
+  }
+`, o = i`
+  0% {
+    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1);
+    visibility: visible;
+  }
+  100% {
+    transform: translateX(0vw) translateY(0vh) scale(1.25);
+    visibility: visible;
+  }
+`, l = i`
+  0% {
+    transform: translateX(0) translateY(0vh);
+    visibility: visible;
+  }
+  35% {
+    transform: translateX(0) translateY(-50vh) scale(1.25);
+  }
+  60% {
+    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1.25);
+  }
+  100% {
+    transform: translateX(var(--from-x)) translateY(-110vh) scale(1.25);
+    visibility: visible;
+  }
+`, v = {
+  "float-up": (s) => t`
+    animation:
+      ${e} ${a(s)}ms ease-out forwards,
+      ${r} ${a(s)}ms ease-in forwards;
+  `,
+  "fall-down": (s) => t`
+    animation:
+      ${n} ${a(s)}ms ease-out forwards,
+      ${r} ${a(s)}ms ease-in forwards;
+  `,
+  "burst-from-edges": (s) => t`
+    animation:
+      ${o} ${a(s)}ms linear forwards,
+      ${r} ${a(s)}ms ease-in forwards;
+  `,
+  "pop-expand": (s) => t`
+    animation:
+      ${l} ${s}ms cubic-bezier(0.5, 0.1, 0.7, 1) forwards,
+      ${r} ${s}ms ease-in forwards;
+  `
+};
+export {
+  v as effectAnimations
+};
+//# sourceMappingURL=stickers-effects-animations.js.map

package/dist/features/stickers/stickers-effects/stickers-effects-animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-effects-animations.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-animations.ts"],"sourcesContent":["import type { IStickersProps } from './stickers-effects-types';\n\nimport { keyframes, css } from 'styled-components';\n\nimport { randomizeDuration } from './stickers-effects-helper';\n\nconst fadeOutEaseIn = keyframes`\n  0% {\n    opacity: 1;\n    visibility: visible;\n  }\n  80% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 0;\n    visibility: visible;\n  }\n`;\n\nconst floatUp = keyframes`\n  0% {\n    transform: translateY(0vh);\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(-100vh);\n    visibility: visible;\n  }\n`;\n\nconst fallDown = keyframes`\n  0% {\n    transform: translateY(0vh);\n    visibility: visible;\n  }\n  100% {\n    transform: translateY(100vh);\n    visibility: visible;\n  }\n`;\n\nconst burstFromEdges = keyframes`\n  0% {\n    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1);\n    visibility: visible;\n  }\n  100% {\n    transform: translateX(0vw) translateY(0vh) scale(1.25);\n    visibility: visible;\n  }\n`;\n\nconst popExpand = keyframes`\n  0% {\n    transform: translateX(0) translateY(0vh);\n    visibility: visible;\n  }\n  35% {\n    transform: translateX(0) translateY(-50vh) scale(1.25);\n  }\n  60% {\n    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1.25);\n  }\n  100% {\n    transform: translateX(var(--from-x)) translateY(-110vh) scale(1.25);\n    visibility: visible;\n  }\n`;\n\nexport const effectAnimations: Record<\n  IStickersProps['effect'],\n  (duration: number) => ReturnType<typeof css>\n> = {\n  'float-up': (duration: number) => css`\n    animation:\n      ${floatUp} ${randomizeDuration(duration)}ms ease-out forwards,\n      ${fadeOutEaseIn} ${randomizeDuration(duration)}ms ease-in forwards;\n  `,\n  'fall-down': (duration: number) => css`\n    animation:\n      ${fallDown} ${randomizeDuration(duration)}ms ease-out forwards,\n      ${fadeOutEaseIn} ${randomizeDuration(duration)}ms ease-in forwards;\n  `,\n  'burst-from-edges': (duration: number) => css`\n    animation:\n      ${burstFromEdges} ${randomizeDuration(duration)}ms linear forwards,\n      ${fadeOutEaseIn} ${randomizeDuration(duration)}ms ease-in forwards;\n  `,\n  'pop-expand': (duration: number) => css`\n    animation:\n      ${popExpand} ${duration}ms cubic-bezier(0.5, 0.1, 0.7, 1) forwards,\n      ${fadeOutEaseIn} ${duration}ms ease-in forwards;\n  `,\n};\n"],"names":["fadeOutEaseIn","keyframes","floatUp","fallDown","burstFromEdges","popExpand","effectAnimations","duration","css","randomizeDuration"],"mappings":";;AAMA,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAchBC,IAAUD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWVE,IAAWF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWXG,IAAiBH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjBI,IAAYJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBLK,IAGT;AAAA,EACF,YAAY,CAACC,MAAqBC;AAAA;AAAA,QAE5BN,CAAO,IAAIO,EAAkBF,CAAQ,CAAC;AAAA,QACtCP,CAAa,IAAIS,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAElD,aAAa,CAACA,MAAqBC;AAAA;AAAA,QAE7BL,CAAQ,IAAIM,EAAkBF,CAAQ,CAAC;AAAA,QACvCP,CAAa,IAAIS,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAElD,oBAAoB,CAACA,MAAqBC;AAAA;AAAA,QAEpCJ,CAAc,IAAIK,EAAkBF,CAAQ,CAAC;AAAA,QAC7CP,CAAa,IAAIS,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAElD,cAAc,CAACA,MAAqBC;AAAA;AAAA,QAE9BH,CAAS,IAAIE,CAAQ;AAAA,QACrBP,CAAa,IAAIO,CAAQ;AAAA;AAEjC;"}

package/dist/features/stickers/stickers-effects/stickers-effects-cache.js

@@ -0,0 +1,19 @@
+const o = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+async function r(t) {
+  if (o.has(t))
+    return o.get(t);
+  if (n.has(t))
+    return n.get(t);
+  const i = fetch(t).then(async (e) => {
+    if (!e.ok) return null;
+    const a = t.endsWith(".lottie") ? await e.arrayBuffer() : await e.json();
+    return o.set(t, a), a;
+  }).catch((e) => (console.error("Lottie preload error:", e), null)).finally(() => {
+    n.delete(t);
+  });
+  return n.set(t, i), i;
+}
+export {
+  r as preloadLottieFile
+};
+//# sourceMappingURL=stickers-effects-cache.js.map

package/dist/features/stickers/stickers-effects/stickers-effects-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-effects-cache.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-cache.ts"],"sourcesContent":["import type { Data } from '@lottiefiles/dotlottie-web';\n\nconst lottieCache = new Map<string, Data>();\nconst lottiePromises = new Map<string, Promise<Data | null>>();\n\nexport async function preloadLottieFile(url: string): Promise<Data | null> {\n  if (lottieCache.has(url)) {\n    return lottieCache.get(url)!;\n  }\n\n  if (lottiePromises.has(url)) {\n    return lottiePromises.get(url)!;\n  }\n\n  const fetchPromise = fetch(url)\n    .then(async res => {\n      if (!res.ok) return null;\n\n      const isLottieFile = url.endsWith('.lottie');\n      const data = isLottieFile ? await res.arrayBuffer() : await res.json();\n\n      lottieCache.set(url, data);\n\n      return data;\n    })\n    .catch(err => {\n      // eslint-disable-next-line no-console\n      console.error('Lottie preload error:', err);\n\n      return null;\n    })\n    .finally(() => {\n      lottiePromises.delete(url);\n    });\n\n  lottiePromises.set(url, fetchPromise);\n\n  return fetchPromise;\n}\n"],"names":["lottieCache","lottiePromises","preloadLottieFile","url","fetchPromise","res","data","err"],"mappings":"AAEA,MAAMA,wBAAkB,OAClBC,wBAAqB;AAE3B,eAAsBC,EAAkBC,GAAmC;AACrE,MAAAH,EAAY,IAAIG,CAAG;AACd,WAAAH,EAAY,IAAIG,CAAG;AAGxB,MAAAF,EAAe,IAAIE,CAAG;AACjB,WAAAF,EAAe,IAAIE,CAAG;AAG/B,QAAMC,IAAe,MAAMD,CAAG,EAC3B,KAAK,OAAME,MAAO;AACb,QAAA,CAACA,EAAI,GAAW,QAAA;AAGd,UAAAC,IADeH,EAAI,SAAS,SAAS,IACf,MAAME,EAAI,gBAAgB,MAAMA,EAAI;AAEpD,WAAAL,EAAA,IAAIG,GAAKG,CAAI,GAElBA;AAAA,EAAA,CACR,EACA,MAAM,CAAOC,OAEJ,QAAA,MAAM,yBAAyBA,CAAG,GAEnC,KACR,EACA,QAAQ,MAAM;AACb,IAAAN,EAAe,OAAOE,CAAG;AAAA,EAAA,CAC1B;AAEY,SAAAF,EAAA,IAAIE,GAAKC,CAAY,GAE7BA;AACT;"}

package/dist/features/stickers/stickers-effects/stickers-effects-helper.js

@@ -0,0 +1,105 @@
+import { STICKERS_DATA as k } from "../constants.js";
+const b = (o, e) => {
+  const t = Math.ceil(e / 4), a = Math.floor(o / t), m = o % t, p = ["top", "right", "bottom", "left"][a] ?? "left", c = (m + 0.5) / t * 100, i = (Math.random() - 0.5) * 25, r = Math.min(Math.max(c + i, 0), 100), l = 45 + Math.random() * 10, s = 45 + Math.random() * 10;
+  let n = 0, h = 0;
+  switch (p) {
+    case "top":
+      n = r - l, h = -s + i;
+      break;
+    case "right":
+      n = 100 - l + i, h = r - s;
+      break;
+    case "bottom":
+      n = r - l, h = 100 - s + i;
+      break;
+    case "left":
+      n = -l + i, h = r - s;
+      break;
+  }
+  return {
+    fromX: `${n}vw`,
+    fromY: `${h}vh`,
+    x: l,
+    y: s
+  };
+}, w = (o, e = 10) => {
+  const t = [];
+  let a = 0;
+  const m = o;
+  for (; t.length < o && a < m; ) {
+    const d = Math.floor(Math.random() * (100 - 2 * e) + e);
+    t.every((p) => Math.abs(p - d) >= e) && t.push(d), a++;
+  }
+  for (; t.length < o; )
+    t.push(Math.floor(Math.random() * (100 - 2 * e) + e));
+  return t;
+};
+function y({
+  count: o,
+  effect: e,
+  stickerId: t,
+  minSize: a,
+  maxSize: m
+}) {
+  const d = 100 / o * 2, p = () => Math.random() * (m - a) + a, c = [], i = ["float-up", "fall-down"].includes(e) ? w(o, d) : [];
+  for (let r = 0; r < o; r++) {
+    const { emoji: l = "", lottieUrl: s } = k.find(({ id: f }) => f === t) || {}, n = p(), h = i[r], M = { id: t, sticker: l, size: n };
+    switch (e) {
+      case "float-up":
+        c.push({
+          ...M,
+          x: h,
+          y: 110 + (Math.random() - 0.5) * n,
+          lottie: s
+        });
+        break;
+      case "fall-down":
+        c.push({
+          ...M,
+          x: h,
+          y: -10 + (Math.random() - 0.5) * n,
+          lottie: s
+        });
+        break;
+      case "burst-from-edges": {
+        const { x: f, y: u, fromX: x, fromY: g } = b(r, o);
+        c.push({
+          ...M,
+          x: f,
+          y: u,
+          fromX: x,
+          fromY: g,
+          size: n,
+          lottie: s
+        });
+        break;
+      }
+      case "pop-expand":
+        c.push({
+          ...M,
+          x: 50,
+          y: 100,
+          fromX: `${(Math.random() - 0.5) * 27.5}vw`,
+          fromY: `${-50 - Math.random() * 27.5}vh`,
+          lottie: s
+        });
+        break;
+      default:
+        c.push({
+          ...M,
+          x: Math.random() * 100,
+          y: Math.random() * 100
+        });
+    }
+  }
+  return c;
+}
+const P = (o, e = 0.2) => {
+  const t = o * e, a = o - t, m = o + t;
+  return Math.floor(Math.random() * (m - a + 1)) + a;
+};
+export {
+  y as generateStickerData,
+  P as randomizeDuration
+};
+//# sourceMappingURL=stickers-effects-helper.js.map

package/dist/features/stickers/stickers-effects/stickers-effects-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-effects-helper.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-helper.ts"],"sourcesContent":["import type { TStickerData, IGenerateStickersData } from './stickers-effects-types';\n\nimport { STICKERS_DATA } from '../constants';\n\nconst getBurstPosition = (\n  index: number,\n  total: number,\n): {\n  fromX: string;\n  fromY: string;\n  x: number;\n  y: number;\n} => {\n  const countPerSide = Math.ceil(total / 4);\n  const sideIndex = Math.floor(index / countPerSide);\n  const pos = index % countPerSide;\n\n  const sides = ['top', 'right', 'bottom', 'left'] as const;\n  const side = sides[sideIndex] ?? 'left';\n\n  const basePercent = ((pos + 0.5) / countPerSide) * 100;\n  const jitter = (Math.random() - 0.5) * 25;\n  const edgePercent = Math.min(Math.max(basePercent + jitter, 0), 100);\n\n  const centerX = 45 + Math.random() * 10;\n  const centerY = 45 + Math.random() * 10;\n\n  let fromX = 0;\n  let fromY = 0;\n\n  switch (side) {\n    case 'top':\n      fromX = edgePercent - centerX;\n      fromY = -centerY + jitter;\n      break;\n    case 'right':\n      fromX = 100 - centerX + jitter;\n      fromY = edgePercent - centerY;\n      break;\n    case 'bottom':\n      fromX = edgePercent - centerX;\n      fromY = 100 - centerY + jitter;\n      break;\n    case 'left':\n      fromX = -centerX + jitter;\n      fromY = edgePercent - centerY;\n      break;\n  }\n\n  return {\n    fromX: `${fromX}vw`,\n    fromY: `${fromY}vh`,\n    x: centerX,\n    y: centerY,\n  };\n};\n\nconst getRandomNonOverlappingPositions = (count: number, buffer = 10): number[] => {\n  const used: number[] = [];\n  let attempts = 0;\n  const maxAttempts = count;\n\n  while (used.length < count && attempts < maxAttempts) {\n    const value = Math.floor(Math.random() * (100 - 2 * buffer) + buffer);\n\n    if (used.every(v => Math.abs(v - value) >= buffer)) {\n      used.push(value);\n    }\n    attempts++;\n  }\n\n  while (used.length < count) {\n    used.push(Math.floor(Math.random() * (100 - 2 * buffer) + buffer));\n  }\n\n  return used;\n};\n\nexport function generateStickerData({\n  count,\n  effect,\n  stickerId,\n  minSize,\n  maxSize,\n}: IGenerateStickersData): TStickerData[] {\n  const buffer = (100 / count) * 2;\n  const getSize = () => Math.random() * (maxSize - minSize) + minSize;\n  const result: TStickerData[] = [];\n  const xPositions = ['float-up', 'fall-down'].includes(effect)\n    ? getRandomNonOverlappingPositions(count, buffer)\n    : [];\n\n  for (let i = 0; i < count; i++) {\n    const { emoji: sticker = '', lottieUrl: lottie } =\n      STICKERS_DATA.find(({ id }) => id === stickerId) || {};\n\n    const size = getSize();\n    const x = xPositions[i]!;\n    const common = { id: stickerId, sticker, size };\n\n    switch (effect) {\n      case 'float-up':\n        result.push({\n          ...common,\n          x,\n          y: 110 + (Math.random() - 0.5) * size,\n          lottie: lottie,\n        });\n        break;\n\n      case 'fall-down':\n        result.push({\n          ...common,\n          x,\n          y: -10 + (Math.random() - 0.5) * size,\n          lottie: lottie,\n        });\n        break;\n\n      case 'burst-from-edges': {\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        const { x, y, fromX, fromY } = getBurstPosition(i, count);\n\n        result.push({\n          ...common,\n          x,\n          y,\n          fromX,\n          fromY,\n          size,\n          lottie: lottie,\n        });\n        break;\n      }\n\n      case 'pop-expand':\n        result.push({\n          ...common,\n          x: 50,\n          y: 100,\n          fromX: `${(Math.random() - 0.5) * 27.5}vw`,\n          fromY: `${-50 - Math.random() * 27.5}vh`,\n          lottie: lottie,\n        });\n        break;\n\n      default:\n        result.push({\n          ...common,\n          x: Math.random() * 100,\n          y: Math.random() * 100,\n        });\n    }\n  }\n\n  return result;\n}\n\nexport const randomizeDuration = (base: number, variancePercent = 0.2): number => {\n  const delta = base * variancePercent;\n  const min = base - delta;\n  const max = base + delta;\n\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n};\n"],"names":["getBurstPosition","index","total","countPerSide","sideIndex","pos","side","basePercent","jitter","edgePercent","centerX","centerY","fromX","fromY","getRandomNonOverlappingPositions","count","buffer","used","attempts","maxAttempts","value","v","generateStickerData","effect","stickerId","minSize","maxSize","getSize","result","xPositions","i","sticker","lottie","STICKERS_DATA","id","size","x","common","y","randomizeDuration","base","variancePercent","delta","min","max"],"mappings":"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"}

package/dist/features/stickers/stickers-effects/stickers-effects-styled.js

@@ -0,0 +1,37 @@
+import o, { css as n } from "styled-components";
+import { effectAnimations as r } from "./stickers-effects-animations.js";
+const d = o.div`
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  background: transparent;
+  pointer-events: none;
+`, h = o.div`
+  position: absolute;
+  z-index: 10;
+
+  left: ${({ x: i }) => `${i}%`};
+  top: ${({ y: i }) => `${i}%`};
+  width: ${({ size: i }) => `${i}px`};
+  height: ${({ size: i }) => `${i}px`};
+  font-size: ${({ size: i }) => `${i}px`};
+
+  pointer-events: none;
+  visibility: hidden;
+  animation-fill-mode: both;
+
+  ${({ effect: i, duration: $, delay: s = 0, fromX: t, fromY: e }) => n`
+    ${r[i]($)}
+    animation-delay: ${s}ms;
+
+    ${t && e && n`
+      --from-x: ${t};
+      --from-y: ${e};
+    `}
+  `}
+`;
+export {
+  d as Container,
+  h as Sticker
+};
+//# sourceMappingURL=stickers-effects-styled.js.map

package/dist/features/stickers/stickers-effects/stickers-effects-styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-effects-styled.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects-styled.ts"],"sourcesContent":["import type { IStickersProps } from './stickers-effects-types';\n\nimport styled, { css } from 'styled-components';\n\nimport { effectAnimations } from './stickers-effects-animations';\n\nexport const Container = styled.div`\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n  background: transparent;\n  pointer-events: none;\n`;\n\nexport const Sticker = styled.div<{\n  effect: IStickersProps['effect'];\n  duration: number;\n  delay?: number;\n  fromX?: string;\n  fromY?: string;\n  x: number;\n  y: number;\n  size: number;\n}>`\n  position: absolute;\n  z-index: 10;\n\n  left: ${({ x }) => `${x}%`};\n  top: ${({ y }) => `${y}%`};\n  width: ${({ size }) => `${size}px`};\n  height: ${({ size }) => `${size}px`};\n  font-size: ${({ size }) => `${size}px`};\n\n  pointer-events: none;\n  visibility: hidden;\n  animation-fill-mode: both;\n\n  ${({ effect, duration, delay = 0, fromX, fromY }) => css`\n    ${effectAnimations[effect](duration)}\n    animation-delay: ${delay}ms;\n\n    ${fromX &&\n    fromY &&\n    css`\n      --from-x: ${fromX};\n      --from-y: ${fromY};\n    `}\n  `}\n`;\n"],"names":["Container","styled","Sticker","x","y","size","effect","duration","delay","fromX","fromY","css","effectAnimations"],"mappings":";;AAMO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,UAapB,CAAC,EAAE,GAAAE,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,SACnB,CAAC,EAAE,GAAAC,EAAQ,MAAA,GAAGA,CAAC,GAAG;AAAA,WAChB,CAAC,EAAE,MAAAC,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,YACxB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA,eACtB,CAAC,EAAE,MAAAA,EAAW,MAAA,GAAGA,CAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMpC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,IAAQ,GAAG,OAAAC,GAAO,OAAAC,EAAY,MAAAC;AAAA,MACjDC,EAAiBN,CAAM,EAAEC,CAAQ,CAAC;AAAA,uBACjBC,CAAK;AAAA;AAAA,MAEtBC,KACFC,KACAC;AAAA,kBACcF,CAAK;AAAA,kBACLC,CAAK;AAAA,KAClB;AAAA,GACF;AAAA;"}

package/dist/features/stickers/stickers-effects/stickers-effects.js

@@ -0,0 +1,67 @@
+import { jsx as n, Fragment as x } from "react/jsx-runtime";
+import { memo as p, useState as l, useEffect as d } from "react";
+import E from "../../ui/dot-lottie-animations/dot-lottie-animation.js";
+import { preloadLottieFile as F } from "./stickers-effects-cache.js";
+import { generateStickerData as y } from "./stickers-effects-helper.js";
+import { Container as z, Sticker as L } from "./stickers-effects-styled.js";
+const T = p(({ url: t, sticker: i, size: o }) => {
+  const [r, f] = l(), [c, e] = l(!1), s = {
+    loop: !0,
+    autoplay: !0
+  };
+  return d(() => {
+    let a = !0;
+    if (t)
+      return F(t).then((m) => {
+        a && (m ? f(m) : e(!0));
+      }).catch(() => {
+        a && e(!0);
+      }), () => {
+        a = !1;
+      };
+  }, [t]), !t || c || !r ? /* @__PURE__ */ n(x, { children: i }) : /* @__PURE__ */ n(
+    E,
+    {
+      data: r,
+      width: o,
+      height: o,
+      settings: s,
+      onError: () => e(!0)
+    }
+  );
+}), $ = ({ stickerId: t, effect: i, count: o, duration: r }) => {
+  const [f, c] = l([]);
+  return d(() => {
+    const e = y({
+      count: o,
+      effect: i,
+      stickerId: t,
+      minSize: 48,
+      maxSize: 72
+    });
+    c(e);
+    const s = setTimeout(() => c([]), r);
+    return () => clearTimeout(s);
+  }, [i, o, r, t]), /* @__PURE__ */ n(z, { children: f.map((e, s) => {
+    const { id: a, sticker: m, lottie: h, x: k, y: S, size: u, fromX: D, fromY: g } = e;
+    return /* @__PURE__ */ n(
+      L,
+      {
+        effect: i,
+        duration: r,
+        delay: 500,
+        fromX: D,
+        fromY: g,
+        x: k,
+        y: S,
+        size: u,
+        children: /* @__PURE__ */ n(T, { url: h, sticker: m, size: u })
+      },
+      `${a}-${s}`
+    );
+  }) });
+}, W = p($);
+export {
+  W as default
+};
+//# sourceMappingURL=stickers-effects.js.map

package/dist/features/stickers/stickers-effects/stickers-effects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects.tsx"],"sourcesContent":["import type { TStickerData, IStickersProps } from './stickers-effects-types';\nimport type { Data } from '@lottiefiles/dotlottie-web';\nimport type { FC } from 'react';\n\nimport React, { memo, useEffect, useState } from 'react';\n\nimport DotLottieAnimation from '../../ui/dot-lottie-animations/dot-lottie-animation';\nimport { preloadLottieFile } from './stickers-effects-cache';\nimport { generateStickerData } from './stickers-effects-helper';\nimport * as Styled from './stickers-effects-styled';\n\nconst StickerWithFallback: FC<{\n  url?: string;\n  sticker: string;\n  size: number;\n}> = memo(({ url, sticker, size }) => {\n  const [data, setData] = useState<Data>();\n  const [failed, setFailed] = useState(false);\n  const renderSettings = {\n    loop: true,\n    autoplay: true,\n  };\n\n  useEffect(() => {\n    let isMounted = true;\n\n    if (!url) return;\n\n    preloadLottieFile(url)\n      .then(result => {\n        if (isMounted) {\n          if (result) {\n            setData(result);\n          } else {\n            setFailed(true);\n          }\n        }\n      })\n      .catch(() => {\n        if (isMounted) setFailed(true);\n      });\n\n    return () => {\n      isMounted = false;\n    };\n  }, [url]);\n\n  if (!url || failed || !data) {\n    return <>{sticker}</>;\n  }\n\n  return (\n    <DotLottieAnimation\n      data={data}\n      width={size}\n      height={size}\n      settings={renderSettings}\n      onError={() => setFailed(true)}\n    />\n  );\n});\n\nconst StickersEffects: React.FC<IStickersProps> = ({ stickerId, effect, count, duration }) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  useEffect(() => {\n    const stickerData = generateStickerData({\n      count,\n      effect,\n      stickerId,\n      minSize: 48,\n      maxSize: 72,\n    });\n\n    setStickersData(stickerData);\n\n    const timeout = setTimeout(() => setStickersData([]), duration);\n\n    return () => clearTimeout(timeout);\n  }, [effect, count, duration, stickerId]);\n\n  return (\n    <Styled.Container>\n      {stickersData.map((data: TStickerData, i) => {\n        const { id, sticker, lottie, x, y, size, fromX, fromY } = data;\n\n        return (\n          <Styled.Sticker\n            key={`${id}-${i}`}\n            effect={effect}\n            duration={duration}\n            delay={500}\n            fromX={fromX}\n            fromY={fromY}\n            x={x}\n            y={y}\n            size={size}\n          >\n            <StickerWithFallback url={lottie} sticker={sticker} size={size} />\n          </Styled.Sticker>\n        );\n      })}\n    </Styled.Container>\n  );\n};\n\nexport default memo(StickersEffects);\n"],"names":["StickerWithFallback","memo","url","sticker","size","data","setData","useState","failed","setFailed","renderSettings","useEffect","isMounted","preloadLottieFile","result","jsx","DotLottieAnimation","StickersEffects","stickerId","effect","count","duration","stickersData","setStickersData","stickerData","generateStickerData","timeout","Styled.Container","i","id","lottie","x","y","fromX","fromY","Styled.Sticker","stickersEffects"],"mappings":";;;;;;AAWA,MAAMA,IAIDC,EAAK,CAAC,EAAE,KAAAC,GAAK,SAAAC,GAAS,MAAAC,QAAW;AACpC,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAe,GACjC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpCG,IAAiB;AAAA,IACrB,MAAM;AAAA,IACN,UAAU;AAAA,EAAA;AA2BZ,SAxBAC,EAAU,MAAM;AACd,QAAIC,IAAY;AAEhB,QAAKV;AAEa,aAAAW,EAAAX,CAAG,EAClB,KAAK,CAAUY,MAAA;AACd,QAAIF,MACEE,IACFR,EAAQQ,CAAM,IAEdL,EAAU,EAAI;AAAA,MAElB,CACD,EACA,MAAM,MAAM;AACP,QAAAG,OAAqB,EAAI;AAAA,MAAA,CAC9B,GAEI,MAAM;AACC,QAAAA,IAAA;AAAA,MAAA;AAAA,EACd,GACC,CAACV,CAAG,CAAC,GAEJ,CAACA,KAAOM,KAAU,CAACH,2BACX,UAAQF,EAAA,CAAA,IAIlB,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAX;AAAA,MACA,OAAOD;AAAA,MACP,QAAQA;AAAA,MACR,UAAUM;AAAA,MACV,SAAS,MAAMD,EAAU,EAAI;AAAA,IAAA;AAAA,EAAA;AAGnC,CAAC,GAEKQ,IAA4C,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,QAAe;AAC5F,QAAM,CAACC,GAAcC,CAAe,IAAIhB,EAAiD,CAAE,CAAA;AAE3F,SAAAI,EAAU,MAAM;AACd,UAAMa,IAAcC,EAAoB;AAAA,MACtC,OAAAL;AAAA,MACA,QAAAD;AAAA,MACA,WAAAD;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV;AAED,IAAAK,EAAgBC,CAAW;AAE3B,UAAME,IAAU,WAAW,MAAMH,EAAgB,CAAE,CAAA,GAAGF,CAAQ;AAEvD,WAAA,MAAM,aAAaK,CAAO;AAAA,KAChC,CAACP,GAAQC,GAAOC,GAAUH,CAAS,CAAC,GAGrC,gBAAAH,EAACY,GAAA,EACE,YAAa,IAAI,CAACtB,GAAoBuB,MAAM;AACrC,UAAA,EAAE,IAAAC,GAAI,SAAA1B,GAAS,QAAA2B,GAAQ,GAAAC,GAAG,GAAAC,GAAG,MAAA5B,GAAM,OAAA6B,GAAO,OAAAC,EAAU,IAAA7B;AAGxD,WAAA,gBAAAU;AAAA,MAACoB;AAAAA,MAAA;AAAA,QAEC,QAAAhB;AAAA,QACA,UAAAE;AAAA,QACA,OAAO;AAAA,QACP,OAAAY;AAAA,QACA,OAAAC;AAAA,QACA,GAAAH;AAAA,QACA,GAAAC;AAAA,QACA,MAAA5B;AAAA,QAEA,UAAC,gBAAAW,EAAAf,GAAA,EAAoB,KAAK8B,GAAQ,SAAA3B,GAAkB,MAAAC,GAAY;AAAA,MAAA;AAAA,MAV3D,GAAGyB,CAAE,IAAID,CAAC;AAAA,IAAA;AAAA,EAapB,CAAA,EACH,CAAA;AAEJ,GAEeQ,IAAAnC,EAAKgB,CAAe;"}

package/dist/features/trial-session/comps/class-preference/class-preference.js

@@ -1,61 +1,49 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { memo as H, useMemo as j, useCallback as F, useEffect as P } from "react";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { memo as A, useCallback as O, useEffect as w } from "react";
 import { DAYS as f } from "../../../../constants/date-time.js";
-import { getTimeUnits as W, getOffsetBetweenTimezone as z, convertEpochToDateTime as $, convertToMilliseconds as B } from "../../../../helpers/date-time.js";
-import C from "../../../ui/inputs/select-input/select-input.js";
+import { getTimeUnits as j, getOffsetBetweenTimezone as v, convertEpochToDateTime as g, convertToMilliseconds as H } from "../../../../helpers/date-time.js";
+import $ from "../../../ui/inputs/select-input/select-input.js";
 import u from "../../../ui/layout/flex-view.js";
-import M from "../../../ui/separator/separator.js";
-import Y from "../../../ui/text/text.js";
-import { useTrialSessionContext as K } from "../../context/use-trial-session-context.js";
-import { TEACHER_TIMEZONE as x } from "../../trial-session-constants.js";
-import G from "../slide-header/index.js";
-import { timeSlots as N } from "./class-preference-constants.js";
-import { Container as R, PreferenceWrapper as U, FixedLineSeparator as Z } from "./class-preference-styled.js";
-import { extractDayAndTimeFromEpoch as q } from "./helpers.js";
-const h = [
+import P from "../../../ui/separator/separator.js";
+import W from "../../../ui/text/text.js";
+import { useTrialSessionContext as z } from "../../context/use-trial-session-context.js";
+import { TEACHER_TIMEZONE as y } from "../../trial-session-constants.js";
+import B from "../slide-header/index.js";
+import { timeSlots as Y } from "./class-preference-constants.js";
+import { Container as F, PreferenceWrapper as K, FixedLineSeparator as M } from "./class-preference-styled.js";
+const C = [
   { id: 1, selectedDay: "", selectedTime: "" },
   { id: 2, selectedDay: "", selectedTime: "" }
-], pe = H(({ miniScreenDevice: _ }) => {
-  const { isTeacher: o, formData: b, trialHomeData: S, updateSlideConfig: T } = K(), { preferences: m, studentTimezone: n = "Asia/Calcutta" } = b || {}, { demo_info: E } = S || {}, { scheduled_start_time: y } = E || {}, A = f.map((e) => ({ id: e, label: e })), g = o ? x : n, l = j(
-    () => o ? q(y, n) : void 0,
-    [o, y, n]
-  ), D = (e, t, s) => {
-    T({
-      preferences: (m ?? h).map(
+], se = A(({ miniScreenDevice: D }) => {
+  const { isTeacher: n, formData: x, updateSlideConfig: p } = z(), { preferences: o, studentTimezone: c } = x || {}, b = f.map((e) => ({ id: e, label: e })), h = n ? y : c, T = (e, t, s) => {
+    p({
+      preferences: (o ?? C).map(
         (r) => r.id === e ? { ...r, [t]: s } : r
       )
     });
-  }, I = (e, t) => {
-    D(e, "selectedDay", t);
-  }, L = (e, t) => {
-    D(e, "selectedTime", t);
-  }, X = F(
+  }, _ = (e, t) => {
+    T(e, "selectedDay", t);
+  }, S = (e, t) => {
+    T(e, "selectedTime", t);
+  }, E = O(
     (e, t) => {
-      if (e && t && n) {
-        const { hours: s, minutes: r } = W(t), c = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), p = z(x, n), a = o ? c + p : c, { day: k = "" } = $(a, n), O = f.indexOf(k), w = (f.indexOf(e) - O + 7) % 7, v = a + B({ days: w, hours: s, minutes: r });
-        return $(v, g);
+      if (e && t && c) {
+        const { hours: s, minutes: r } = j(t), m = (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0), l = v(y, c), i = n ? m + l : m, { day: L = "" } = g(i, c), I = f.indexOf(L), X = (f.indexOf(e) - I + 7) % 7, k = i + H({ days: X, hours: s, minutes: r });
+        return g(k, h);
       }
       return {};
     },
-    [o, n, g]
+    [n, c, h]
   );
-  return P(() => {
-    o && !m && T({
-      preferences: l ? h.map(
-        (e) => e.id === 1 ? {
-          ...e,
-          selectedDay: l.day,
-          selectedTime: l.time
-        } : e
-      ) : h
-    });
-  }, [l]), /* @__PURE__ */ d(R, { children: [
-    /* @__PURE__ */ i(M, { height: 60 }),
-    /* @__PURE__ */ i(G, {}),
+  return w(() => {
+    n && !o && p({ preferences: C });
+  }, [n, o, p]), /* @__PURE__ */ d(F, { children: [
+    /* @__PURE__ */ a(P, { height: 60 }),
+    /* @__PURE__ */ a(B, {}),
     /* @__PURE__ */ d(
-      U,
+      K,
       {
-        $gapX: _ ? 2.2 : 3.75,
+        $gapX: D ? 2.2 : 3.75,
         $gutterX: 4.6875,
         $background: "YELLOW_4",
         $borderColor: "BLACK_1",
@@ -63,51 +51,51 @@ const h = [
         $justifyContent: "space-between",
         $alignItems: "center",
         children: [
-          /* @__PURE__ */ i(Z, {}),
-          m == null ? void 0 : m.map((e) => {
-            const { id: t, selectedDay: s, selectedTime: r } = e, { day: c, time: p } = X(s, r);
+          /* @__PURE__ */ a(M, {}),
+          o == null ? void 0 : o.map((e) => {
+            const { id: t, selectedDay: s, selectedTime: r } = e, { day: m, time: l } = E(s, r);
             return /* @__PURE__ */ d(u, { $widthX: 15, $background: "YELLOW_1", $borderColor: "BLACK_1", children: [
               /* @__PURE__ */ d(u, { $gapX: 1.65, $gutterX: 2, $flexGapX: 0.25, children: [
-                /* @__PURE__ */ i(
-                  C,
+                /* @__PURE__ */ a(
+                  $,
                   {
                     renderAs: "primary",
                     label: `Day ${t}`,
                     value: s,
-                    options: A,
+                    options: b,
                     theme: "dark",
                     shape: "borderLess",
                     isTransparent: !0,
-                    onChange: (a) => I(t, a)
+                    onChange: (i) => _(t, i)
                   }
                 ),
-                /* @__PURE__ */ i(
-                  C,
+                /* @__PURE__ */ a(
+                  $,
                   {
                     renderAs: "primary",
                     label: "Time",
                     value: r,
-                    options: N,
+                    options: Y,
                     shape: "borderLess",
                     isTransparent: !0,
                     theme: "dark",
-                    onChange: (a) => L(t, a)
+                    onChange: (i) => S(t, i)
                   }
                 )
               ] }),
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ a(
                 u,
                 {
                   $heightX: 3.125,
                   $gutterX: 2,
                   $justifyContent: "center",
                   $background: "WHITE_T_60",
-                  children: o ? /* @__PURE__ */ d(Y, { $renderAs: "ac4-black", $align: "center", children: [
-                    c ? c.slice(0, 3) : "__",
+                  children: n ? /* @__PURE__ */ d(W, { $renderAs: "ac4-black", $align: "center", children: [
+                    m ? m.slice(0, 3) : "__",
                     ", ",
-                    p || "__",
+                    l || "__",
                     " ",
-                    o ? "(IST)" : ""
+                    n ? "(IST)" : ""
                   ] }) : null
                 }
               )
@@ -119,6 +107,6 @@ const h = [
   ] });
 });
 export {
-  pe as default
+  se as default
 };
 //# sourceMappingURL=class-preference.js.map

package/dist/features/trial-session/comps/class-preference/class-preference.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\nimport { extractDayAndTimeFromEpoch } from './helpers';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, trialHomeData, updateSlideConfig } = useTrialSessionContext();\n  const { preferences, studentTimezone = 'Asia/Calcutta' } = formData || {};\n  const { demo_info: demoInfo } = trialHomeData || {};\n  const { scheduled_start_time: scheduledStartTime } = demoInfo || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const preSelectedDateTimeFromEpoch = useMemo(\n    () => (isTeacher ? extractDayAndTimeFromEpoch(scheduledStartTime, studentTimezone) : undefined),\n    [isTeacher, scheduledStartTime, studentTimezone],\n  );\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    if (isTeacher && !preferences) {\n      updateSlideConfig({\n        preferences: preSelectedDateTimeFromEpoch\n          ? defaultPreferences.map((preference: TPreference) =>\n              preference.id === 1\n                ? {\n                    ...preference,\n                    selectedDay: preSelectedDateTimeFromEpoch.day,\n                    selectedTime: preSelectedDateTimeFromEpoch.time,\n                  }\n                : preference,\n            )\n          : defaultPreferences,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [preSelectedDateTimeFromEpoch]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","trialHomeData","updateSlideConfig","useTrialSessionContext","preferences","studentTimezone","demoInfo","scheduledStartTime","daySlots","DAYS","day","timezone","teacherTimezone","preSelectedDateTimeFromEpoch","useMemo","extractDayAndTimeFromEpoch","handlePreferenceChange","id","field","value","preference","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}
+{"version":3,"file":"class-preference.js","sources":["../../../../../src/features/trial-session/comps/class-preference/class-preference.tsx"],"sourcesContent":["import type { IClassPreference, TPreference } from './class-preference-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect } from 'react';\n\nimport { DAYS } from '../../../../constants/date-time';\nimport {\n  convertEpochToDateTime,\n  convertToMilliseconds,\n  getOffsetBetweenTimezone,\n  getTimeUnits,\n} from '../../../../helpers/date-time';\nimport SelectInput from '../../../ui/inputs/select-input/select-input';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport { useTrialSessionContext } from '../../context/use-trial-session-context';\nimport { TEACHER_TIMEZONE as teacherTimezone } from '../../trial-session-constants';\nimport SlideHeader from '../slide-header';\nimport { timeSlots } from './class-preference-constants';\nimport * as Styled from './class-preference-styled';\n\nconst defaultPreferences = [\n  { id: 1, selectedDay: '', selectedTime: '' },\n  { id: 2, selectedDay: '', selectedTime: '' },\n];\n\nconst ClassPreference: FC<IClassPreference> = memo(({ miniScreenDevice }) => {\n  const { isTeacher, formData, updateSlideConfig } = useTrialSessionContext();\n  const { preferences, studentTimezone } = formData || {};\n\n  const daySlots = DAYS.map(day => ({ id: day, label: day }));\n  const timezone = isTeacher ? teacherTimezone : studentTimezone;\n\n  const handlePreferenceChange = (\n    id: number,\n    field: 'selectedDay' | 'selectedTime',\n    value: string,\n  ) => {\n    updateSlideConfig({\n      preferences: (preferences ?? defaultPreferences).map((preference: TPreference) =>\n        preference.id === id ? { ...preference, [field]: value } : preference,\n      ),\n    });\n  };\n\n  const handleDayChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedDay', value);\n  };\n\n  const handleTimeChange = (id: number, value: string) => {\n    handlePreferenceChange(id, 'selectedTime', value);\n  };\n\n  const getDisplayDateTimeValue = useCallback(\n    (dayValue: string, timeValue: string) => {\n      if (dayValue && timeValue && studentTimezone) {\n        // Extracting hours, minutes, and period from the selected time.\n        const { hours, minutes } = getTimeUnits(timeValue);\n        const todayTimestamp = new Date().setHours(0, 0, 0, 0); // Setting current date to midnight\n\n        // Calculating offset between the teacher's and student's timezone.\n        const timestampOffset = getOffsetBetweenTimezone(teacherTimezone, studentTimezone);\n        const studentTimestamp = isTeacher ? todayTimestamp + timestampOffset : todayTimestamp; // Current timestamp at student's timezone\n        const { day: today = '' } = convertEpochToDateTime(studentTimestamp, studentTimezone); // Current day at student's timezone.\n\n        // Calculating current and selected day index to get day difference.\n        const currentDayIndex = DAYS.indexOf(today);\n        const selectedDayIndex = DAYS.indexOf(dayValue);\n        const dayDifference = (selectedDayIndex - currentDayIndex + 7) % 7;\n\n        // Calculate the epoch timestamp for the selected day and time in the student's timezone.\n        const epochTimestamp =\n          studentTimestamp + convertToMilliseconds({ days: dayDifference, hours, minutes });\n\n        // Returning date, time value with respect to both teacher and student timezone.\n        return convertEpochToDateTime(epochTimestamp, timezone);\n      }\n\n      return {};\n    },\n    [isTeacher, studentTimezone, timezone],\n  );\n\n  useEffect(() => {\n    if (isTeacher && !preferences) {\n      updateSlideConfig({ preferences: defaultPreferences });\n    }\n  }, [isTeacher, preferences, updateSlideConfig]);\n\n  return (\n    <Styled.Container>\n      <Separator height={60} />\n      <SlideHeader />\n      <Styled.PreferenceWrapper\n        $gapX={miniScreenDevice ? 2.2 : 3.75}\n        $gutterX={4.6875}\n        $background=\"YELLOW_4\"\n        $borderColor=\"BLACK_1\"\n        $flexDirection=\"row\"\n        $justifyContent=\"space-between\"\n        $alignItems=\"center\"\n      >\n        <Styled.FixedLineSeparator />\n        {preferences?.map(preference => {\n          const { id, selectedDay, selectedTime } = preference;\n          const { day, time } = getDisplayDateTimeValue(selectedDay, selectedTime);\n\n          return (\n            <FlexView key={`slot-${id}`} $widthX={15} $background=\"YELLOW_1\" $borderColor=\"BLACK_1\">\n              <FlexView $gapX={1.65} $gutterX={2} $flexGapX={0.25}>\n                <SelectInput\n                  renderAs=\"primary\"\n                  label={`Day ${id}`}\n                  value={selectedDay}\n                  options={daySlots}\n                  theme=\"dark\"\n                  shape=\"borderLess\"\n                  isTransparent\n                  onChange={value => handleDayChange(id, value)}\n                />\n                <SelectInput\n                  renderAs=\"primary\"\n                  label=\"Time\"\n                  value={selectedTime}\n                  options={timeSlots}\n                  shape=\"borderLess\"\n                  isTransparent\n                  theme=\"dark\"\n                  onChange={value => handleTimeChange(id, value)}\n                />\n              </FlexView>\n              <FlexView\n                $heightX={3.125}\n                $gutterX={2}\n                $justifyContent=\"center\"\n                $background=\"WHITE_T_60\"\n              >\n                {isTeacher ? (\n                  <Text $renderAs=\"ac4-black\" $align=\"center\">\n                    {day ? day.slice(0, 3) : '__'}, {time ? time : '__'} {isTeacher ? '(IST)' : ''}\n                  </Text>\n                ) : null}\n              </FlexView>\n            </FlexView>\n          );\n        })}\n      </Styled.PreferenceWrapper>\n    </Styled.Container>\n  );\n});\n\nexport default ClassPreference;\n"],"names":["defaultPreferences","ClassPreference","memo","miniScreenDevice","isTeacher","formData","updateSlideConfig","useTrialSessionContext","preferences","studentTimezone","daySlots","DAYS","day","timezone","teacherTimezone","handlePreferenceChange","id","field","value","preference","handleDayChange","handleTimeChange","getDisplayDateTimeValue","useCallback","dayValue","timeValue","hours","minutes","getTimeUnits","todayTimestamp","timestampOffset","getOffsetBetweenTimezone","studentTimestamp","today","convertEpochToDateTime","currentDayIndex","dayDifference","epochTimestamp","convertToMilliseconds","useEffect","jsxs","Styled.Container","jsx","Separator","SlideHeader","Styled.PreferenceWrapper","Styled.FixedLineSeparator","selectedDay","selectedTime","time","FlexView","SelectInput","timeSlots","Text"],"mappings":"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"}