@cuemath/leap 3.2.23-mb → 3.2.24-mb

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stickers-cache.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-cache.ts"],"sourcesContent":["const lottieCache = new Map<string, object>();\nconst lottiePromises = new Map<string, Promise<object | null>>();\n\nexport async function preloadLottieFile(url: string): Promise<object | 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(res => (res.ok ? res.json() : null))\n    .then(data => {\n      if (data) lottieCache.set(url, data);\n      lottiePromises.delete(url);\n\n      return data;\n    })\n    .catch(err => {\n      // eslint-disable-next-line no-console\n      console.error('Lottie preload error:', err);\n      lottiePromises.delete(url);\n\n      return null;\n    });\n\n  lottiePromises.set(url, fetchPromise);\n\n  return fetchPromise;\n}\n"],"names":["lottieCache","lottiePromises","preloadLottieFile","url","fetchPromise","res","data","err"],"mappings":"AAAA,MAAMA,wBAAkB,OAClBC,wBAAqB;AAE3B,eAAsBC,EAAkBC,GAAqC;AACvE,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,CAAQE,MAAAA,EAAI,KAAKA,EAAI,KAAK,IAAI,IAAK,EACxC,KAAK,CAAQC,OACRA,KAAMN,EAAY,IAAIG,GAAKG,CAAI,GACnCL,EAAe,OAAOE,CAAG,GAElBG,EACR,EACA,MAAM,CAAOC,OAEJ,QAAA,MAAM,yBAAyBA,CAAG,GAC1CN,EAAe,OAAOE,CAAG,GAElB,KACR;AAEY,SAAAF,EAAA,IAAIE,GAAKC,CAAY,GAE7BA;AACT;"}

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

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

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

@@ -1 +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';\n\nimport React, { memo, useEffect, useState } from 'react';\n\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { generateStickerData } from './stickers-effects-helper';\nimport * as S from './stickers-effects-styled';\n\nconst StickerWithFallback: React.FC<{\n  lottie?: string;\n  sticker: string;\n  size: number;\n}> = memo(({ lottie, sticker, size }) => {\n  const [failed, setFailed] = useState(false);\n\n  if (!lottie || failed) return <>{sticker}</>;\n\n  return (\n    <LottieAnimation src={lottie} width={size} height={size} onError={() => setFailed(true)} />\n  );\n});\n\nconst StickersEffects: React.FC<IStickersProps> = ({ stickers, effect, count, duration }) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  useEffect(() => {\n    const stickerData = generateStickerData({\n      count,\n      effect,\n      stickers,\n      minSize: 32,\n      maxSize: 48,\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    <S.Container>\n      {stickersData.map((data: TStickerData, i) => {\n        const { id, sticker, lottie, x, y, size, fromX, fromY } = data;\n\n        return (\n          <S.Sticker\n            key={`${id}-${i}`}\n            effect={effect}\n            duration={duration}\n            fromX={fromX}\n            fromY={fromY}\n            x={x}\n            y={y}\n            size={size}\n          >\n            <StickerWithFallback lottie={lottie} sticker={sticker} size={size} />\n          </S.Sticker>\n        );\n      })}\n    </S.Container>\n  );\n};\n\nexport default memo(StickersEffects);\n"],"names":["StickerWithFallback","memo","lottie","sticker","size","failed","setFailed","useState","jsx","LottieAnimation","StickersEffects","stickers","effect","count","duration","stickersData","setStickersData","useEffect","stickerData","generateStickerData","timeout","S.Container","data","i","id","x","y","fromX","fromY","S.Sticker","stickersEffects"],"mappings":";;;;;AAQA,MAAMA,IAIDC,EAAK,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,QAAW;AACvC,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK;AAE1C,SAAI,CAACL,KAAUG,2BAAkB,UAAQF,EAAA,CAAA,IAGtC,gBAAAK,EAAAC,GAAA,EAAgB,KAAKP,GAAQ,OAAOE,GAAM,QAAQA,GAAM,SAAS,MAAME,EAAU,EAAI,EAAG,CAAA;AAE7F,CAAC,GAEKI,IAA4C,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,QAAe;AAC3F,QAAM,CAACC,GAAcC,CAAe,IAAIT,EAAiD,CAAE,CAAA;AAE3F,SAAAU,EAAU,MAAM;AACd,UAAMC,IAAcC,EAAoB;AAAA,MACtC,OAAAN;AAAA,MACA,QAAAD;AAAA,MACA,UAAAD;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV;AAED,IAAAK,EAAgBE,CAAW;AAE3B,UAAME,IAAU,WAAW,MAAMJ,EAAgB,CAAE,CAAA,GAAGF,CAAQ;AAEvD,WAAA,MAAM,aAAaM,CAAO;AAAA,KAChC,CAACT,GAAUC,GAAQC,GAAOC,CAAQ,CAAC,GAGpC,gBAAAN,EAACa,GAAA,EACE,YAAa,IAAI,CAACC,GAAoBC,MAAM;AACrC,UAAA,EAAE,IAAAC,GAAI,SAAArB,GAAS,QAAAD,GAAQ,GAAAuB,GAAG,GAAAC,GAAG,MAAAtB,GAAM,OAAAuB,GAAO,OAAAC,EAAU,IAAAN;AAGxD,WAAA,gBAAAd;AAAA,MAACqB;AAAAA,MAAA;AAAA,QAEC,QAAAjB;AAAA,QACA,UAAAE;AAAA,QACA,OAAAa;AAAA,QACA,OAAAC;AAAA,QACA,GAAAH;AAAA,QACA,GAAAC;AAAA,QACA,MAAAtB;AAAA,QAEA,UAAC,gBAAAI,EAAAR,GAAA,EAAoB,QAAAE,GAAgB,SAAAC,GAAkB,MAAAC,GAAY;AAAA,MAAA;AAAA,MAT9D,GAAGoB,CAAE,IAAID,CAAC;AAAA,IAAA;AAAA,EAYpB,CAAA,EACH,CAAA;AAEJ,GAEeO,IAAA7B,EAAKS,CAAe;"}
+{"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects.tsx"],"sourcesContent":["import type { TStickerData, IStickersProps } from './stickers-effects-types';\n\nimport React, { memo, useEffect, useState } from 'react';\n\nimport LottieAnimation from '../../ui/lottie-animation/lottie-animation';\nimport { preloadLottieFile } from './stickers-cache';\nimport { generateStickerData } from './stickers-effects-helper';\nimport * as S from './stickers-effects-styled';\n\nconst StickerWithFallback: React.FC<{\n  url?: string;\n  sticker: string;\n  size: number;\n}> = memo(({ url, sticker, size }) => {\n  const [src, setSrc] = useState<string | object | undefined>();\n  const [failed, setFailed] = useState(false);\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            setSrc(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 || !src) {\n    return <>{sticker}</>;\n  }\n\n  return <LottieAnimation src={src} width={size} height={size} onError={() => setFailed(true)} />;\n});\n\nconst StickersEffects: React.FC<IStickersProps> = ({ stickers, effect, count, duration }) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  useEffect(() => {\n    const stickerData = generateStickerData({\n      count,\n      effect,\n      stickers,\n      minSize: 32,\n      maxSize: 48,\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    <S.Container>\n      {stickersData.map((data: TStickerData, i) => {\n        const { id, sticker, lottie, x, y, size, fromX, fromY } = data;\n\n        return (\n          <S.Sticker\n            key={`${id}-${i}`}\n            effect={effect}\n            duration={duration}\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          </S.Sticker>\n        );\n      })}\n    </S.Container>\n  );\n};\n\nexport default memo(StickersEffects);\n"],"names":["StickerWithFallback","memo","url","sticker","size","src","setSrc","useState","failed","setFailed","useEffect","isMounted","preloadLottieFile","result","jsx","LottieAnimation","StickersEffects","stickers","effect","count","duration","stickersData","setStickersData","stickerData","generateStickerData","timeout","S.Container","data","i","id","lottie","x","y","fromX","fromY","S.Sticker","stickersEffects"],"mappings":";;;;;;AASA,MAAMA,IAIDC,EAAK,CAAC,EAAE,KAAAC,GAAK,SAAAC,GAAS,MAAAC,QAAW;AACpC,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAsC,GACtD,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK;AA0B1C,SAxBAG,EAAU,MAAM;AACd,QAAIC,IAAY;AAEhB,QAAKT;AAEa,aAAAU,EAAAV,CAAG,EAClB,KAAK,CAAUW,MAAA;AACd,QAAIF,MACEE,IACFP,EAAOO,CAAM,IAEbJ,EAAU,EAAI;AAAA,MAElB,CACD,EACA,MAAM,MAAM;AACP,QAAAE,OAAqB,EAAI;AAAA,MAAA,CAC9B,GAEI,MAAM;AACC,QAAAA,IAAA;AAAA,MAAA;AAAA,EACd,GACC,CAACT,CAAG,CAAC,GAEJ,CAACA,KAAOM,KAAU,CAACH,2BACX,UAAQF,EAAA,CAAA,IAGb,gBAAAW,EAACC,GAAgB,EAAA,KAAAV,GAAU,OAAOD,GAAM,QAAQA,GAAM,SAAS,MAAMK,EAAU,EAAI,EAAG,CAAA;AAC/F,CAAC,GAEKO,IAA4C,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,QAAe;AAC3F,QAAM,CAACC,GAAcC,CAAe,IAAIf,EAAiD,CAAE,CAAA;AAE3F,SAAAG,EAAU,MAAM;AACd,UAAMa,IAAcC,EAAoB;AAAA,MACtC,OAAAL;AAAA,MACA,QAAAD;AAAA,MACA,UAAAD;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,CAACR,GAAUC,GAAQC,GAAOC,CAAQ,CAAC,GAGpC,gBAAAN,EAACY,GAAA,EACE,YAAa,IAAI,CAACC,GAAoBC,MAAM;AACrC,UAAA,EAAE,IAAAC,GAAI,SAAA1B,GAAS,QAAA2B,GAAQ,GAAAC,GAAG,GAAAC,GAAG,MAAA5B,GAAM,OAAA6B,GAAO,OAAAC,EAAU,IAAAP;AAGxD,WAAA,gBAAAb;AAAA,MAACqB;AAAAA,MAAA;AAAA,QAEC,QAAAjB;AAAA,QACA,UAAAE;AAAA,QACA,OAAAa;AAAA,QACA,OAAAC;AAAA,QACA,GAAAH;AAAA,QACA,GAAAC;AAAA,QACA,MAAA5B;AAAA,QAEA,UAAC,gBAAAU,EAAAd,GAAA,EAAoB,KAAK8B,GAAQ,SAAA3B,GAAkB,MAAAC,GAAY;AAAA,MAAA;AAAA,MAT3D,GAAGyB,CAAE,IAAID,CAAC;AAAA,IAAA;AAAA,EAYpB,CAAA,EACH,CAAA;AAEJ,GAEeQ,IAAAnC,EAAKe,CAAe;"}

package/dist/features/ui/lottie-animation/helper.js

@@ -1,13 +1,13 @@
-const c = async (o) => {
-  let e = null;
+const r = async (e) => {
+  if (typeof e == "object") return e;
   try {
-    e = await fetch(o).then((t) => t.json()).catch(() => null);
+    const t = await fetch(e);
+    return t.ok ? await t.json() : null;
   } catch (t) {
-    console.log("Error while fetching the lottie: ", t);
+    return console.log("Error while fetching the Lottie:", t), null;
   }
-  return e;
 };
 export {
-  c as fetchLottie
+  r as fetchLottie
 };
 //# sourceMappingURL=helper.js.map

package/dist/features/ui/lottie-animation/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["import type { AnimationItem } from 'lottie-web';\n\nexport const fetchLottie = async (lottieSrc: string): Promise<AnimationItem | null> => {\n  let lottieJson: AnimationItem | null = null;\n\n  try {\n    lottieJson = await fetch(lottieSrc)\n      .then(res => res.json())\n      .catch(() => null);\n  } catch (error) {\n    /* eslint-disable no-console */\n    console.log('Error while fetching the lottie: ', error);\n  }\n\n  return lottieJson;\n};\n"],"names":["fetchLottie","lottieSrc","lottieJson","res","error"],"mappings":"AAEa,MAAAA,IAAc,OAAOC,MAAqD;AACrF,MAAIC,IAAmC;AAEnC,MAAA;AACF,IAAAA,IAAa,MAAM,MAAMD,CAAS,EAC/B,KAAK,CAAAE,MAAOA,EAAI,KAAA,CAAM,EACtB,MAAM,MAAM,IAAI;AAAA,WACZC,GAAO;AAEN,YAAA,IAAI,qCAAqCA,CAAK;AAAA,EACxD;AAEO,SAAAF;AACT;"}
+{"version":3,"file":"helper.js","sources":["../../../../src/features/ui/lottie-animation/helper.ts"],"sourcesContent":["export const fetchLottie = async (lottieSrc: string | object): Promise<object | null> => {\n  if (typeof lottieSrc === 'object') return lottieSrc;\n\n  try {\n    const res = await fetch(lottieSrc);\n\n    if (!res.ok) return null;\n\n    return await res.json();\n  } catch (err) {\n    // eslint-disable-next-line no-console\n    console.log('Error while fetching the Lottie:', err);\n\n    return null;\n  }\n};\n"],"names":["fetchLottie","lottieSrc","res","err"],"mappings":"AAAa,MAAAA,IAAc,OAAOC,MAAuD;AACnF,MAAA,OAAOA,KAAc,SAAiB,QAAAA;AAEtC,MAAA;AACI,UAAAC,IAAM,MAAM,MAAMD,CAAS;AAE7B,WAACC,EAAI,KAEF,MAAMA,EAAI,SAFG;AAAA,WAGbC,GAAK;AAEJ,mBAAA,IAAI,oCAAoCA,CAAG,GAE5C;AAAA,EACT;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.2.23-mb",
+  "version": "3.2.24-mb",
   "type": "module",
   "files": [
     "dist"