@cuemath/leap 3.3.34-m → 3.3.35-m

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

@@ -1,29 +1,32 @@
-import a from "../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
-import { useStickers as c } from "../../stickers-effects/hooks/use-stickers.js";
-const m = (n) => {
-  const { showSticker: o } = c(), { publish: e } = a({
-    studentClassroomId: n
-  });
-  return (t, r) => {
-    const s = {
-      message: {
-        data: {
-          selectedSticker: {
-            id: t.id,
-            name: t.name
-          },
-          effectId: r
-        }
-      },
-      type: "STICKERS"
-    };
-    o(s), e == null || e({
-      eventName: "STICKERS",
-      eventPayload: s
-    });
-  };
+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 = {
+        message: {
+          data: {
+            selectedSticker: {
+              id: t.id,
+              name: t.name
+            },
+            effectId: d
+          }
+        },
+        type: "STICKERS"
+      };
+      o(a), e == null || e({
+        eventName: "STICKERS",
+        eventPayload: a
+      });
+    },
+    [e]
+  ), lastPayload: n };
 };
 export {
-  m as useHandleStickerSend
+  k 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 useInClassMessageBroker from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\nimport { useStickers } from '../../stickers-effects/hooks/use-stickers';\n\n/**\n * Custom hook that returns a sticker send handler using the message broker.\n */\nexport const useHandleStickerSend = (studentClassroomId: string) => {\n  const { showSticker } = useStickers();\n\n  const { publish } = useInClassMessageBroker({\n    studentClassroomId,\n  });\n\n  const sendSticker = (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    showSticker(payload);\n\n    publish?.({\n      eventName: 'STICKERS',\n      eventPayload: payload,\n    });\n  };\n\n  return sendSticker;\n};\n"],"names":["useHandleStickerSend","studentClassroomId","showSticker","useStickers","publish","useInClassMessageBroker","sticker","effect","payload"],"mappings":";;AAYa,MAAAA,IAAuB,CAACC,MAA+B;AAC5D,QAAA,EAAE,aAAAC,MAAgBC,KAElB,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAJ;AAAA,EAAA,CACD;AAwBM,SAtBa,CAACK,GAAuBC,MAAqC;AAC/E,UAAMC,IAA4B;AAAA,MAChC,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,iBAAiB;AAAA,YACf,IAAIF,EAAQ;AAAA,YACZ,MAAMA,EAAQ;AAAA,UAChB;AAAA,UACA,UAAUC;AAAA,QACZ;AAAA,MACF;AAAA,MACA,MAAM;AAAA,IAAA;AAGR,IAAAL,EAAYM,CAAO,GAETJ,KAAA,QAAAA,EAAA;AAAA,MACR,WAAW;AAAA,MACX,cAAcI;AAAA,IAAA;AAAA,EACf;AAIL;"}
+{"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;"}

package/dist/index.d.ts

@@ -7090,10 +7090,10 @@ export declare const useGetTestHelpData: (initialId?: string, initialQuery?: voi
     } & Record<string, unknown>) | undefined;
 };
 
-/**
- * Custom hook that returns a sticker send handler using the message broker.
- */
-export declare const useHandleStickerSend: (studentClassroomId: string) => (sticker: IStickerData, effect: TStickerAnimationEffects) => void;
+export declare const useHandleStickerSend: (studentClassroomId: string) => {
+    sendSticker: (sticker: IStickerData, effect: TStickerAnimationEffects) => void;
+    lastPayload: TStickersPayload | null;
+};
 
 export declare const useHomePageJourney: () => {
     homepageRef: RefObject<HTMLDivElement>;

package/package.json

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