@cuemath/leap 3.3.35-m → 3.3.35

package/dist/features/stickers/sticker-selector/hooks/use-handle-sticker-send.js

@@ -1,32 +1,32 @@
-import { useState as r, useCallback as c } from "react";
-import l from "../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
-const k = (s) => {
-  const { publish: e } = l({
-    studentClassroomId: s
-  }), [n, o] = r(null);
-  return { sendSticker: c(
-    (t, d) => {
-      const a = {
+import { useCallback as r } from "react";
+import d from "../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
+const n = (m, e) => {
+  const { publish: a } = d({
+    studentClassroomId: m
+  });
+  return r(
+    (s, o) => {
+      const t = {
         message: {
           data: {
             selectedSticker: {
-              id: t.id,
-              name: t.name
+              id: s.id,
+              name: s.name
             },
-            effectId: d
+            effectId: o
           }
         },
         type: "STICKERS"
       };
-      o(a), e == null || e({
+      a == null || a({
         eventName: "STICKERS",
-        eventPayload: a
-      });
+        eventPayload: t
+      }), e == null || e(t);
     },
-    [e]
-  ), lastPayload: n };
+    [e, a]
+  );
 };
 export {
-  k as useHandleStickerSend
+  n as useHandleStickerSend
 };
 //# sourceMappingURL=use-handle-sticker-send.js.map

package/dist/features/stickers/sticker-selector/hooks/use-handle-sticker-send.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../../src/features/stickers/sticker-selector/hooks/use-handle-sticker-send.tsx"],"sourcesContent":["import type {\n  IStickerData,\n  TStickerAnimationEffects,\n  TStickersPayload,\n} from '../../stickers-types';\n\nimport { useState, useCallback } from 'react';\n\nimport useInClassMessageBroker from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\n\nexport const useHandleStickerSend = (studentClassroomId: string) => {\n  const { publish } = useInClassMessageBroker({\n    studentClassroomId,\n  });\n\n  const [lastPayload, setLastPayload] = useState<TStickersPayload | null>(null);\n\n  const sendSticker = useCallback(\n    (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n      const payload: TStickersPayload = {\n        message: {\n          data: {\n            selectedSticker: {\n              id: sticker.id,\n              name: sticker.name,\n            },\n            effectId: effect,\n          },\n        },\n        type: 'STICKERS',\n      };\n\n      setLastPayload(payload);\n\n      publish?.({\n        eventName: 'STICKERS',\n        eventPayload: payload,\n      });\n    },\n    [publish],\n  );\n\n  return { sendSticker, lastPayload };\n};\n"],"names":["useHandleStickerSend","studentClassroomId","publish","useInClassMessageBroker","lastPayload","setLastPayload","useState","useCallback","sticker","effect","payload"],"mappings":";;AAUa,MAAAA,IAAuB,CAACC,MAA+B;AAC5D,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAF;AAAA,EAAA,CACD,GAEK,CAACG,GAAaC,CAAc,IAAIC,EAAkC,IAAI;AA2BrE,SAAA,EAAE,aAzBWC;AAAA,IAClB,CAACC,GAAuBC,MAAqC;AAC3D,YAAMC,IAA4B;AAAA,QAChC,SAAS;AAAA,UACP,MAAM;AAAA,YACJ,iBAAiB;AAAA,cACf,IAAIF,EAAQ;AAAA,cACZ,MAAMA,EAAQ;AAAA,YAChB;AAAA,YACA,UAAUC;AAAA,UACZ;AAAA,QACF;AAAA,QACA,MAAM;AAAA,MAAA;AAGR,MAAAJ,EAAeK,CAAO,GAEZR,KAAA,QAAAA,EAAA;AAAA,QACR,WAAW;AAAA,QACX,cAAcQ;AAAA,MAAA;AAAA,IAElB;AAAA,IACA,CAACR,CAAO;AAAA,EAAA,GAGY,aAAAE;AACxB;"}
+{"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../../src/features/stickers/sticker-selector/hooks/use-handle-sticker-send.tsx"],"sourcesContent":["import type {\n  IStickerData,\n  TStickerAnimationEffects,\n  TStickersPayload,\n} from '../../stickers-types';\n\nimport { useCallback } from 'react';\n\nimport useInClassMessageBroker from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\n\nexport const useHandleStickerSend = (\n  studentClassroomId: string,\n  onStickerSend?: (payload: TStickersPayload) => void,\n) => {\n  const { publish } = useInClassMessageBroker({\n    studentClassroomId,\n  });\n\n  const sendSticker = useCallback(\n    (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n      const payload: TStickersPayload = {\n        message: {\n          data: {\n            selectedSticker: {\n              id: sticker.id,\n              name: sticker.name,\n            },\n            effectId: effect,\n          },\n        },\n        type: 'STICKERS',\n      };\n\n      publish?.({\n        eventName: 'STICKERS',\n        eventPayload: payload,\n      });\n\n      onStickerSend?.(payload);\n    },\n    [onStickerSend, publish],\n  );\n\n  return sendSticker;\n};\n"],"names":["useHandleStickerSend","studentClassroomId","onStickerSend","publish","useInClassMessageBroker","useCallback","sticker","effect","payload"],"mappings":";;AAUa,MAAAA,IAAuB,CAClCC,GACAC,MACG;AACG,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAH;AAAA,EAAA,CACD;AA2BM,SAzBaI;AAAA,IAClB,CAACC,GAAuBC,MAAqC;AAC3D,YAAMC,IAA4B;AAAA,QAChC,SAAS;AAAA,UACP,MAAM;AAAA,YACJ,iBAAiB;AAAA,cACf,IAAIF,EAAQ;AAAA,cACZ,MAAMA,EAAQ;AAAA,YAChB;AAAA,YACA,UAAUC;AAAA,UACZ;AAAA,QACF;AAAA,QACA,MAAM;AAAA,MAAA;AAGE,MAAAJ,KAAA,QAAAA,EAAA;AAAA,QACR,WAAW;AAAA,QACX,cAAcK;AAAA,MAAA,IAGhBN,KAAA,QAAAA,EAAgBM;AAAA,IAClB;AAAA,IACA,CAACN,GAAeC,CAAO;AAAA,EAAA;AAI3B;"}

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 { StickersEffectProps, TStickerAnimationData } from './stickers-effects-types';\n\nimport React, { memo, useEffect, useState } from 'react';\n\nimport StickerWithFallback from './comps/sticker-with-fallback';\nimport { EFFECTS_MAP } from './constants';\nimport { generateStickerData } from './stickers-effects-helper';\nimport * as Styled from './stickers-effects-styled';\n\nconst StickersEffect: React.FC<StickersEffectProps> = ({\n  stickerId,\n  effectType,\n  duration = 3500,\n  onClose,\n}) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  const effectConfig = EFFECTS_MAP[effectType];\n\n  useEffect(() => {\n    if (!onClose) return;\n\n    const timeout = setTimeout(onClose, duration);\n\n    return () => clearTimeout(timeout);\n  }, [onClose, duration]);\n\n  useEffect(() => {\n    const stickerData = generateStickerData({\n      count: effectConfig.count,\n      effect: effectConfig.effect,\n      stickerId,\n      minSize: 48,\n      maxSize: 72,\n    });\n\n    setStickersData(stickerData);\n\n    const timeout = setTimeout(() => setStickersData([]), effectConfig.duration);\n\n    return () => clearTimeout(timeout);\n  }, [effectConfig, stickerId]);\n\n  if (stickersData.length === 0) return null;\n\n  return (\n    <Styled.StickersWrapper $alignItems=\"top\" $justifyContent=\"center\" $inherit>\n      <Styled.Container>\n        {stickersData.map((data: TStickerAnimationData, i) => {\n          const { id, sticker, lottie, x, y, size, fromX, fromY } = data;\n\n          return (\n            <Styled.Sticker\n              key={`${id}-${i}`}\n              effect={effectConfig.effect}\n              duration={effectConfig.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    </Styled.StickersWrapper>\n  );\n};\n\nexport default memo(StickersEffect);\n"],"names":["StickersEffect","stickerId","effectType","duration","onClose","stickersData","setStickersData","useState","effectConfig","EFFECTS_MAP","useEffect","timeout","stickerData","generateStickerData","Styled.StickersWrapper","jsx","Styled.Container","data","i","id","sticker","lottie","x","y","size","fromX","fromY","Styled.Sticker","StickerWithFallback","StickersEffect$1","memo"],"mappings":";;;;;;AASA,MAAMA,IAAgD,CAAC;AAAA,EACrD,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiD,CAAE,CAAA,GAErFC,IAAeC,EAAYP,CAAU;AA0BvC,SAxBJQ,EAAU,MAAM;AACd,QAAI,CAACN,EAAS;AAER,UAAAO,IAAU,WAAWP,GAASD,CAAQ;AAErC,WAAA,MAAM,aAAaQ,CAAO;AAAA,EAAA,GAChC,CAACP,GAASD,CAAQ,CAAC,GAEtBO,EAAU,MAAM;AACd,UAAME,IAAcC,EAAoB;AAAA,MACtC,OAAOL,EAAa;AAAA,MACpB,QAAQA,EAAa;AAAA,MACrB,WAAAP;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV;AAED,IAAAK,EAAgBM,CAAW;AAErB,UAAAD,IAAU,WAAW,MAAML,EAAgB,CAAA,CAAE,GAAGE,EAAa,QAAQ;AAEpE,WAAA,MAAM,aAAaG,CAAO;AAAA,EAAA,GAChC,CAACH,GAAcP,CAAS,CAAC,GAExBI,EAAa,WAAW,IAAU,yBAGnCS,GAAA,EAAuB,aAAY,OAAM,iBAAgB,UAAS,UAAQ,IACzE,UAAA,gBAAAC,EAACC,GAAA,EACE,YAAa,IAAI,CAACC,GAA6BC,MAAM;AAC9C,UAAA,EAAE,IAAAC,GAAI,SAAAC,GAAS,QAAAC,GAAQ,GAAAC,GAAG,GAAAC,GAAG,MAAAC,GAAM,OAAAC,GAAO,OAAAC,EAAU,IAAAT;AAGxD,WAAA,gBAAAF;AAAA,MAACY;AAAAA,MAAA;AAAA,QAEC,QAAQnB,EAAa;AAAA,QACrB,UAAUA,EAAa;AAAA,QACvB,OAAO;AAAA,QACP,OAAAiB;AAAA,QACA,OAAAC;AAAA,QACA,GAAAJ;AAAA,QACA,GAAAC;AAAA,QACA,MAAAC;AAAA,QAEA,UAAC,gBAAAT,EAAAa,GAAA,EAAoB,KAAKP,GAAQ,SAAAD,GAAkB,MAAAI,GAAY;AAAA,MAAA;AAAA,MAV3D,GAAGL,CAAE,IAAID,CAAC;AAAA,IAAA;AAAA,EAWjB,CAEH,GACH,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAK9B,CAAc;"}
+{"version":3,"file":"stickers-effects.js","sources":["../../../../src/features/stickers/stickers-effects/stickers-effects.tsx"],"sourcesContent":["import type { StickersEffectProps, TStickerAnimationData } from './stickers-effects-types';\nimport type { FC } from 'react';\n\nimport { memo, useEffect, useState } from 'react';\n\nimport StickerWithFallback from './comps/sticker-with-fallback';\nimport { EFFECTS_MAP } from './constants';\nimport { generateStickerData } from './stickers-effects-helper';\nimport * as Styled from './stickers-effects-styled';\n\nconst StickersEffect: FC<StickersEffectProps> = ({\n  stickerId,\n  effectType,\n  duration = 3500,\n  onClose,\n}) => {\n  const [stickersData, setStickersData] = useState<ReturnType<typeof generateStickerData>>([]);\n\n  const effectConfig = EFFECTS_MAP[effectType];\n\n  useEffect(() => {\n    if (!onClose) return;\n\n    const timeout = setTimeout(onClose, duration);\n\n    return () => clearTimeout(timeout);\n  }, [onClose, duration]);\n\n  useEffect(() => {\n    const stickerData = generateStickerData({\n      count: effectConfig.count,\n      effect: effectConfig.effect,\n      stickerId,\n      minSize: 48,\n      maxSize: 72,\n    });\n\n    setStickersData(stickerData);\n\n    const timeout = setTimeout(() => setStickersData([]), effectConfig.duration);\n\n    return () => clearTimeout(timeout);\n  }, [effectConfig, stickerId]);\n\n  if (stickersData.length === 0) return null;\n\n  return (\n    <Styled.StickersWrapper $alignItems=\"top\" $justifyContent=\"center\" $inherit>\n      <Styled.Container>\n        {stickersData.map((data: TStickerAnimationData, i) => {\n          const { id, sticker, lottie, x, y, size, fromX, fromY } = data;\n\n          return (\n            <Styled.Sticker\n              key={`${id}-${i}`}\n              effect={effectConfig.effect}\n              duration={effectConfig.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    </Styled.StickersWrapper>\n  );\n};\n\nexport default memo(StickersEffect);\n"],"names":["StickersEffect","stickerId","effectType","duration","onClose","stickersData","setStickersData","useState","effectConfig","EFFECTS_MAP","useEffect","timeout","stickerData","generateStickerData","Styled.StickersWrapper","jsx","Styled.Container","data","i","id","sticker","lottie","x","y","size","fromX","fromY","Styled.Sticker","StickerWithFallback","StickersEffect$1","memo"],"mappings":";;;;;;AAUA,MAAMA,IAA0C,CAAC;AAAA,EAC/C,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAiD,CAAE,CAAA,GAErFC,IAAeC,EAAYP,CAAU;AA0BvC,SAxBJQ,EAAU,MAAM;AACd,QAAI,CAACN,EAAS;AAER,UAAAO,IAAU,WAAWP,GAASD,CAAQ;AAErC,WAAA,MAAM,aAAaQ,CAAO;AAAA,EAAA,GAChC,CAACP,GAASD,CAAQ,CAAC,GAEtBO,EAAU,MAAM;AACd,UAAME,IAAcC,EAAoB;AAAA,MACtC,OAAOL,EAAa;AAAA,MACpB,QAAQA,EAAa;AAAA,MACrB,WAAAP;AAAA,MACA,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CACV;AAED,IAAAK,EAAgBM,CAAW;AAErB,UAAAD,IAAU,WAAW,MAAML,EAAgB,CAAA,CAAE,GAAGE,EAAa,QAAQ;AAEpE,WAAA,MAAM,aAAaG,CAAO;AAAA,EAAA,GAChC,CAACH,GAAcP,CAAS,CAAC,GAExBI,EAAa,WAAW,IAAU,yBAGnCS,GAAA,EAAuB,aAAY,OAAM,iBAAgB,UAAS,UAAQ,IACzE,UAAA,gBAAAC,EAACC,GAAA,EACE,YAAa,IAAI,CAACC,GAA6BC,MAAM;AAC9C,UAAA,EAAE,IAAAC,GAAI,SAAAC,GAAS,QAAAC,GAAQ,GAAAC,GAAG,GAAAC,GAAG,MAAAC,GAAM,OAAAC,GAAO,OAAAC,EAAU,IAAAT;AAGxD,WAAA,gBAAAF;AAAA,MAACY;AAAAA,MAAA;AAAA,QAEC,QAAQnB,EAAa;AAAA,QACrB,UAAUA,EAAa;AAAA,QACvB,OAAO;AAAA,QACP,OAAAiB;AAAA,QACA,OAAAC;AAAA,QACA,GAAAJ;AAAA,QACA,GAAAC;AAAA,QACA,MAAAC;AAAA,QAEA,UAAC,gBAAAT,EAAAa,GAAA,EAAoB,KAAKP,GAAQ,SAAAD,GAAkB,MAAAI,GAAY;AAAA,MAAA;AAAA,MAV3D,GAAGL,CAAE,IAAID,CAAC;AAAA,IAAA;AAAA,EAWjB,CAEH,GACH,EACF,CAAA;AAEJ,GAEeW,IAAAC,EAAK9B,CAAc;"}

package/dist/index.d.ts

@@ -5595,7 +5595,7 @@ declare interface StickersEffectProps {
     onClose?: () => void;
 }
 
-export declare const StickersEffects: React_2.NamedExoticComponent<StickersEffectProps>;
+export declare const StickersEffects: NamedExoticComponent<StickersEffectProps>;
 
 export declare const StickerSelector: NamedExoticComponent<IStickerSelectorProps>;
 
@@ -7090,10 +7090,7 @@ export declare const useGetTestHelpData: (initialId?: string, initialQuery?: voi
     } & Record<string, unknown>) | undefined;
 };
 
-export declare const useHandleStickerSend: (studentClassroomId: string) => {
-    sendSticker: (sticker: IStickerData, effect: TStickerAnimationEffects) => void;
-    lastPayload: TStickersPayload | null;
-};
+export declare const useHandleStickerSend: (studentClassroomId: string, onStickerSend?: (payload: TStickersPayload) => void) => (sticker: IStickerData, effect: TStickerAnimationEffects) => void;
 
 export declare const useHomePageJourney: () => {
     homepageRef: RefObject<HTMLDivElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.3.35-m",
+  "version": "3.3.35",
   "type": "module",
   "files": [
     "dist"