@cuemath/leap 3.2.25-m → 3.2.25

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

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/ui/stickers/stickers-effects.ts"],"sourcesContent":["import type { StickersProps } from './stickers-types';\n\nimport { keyframes, css } from 'styled-components';\n\nimport { randomizeDuration } from './stickers-utils';\n\nconst floatUp = keyframes`\n  0% {\n    transform: translateY(0vh);\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(-100vh);\n    opacity: 0;\n  }\n`;\n\nconst fallDown = keyframes`\n  0% {\n    transform: translateY(0vh);\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(100vh);\n    opacity: 0;\n  }\n`;\n\nconst burstFromEdges = keyframes`\n  0% {\n    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1);\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0vw) translateY(0vh) scale(1.25);\n    opacity: 0;\n  }\n`;\n\nconst popExpand = keyframes`\n  0% {\n    transform: translateX(0) translateY(0vh);\n    opacity: 1;\n  }\n  35% {\n    transform: translateX(0) translateY(-50vh) scale(1.25);\n    opacity: 1;\n  }\n  60% {\n    transform: translateX(var(--from-x)) translateY(var(--from-y)) scale(1.25);\n    opacity: 0.75;\n  }\n  100% {\n    transform: translateX(var(--from-x)) translateY(-110vh) scale(1.25);\n    opacity: 0;\n  }\n`;\n\nexport const effectAnimations: Record<\n  StickersProps['effect'],\n  (duration: number) => ReturnType<typeof css>\n> = {\n  float_up: (duration: number) => css`\n    animation: ${floatUp} ${randomizeDuration(duration)}ms ease-out forwards;\n  `,\n  fall_down: (duration: number) => css`\n    animation: ${fallDown} ${randomizeDuration(duration)}ms ease-out forwards;\n  `,\n  burst_from_edges: (duration: number) => css`\n    animation: ${burstFromEdges} ${randomizeDuration(duration)}ms linear forwards;\n  `,\n  pop_expand: (duration: number) => css`\n    animation: ${popExpand} ${duration}ms cubic-bezier(0.5, 0.1, 0.7, 1) forwards;\n  `,\n};\n"],"names":["floatUp","keyframes","fallDown","burstFromEdges","popExpand","effectAnimations","duration","css","randomizeDuration"],"mappings":";;AAMA,MAAMA,IAAUC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWVC,IAAWD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWXE,IAAiBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjBG,IAAYH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBLI,IAGT;AAAA,EACF,UAAU,CAACC,MAAqBC;AAAA,iBACjBP,CAAO,IAAIQ,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAErD,WAAW,CAACA,MAAqBC;AAAA,iBAClBL,CAAQ,IAAIM,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAEtD,kBAAkB,CAACA,MAAqBC;AAAA,iBACzBJ,CAAc,IAAIK,EAAkBF,CAAQ,CAAC;AAAA;AAAA,EAE5D,YAAY,CAACA,MAAqBC;AAAA,iBACnBH,CAAS,IAAIE,CAAQ;AAAA;AAEtC;"}

package/dist/features/{stickers/stickers-effects/stickers-effects-styled.js → ui/stickers/stickers-styled.js}

@@ -1,5 +1,5 @@
 import $, { css as s } from "styled-components";
-import { effectAnimations as n } from "./effects.js";
+import { effectAnimations as n } from "./stickers-effects.js";
 const h = $.div`
   position: relative;
   width: 100vw;
@@ -26,4 +26,4 @@ export {
   h as Container,
   a as Sticker
 };
-//# sourceMappingURL=stickers-effects-styled.js.map
+//# sourceMappingURL=stickers-styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-styled.js","sources":["../../../../src/features/ui/stickers/stickers-styled.ts"],"sourcesContent":["import type { StickersProps } from './stickers-types';\n\nimport styled, { css } from 'styled-components';\n\nimport { effectAnimations } from './stickers-effects';\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: StickersProps['effect'];\n  duration: 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  ${({ effect, duration, fromX, fromY }) =>\n    fromX && fromY\n      ? css`\n          ${effectAnimations[effect](duration)}\n          --from-x: ${fromX};\n          --from-y: ${fromY};\n        `\n      : effectAnimations[effect](duration)}\n`;\n"],"names":["Container","styled","Sticker","x","y","size","effect","duration","fromX","fromY","css","effectAnimations"],"mappings":";;AAMO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA,UAYpB,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,IAEpC,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,OAAAC,QAC5BD,KAASC,IACLC;AAAA,YACIC,EAAiBL,CAAM,EAAEC,CAAQ,CAAC;AAAA,sBACxBC,CAAK;AAAA,sBACLC,CAAK;AAAA,YAEnBE,EAAiBL,CAAM,EAAEC,CAAQ,CAAC;AAAA;"}

