@cuemath/leap 3.5.4-mb → 3.5.4-mb-2

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

@@ -0,0 +1,46 @@
+import { useCallback as m } from "react";
+import E from "../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
+import { useUIContext as d } from "../../../ui/context/context.js";
+import { STICKERS_ANALYTICS_EVENT as p } from "../../stickers-analytics-events.js";
+import { useStickers as g } from "../../stickers-effects/hooks/use-stickers.js";
+import { useStickersErrorLogger as k } from "../use-stickers-error-logger.js";
+const u = (t, s) => {
+  const { publish: e } = E({
+    studentClassroomId: t
+  }), { onEvent: c } = d(), n = k(), { showSticker: a } = g();
+  return m(
+    (o, S) => {
+      const i = {
+        classroom_id: t,
+        sticker: o.id,
+        teacherClassroomId: s.teacherClassroomId,
+        triggerType: s.triggerType
+      };
+      try {
+        const r = {
+          message: {
+            data: {
+              selectedSticker: {
+                id: o.id,
+                name: o.name
+              },
+              effectId: S
+            }
+          },
+          type: "STICKERS"
+        };
+        a(r), e == null || e({
+          eventName: "STICKERS",
+          eventPayload: r
+        }), c(p.STICKER_SENT, i);
+      } catch (r) {
+        n(r, { baseEventData: i });
+      }
+    },
+    [n, e, a, t, c]
+  );
+};
+export {
+  u as useHandleStickerSend
+};
+//# sourceMappingURL=use-handle-sticker-send.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../../src/features/stickers/hooks/use-handle-sticker-send/use-handle-sticker-send.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport useInClassMessageBroker from '../../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\nimport { useUIContext } from '../../../ui/context/context';\nimport { STICKERS_ANALYTICS_EVENT } from '../../stickers-analytics-events';\nimport { useStickers } from '../../stickers-effects/hooks/use-stickers';\nimport type { IStickerData, TStickerAnimationEffects, TStickersPayload } from '../../stickers-types';\nimport { useStickersErrorLogger } from '../use-stickers-error-logger';\nimport { TUseStickerSendMetaData } from './use-handle-sticker-send-types';\n\nexport const useHandleStickerSend = (studentClassroomId: string, metaData: TUseStickerSendMetaData) => {\n  const { publish } = useInClassMessageBroker({\n    studentClassroomId,\n  });\n\n  const { onEvent: trackEvent } = useUIContext();\n  const logError = useStickersErrorLogger();\n\n  const { showSticker } = useStickers();\n\n  const sendSticker = useCallback(\n    (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n      const baseEventData = {\n        classroom_id: studentClassroomId,\n        sticker: sticker.id,\n        teacherClassroomId: metaData.teacherClassroomId,\n        triggerType: metaData.triggerType\n      };\n\n      try {\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        trackEvent(STICKERS_ANALYTICS_EVENT.STICKER_SENT, baseEventData);\n      } catch (error) {\n        logError(error, { baseEventData });\n      }\n    },\n    [logError, publish, showSticker, studentClassroomId, trackEvent],\n  );\n\n  return sendSticker;\n};\n"],"names":["useHandleStickerSend","studentClassroomId","metaData","publish","useInClassMessageBroker","trackEvent","useUIContext","logError","useStickersErrorLogger","showSticker","useStickers","useCallback","sticker","effect","baseEventData","payload","STICKERS_ANALYTICS_EVENT","error"],"mappings":";;;;;;AAUa,MAAAA,IAAuB,CAACC,GAA4BC,MAAsC;AAC/F,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAH;AAAA,EAAA,CACD,GAEK,EAAE,SAASI,EAAW,IAAIC,EAAa,GACvCC,IAAWC,KAEX,EAAE,aAAAC,MAAgBC;AAwCjB,SAtCaC;AAAA,IAClB,CAACC,GAAuBC,MAAqC;AAC3D,YAAMC,IAAgB;AAAA,QACpB,cAAcb;AAAA,QACd,SAASW,EAAQ;AAAA,QACjB,oBAAoBV,EAAS;AAAA,QAC7B,aAAaA,EAAS;AAAA,MAAA;AAGpB,UAAA;AACF,cAAMa,IAA4B;AAAA,UAChC,SAAS;AAAA,YACP,MAAM;AAAA,cACJ,iBAAiB;AAAA,gBACf,IAAIH,EAAQ;AAAA,gBACZ,MAAMA,EAAQ;AAAA,cAChB;AAAA,cACA,UAAUC;AAAA,YACZ;AAAA,UACF;AAAA,UACA,MAAM;AAAA,QAAA;AAGR,QAAAJ,EAAYM,CAAO,GAETZ,KAAA,QAAAA,EAAA;AAAA,UACR,WAAW;AAAA,UACX,cAAcY;AAAA,QAAA,IAGLV,EAAAW,EAAyB,cAAcF,CAAa;AAAA,eACxDG,GAAO;AACL,QAAAV,EAAAU,GAAO,EAAE,eAAAH,EAAA,CAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAACP,GAAUJ,GAASM,GAAaR,GAAoBI,CAAU;AAAA,EAAA;AAInE;"}

package/dist/features/stickers/sticker-selector/sticker-selector.js

@@ -1,49 +1,50 @@
 import { jsx as t } from "react/jsx-runtime";