package/dist/features/ui/stickers/stickers-utils.js

@@ -0,0 +1,91 @@
+const f = (n, s) => {
+  const t = Math.ceil(s / 4), r = Math.floor(n / t), d = n % t, M = ["top", "right", "bottom", "left"][r] ?? "left", h = (d + 0.5) / t * 100, i = (Math.random() - 0.5) * 25, o = Math.min(Math.max(h + i, 0), 100), a = 45 + Math.random() * 10, e = 45 + Math.random() * 10;
+  let l = 0, m = 0;
+  switch (M) {
+    case "top":
+      l = o - a, m = -e + i;
+      break;
+    case "right":
+      l = 100 - a + i, m = o - e;
+      break;
+    case "bottom":
+      l = o - a, m = 100 - e + i;
+      break;
+    case "left":
+      l = -a + i, m = o - e;
+      break;
+  }
+  return {
+    fromX: `${l}vw`,
+    fromY: `${m}vh`,
+    x: a,
+    y: e
+  };
+}, g = (n, s = 10) => {
+  const t = [];
+  let r = 0;
+  const d = n;
+  for (; t.length < n && r < d; ) {
+    const c = Math.floor(Math.random() * (100 - 2 * s) + s);
+    t.every((M) => Math.abs(M - c) >= s) && t.push(c), r++;
+  }
+  for (; t.length < n; )
+    t.push(Math.floor(Math.random() * (100 - 2 * s) + s));
+  return t;
+};
+function x({
+  count: n,
+  effect: s,
+  stickers: t,
+  minSize: r,
+  maxSize: d
+}) {
+  const c = 100 / n * 2, M = () => Math.random() * (d - r) + r, h = [], i = ["float_up", "fall_down"].includes(s) ? g(n, c) : [];
+  for (let o = 0; o < n; o++) {
+    const a = t[o % t.length] ?? "", e = M();
+    if (s === "float_up")
+      h.push({
+        id: o,
+        sticker: a,
+        x: i[o],
+        y: 110 + (Math.random() - 0.5) * e,
+        size: e
+      });
+    else if (s === "fall_down")
+      h.push({
+        id: o,
+        sticker: a,
+        x: i[o],
+        y: -10 + (Math.random() - 0.5) * e,
+        size: e
+      });
+    else if (s === "burst_from_edges") {
+      const { x: l, y: m, fromX: p, fromY: u } = f(o, n);
+      h.push({ id: o, sticker: a, x: l, y: m, fromX: p, fromY: u, size: e });
+    } else s === "pop_expand" ? h.push({
+      id: o,
+      sticker: a,
+      x: 50,
+      y: 100,
+      fromX: `${(Math.random() - 0.5) * 27.5}vw`,
+      fromY: `${-50 - Math.random() * 27.5}vh`,
+      size: e
+    }) : h.push({
+      id: o,
+      sticker: a,
+      x: Math.random() * 100,
+      y: Math.random() * 100,
+      size: e
+    });
+  }
+  return h;
+}
+const v = (n, s = 0.2) => {
+  const t = n * s, r = n - t, d = n + t;
+  return Math.floor(Math.random() * (d - r + 1)) + r;
+};
+export {
+  x as generateStickerData,
+  v as randomizeDuration
+};
+//# sourceMappingURL=stickers-utils.js.map

package/dist/features/ui/stickers/stickers-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-utils.js","sources":["../../../../src/features/ui/stickers/stickers-utils.ts"],"sourcesContent":["import type { StickerDatum, StickersProps } from './stickers-types';\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  stickers,\n  minSize,\n  maxSize,\n}: {\n  count: number;\n  effect: StickersProps['effect'];\n  stickers: string[];\n  minSize: number;\n  maxSize: number;\n}): StickerDatum[] {\n  const buffer = (100 / count) * 2;\n  const getSize = () => Math.random() * (maxSize - minSize) + minSize;\n  const result: StickerDatum[] = [];\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 sticker = stickers[i % stickers.length] ?? '';\n    const size = getSize();\n\n    if (effect === 'float_up') {\n      result.push({\n        id: i,\n        sticker,\n        x: xPositions[i]!,\n        y: 110 + (Math.random() - 0.5) * size,\n        size,\n      });\n    } else if (effect === 'fall_down') {\n      result.push({\n        id: i,\n        sticker,\n        x: xPositions[i]!,\n        y: -10 + (Math.random() - 0.5) * size,\n        size,\n      });\n    } else if (effect === 'burst_from_edges') {\n      const { x, y, fromX, fromY } = getBurstPosition(i, count);\n\n      result.push({ id: i, sticker, x, y, fromX, fromY, size });\n    } else if (effect === 'pop_expand') {\n      result.push({\n        id: i,\n        sticker,\n        x: 50,\n        y: 100,\n        fromX: `${(Math.random() - 0.5) * 27.5}vw`,\n        fromY: `${-50 - Math.random() * 27.5}vh`,\n        size,\n      });\n    } else {\n      result.push({\n        id: i,\n        sticker,\n        x: Math.random() * 100,\n        y: Math.random() * 100,\n        size,\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","stickers","minSize","maxSize","getSize","result","xPositions","i","sticker","size","x","y","randomizeDuration","base","variancePercent","delta","min","max"],"mappings":"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"}

package/dist/features/ui/stickers/stickers.js

@@ -0,0 +1,40 @@
+import { jsx as a } from "react/jsx-runtime";
+import { memo as E, useState as I, useLayoutEffect as l } from "react";
+import { STICKER_MIN_SIZE as x, STICKER_MAX_SIZE as D } from "./constants.js";
+import { Container as T, Sticker as _ } from "./stickers-styled.js";
+import { generateStickerData as z } from "./stickers-utils.js";
+const C = ({ stickers: i, effect: t, count: m, duration: r }) => {
+  const [c, s] = I([]);
+  return l(() => {
+    const e = z({
+      count: m,
+      effect: t,
+      stickers: i,
+      minSize: x,
+      maxSize: D
+    });
+    s(e);
+    const o = setTimeout(() => s([]), r);
+    return () => clearTimeout(o);
+  }, [i, t, m, r]), /* @__PURE__ */ a(T, { children: c.map((e) => {
+    const { id: o, sticker: n, x: S, y: k, size: p, fromX: u, fromY: f } = e;
+    return /* @__PURE__ */ a(
+      _,
+      {
+        effect: t,
+        duration: r,
+        fromX: u,
+        fromY: f,
+        x: S,
+        y: k,
+        size: p,
+        children: n
+      },
+      o
+    );
+  }) });
+}, R = E(C);
+export {
+  R as default
+};
+//# sourceMappingURL=stickers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stickers.js","sources":["../../../../src/features/ui/stickers/stickers.tsx"],"sourcesContent":["import type { StickerDatum, StickersProps } from './stickers-types';\n\nimport React, { memo, useLayoutEffect, useState } from 'react';\n\nimport { STICKER_MAX_SIZE, STICKER_MIN_SIZE } from './constants';\nimport { Container, Sticker } from './stickers-styled';\nimport { generateStickerData } from './stickers-utils';\n\nconst Stickers: React.FC<StickersProps> = ({ stickers, effect, count, duration }) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  useLayoutEffect(() => {\n    const stickerData = generateStickerData({\n      count,\n      effect,\n      stickers,\n      minSize: STICKER_MIN_SIZE,\n      maxSize: STICKER_MAX_SIZE,\n    });\n\n    setStickersData(stickerData);\n\n    const timeout = setTimeout(() => setStickersData([]), duration);\n\n    return () => clearTimeout(timeout);\n  }, [stickers, effect, count, duration]);\n\n  return (\n    <Container>\n      {stickersData.map((data: StickerDatum) => {\n        const { id, sticker, x, y, size, fromX, fromY } = data;\n\n        return (\n          <Sticker\n            key={id}\n            effect={effect}\n            duration={duration}\n            fromX={fromX}\n            fromY={fromY}\n            x={x}\n            y={y}\n            size={size}\n          >\n            {sticker}\n          </Sticker>\n        );\n      })}\n    </Container>\n  );\n};\n\nexport default memo(Stickers);\n"],"names":["Stickers","stickers","effect","count","duration","stickersData","setStickersData","useState","useLayoutEffect","stickerData","generateStickerData","STICKER_MIN_SIZE","STICKER_MAX_SIZE","timeout","jsx","Container","data","id","sticker","x","y","size","fromX","fromY","Sticker","memo"],"mappings":";;;;;AAQA,MAAMA,IAAoC,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,QAAe;AACnF,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiD,CAAE,CAAA;AAE3F,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAcC,EAAoB;AAAA,MACtC,OAAAP;AAAA,MACA,QAAAD;AAAA,MACA,UAAAD;AAAA,MACA,SAASU;AAAA,MACT,SAASC;AAAA,IAAA,CACV;AAED,IAAAN,EAAgBG,CAAW;AAE3B,UAAMI,IAAU,WAAW,MAAMP,EAAgB,CAAE,CAAA,GAAGF,CAAQ;AAEvD,WAAA,MAAM,aAAaS,CAAO;AAAA,KAChC,CAACZ,GAAUC,GAAQC,GAAOC,CAAQ,CAAC,GAGnC,gBAAAU,EAAAC,GAAA,EACE,UAAaV,EAAA,IAAI,CAACW,MAAuB;AAClC,UAAA,EAAE,IAAAC,GAAI,SAAAC,GAAS,GAAAC,GAAG,GAAAC,GAAG,MAAAC,GAAM,OAAAC,GAAO,OAAAC,EAAU,IAAAP;AAGhD,WAAA,gBAAAF;AAAA,MAACU;AAAA,MAAA;AAAA,QAEC,QAAAtB;AAAA,QACA,UAAAE;AAAA,QACA,OAAAkB;AAAA,QACA,OAAAC;AAAA,QACA,GAAAJ;AAAA,QACA,GAAAC;AAAA,QACA,MAAAC;AAAA,QAEC,UAAAH;AAAA,MAAA;AAAA,MATID;AAAA,IAAA;AAAA,EAYV,CAAA,EACH,CAAA;AAEJ,GAEehB,IAAAwB,EAAKzB,CAAQ;"}

package/dist/features/ui/theme/layout.js

@@ -1,5 +1,5 @@
-function n(t = 1) {
-  const e = window.innerWidth, i = window.innerHeight;
+function d(t = 1) {
+  const e = document.body.clientWidth, i = document.body.clientHeight;
   return {
     gutter: 16 * t,
     deviceWidth: e,
@@ -7,6 +7,6 @@ function n(t = 1) {
   };
 }
 export {
-  n as default
+  d as default
 };
 //# sourceMappingURL=layout.js.map

package/dist/features/ui/theme/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n  const width = window.innerWidth;\n  const height = window.innerHeight;\n\n  return {\n    gutter: 16 * multiplier,\n    deviceWidth: width,\n    deviceHeight: height,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier","width","height"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAClD,QAAMC,IAAQ,OAAO,YACfC,IAAS,OAAO;AAEf,SAAA;AAAA,IACL,QAAQ,KAAKF;AAAA,IACb,aAAaC;AAAA,IACb,cAAcC;AAAA,EAAA;AAElB;"}
+{"version":3,"file":"layout.js","sources":["../../../../src/features/ui/theme/layout.ts"],"sourcesContent":["import type { ILayout } from '../types';\n\nfunction getLayout(multiplier: number = 1): ILayout {\n  const width = document.body.clientWidth;\n  const height = document.body.clientHeight;\n\n  return {\n    gutter: 16 * multiplier,\n    deviceWidth: width,\n    deviceHeight: height,\n  };\n}\n\nexport default getLayout;\n"],"names":["getLayout","multiplier","width","height"],"mappings":"AAEA,SAASA,EAAUC,IAAqB,GAAY;AAC5C,QAAAC,IAAQ,SAAS,KAAK,aACtBC,IAAS,SAAS,KAAK;AAEtB,SAAA;AAAA,IACL,QAAQ,KAAKF;AAAA,IACb,aAAaC;AAAA,IACb,cAAcC;AAAA,EAAA;AAElB;"}

package/dist/index.d.ts

@@ -4,7 +4,6 @@ import { ChannelStatus } from '@cuemath/cue-message-broker';
 import { ComponentType } from 'react';
 import type { Config } from '@lottiefiles/dotlottie-web';
 import { Context } from 'react';
-import type { Data } from '@lottiefiles/dotlottie-web';
 import type { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
 import type { Dispatch } from 'react';
@@ -193,6 +192,36 @@ export declare const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const Callout: React.FC<ICalloutProps>;
 
+export declare const Carousel: React_2.FC<CarouselProps>;
+
+declare interface CarouselProps {
+    children: React_2.ReactNode[] | React_2.ReactNode;
+    initialPosition?: number;
+    infinite?: boolean;
+    slideDuration?: number;
+    dotColor?: string;
+    changeColor?: (position: number) => void;
+    slideAlign?: string | null;
+    inactiveDotColor?: string;
+    activeIndicatorSize?: string;
+    flexCenterIndicators?: boolean;
+    isTestimonial?: boolean;
+    setColor?: (position: number) => void;
+    setPosition?: (position: number) => void;
+    carouselSlotPadding?: string;
+    wrapperMargin?: string;
+    hideIndicators?: boolean;
+    autoScroll?: boolean;
+    nodeRef?: {
+        current?: {
+            next?: () => void;
+            prev?: () => void;
+            position?: number;
+        };
+    } | null;
+    onChange?: () => void;
+}
+
 export declare const CascadingSelectInput: React_2.FC<ICascadingSelectInputProps>;
 
 export declare const Chapter: FC<IChapterProps>;
@@ -369,7 +398,7 @@ export declare const DesmosCalculator: FC<IDesmosCalculatorProps>;
 
 export declare const DigitalMeter: FC<IDigitalMeterProps>;
 
-export declare const DotLottieAnimation: NamedExoticComponent<IDotLottieAnimationProps & RefAttributes<IDotLottieAnimationRef>>;
+export declare const DotLottieAnimation: NamedExoticComponent<ILottieAnimationProps & RefAttributes<ILottieAnimationRef>>;
 
 export declare const DownIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
@@ -1421,15 +1450,6 @@ declare interface IDigitalMeterProps {
     actAsTimer?: boolean;
 }
 
-declare type IDotLottieAnimationProps = XOR<WithSrc, WithData> & SharedProps;
-
-declare interface IDotLottieAnimationRef {
-    play: () => void;
-    pause: () => void;
-    playSegments: (segments: AnimationSegment) => void;
-    setFrame: (frame: number) => void;
-}
-
 declare interface IDrawerProps {
     isOpen: boolean;
     onClose?: () => void;
@@ -2234,6 +2254,23 @@ declare interface ILogger {
     (eventName: string, data?: Record<string, unknown>): void;
 }
 
+declare interface ILottieAnimationProps {
+    src: string;
+    width?: string | number;
+    height?: string | number;
+    settings?: Partial<LottieSettings>;
+    eventListeners?: {
+        name: EventType;
+        callback: EventListener_2<EventType>;
+    }[];
+    onRender?: () => void;
+    onError?: () => void;
+}
+
+declare interface ILottieAnimationRef {
+    playSegments: (segments: AnimationSegment, forceFlag?: boolean) => void;
+}
+
 declare interface ILPARChapterProps extends ILPARSheetCallbacks {
     userType: TUserTypes;
     chapterData: TLPARChapterData;
@@ -2570,7 +2607,7 @@ export declare interface IModal {
     /** Content to display inside the modal */
     element: ReactElement;
     /** Rendering style of the modal */
-    renderAs?: 'modal' | 'fullscreen' | 'spotlight' | 'bottom-sheet' | 'fullscreen-transparent';
+    renderAs?: 'modal' | 'fullscreen' | 'spotlight' | 'bottom-sheet';
     /** Whether the modal can be dismissed by clicking outside or ESC key (default: true) */
     isDismissable?: boolean;
     /** Whether the modal requires authentication to view (default: true) */
@@ -2755,7 +2792,7 @@ declare interface IOTPInputProps {
     isBusy?: boolean;
 }
 
-declare interface IOTPResendProps {
+declare interface IOTPResendProps extends IClickableAnalyticsProps {
     onResendOTP: () => void;
     onResendVoiceOTP?: () => void;
     timerSeconds?: number;
@@ -2802,7 +2839,7 @@ declare interface IPerfectHitsProps {
     value: number;
 }
 
-declare interface IPillButtonProps {
+declare interface IPillButtonProps extends IClickableAnalyticsProps {
     id: string;
     label: string;
     selected?: boolean;
@@ -3201,7 +3238,7 @@ declare interface ISectionOption<Section = TDefaultSection> {
     data: Section[];
 }
 
-declare interface ISelectableInfoCardProps {
+declare interface ISelectableInfoCardProps extends IClickableAnalyticsProps {
     id: string;
     title: string;
     description: string;
@@ -3412,35 +3449,19 @@ declare interface IStepperProps {
     currentStep: number;
 }
 
-export declare interface IStickerData {
+declare interface IStickerData {
     id: string;
     emoji: string;
     lottieUrl?: string;
-    name: string;
-}
-
-export declare interface IStickerProps {
-    emoji: string;
-    lottieUrl?: string;
-    size?: number | string;
-    onClick?: () => void;
-    disabled?: boolean;
+    name?: string;
 }
 
-export declare interface IStickerSelectorProps {
+declare interface IStickerGridProps {
     stickers: IStickerData[];
     columns?: number;
     gap?: number;
     stickerSize?: number | string;
     onStickerClick?: (sticker: IStickerData) => void;
-    disabled?: boolean;
-}
-
-export declare interface IStickersProps {
-    stickers: string[];
-    effect: TStickerEffects;
-    count: number;
-    duration: number;
 }
 
 declare interface IStreakIconProps extends React.HTMLProps<HTMLDivElement> {
@@ -4777,6 +4798,23 @@ export declare const PerfectHits: NamedExoticComponent<IPerfectHitsProps>;
 
 export declare const PillButton: NamedExoticComponent<IPillButtonProps>;
 
+export declare enum PLA_ANALYTICS_EVENTS {
+    START_SIGNUP_CTA_CLICKED = "start_signup_cta_clicked",
+    ECNA_STEP_VIEWED = "ecna_step_viewed",
+    ECNA_RESPONSE_RECORDED_DEBUG = "ecna_response_recorded_debug",
+    PARENT_SIGNUP_CTA_CLICKED = "parent_signup_cta_clicked",
+    PARENT_SIGNUP_SUCCESSFUL = "parent_signup_successful",
+    PARENT_SIGNUP_FAILED = "parent_signup_failed",
+    STUDENT_SIGNUP_SUCCESSFUL = "signup_successful",
+    STUDENT_SIGNUP_FAILED = "signup_failed",
+    SIGNUP_OTP_ENTERED = "signup_otp_entered",
+    SIGNUP_OTP_VERIFIED = "signup_otp_verified",
+    SIGNUP_OTP_FAILED = "signup_otp_failed",
+    SLOTS_SHOWN = "slots_shown",
+    SLOT_DATE_SELECTED = "slot_date_selected",
+    SLOT_TIME_SELECTED = "slot_time_selected"
+}
+
 /**
  ** Global/Platform specific events that needs to be tracked goes here
  ** Naming convention needs to be snake_case
@@ -4964,7 +5002,7 @@ declare enum SECTION_CODE {
 
 export declare const SectionList: <Section extends string | number | TDefaultSection>(props: ISectionList<Section>) => ReactElement;
 
-export declare const SelectableInfoCard: MemoExoticComponent<({ id, title, description, icon, selected, onClick, }: ISelectableInfoCardProps) => JSX.Element>;
+export declare const SelectableInfoCard: MemoExoticComponent<({ id, title, description, icon, selected, onClick, analyticsLabel, analyticsProps, }: ISelectableInfoCardProps) => JSX.Element>;
 
 export declare const SelectInput: <IDType extends string | number>(props: ISelectInputProps<IDType>) => ReactElement;
 
@@ -4976,18 +5014,6 @@ export declare const SENTRY_IGNORED_ERRORS: Array<string | RegExp>;
 
 export declare const Separator: React_2.FC<ISeparatorProps>;
 
-declare type SharedProps = {
-    width?: string | number;
-    height?: string | number;
-    settings?: Partial<LottieSettings>;
-    eventListeners?: {
-        name: EventType;
-        callback: EventListener_2<EventType>;
-    }[];
-    onRender?: () => void;
-    onError?: () => void;
-};
-
 export declare const SHEET_ACTIONS: {
     readonly START: "START";
     readonly RESUME: "RESUME";
@@ -5094,15 +5120,22 @@ declare const STICKER_BADGE: {
     AWESOME: string;
 };
 
-export declare const stickerData: IStickerData[];
+declare type StickerEffect = 'burst_from_edges' | 'pop_expand' | 'float_up' | 'fall_down';
 
 export declare const StickerFilledIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
 export declare const StickerIcon: React.FC<React.SVGProps<SVGSVGElement>>;
 
-export declare const StickersEffects: React_2.NamedExoticComponent<IStickersProps>;
+export declare const Stickers: React_2.NamedExoticComponent<StickersProps>;
+
+declare interface StickersProps {
+    stickers: string[];
+    effect: StickerEffect;
+    count: number;
+    duration: number;
+}
 
-export declare const StickersSelector: React_2.NamedExoticComponent<IStickerSelectorProps>;
+export declare const StickersSelector: React_2.NamedExoticComponent<IStickerGridProps>;
 
 export declare const StreakIcon: React_2.FC<IStreakIconProps>;
 
@@ -6028,7 +6061,7 @@ declare type TRenderAs_2 = 'canvas' | 'whiteboard';
 declare type TRewardHomeData = {
     user_badges: TBadgeData[] | [];
     user_rewards: TRewardsData[] | [];
-    user_stickers: TStickerData_2[] | [];
+    user_stickers: TStickerData[] | [];
 };
 
 declare type TRewardsData = {
@@ -6156,18 +6189,7 @@ export declare type TSkillStatus = 'pending' | 'completed';
 
 export declare type TSocialAuthProvider = 'google' | 'apple';
 
-export declare type TStickerData = {
-    id: string;
-    sticker: string;
-    lottie?: string;
-    x: number;
-    y: number;
-    size: number;
-    fromX?: string;
-    fromY?: string;
-};
-
-declare type TStickerData_2 = {
+declare type TStickerData = {
     actor_id: string;
     badge_id: string;
     badge_type: string;
@@ -6180,8 +6202,6 @@ declare type TStickerData_2 = {
     user_type: string;
 };
 
-export declare type TStickerEffects = 'burst-from-edges' | 'pop-expand' | 'float-up' | 'fall-down';
-
 export declare type TStreakStatus = 'pending' | 'completed';
 
 declare type TStyleAttrubutes = NonNullable<HTMLAttributes<HTMLDivElement>['style']>;
@@ -6542,18 +6562,6 @@ export declare enum WebViewEvent {
  */
 export declare const WHITELIST_EVENTS: Record<string, PLUGIN_NAME[]>;
 
-declare type WithData = {
-    data: Data;
-};
-
-declare type Without<T, K extends keyof any> = {
-    [P in Exclude<keyof T, K>]?: never;
-};
-
-declare type WithSrc = {
-    src: string;
-};
-
 export declare const Worksheet: NamedExoticComponent<IWorksheetContainerProps & RefAttributes<IWorksheetRef>>;
 
 export declare const WORKSHEET_ACTION_BAR_HEIGHT = 56;
@@ -6566,8 +6574,6 @@ export declare const WORKSHEET_TOP_NAVIGATION_HEIGHT = 48;
 
 export declare const WORKSHEET_V3_NODE_TYPES: TNodeTypeProps[];
 
-declare type XOR<T, U> = (T & Without<U, keyof T>) | (U & Without<T, keyof U>);
-
 declare const ZINDEX: {
     readonly CHAPTER_CROWN_ICON: 4;
     readonly CHAPTER_PLUS_ICON: 2;