-import { memo as Y, useState as j, useCallback as B, useMemo as G } from "react";
-import H from "../../ui/arrow-tooltip/arrow-tooltip.js";
-import { useHandleStickerSend as K } from "../hooks/use-handle-sticker-send.js";
-import R from "./comps/stiker-selector-grid/sticker-selector-grid.js";
-import { TriggerWrapper as _ } from "./sticker-selector-styled.js";
-const $ = ({
+import { memo as j, useState as B, useCallback as G, useMemo as H } from "react";
+import K from "../../ui/arrow-tooltip/arrow-tooltip.js";
+import { useHandleStickerSend as R } from "../hooks/use-handle-sticker-send/use-handle-sticker-send.js";
+import _ from "./comps/stiker-selector-grid/sticker-selector-grid.js";
+import { TriggerWrapper as $ } from "./sticker-selector-styled.js";
+const q = ({
   triggerNode: d,
   studentClassroomId: c,
   gridConfig: m,
   tooltipConfig: p,
-  visible: f
+  visible: f,
+  metaData: u
 }) => {
   const { columns: e = 4, gap: i = 8, stickerSize: s = 48 } = m, {
-    isAnimated: u,
-    arrowColor: S,
-    arrowSize: C,
-    arrowXCoOrdinates: b,
-    arrowYCoOrdinates: h,
-    backgroundColor: k,
-    borderColor: w,
-    position: T = "bottom",
-    renderAs: g = "primary",
-    textVariant: x,
-    tooltipOffset: O,
-    tooltipXCoOrdinates: y,
-    tooltipYCoOrdinates: E,
-    width: I,
-    widthX: z,
-    zIndex: A,
-    parentWidth: M,
-    isBlocking: X = !1
-  } = p, [o, a] = j(!1), r = K(c), n = B(
-    (F) => {
+    isAnimated: S,
+    arrowColor: C,
+    arrowSize: b,
+    arrowXCoOrdinates: h,
+    arrowYCoOrdinates: k,
+    backgroundColor: w,
+    borderColor: T,
+    position: g = "bottom",
+    renderAs: x = "primary",
+    textVariant: O,
+    tooltipOffset: y,
+    tooltipXCoOrdinates: E,
+    tooltipYCoOrdinates: I,
+    width: z,
+    widthX: A,
+    zIndex: M,
+    parentWidth: X,
+    isBlocking: D = !1
+  } = p, [o, a] = B(!1), r = R(c, u), n = G(
+    (V) => {
       if (o) return;
-      const l = ["burst-from-edges", "pop-expand", "float-up", "fall-down"], V = l[Math.floor(Math.random() * l.length)];
-      r == null || r(F, V), a(!0);
-      const W = setTimeout(() => {
+      const l = ["burst-from-edges", "pop-expand", "float-up", "fall-down"], W = l[Math.floor(Math.random() * l.length)];
+      r == null || r(V, W), a(!0);
+      const Y = setTimeout(() => {
         a(!1);
       }, 5e3);
-      return () => clearTimeout(W);
+      return () => clearTimeout(Y);
     },
     [r, o]
-  ), D = G(
+  ), F = H(
     () => /* @__PURE__ */ t(
-      R,
+      _,
       {
         columns: e,
         gap: i,
@@ -55,34 +56,34 @@ const $ = ({
     [e, i, s, n, o]
   );
   return /* @__PURE__ */ t(
-    H,
+    K,
     {
       alwaysVisible: !0,
       hidden: !f,
-      tooltipItem: D,
-      renderAs: g,
-      position: T,
-      isBlocking: X,
-      isAnimated: u,
-      zIndex: A,
-      width: I,
-      widthX: z,
-      parentWidth: M,
-      backgroundColor: k,
-      borderColor: w,
-      textVariant: x,
-      tooltipOffset: O,
-      arrowColor: S,
-      arrowSize: C,
-      arrowXCoOrdinates: b,
-      arrowYCoOrdinates: h,
-      tooltipXCoOrdinates: y,
-      tooltipYCoOrdinates: E,
-      children: /* @__PURE__ */ t(_, { $disabled: o, children: d })
+      tooltipItem: F,
+      renderAs: x,
+      position: g,
+      isBlocking: D,
+      isAnimated: S,
+      zIndex: M,
+      width: z,
+      widthX: A,
+      parentWidth: X,
+      backgroundColor: w,
+      borderColor: T,
+      textVariant: O,
+      tooltipOffset: y,
+      arrowColor: C,
+      arrowSize: b,
+      arrowXCoOrdinates: h,
+      arrowYCoOrdinates: k,
+      tooltipXCoOrdinates: E,
+      tooltipYCoOrdinates: I,
+      children: /* @__PURE__ */ t($, { $disabled: o, children: d })
     }
   );
-}, Q = Y($);
+}, U = j(q);
 export {
-  Q as default
+  U as default
 };
 //# sourceMappingURL=sticker-selector.js.map

package/dist/features/stickers/sticker-selector/sticker-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticker-selector.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector.tsx"],"sourcesContent":["import { memo, useMemo, useState, useCallback, type FC } from 'react';\n\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport { useHandleStickerSend } from '../hooks/use-handle-sticker-send';\nimport type { IStickerData, TStickerAnimationEffects } from '../stickers-types';\nimport StickerSelectorGrid from './comps/stiker-selector-grid/sticker-selector-grid';\nimport * as Styled from './sticker-selector-styled';\nimport type { IStickerSelectorProps } from './sticker-selector-types';\n\nconst StickerSelector: FC<IStickerSelectorProps> = ({\n  triggerNode,\n  studentClassroomId,\n  gridConfig,\n  tooltipConfig,\n  visible,\n}) => {\n  const { columns = 4, gap = 8, stickerSize = 48 } = gridConfig;\n  const {\n    isAnimated,\n    arrowColor,\n    arrowSize,\n    arrowXCoOrdinates,\n    arrowYCoOrdinates,\n    backgroundColor,\n    borderColor,\n    position = 'bottom',\n    renderAs = 'primary',\n    textVariant,\n    tooltipOffset,\n    tooltipXCoOrdinates,\n    tooltipYCoOrdinates,\n    width,\n    widthX,\n    zIndex,\n    parentWidth,\n    isBlocking = false,\n  } = tooltipConfig;\n\n  const [isTemporarilyDisabled, setIsTemporarilyDisabled] = useState(false);\n\n  const sendSticker = useHandleStickerSend(studentClassroomId);\n\n  const handleStickerSend = useCallback(\n    (sticker: IStickerData) => {\n      if (isTemporarilyDisabled) return;\n\n      const STICKER_EFFECTS = ['burst-from-edges', 'pop-expand', 'float-up', 'fall-down'] as const;\n\n      const randomEffect: TStickerAnimationEffects =\n        STICKER_EFFECTS[Math.floor(Math.random() * STICKER_EFFECTS.length)]!;\n\n      sendSticker?.(sticker, randomEffect);\n      setIsTemporarilyDisabled(true);\n\n      const timeout = setTimeout(() => {\n        setIsTemporarilyDisabled(false);\n      }, 5000);\n\n      return () => clearTimeout(timeout);\n    },\n    [sendSticker, isTemporarilyDisabled],\n  );\n\n  const tooltipItem = useMemo(\n    () => (\n      <StickerSelectorGrid\n        columns={columns}\n        gap={gap}\n        stickerSize={stickerSize}\n        onStickerClick={handleStickerSend}\n        disabled={isTemporarilyDisabled}\n      />\n    ),\n    [columns, gap, stickerSize, handleStickerSend, isTemporarilyDisabled],\n  );\n\n  return (\n    <ArrowTooltip\n      alwaysVisible\n      hidden={!visible}\n      tooltipItem={tooltipItem}\n      renderAs={renderAs}\n      position={position}\n      isBlocking={isBlocking}\n      isAnimated={isAnimated}\n      zIndex={zIndex}\n      width={width}\n      widthX={widthX}\n      parentWidth={parentWidth}\n      backgroundColor={backgroundColor}\n      borderColor={borderColor}\n      textVariant={textVariant}\n      tooltipOffset={tooltipOffset}\n      arrowColor={arrowColor}\n      arrowSize={arrowSize}\n      arrowXCoOrdinates={arrowXCoOrdinates}\n      arrowYCoOrdinates={arrowYCoOrdinates}\n      tooltipXCoOrdinates={tooltipXCoOrdinates}\n      tooltipYCoOrdinates={tooltipYCoOrdinates}\n    >\n      <Styled.TriggerWrapper $disabled={isTemporarilyDisabled}>{triggerNode}</Styled.TriggerWrapper>\n    </ArrowTooltip>\n  );\n};\n\nexport default memo(StickerSelector);\n"],"names":["StickerSelector","triggerNode","studentClassroomId","gridConfig","tooltipConfig","visible","columns","gap","stickerSize","isAnimated","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","position","renderAs","textVariant","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","isBlocking","isTemporarilyDisabled","setIsTemporarilyDisabled","useState","sendSticker","useHandleStickerSend","handleStickerSend","useCallback","sticker","STICKER_EFFECTS","randomEffect","timeout","tooltipItem","useMemo","jsx","StickerSelectorGrid","ArrowTooltip","Styled.TriggerWrapper","stickerSelector","memo"],"mappings":";;;;;;AASA,MAAMA,IAA6C,CAAC;AAAA,EAClD,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,IAAU,GAAG,KAAAC,IAAM,GAAG,aAAAC,IAAc,GAAO,IAAAL,GAC7C;AAAA,IACJ,YAAAM;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EACX,IAAAtB,GAEE,CAACuB,GAAuBC,CAAwB,IAAIC,EAAS,EAAK,GAElEC,IAAcC,EAAqB7B,CAAkB,GAErD8B,IAAoBC;AAAA,IACxB,CAACC,MAA0B;AACzB,UAAIP,EAAuB;AAE3B,YAAMQ,IAAkB,CAAC,oBAAoB,cAAc,YAAY,WAAW,GAE5EC,IACJD,EAAgB,KAAK,MAAM,KAAK,WAAWA,EAAgB,MAAM,CAAC;AAEpE,MAAAL,KAAA,QAAAA,EAAcI,GAASE,IACvBR,EAAyB,EAAI;AAEvB,YAAAS,IAAU,WAAW,MAAM;AAC/B,QAAAT,EAAyB,EAAK;AAAA,SAC7B,GAAI;AAEA,aAAA,MAAM,aAAaS,CAAO;AAAA,IACnC;AAAA,IACA,CAACP,GAAaH,CAAqB;AAAA,EAAA,GAG/BW,IAAcC;AAAA,IAClB,MACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAnC;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAgBwB;AAAA,QAChB,UAAUL;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,CAACrB,GAASC,GAAKC,GAAawB,GAAmBL,CAAqB;AAAA,EAAA;AAIpE,SAAA,gBAAAa;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,QAAQ,CAACrC;AAAA,MACT,aAAAiC;AAAA,MACA,UAAArB;AAAA,MACA,UAAAD;AAAA,MACA,YAAAU;AAAA,MACA,YAAAjB;AAAA,MACA,QAAAe;AAAA,MACA,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,aAAAE;AAAA,MACA,iBAAAX;AAAA,MACA,aAAAC;AAAA,MACA,aAAAG;AAAA,MACA,eAAAC;AAAA,MACA,YAAAT;AAAA,MACA,WAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,qBAAAO;AAAA,MACA,qBAAAC;AAAA,MAEA,4BAACsB,GAAA,EAAsB,WAAWhB,GAAwB,UAAY1B,GAAA;AAAA,IAAA;AAAA,EAAA;AAG5E,GAEe2C,IAAAC,EAAK7C,CAAe;"}
+{"version":3,"file":"sticker-selector.js","sources":["../../../../src/features/stickers/sticker-selector/sticker-selector.tsx"],"sourcesContent":["import { memo, useMemo, useState, useCallback, type FC } from 'react';\n\nimport ArrowTooltip from '../../ui/arrow-tooltip/arrow-tooltip';\nimport { useHandleStickerSend } from '../hooks/use-handle-sticker-send/use-handle-sticker-send';\nimport type { IStickerData, TStickerAnimationEffects } from '../stickers-types';\nimport StickerSelectorGrid from './comps/stiker-selector-grid/sticker-selector-grid';\nimport * as Styled from './sticker-selector-styled';\nimport type { IStickerSelectorProps } from './sticker-selector-types';\n\nconst StickerSelector: FC<IStickerSelectorProps> = ({\n  triggerNode,\n  studentClassroomId,\n  gridConfig,\n  tooltipConfig,\n  visible,\n  metaData,\n}) => {\n  const { columns = 4, gap = 8, stickerSize = 48 } = gridConfig;\n  const {\n    isAnimated,\n    arrowColor,\n    arrowSize,\n    arrowXCoOrdinates,\n    arrowYCoOrdinates,\n    backgroundColor,\n    borderColor,\n    position = 'bottom',\n    renderAs = 'primary',\n    textVariant,\n    tooltipOffset,\n    tooltipXCoOrdinates,\n    tooltipYCoOrdinates,\n    width,\n    widthX,\n    zIndex,\n    parentWidth,\n    isBlocking = false,\n  } = tooltipConfig;\n\n  const [isTemporarilyDisabled, setIsTemporarilyDisabled] = useState(false);\n\n  const sendSticker = useHandleStickerSend(studentClassroomId, metaData);\n\n  const handleStickerSend = useCallback(\n    (sticker: IStickerData) => {\n      if (isTemporarilyDisabled) return;\n\n      const STICKER_EFFECTS = ['burst-from-edges', 'pop-expand', 'float-up', 'fall-down'] as const;\n\n      const randomEffect: TStickerAnimationEffects =\n        STICKER_EFFECTS[Math.floor(Math.random() * STICKER_EFFECTS.length)]!;\n\n      sendSticker?.(sticker, randomEffect);\n      setIsTemporarilyDisabled(true);\n\n      const timeout = setTimeout(() => {\n        setIsTemporarilyDisabled(false);\n      }, 5000);\n\n      return () => clearTimeout(timeout);\n    },\n    [sendSticker, isTemporarilyDisabled],\n  );\n\n  const tooltipItem = useMemo(\n    () => (\n      <StickerSelectorGrid\n        columns={columns}\n        gap={gap}\n        stickerSize={stickerSize}\n        onStickerClick={handleStickerSend}\n        disabled={isTemporarilyDisabled}\n      />\n    ),\n    [columns, gap, stickerSize, handleStickerSend, isTemporarilyDisabled],\n  );\n\n  return (\n    <ArrowTooltip\n      alwaysVisible\n      hidden={!visible}\n      tooltipItem={tooltipItem}\n      renderAs={renderAs}\n      position={position}\n      isBlocking={isBlocking}\n      isAnimated={isAnimated}\n      zIndex={zIndex}\n      width={width}\n      widthX={widthX}\n      parentWidth={parentWidth}\n      backgroundColor={backgroundColor}\n      borderColor={borderColor}\n      textVariant={textVariant}\n      tooltipOffset={tooltipOffset}\n      arrowColor={arrowColor}\n      arrowSize={arrowSize}\n      arrowXCoOrdinates={arrowXCoOrdinates}\n      arrowYCoOrdinates={arrowYCoOrdinates}\n      tooltipXCoOrdinates={tooltipXCoOrdinates}\n      tooltipYCoOrdinates={tooltipYCoOrdinates}\n    >\n      <Styled.TriggerWrapper $disabled={isTemporarilyDisabled}>{triggerNode}</Styled.TriggerWrapper>\n    </ArrowTooltip>\n  );\n};\n\nexport default memo(StickerSelector);\n"],"names":["StickerSelector","triggerNode","studentClassroomId","gridConfig","tooltipConfig","visible","metaData","columns","gap","stickerSize","isAnimated","arrowColor","arrowSize","arrowXCoOrdinates","arrowYCoOrdinates","backgroundColor","borderColor","position","renderAs","textVariant","tooltipOffset","tooltipXCoOrdinates","tooltipYCoOrdinates","width","widthX","zIndex","parentWidth","isBlocking","isTemporarilyDisabled","setIsTemporarilyDisabled","useState","sendSticker","useHandleStickerSend","handleStickerSend","useCallback","sticker","STICKER_EFFECTS","randomEffect","timeout","tooltipItem","useMemo","jsx","StickerSelectorGrid","ArrowTooltip","Styled.TriggerWrapper","stickerSelector","memo"],"mappings":";;;;;;AASA,MAAMA,IAA6C,CAAC;AAAA,EAClD,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,IAAU,GAAG,KAAAC,IAAM,GAAG,aAAAC,IAAc,GAAO,IAAAN,GAC7C;AAAA,IACJ,YAAAO;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,EACX,IAAAvB,GAEE,CAACwB,GAAuBC,CAAwB,IAAIC,EAAS,EAAK,GAElEC,IAAcC,EAAqB9B,GAAoBI,CAAQ,GAE/D2B,IAAoBC;AAAA,IACxB,CAACC,MAA0B;AACzB,UAAIP,EAAuB;AAE3B,YAAMQ,IAAkB,CAAC,oBAAoB,cAAc,YAAY,WAAW,GAE5EC,IACJD,EAAgB,KAAK,MAAM,KAAK,WAAWA,EAAgB,MAAM,CAAC;AAEpE,MAAAL,KAAA,QAAAA,EAAcI,GAASE,IACvBR,EAAyB,EAAI;AAEvB,YAAAS,IAAU,WAAW,MAAM;AAC/B,QAAAT,EAAyB,EAAK;AAAA,SAC7B,GAAI;AAEA,aAAA,MAAM,aAAaS,CAAO;AAAA,IACnC;AAAA,IACA,CAACP,GAAaH,CAAqB;AAAA,EAAA,GAG/BW,IAAcC;AAAA,IAClB,MACE,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAnC;AAAA,QACA,KAAAC;AAAA,QACA,aAAAC;AAAA,QACA,gBAAgBwB;AAAA,QAChB,UAAUL;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,CAACrB,GAASC,GAAKC,GAAawB,GAAmBL,CAAqB;AAAA,EAAA;AAIpE,SAAA,gBAAAa;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,QAAQ,CAACtC;AAAA,MACT,aAAAkC;AAAA,MACA,UAAArB;AAAA,MACA,UAAAD;AAAA,MACA,YAAAU;AAAA,MACA,YAAAjB;AAAA,MACA,QAAAe;AAAA,MACA,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,aAAAE;AAAA,MACA,iBAAAX;AAAA,MACA,aAAAC;AAAA,MACA,aAAAG;AAAA,MACA,eAAAC;AAAA,MACA,YAAAT;AAAA,MACA,WAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,qBAAAO;AAAA,MACA,qBAAAC;AAAA,MAEA,4BAACsB,GAAA,EAAsB,WAAWhB,GAAwB,UAAY3B,GAAA;AAAA,IAAA;AAAA,EAAA;AAG5E,GAEe4C,IAAAC,EAAK9C,CAAe;"}

package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js

@@ -46,25 +46,25 @@ const ot = y(
         N,
         {
           renderAs: "primary",
-          children: /* @__PURE__ */ t(p, { label: "hints", onClick: w, disabled: !d, children: /* @__PURE__ */ n(r, { $alignItems: "center", $justifyContent: "center", ref: E, children: [
-            /* @__PURE__ */ t(j, { width: 32, height: 32, $disabled: !d }),
-            /* @__PURE__ */ t(r, { $gap: 8, $alignItems: "center", children: /* @__PURE__ */ t(P, { width: 24, height: 1, background: "GREY_2" }) })
-          ] }) }),
           tooltipItem: /* @__PURE__ */ t(m, { $renderAs: "ab3", $color: "WHITE", children: "HINT" }),
           position: "left",
           tooltipXCoOrdinates: "32.5%",
-          tooltipYCoOrdinates: "-20%"
+          tooltipYCoOrdinates: "-20%",
+          children: /* @__PURE__ */ t(p, { label: "hints", onClick: w, disabled: !d, children: /* @__PURE__ */ n(r, { $alignItems: "center", $justifyContent: "center", ref: E, children: [
+            /* @__PURE__ */ t(j, { width: 32, height: 32, $disabled: !d }),
+            /* @__PURE__ */ t(r, { $gap: 8, $alignItems: "center", children: /* @__PURE__ */ t(P, { width: 24, height: 1, background: "GREY_2" }) })
+          ] }) })
         }
       ),
       /* @__PURE__ */ t(
         N,
         {
           renderAs: "primary",
-          children: /* @__PURE__ */ t(p, { label: "solution", onClick: R, disabled: !s, children: /* @__PURE__ */ t(r, { $alignItems: "center", $justifyContent: "center", ref: C, children: /* @__PURE__ */ t(x, { width: 32, height: 32, $disabled: !s }) }) }),
           tooltipItem: /* @__PURE__ */ t(m, { $renderAs: "ab3", $color: "WHITE", children: "SOL" }),
           position: "left",
           tooltipXCoOrdinates: "32.5%",
-          tooltipYCoOrdinates: "5%"
+          tooltipYCoOrdinates: "5%",
+          children: /* @__PURE__ */ t(p, { label: "solution", onClick: R, disabled: !s, children: /* @__PURE__ */ t(r, { $alignItems: "center", $justifyContent: "center", ref: C, children: /* @__PURE__ */ t(x, { width: 32, height: 32, $disabled: !s }) }) })
         }
       ),
       e && T && b && /* @__PURE__ */ t(B, { topValue: T, leftValue: b }),

package/dist/features/worksheet/worksheet/worksheet-sidebar/question-guide.js.map

@@ -1 +1 @@
-{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import type { RefObject, FC } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState, useRef } from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\nimport {\n  Section,\n  GuideContainer,\n  CloseIcon,\n  SolIcon,\n  HintIcon,\n  SectionContainer,\n  Guide,\n  Pointer,\n} from './worksheet-sidebar-styled';\n\ntype TSections = 'HINT' | 'SOL';\n\ninterface IQuestionGuideProps extends Pick<IWorksheetProps, 'loggerRef'> {\n  questionWidth: number;\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  learnosity: ILearnosity;\n  actionbarHeight: number;\n  plugins?: IWorksheetProps['plugins'];\n}\n\nconst QuestionGuide: FC<IQuestionGuideProps> = memo(\n  ({\n    questionWidth,\n    questions,\n    activeQuestionIndex,\n    learnosity,\n    actionbarHeight,\n    loggerRef,\n    plugins,\n  }) => {\n    const [activeSection, setActiveSection] = useState<TSections | undefined>();\n    const [pointerPosition, setPointerPosition] = useState({\n      top: 0,\n      left: 0,\n    });\n    const { top, left } = pointerPosition;\n\n    const handleHintClick = useCallback(() => {\n      setActiveSection('HINT');\n      loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    }, [loggerRef]);\n    const handleSolClick = useCallback(() => {\n      setActiveSection('SOL');\n      loggerRef.current(EVENTS.WORKSHEET_V3_SOLUTION_SEEN);\n    }, [loggerRef]);\n    const handleClose = useCallback(() => {\n      setActiveSection(() => undefined);\n    }, []);\n\n    const { hints, solution } = questions[activeQuestionIndex]?.metadata || {};\n\n    const activeSectionData = useMemo(() => {\n      return activeSection === undefined ? undefined : activeSection === 'HINT' ? hints : solution;\n    }, [activeSection, hints, solution]);\n\n    const sqlRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n    const hintRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n\n    const updatePointerPosition = useCallback((ref: RefObject<HTMLDivElement>) => {\n      if (ref.current) {\n        const rect = ref.current.getBoundingClientRect();\n\n        setPointerPosition({\n          top: rect.top + rect.height / 2 - 8,\n          left: rect.right - 78, // 52px (sidebar width) + 16px (gutter) + 10px\n        });\n      }\n    }, []);\n\n    if (activeSection && activeSectionData && learnosity) {\n      learnosity.renderMath('mathjax');\n    }\n\n    useEffect(() => {\n      if (activeSection === 'HINT') {\n        updatePointerPosition(hintRef);\n      } else if (activeSection === 'SOL') {\n        updatePointerPosition(sqlRef);\n      } else if (!activeSectionData) {\n        setActiveSection(undefined);\n      }\n    }, [activeSection, updatePointerPosition, activeSectionData]);\n\n    return (\n      <GuideContainer $background=\"WHITE\">\n        {plugins?.stickers ?? null}\n        <ArrowTooltip\n          renderAs=\"primary\"\n          children={\n            <Clickable label=\"hints\" onClick={handleHintClick} disabled={!hints}>\n              <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={hintRef}>\n                <HintIcon width={32} height={32} $disabled={!hints} />\n                <FlexView $gap={8} $alignItems=\"center\">\n                  <Separator width={24} height={1} background=\"GREY_2\" />\n                </FlexView>\n              </FlexView>\n            </Clickable>\n          }\n          tooltipItem={<Text $renderAs=\"ab3\" $color=\"WHITE\">HINT</Text>}\n          position=\"left\"\n          tooltipXCoOrdinates={'32.5%'}\n          tooltipYCoOrdinates={'-20%'}\n        />\n        <ArrowTooltip\n          renderAs=\"primary\"\n          children={\n            <Clickable label=\"solution\" onClick={handleSolClick} disabled={!solution}>\n              <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={sqlRef}>\n                <SolIcon width={32} height={32} $disabled={!solution} />\n              </FlexView>\n            </Clickable>\n          }\n          tooltipItem={<Text $renderAs=\"ab3\" $color=\"WHITE\">SOL</Text>}\n          position=\"left\"\n          tooltipXCoOrdinates={'32.5%'}\n          tooltipYCoOrdinates={'5%'}\n        />\n        {activeSection && top && left && <Pointer topValue={top} leftValue={left} />}\n        {activeSection && (\n          <SectionContainer\n            $background=\"WHITE\"\n            $questionWidth={questionWidth}\n            $actionbarHeight={actionbarHeight}\n            $borderRadius={10}\n          >\n            <Section\n              $gutterX={1}\n              $gapX={1}\n              $questionWidth={questionWidth}\n              $actionbarHeight={actionbarHeight}\n            >\n              <Clickable label=\"close\" onClick={handleClose}>\n                <CloseIcon />\n              </Clickable>\n              <FlexView $gutterX={0.5}>\n                <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                  {activeSection === 'HINT' ? 'HINTS:' : 'SOLUTION:'}\n                </Text>\n              </FlexView>\n              {activeSectionData &&\n                activeSectionData.map((item, index) => (\n                  <FlexView $gutterX={0.5} $gapX={0.5} key={index.toString()}>\n                    {activeSectionData.length > 1 && (\n                      <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                        {activeSection} {index + 1}:\n                      </Text>\n                    )}\n                    <Guide\n                      dangerouslySetInnerHTML={{\n                        __html: item,\n                      }}\n                    />\n                  </FlexView>\n                ))}\n            </Section>\n          </SectionContainer>\n        )}\n      </GuideContainer>\n    );\n  },\n);\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","plugins","activeSection","setActiveSection","useState","pointerPosition","setPointerPosition","top","left","handleHintClick","useCallback","EVENTS","handleSolClick","handleClose","hints","solution","_a","activeSectionData","useMemo","sqlRef","useRef","hintRef","updatePointerPosition","ref","rect","useEffect","jsxs","GuideContainer","jsx","ArrowTooltip","Clickable","FlexView","HintIcon","Separator","Text","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":"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"}
+{"version":3,"file":"question-guide.js","sources":["../../../../../src/features/worksheet/worksheet/worksheet-sidebar/question-guide.tsx"],"sourcesContent":["import {\n  type RefObject,\n  type FC,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from 'react';\n\nimport ArrowTooltip from '../../../ui/arrow-tooltip/arrow-tooltip';\nimport Clickable from '../../../ui/buttons/clickable/clickable';\nimport FlexView from '../../../ui/layout/flex-view';\nimport Separator from '../../../ui/separator/separator';\nimport Text from '../../../ui/text/text';\nimport EVENTS from '../../constants/events';\nimport type { ILearnosity, IWorksheetProps, IWorksheetQuestion } from '../worksheet-types';\nimport {\n  Section,\n  GuideContainer,\n  CloseIcon,\n  SolIcon,\n  HintIcon,\n  SectionContainer,\n  Guide,\n  Pointer,\n} from './worksheet-sidebar-styled';\n\ntype TSections = 'HINT' | 'SOL';\n\ninterface IQuestionGuideProps extends Pick<IWorksheetProps, 'loggerRef'> {\n  questionWidth: number;\n  questions: IWorksheetQuestion[];\n  activeQuestionIndex: number;\n  learnosity: ILearnosity;\n  actionbarHeight: number;\n  plugins?: IWorksheetProps['plugins'];\n}\n\nconst QuestionGuide: FC<IQuestionGuideProps> = memo(\n  ({\n    questionWidth,\n    questions,\n    activeQuestionIndex,\n    learnosity,\n    actionbarHeight,\n    loggerRef,\n    plugins,\n  }) => {\n    const [activeSection, setActiveSection] = useState<TSections | undefined>();\n    const [pointerPosition, setPointerPosition] = useState({\n      top: 0,\n      left: 0,\n    });\n    const { top, left } = pointerPosition;\n\n    const handleHintClick = useCallback(() => {\n      setActiveSection('HINT');\n      loggerRef.current(EVENTS.WORKSHEET_V3_HINT_SEEN);\n    }, [loggerRef]);\n    const handleSolClick = useCallback(() => {\n      setActiveSection('SOL');\n      loggerRef.current(EVENTS.WORKSHEET_V3_SOLUTION_SEEN);\n    }, [loggerRef]);\n    const handleClose = useCallback(() => {\n      setActiveSection(() => undefined);\n    }, []);\n\n    const { hints, solution } = questions[activeQuestionIndex]?.metadata || {};\n\n    const activeSectionData = useMemo(() => {\n      return activeSection === undefined ? undefined : activeSection === 'HINT' ? hints : solution;\n    }, [activeSection, hints, solution]);\n\n    const sqlRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n    const hintRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement>;\n\n    const updatePointerPosition = useCallback((ref: RefObject<HTMLDivElement>) => {\n      if (ref.current) {\n        const rect = ref.current.getBoundingClientRect();\n\n        setPointerPosition({\n          top: rect.top + rect.height / 2 - 8,\n          left: rect.right - 78, // 52px (sidebar width) + 16px (gutter) + 10px\n        });\n      }\n    }, []);\n\n    if (activeSection && activeSectionData && learnosity) {\n      learnosity.renderMath('mathjax');\n    }\n\n    useEffect(() => {\n      if (activeSection === 'HINT') {\n        updatePointerPosition(hintRef);\n      } else if (activeSection === 'SOL') {\n        updatePointerPosition(sqlRef);\n      } else if (!activeSectionData) {\n        setActiveSection(undefined);\n      }\n    }, [activeSection, updatePointerPosition, activeSectionData]);\n\n    return (\n      <GuideContainer $background=\"WHITE\">\n        {plugins?.stickers ?? null}\n        <ArrowTooltip\n          renderAs=\"primary\"\n          tooltipItem={\n            <Text $renderAs=\"ab3\" $color=\"WHITE\">\n              HINT\n            </Text>\n          }\n          position=\"left\"\n          tooltipXCoOrdinates={'32.5%'}\n          tooltipYCoOrdinates={'-20%'}\n        >\n          <Clickable label=\"hints\" onClick={handleHintClick} disabled={!hints}>\n            <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={hintRef}>\n              <HintIcon width={32} height={32} $disabled={!hints} />\n              <FlexView $gap={8} $alignItems=\"center\">\n                <Separator width={24} height={1} background=\"GREY_2\" />\n              </FlexView>\n            </FlexView>\n          </Clickable>\n        </ArrowTooltip>\n        <ArrowTooltip\n          renderAs=\"primary\"\n          tooltipItem={\n            <Text $renderAs=\"ab3\" $color=\"WHITE\">\n              SOL\n            </Text>\n          }\n          position=\"left\"\n          tooltipXCoOrdinates={'32.5%'}\n          tooltipYCoOrdinates={'5%'}\n        >\n          <Clickable label=\"solution\" onClick={handleSolClick} disabled={!solution}>\n            <FlexView $alignItems=\"center\" $justifyContent=\"center\" ref={sqlRef}>\n              <SolIcon width={32} height={32} $disabled={!solution} />\n            </FlexView>\n          </Clickable>\n        </ArrowTooltip>\n        {activeSection && top && left && <Pointer topValue={top} leftValue={left} />}\n        {activeSection && (\n          <SectionContainer\n            $background=\"WHITE\"\n            $questionWidth={questionWidth}\n            $actionbarHeight={actionbarHeight}\n            $borderRadius={10}\n          >\n            <Section\n              $gutterX={1}\n              $gapX={1}\n              $questionWidth={questionWidth}\n              $actionbarHeight={actionbarHeight}\n            >\n              <Clickable label=\"close\" onClick={handleClose}>\n                <CloseIcon />\n              </Clickable>\n              <FlexView $gutterX={0.5}>\n                <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                  {activeSection === 'HINT' ? 'HINTS:' : 'SOLUTION:'}\n                </Text>\n              </FlexView>\n              {activeSectionData &&\n                activeSectionData.map((item, index) => (\n                  <FlexView $gutterX={0.5} $gapX={0.5} key={index.toString()}>\n                    {activeSectionData.length > 1 && (\n                      <Text $renderAs=\"eyebrow2\" $color=\"ORANGE_5\" $marginBottomX={0.25}>\n                        {activeSection} {index + 1}:\n                      </Text>\n                    )}\n                    <Guide\n                      dangerouslySetInnerHTML={{\n                        __html: item,\n                      }}\n                    />\n                  </FlexView>\n                ))}\n            </Section>\n          </SectionContainer>\n        )}\n      </GuideContainer>\n    );\n  },\n);\n\nexport default QuestionGuide;\n"],"names":["QuestionGuide","memo","questionWidth","questions","activeQuestionIndex","learnosity","actionbarHeight","loggerRef","plugins","activeSection","setActiveSection","useState","pointerPosition","setPointerPosition","top","left","handleHintClick","useCallback","EVENTS","handleSolClick","handleClose","hints","solution","_a","activeSectionData","useMemo","sqlRef","useRef","hintRef","updatePointerPosition","ref","rect","useEffect","jsxs","GuideContainer","jsx","ArrowTooltip","Text","Clickable","FlexView","HintIcon","Separator","SolIcon","Pointer","SectionContainer","Section","CloseIcon","item","index","Guide"],"mappings":";;;;;;;;;AAwCA,MAAMA,KAAyCC;AAAA,EAC7C,CAAC;AAAA,IACC,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,EAAA,MACI;;AACJ,UAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAgC,GACpE,CAACC,GAAiBC,CAAkB,IAAIF,EAAS;AAAA,MACrD,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,GACK,EAAE,KAAAG,GAAK,MAAAC,EAAS,IAAAH,GAEhBI,IAAkBC,EAAY,MAAM;AACxC,MAAAP,EAAiB,MAAM,GACbH,EAAA,QAAQW,EAAO,sBAAsB;AAAA,IAAA,GAC9C,CAACX,CAAS,CAAC,GACRY,IAAiBF,EAAY,MAAM;AACvC,MAAAP,EAAiB,KAAK,GACZH,EAAA,QAAQW,EAAO,0BAA0B;AAAA,IAAA,GAClD,CAACX,CAAS,CAAC,GACRa,IAAcH,EAAY,MAAM;AACpC,MAAAP,EAAiB,MAAA;AAAA,OAAe;AAAA,IAClC,GAAG,CAAE,CAAA,GAEC,EAAE,OAAAW,GAAO,UAAAC,EAAS,MAAIC,IAAApB,EAAUC,CAAmB,MAA7B,gBAAAmB,EAAgC,aAAY,IAElEC,IAAoBC,EAAQ,MACzBhB,MAAkB,SAAY,SAAYA,MAAkB,SAASY,IAAQC,GACnF,CAACb,GAAeY,GAAOC,CAAQ,CAAC,GAE7BI,IAASC,EAAuB,IAAI,GACpCC,IAAUD,EAAuB,IAAI,GAErCE,IAAwBZ,EAAY,CAACa,MAAmC;AAC5E,UAAIA,EAAI,SAAS;AACT,cAAAC,IAAOD,EAAI,QAAQ,sBAAsB;AAE5B,QAAAjB,EAAA;AAAA,UACjB,KAAKkB,EAAK,MAAMA,EAAK,SAAS,IAAI;AAAA,UAClC,MAAMA,EAAK,QAAQ;AAAA;AAAA,QAAA,CACpB;AAAA,MACH;AAAA,IACF,GAAG,CAAE,CAAA;AAED,WAAAtB,KAAiBe,KAAqBnB,KACxCA,EAAW,WAAW,SAAS,GAGjC2B,EAAU,MAAM;AACd,MAAIvB,MAAkB,SACpBoB,EAAsBD,CAAO,IACpBnB,MAAkB,QAC3BoB,EAAsBH,CAAM,IAClBF,KACVd,EAAiB,MAAS;AAAA,IAE3B,GAAA,CAACD,GAAeoB,GAAuBL,CAAiB,CAAC,GAG1D,gBAAAS,EAACC,GAAe,EAAA,aAAY,SACzB,UAAA;AAAA,OAAA1B,KAAA,gBAAAA,EAAS,aAAY;AAAA,MACtB,gBAAA2B;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,aACG,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,QAAO,SAAQ,UAErC,QAAA;AAAA,UAEF,UAAS;AAAA,UACT,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UAErB,4BAACC,GAAU,EAAA,OAAM,SAAQ,SAAStB,GAAiB,UAAU,CAACK,GAC5D,UAAA,gBAAAY,EAACM,KAAS,aAAY,UAAS,iBAAgB,UAAS,KAAKX,GAC3D,UAAA;AAAA,YAAA,gBAAAO,EAACK,KAAS,OAAO,IAAI,QAAQ,IAAI,WAAW,CAACnB,GAAO;AAAA,YACnD,gBAAAc,EAAAI,GAAA,EAAS,MAAM,GAAG,aAAY,UAC7B,UAAA,gBAAAJ,EAACM,GAAU,EAAA,OAAO,IAAI,QAAQ,GAAG,YAAW,SAAS,CAAA,GACvD;AAAA,UAAA,EAAA,CACF,EACF,CAAA;AAAA,QAAA;AAAA,MACF;AAAA,MACA,gBAAAN;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,aACG,gBAAAD,EAAAE,GAAA,EAAK,WAAU,OAAM,QAAO,SAAQ,UAErC,OAAA;AAAA,UAEF,UAAS;AAAA,UACT,qBAAqB;AAAA,UACrB,qBAAqB;AAAA,UAErB,UAAA,gBAAAF,EAACG,GAAU,EAAA,OAAM,YAAW,SAASnB,GAAgB,UAAU,CAACG,GAC9D,UAAC,gBAAAa,EAAAI,GAAA,EAAS,aAAY,UAAS,iBAAgB,UAAS,KAAKb,GAC3D,UAAC,gBAAAS,EAAAO,GAAA,EAAQ,OAAO,IAAI,QAAQ,IAAI,WAAW,CAACpB,EAAU,CAAA,EACxD,CAAA,GACF;AAAA,QAAA;AAAA,MACF;AAAA,MACCb,KAAiBK,KAAOC,KAAQ,gBAAAoB,EAACQ,KAAQ,UAAU7B,GAAK,WAAWC,GAAM;AAAA,MACzEN,KACC,gBAAA0B;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,gBAAgB1C;AAAA,UAChB,kBAAkBI;AAAA,UAClB,eAAe;AAAA,UAEf,UAAA,gBAAA2B;AAAA,YAACY;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,OAAO;AAAA,cACP,gBAAgB3C;AAAA,cAChB,kBAAkBI;AAAA,cAElB,UAAA;AAAA,gBAAA,gBAAA6B,EAACG,KAAU,OAAM,SAAQ,SAASlB,GAChC,UAAA,gBAAAe,EAACW,KAAU,EACb,CAAA;AAAA,kCACCP,GAAS,EAAA,UAAU,KAClB,UAAA,gBAAAJ,EAACE,KAAK,WAAU,YAAW,QAAO,YAAW,gBAAgB,MAC1D,UAAA5B,MAAkB,SAAS,WAAW,YACzC,CAAA,GACF;AAAA,gBACCe,KACCA,EAAkB,IAAI,CAACuB,GAAMC,MAC3B,gBAAAf,EAACM,GAAS,EAAA,UAAU,KAAK,OAAO,KAC7B,UAAA;AAAA,kBAAkBf,EAAA,SAAS,KACzB,gBAAAS,EAAAI,GAAA,EAAK,WAAU,YAAW,QAAO,YAAW,gBAAgB,MAC1D,UAAA;AAAA,oBAAA5B;AAAA,oBAAc;AAAA,oBAAEuC,IAAQ;AAAA,oBAAE;AAAA,kBAAA,GAC7B;AAAA,kBAEF,gBAAAb;AAAA,oBAACc;AAAA,oBAAA;AAAA,sBACC,yBAAyB;AAAA,wBACvB,QAAQF;AAAA,sBACV;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA,KAVwCC,EAAM,SAAS,CAWzD,CACD;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/dist/index.d.ts

@@ -1,39 +1,39 @@
-import type { ButtonHTMLAttributes } from 'react';
-import type { Channel } from '@cuemath/cue-message-broker';
+import { ButtonHTMLAttributes } from 'react';
+import { Channel } from '@cuemath/cue-message-broker';
 import { ChannelStatus } from '@cuemath/cue-message-broker';
 import { ComponentType } from 'react';
-import type { Config } from '@lottiefiles/dotlottie-web';
+import { Config } from '@lottiefiles/dotlottie-web';
 import { Context } from 'react';
-import type { Data } from '@lottiefiles/dotlottie-web';
-import type { DefaultTheme } from 'styled-components';
+import { Data } from '@lottiefiles/dotlottie-web';
+import { DefaultTheme } from 'styled-components';
 import { DetailedHTMLProps } from 'react';
-import type { Dispatch } from 'react';
-import type { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
-import type { EventType } from '@lottiefiles/dotlottie-web';
+import { Dispatch } from 'react';
+import { EventListener as EventListener_2 } from '@lottiefiles/dotlottie-web';
+import { EventType } from '@lottiefiles/dotlottie-web';
 import { FC } from 'react';
-import type { FormEvent } from 'react';
+import { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import type { HTMLProps } from 'react';
+import { HTMLProps } from 'react';
 import { IChannelMessage } from '@cuemath/cue-message-broker';
-import type { IframeHTMLAttributes } from 'react';
-import type { ImgHTMLAttributes } from 'react';
-import type { InputHTMLAttributes } from 'react';
+import { IframeHTMLAttributes } from 'react';
+import { ImgHTMLAttributes } from 'react';
+import { InputHTMLAttributes } from 'react';
 import { IProvidedProps } from 'google-maps-react';
 import { IStyledComponent } from 'styled-components';
 import { JSX } from 'react/jsx-runtime';
 import { MemoExoticComponent } from 'react';
-import type { MutableRefObject } from 'react';
+import { MutableRefObject } from 'react';
 import { NamedExoticComponent } from 'react';
 import { Omit as Omit_2 } from 'google-maps-react';
-import type { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
+import { PLUGIN_NAME } from '@cuemath/analytics-v2/dist/constants';
 import { PropsWithChildren } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 import { ResourceModel } from '@cuemath/rest-api';
-import type { SetStateAction } from 'react';
+import { SetStateAction } from 'react';
 import { Substitute } from 'styled-components/dist/types';
 import { SVGProps } from 'react';
 import { VideoHTMLAttributes } from 'react';
@@ -84,7 +84,7 @@ declare type AnimationSegment = [number, number];
 export declare const AppLoader: FC<IAppLoaderProps>;
 
 export declare const ArcButton: NamedExoticComponent<IArcButtonProps & {
-    children?: ReactNode | undefined;
+children?: ReactNode | undefined;
 } & RefAttributes<HTMLDivElement>>;
 
 export declare const ArrowTooltip: NamedExoticComponent<IArrowTooltipProps>;
@@ -440,7 +440,7 @@ declare interface CueCoinIconProps extends SVGProps<SVGSVGElement> {
     variant?: 'gold' | 'silver';
 }
 
-export declare const CuemathAppFeatures: NamedExoticComponent<{}>;
+export declare const CuemathAppFeatures: NamedExoticComponent<    {}>;
 
 export declare const CuemathLogo: FC<SVGProps<SVGSVGElement>>;
 
@@ -688,7 +688,7 @@ declare enum GENDER {
     OTHER = "OTHER"
 }
 
-export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData;
+export declare const getActiveSATSheet: (sheets: TLPARSheetData[]) => TLPARSheetData | undefined;
 
 declare const getArrowTooltipConfig: IGetArrowTooltipConfig;
 
@@ -3771,7 +3771,8 @@ declare interface IStickerSelectorProps {
     tooltipConfig: Omit<Partial<IArrowTooltipProps>, 'children' | 'tooltipItem' | 'hidden' | 'alwaysVisible'>;
     visible: boolean;
     onToggle: () => void;
-    studentClassroomId?: string;
+    studentClassroomId: string;
+    metaData: TUseStickerSendMetaData;
 }
 
 declare interface IStickersProviderProps {
@@ -5221,7 +5222,7 @@ export declare const OTPInput: NamedExoticComponent<IOTPInputProps>;
 export declare type OutcomeStage = keyof typeof STAGES;
 
 export declare const OverlayLoader: MemoExoticComponent<({ isLoading }: {
-    isLoading?: boolean | undefined;
+isLoading?: boolean | undefined;
 }) => JSX.Element | null>;
 
 export declare const ParentDashboard: MemoExoticComponent<(props: IParentDashboardProps) => JSX.Element>;
@@ -5544,7 +5545,7 @@ export declare const SheetIcon: FC<SVGProps<SVGSVGElement>>;
 export declare const SheetList: FC<ISheetsListProps>;
 
 export declare const SheetLocked: MemoExoticComponent<({ onHomeClick }: {
-    onHomeClick: () => void;
+onHomeClick: () => void;
 }) => JSX.Element>;
 
 export declare const SignUp: ({ mathGymEnrolledUser, circleEnrolledUser, circleOnLeapPremiumDays, circleUsername, countryCode, grade: defaultGrade, state, circleOnLeapPremiumEnabled, studentId, isSignUpProcessing, onCreateUser, onUpdateUser, onSignupStepsComplete, isPLAStudent, }: ISignUpProps) => JSX.Element;
@@ -6891,6 +6892,11 @@ declare type TUserProgram = {
 
 export declare type TUserTypes = 'TEACHER' | 'STUDENT';
 
+declare type TUseStickerSendMetaData = {
+    teacherClassroomId?: string;
+    triggerType?: "worksheet" | "default";
+};
+
 export declare const TutorChangeModal: MemoExoticComponent<() => JSX.Element>;
 
 export declare const Tutorial: ({ src, title, onCross, showProgress, onTutorialPlayedOnce, isJourneyActive, }: ITutorialProps) => JSX.Element;
@@ -7062,8 +7068,8 @@ export declare const useGetMilestoneResources: (initialId?: string, initialQuery
 
 export declare const useGetPastMilestoneCount: (initialId?: string, initialQuery?: void | undefined) => {
     get: (id: string, query: void, meta: TQuery_2) => Promise<void>;
-    resource: ResourceModel<{
-        user_milestones_count: number;
+    resource: ResourceModel<    {
+    user_milestones_count: number;
     }> | undefined;
     data: {
         user_milestones_count: number;
@@ -7124,7 +7130,7 @@ export declare const useGetTestHelpData: (initialId?: string, initialQuery?: voi
     } & Record<string, unknown>) | undefined;
 };
 
-export declare const useHandleStickerSend: (studentClassroomId?: string) => (sticker: IStickerData, effect: TStickerAnimationEffects) => void;
+export declare const useHandleStickerSend: (studentClassroomId: string, metaData: TUseStickerSendMetaData) => (sticker: IStickerData, effect: TStickerAnimationEffects) => void;
 
 export declare const useHomePageJourney: () => {
     homepageRef: RefObject<HTMLDivElement>;

package/dist/index.js

@@ -320,7 +320,7 @@ import { default as Id } from "./features/stickers/stickers-effects/stickers-eff
 import { default as Td } from "./features/stickers/sticker-selector/sticker-selector.js";
 import { StickersProvider as Cd } from "./features/stickers/stickers-effects/context/sticker-provider.js";
 import { useStickers as Ad } from "./features/stickers/stickers-effects/hooks/use-stickers.js";
-import { useHandleStickerSend as hd } from "./features/stickers/hooks/use-handle-sticker-send.js";
+import { useHandleStickerSend as hd } from "./features/stickers/hooks/use-handle-sticker-send/use-handle-sticker-send.js";
 import { useStickersJourney as Rd } from "./features/stickers/hooks/use-stickers-journey/use-stickers-journey.js";
 import { default as kd } from "./features/student-details/student-details.js";
 import { default as Nd } from "./features/utils/load-script.js";

package/package.json

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

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

@@ -1,44 +0,0 @@
-import { useCallback as i } from "react";
-import m from "../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker.js";
-import { useUIContext as E } from "../../ui/context/context.js";
-import { STICKERS_ANALYTICS_EVENT as d } from "../stickers-analytics-events.js";
-import { useStickers as k } from "../stickers-effects/hooks/use-stickers.js";
-import { useStickersErrorLogger as f } from "./use-stickers-error-logger.js";
-const u = (t) => {
-  const { publish: e } = m({
-    studentClassroomId: t
-  }), { onEvent: c } = E(), n = f(), { showSticker: s } = k();
-  return i(
-    (o, S) => {
-      const a = {
-        classroom_id: t,
-        sticker: o.id
-      };
-      try {
-        const r = {
-          message: {
-            data: {
-              selectedSticker: {
-                id: o.id,
-                name: o.name
-              },
-              effectId: S
-            }
-          },
-          type: "STICKERS"
-        };
-        s(r), e == null || e({
-          eventName: "STICKERS",
-          eventPayload: r
-        }), c(d.STICKER_SENT, a);
-      } catch (r) {
-        n(r, { baseEventData: a });
-      }
-    },
-    [n, e, s, t, c]
-  );
-};
-export {
-  u as useHandleStickerSend
-};
-//# sourceMappingURL=use-handle-sticker-send.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-handle-sticker-send.js","sources":["../../../../src/features/stickers/hooks/use-handle-sticker-send.tsx"],"sourcesContent":["import { useCallback } from 'react';\n\nimport useInClassMessageBroker from '../../communication/hooks/use-inclass-message-broker/use-inclass-message-broker';\nimport { useUIContext } from '../../ui/context/context';\nimport { STICKERS_ANALYTICS_EVENT } from '../stickers-analytics-events';\nimport { useStickers } from '../stickers-effects/hooks/use-stickers';\nimport type { IStickerData, TStickerAnimationEffects, TStickersPayload } from '../stickers-types';\nimport { useStickersErrorLogger } from './use-stickers-error-logger';\n\nexport const useHandleStickerSend = (studentClassroomId?: string) => {\n  const { publish } = useInClassMessageBroker({\n    studentClassroomId,\n  });\n\n  const { onEvent: trackEvent } = useUIContext();\n  const logError = useStickersErrorLogger();\n\n  const { showSticker } = useStickers();\n\n  const sendSticker = useCallback(\n    (sticker: IStickerData, effect: TStickerAnimationEffects) => {\n      const baseEventData = {\n        classroom_id: studentClassroomId,\n        sticker: sticker.id,\n      };\n\n      try {\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        trackEvent(STICKERS_ANALYTICS_EVENT.STICKER_SENT, baseEventData);\n      } catch (error) {\n        logError(error, { baseEventData });\n      }\n    },\n    [logError, publish, showSticker, studentClassroomId, trackEvent],\n  );\n\n  return sendSticker;\n};\n"],"names":["useHandleStickerSend","studentClassroomId","publish","useInClassMessageBroker","trackEvent","useUIContext","logError","useStickersErrorLogger","showSticker","useStickers","useCallback","sticker","effect","baseEventData","payload","STICKERS_ANALYTICS_EVENT","error"],"mappings":";;;;;;AASa,MAAAA,IAAuB,CAACC,MAAgC;AAC7D,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAwB;AAAA,IAC1C,oBAAAF;AAAA,EAAA,CACD,GAEK,EAAE,SAASG,EAAW,IAAIC,EAAa,GACvCC,IAAWC,KAEX,EAAE,aAAAC,MAAgBC;AAsCjB,SApCaC;AAAA,IAClB,CAACC,GAAuBC,MAAqC;AAC3D,YAAMC,IAAgB;AAAA,QACpB,cAAcZ;AAAA,QACd,SAASU,EAAQ;AAAA,MAAA;AAGf,UAAA;AACF,cAAMG,IAA4B;AAAA,UAChC,SAAS;AAAA,YACP,MAAM;AAAA,cACJ,iBAAiB;AAAA,gBACf,IAAIH,EAAQ;AAAA,gBACZ,MAAMA,EAAQ;AAAA,cAChB;AAAA,cACA,UAAUC;AAAA,YACZ;AAAA,UACF;AAAA,UACA,MAAM;AAAA,QAAA;AAGR,QAAAJ,EAAYM,CAAO,GAETZ,KAAA,QAAAA,EAAA;AAAA,UACR,WAAW;AAAA,UACX,cAAcY;AAAA,QAAA,IAGLV,EAAAW,EAAyB,cAAcF,CAAa;AAAA,eACxDG,GAAO;AACL,QAAAV,EAAAU,GAAO,EAAE,eAAAH,EAAA,CAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAACP,GAAUJ,GAASM,GAAaP,GAAoBG,CAAU;AAAA,EAAA;AAInE;"}