@cuemath/leap 3.2.17-mb → 3.2.17-pzd-0.1

package/dist/features/circle-games/sign-up/comp/username-input/username-input.js

@@ -1,39 +1,41 @@
 import { jsx as f } from "react/jsx-runtime";
 import { useCallback as l } from "react";
-import { getTheme as g } from "../../../../ui/theme/get-theme.js";
-import { useValidateUsernameDal as h } from "../../dal/validate-username-dal/validate-username-dal.js";
-import { InputWrapper as M } from "../input-wrapper/input-wrapper.js";
-import { USERNAME_MIN_LENGTH as T, ErrorMessage as r, USERNAME_MAX_LENGTH as n } from "./constants.js";
-import { Input as U } from "./username-input-styled.js";
-const D = ({
+import { useTheme as M } from "styled-components";
+import { useValidateUsernameDal as T } from "../../dal/validate-username-dal/validate-username-dal.js";
+import { InputWrapper as U } from "../input-wrapper/input-wrapper.js";
+import { USERNAME_MIN_LENGTH as x, ErrorMessage as r, USERNAME_MAX_LENGTH as n } from "./constants.js";
+import { Input as A } from "./username-input-styled.js";
+const W = ({
   circleUsername: s,
   username: m,
   error: i,
   isEdit: c,
   showSpinner: p,
-  setError: o,
+  setError: a,
   setUsername: u,
-  setShowSpinner: a
+  setShowSpinner: o
 }) => {
-  const E = `Only letters, _ , & digits allowed.
-Upto ${n} characters.`, R = l(
+  const {
+    colors: { RED: R, GREEN_4: g }
+  } = M(), E = `Only letters, _ , & digits allowed.
+Upto ${n} characters.`, d = l(
     (e) => {
       let t = "";
-      a(!1), e ? e.is_valid || (t = r.USERNAME_ALREADY_EXISTS) : t = r.SOMETHING_WENT_WRONG, o(t);
+      o(!1), e ? e.is_valid || (t = r.USERNAME_ALREADY_EXISTS) : t = r.SOMETHING_WENT_WRONG, a(t);
     },
-    [o, a]
-  ), { validateUsernameExists: _ } = h(R), N = l(
+    [a, o]
+  ), { validateUsernameExists: _ } = T(d), N = l(
     (e) => {
-      if (o(""), u(e), !(c && s === e)) {
-        if (e.length < T) {
-          o(r.USERNAME_MIN_LENGTH);
+      if (a(""), u(e), !(c && s === e)) {
+        if (e.length < x) {
+          a(r.USERNAME_MIN_LENGTH);
           return;
         }
-        a(!0), _(e);
+        o(!0), _(e);
       }
     },
-    [s, c, o, a, u, _]
-  ), d = l(
+    [s, c, a, o, u, _]
+  ), h = l(
     (e) => {
       const t = e.target.value;
       !/^[a-z0-9_]*$/.test(t) || t.length > n || N(t);
@@ -41,18 +43,18 @@ Upto ${n} characters.`, R = l(
     [N]
   );
   return /* @__PURE__ */ f(
-    M,
+    U,
     {
       showSpinner: p,
       helperText: m.length >= n ? E : i || E,
       children: /* @__PURE__ */ f(
-        U,
+        A,
         {
           value: m,
-          onChange: d,
+          onChange: h,
           autoFocus: !0,
           placeholder: "loopy_circle",
-          color: i ? g().colors.RED : p ? "" : g().colors.GREEN_4,
+          color: i ? R : p ? "" : g,
           autoCapitalize: "none"
         }
       )
@@ -60,6 +62,6 @@ Upto ${n} characters.`, R = l(
   );
 };
 export {
-  D as UsernameInput
+  W as UsernameInput
 };
 //# sourceMappingURL=username-input.js.map

package/dist/features/circle-games/sign-up/comp/username-input/username-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"username-input.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/username-input/username-input.tsx"],"sourcesContent":["import type { IUsernameAvailabilityData } from '../../api/use-validate-username-api/use-username-availability-get-types';\nimport type { UsernameInputProps } from './username-input.types';\n\nimport { useCallback } from 'react';\n\nimport { getTheme } from '../../../../ui/theme/get-theme';\nimport { useValidateUsernameDal } from '../../dal/validate-username-dal/validate-username-dal';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\nimport { ErrorMessage, USERNAME_MAX_LENGTH, USERNAME_MIN_LENGTH } from './constants';\nimport * as S from './username-input-styled';\n\nexport const UsernameInput = ({\n  circleUsername,\n  username,\n  error,\n  isEdit,\n  showSpinner,\n  setError,\n  setUsername,\n  setShowSpinner,\n}: UsernameInputProps) => {\n  const helperText = `Only letters, _ , & digits allowed.\\nUpto ${USERNAME_MAX_LENGTH} characters.`;\n\n  const handleUsernameValidationResponse = useCallback(\n    (data?: IUsernameAvailabilityData) => {\n      let err = '';\n\n      setShowSpinner(false);\n\n      if (data) {\n        if (!data.is_valid) {\n          err = ErrorMessage.USERNAME_ALREADY_EXISTS;\n        }\n      } else {\n        err = ErrorMessage.SOMETHING_WENT_WRONG;\n      }\n\n      setError(err);\n    },\n    [setError, setShowSpinner],\n  );\n\n  const { validateUsernameExists } = useValidateUsernameDal(handleUsernameValidationResponse);\n\n  const validateUserName = useCallback(\n    (value: string) => {\n      setError('');\n      setUsername(value);\n      if (isEdit && circleUsername === value) return;\n\n      if (value.length < USERNAME_MIN_LENGTH) {\n        setError(ErrorMessage.USERNAME_MIN_LENGTH);\n\n        return;\n      }\n      setShowSpinner(true);\n      validateUsernameExists(value);\n    },\n    [circleUsername, isEdit, setError, setShowSpinner, setUsername, validateUsernameExists],\n  );\n\n  const handleUsernameChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = event.target.value;\n      const usernameRegex = /^[a-z0-9_]*$/; // only letters, numbers and underscore\n\n      if (!usernameRegex.test(value) || value.length > USERNAME_MAX_LENGTH) {\n        return;\n      }\n      validateUserName(value);\n    },\n    [validateUserName],\n  );\n\n  return (\n    <InputWrapper\n      showSpinner={showSpinner}\n      helperText={username.length >= USERNAME_MAX_LENGTH ? helperText : error || helperText}\n    >\n      <S.Input\n        value={username}\n        onChange={handleUsernameChange}\n        autoFocus={true}\n        placeholder={'loopy_circle'}\n        color={error ? getTheme().colors.RED : showSpinner ? '' : getTheme().colors.GREEN_4}\n        autoCapitalize=\"none\"\n      />\n    </InputWrapper>\n  );\n};\n"],"names":["UsernameInput","circleUsername","username","error","isEdit","showSpinner","setError","setUsername","setShowSpinner","helperText","USERNAME_MAX_LENGTH","handleUsernameValidationResponse","useCallback","data","err","ErrorMessage","validateUsernameExists","useValidateUsernameDal","validateUserName","value","USERNAME_MIN_LENGTH","handleUsernameChange","event","jsx","InputWrapper","S.Input","getTheme"],"mappings":";;;;;;;AAWO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,MAA0B;AACxB,QAAMC,IAAa;AAAA,OAA6CC,CAAmB,gBAE7EC,IAAmCC;AAAA,IACvC,CAACC,MAAqC;AACpC,UAAIC,IAAM;AAEV,MAAAN,EAAe,EAAK,GAEhBK,IACGA,EAAK,aACRC,IAAMC,EAAa,2BAGrBD,IAAMC,EAAa,sBAGrBT,EAASQ,CAAG;AAAA,IACd;AAAA,IACA,CAACR,GAAUE,CAAc;AAAA,EAAA,GAGrB,EAAE,wBAAAQ,EAAA,IAA2BC,EAAuBN,CAAgC,GAEpFO,IAAmBN;AAAA,IACvB,CAACO,MAAkB;AAGb,UAFJb,EAAS,EAAE,GACXC,EAAYY,CAAK,GACb,EAAAf,KAAUH,MAAmBkB,IAE7B;AAAA,YAAAA,EAAM,SAASC,GAAqB;AACtC,UAAAd,EAASS,EAAa,mBAAmB;AAEzC;AAAA,QACF;AACA,QAAAP,EAAe,EAAI,GACnBQ,EAAuBG,CAAK;AAAA;AAAA,IAC9B;AAAA,IACA,CAAClB,GAAgBG,GAAQE,GAAUE,GAAgBD,GAAaS,CAAsB;AAAA,EAAA,GAGlFK,IAAuBT;AAAA,IAC3B,CAACU,MAA+C;AACxC,YAAAH,IAAQG,EAAM,OAAO;AAG3B,MAAI,CAFkB,eAEH,KAAKH,CAAK,KAAKA,EAAM,SAAST,KAGjDQ,EAAiBC,CAAK;AAAA,IACxB;AAAA,IACA,CAACD,CAAgB;AAAA,EAAA;AAIjB,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAnB;AAAA,MACA,YAAYH,EAAS,UAAUQ,IAAsBD,IAAaN,KAASM;AAAA,MAE3E,UAAA,gBAAAc;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,OAAOvB;AAAA,UACP,UAAUmB;AAAA,UACV,WAAW;AAAA,UACX,aAAa;AAAA,UACb,OAAOlB,IAAQuB,EAAW,EAAA,OAAO,MAAMrB,IAAc,KAAKqB,IAAW,OAAO;AAAA,UAC5E,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"username-input.js","sources":["../../../../../../src/features/circle-games/sign-up/comp/username-input/username-input.tsx"],"sourcesContent":["import type { IUsernameAvailabilityData } from '../../api/use-validate-username-api/use-username-availability-get-types';\nimport type { UsernameInputProps } from './username-input.types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport { useValidateUsernameDal } from '../../dal/validate-username-dal/validate-username-dal';\nimport { InputWrapper } from '../input-wrapper/input-wrapper';\nimport { ErrorMessage, USERNAME_MAX_LENGTH, USERNAME_MIN_LENGTH } from './constants';\nimport * as S from './username-input-styled';\n\nexport const UsernameInput = ({\n  circleUsername,\n  username,\n  error,\n  isEdit,\n  showSpinner,\n  setError,\n  setUsername,\n  setShowSpinner,\n}: UsernameInputProps) => {\n  const {\n    colors: { RED, GREEN_4 },\n  } = useTheme();\n  const helperText = `Only letters, _ , & digits allowed.\\nUpto ${USERNAME_MAX_LENGTH} characters.`;\n\n  const handleUsernameValidationResponse = useCallback(\n    (data?: IUsernameAvailabilityData) => {\n      let err = '';\n\n      setShowSpinner(false);\n\n      if (data) {\n        if (!data.is_valid) {\n          err = ErrorMessage.USERNAME_ALREADY_EXISTS;\n        }\n      } else {\n        err = ErrorMessage.SOMETHING_WENT_WRONG;\n      }\n\n      setError(err);\n    },\n    [setError, setShowSpinner],\n  );\n\n  const { validateUsernameExists } = useValidateUsernameDal(handleUsernameValidationResponse);\n\n  const validateUserName = useCallback(\n    (value: string) => {\n      setError('');\n      setUsername(value);\n      if (isEdit && circleUsername === value) return;\n\n      if (value.length < USERNAME_MIN_LENGTH) {\n        setError(ErrorMessage.USERNAME_MIN_LENGTH);\n\n        return;\n      }\n      setShowSpinner(true);\n      validateUsernameExists(value);\n    },\n    [circleUsername, isEdit, setError, setShowSpinner, setUsername, validateUsernameExists],\n  );\n\n  const handleUsernameChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = event.target.value;\n      const usernameRegex = /^[a-z0-9_]*$/; // only letters, numbers and underscore\n\n      if (!usernameRegex.test(value) || value.length > USERNAME_MAX_LENGTH) {\n        return;\n      }\n      validateUserName(value);\n    },\n    [validateUserName],\n  );\n\n  return (\n    <InputWrapper\n      showSpinner={showSpinner}\n      helperText={username.length >= USERNAME_MAX_LENGTH ? helperText : error || helperText}\n    >\n      <S.Input\n        value={username}\n        onChange={handleUsernameChange}\n        autoFocus={true}\n        placeholder={'loopy_circle'}\n        color={error ? RED : showSpinner ? '' : GREEN_4}\n        autoCapitalize=\"none\"\n      />\n    </InputWrapper>\n  );\n};\n"],"names":["UsernameInput","circleUsername","username","error","isEdit","showSpinner","setError","setUsername","setShowSpinner","RED","GREEN_4","useTheme","helperText","USERNAME_MAX_LENGTH","handleUsernameValidationResponse","useCallback","data","err","ErrorMessage","validateUsernameExists","useValidateUsernameDal","validateUserName","value","USERNAME_MIN_LENGTH","handleUsernameChange","event","jsx","InputWrapper","S.Input"],"mappings":";;;;;;;AAWO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,QAAQ,EAAE,KAAAC,GAAK,SAAAC,EAAQ;AAAA,MACrBC,EAAS,GACPC,IAAa;AAAA,OAA6CC,CAAmB,gBAE7EC,IAAmCC;AAAA,IACvC,CAACC,MAAqC;AACpC,UAAIC,IAAM;AAEV,MAAAT,EAAe,EAAK,GAEhBQ,IACGA,EAAK,aACRC,IAAMC,EAAa,2BAGrBD,IAAMC,EAAa,sBAGrBZ,EAASW,CAAG;AAAA,IACd;AAAA,IACA,CAACX,GAAUE,CAAc;AAAA,EAAA,GAGrB,EAAE,wBAAAW,EAAA,IAA2BC,EAAuBN,CAAgC,GAEpFO,IAAmBN;AAAA,IACvB,CAACO,MAAkB;AAGb,UAFJhB,EAAS,EAAE,GACXC,EAAYe,CAAK,GACb,EAAAlB,KAAUH,MAAmBqB,IAE7B;AAAA,YAAAA,EAAM,SAASC,GAAqB;AACtC,UAAAjB,EAASY,EAAa,mBAAmB;AAEzC;AAAA,QACF;AACA,QAAAV,EAAe,EAAI,GACnBW,EAAuBG,CAAK;AAAA;AAAA,IAC9B;AAAA,IACA,CAACrB,GAAgBG,GAAQE,GAAUE,GAAgBD,GAAaY,CAAsB;AAAA,EAAA,GAGlFK,IAAuBT;AAAA,IAC3B,CAACU,MAA+C;AACxC,YAAAH,IAAQG,EAAM,OAAO;AAG3B,MAAI,CAFkB,eAEH,KAAKH,CAAK,KAAKA,EAAM,SAAST,KAGjDQ,EAAiBC,CAAK;AAAA,IACxB;AAAA,IACA,CAACD,CAAgB;AAAA,EAAA;AAIjB,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAAtB;AAAA,MACA,YAAYH,EAAS,UAAUW,IAAsBD,IAAaT,KAASS;AAAA,MAE3E,UAAA,gBAAAc;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,OAAO1B;AAAA,UACP,UAAUsB;AAAA,UACV,WAAW;AAAA,UACX,aAAa;AAAA,UACb,OAAOrB,IAAQM,IAAMJ,IAAc,KAAKK;AAAA,UACxC,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/features/circle-games/sign-up/constants.js

@@ -1,5 +1,7 @@
 import { State as e } from "./sign-up-types.js";
 const h = [e.ACTIVE, e.PAUSED, e.PAID], i = [e.TRIAL, e.DEMO], p = [
+  { label: "KG", key: "0" },
+  { label: "1", key: "1", sup: "st" },
   { label: "2", key: "2", sup: "nd" },
   { label: "3", key: "3", sup: "rd" },
   { label: "4", key: "4", sup: "th" },
@@ -11,7 +13,7 @@ const h = [e.ACTIVE, e.PAUSED, e.PAID], i = [e.TRIAL, e.DEMO], p = [
   { label: "10", key: "10", sup: "th" },
   { label: "11", key: "11", sup: "th" },
   { label: "12", key: "12", sup: "th" }
-], t = 440, s = 640, n = window.innerWidth / t, a = window.innerHeight / s, l = Math.min(n, a), u = Math.min(s * l, s), b = Math.min(t * l, t);
+], t = 440, s = 640, a = window.innerWidth / t, n = window.innerHeight / s, l = Math.min(a, n), u = Math.min(s * l, s), b = Math.min(t * l, t);
 export {
   s as ACTUAL_HEIGHT,
   t as ACTUAL_WIDTH,

package/dist/features/circle-games/sign-up/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/circle-games/sign-up/constants.ts"],"sourcesContent":["import type { Grade } from './comp/grade-input/grade-input-types';\n\nimport { State } from './sign-up-types';\n\nexport const userIsEnrolledCases = [State.ACTIVE, State.PAUSED, State.PAID];\nexport const userIsOnTrialCases = [State.TRIAL, State.DEMO];\n\nexport const GRADES: Grade[] = [\n  { label: '2', key: '2', sup: 'nd' },\n  { label: '3', key: '3', sup: 'rd' },\n  { label: '4', key: '4', sup: 'th' },\n  { label: '5', key: '5', sup: 'th' },\n  { label: '6', key: '6', sup: 'th' },\n  { label: '7', key: '7', sup: 'th' },\n  { label: '8', key: '8', sup: 'th' },\n  { label: '9', key: '9', sup: 'th' },\n  { label: '10', key: '10', sup: 'th' },\n  { label: '11', key: '11', sup: 'th' },\n  { label: '12', key: '12', sup: 'th' },\n];\n\nexport const MIN_HEIGHT_TO_SUPPORT = 540;\nexport const ACTUAL_WIDTH = 440;\nexport const ACTUAL_HEIGHT = 640;\n\nconst widthRatio = window.innerWidth / ACTUAL_WIDTH;\nconst heightRatio = window.innerHeight / ACTUAL_HEIGHT;\nconst ratio = Math.min(widthRatio, heightRatio);\n\nexport const CONTAINER_HEIGHT = Math.min(ACTUAL_HEIGHT * ratio, ACTUAL_HEIGHT);\nexport const CONTAINER_WIDTH = Math.min(ACTUAL_WIDTH * ratio, ACTUAL_WIDTH);\n"],"names":["userIsEnrolledCases","State","userIsOnTrialCases","GRADES","ACTUAL_WIDTH","ACTUAL_HEIGHT","widthRatio","heightRatio","ratio","CONTAINER_HEIGHT","CONTAINER_WIDTH"],"mappings":";AAIO,MAAMA,IAAsB,CAACC,EAAM,QAAQA,EAAM,QAAQA,EAAM,IAAI,GAC7DC,IAAqB,CAACD,EAAM,OAAOA,EAAM,IAAI,GAE7CE,IAAkB;AAAA,EAC7B,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AACtC,GAGaC,IAAe,KACfC,IAAgB,KAEvBC,IAAa,OAAO,aAAaF,GACjCG,IAAc,OAAO,cAAcF,GACnCG,IAAQ,KAAK,IAAIF,GAAYC,CAAW,GAEjCE,IAAmB,KAAK,IAAIJ,IAAgBG,GAAOH,CAAa,GAChEK,IAAkB,KAAK,IAAIN,IAAeI,GAAOJ,CAAY;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/circle-games/sign-up/constants.ts"],"sourcesContent":["import type { Grade } from './comp/grade-input/grade-input-types';\n\nimport { State } from './sign-up-types';\n\nexport const userIsEnrolledCases = [State.ACTIVE, State.PAUSED, State.PAID];\nexport const userIsOnTrialCases = [State.TRIAL, State.DEMO];\n\nexport const GRADES: Grade[] = [\n  { label: 'KG', key: '0' },\n  { label: '1', key: '1', sup: 'st' },\n  { label: '2', key: '2', sup: 'nd' },\n  { label: '3', key: '3', sup: 'rd' },\n  { label: '4', key: '4', sup: 'th' },\n  { label: '5', key: '5', sup: 'th' },\n  { label: '6', key: '6', sup: 'th' },\n  { label: '7', key: '7', sup: 'th' },\n  { label: '8', key: '8', sup: 'th' },\n  { label: '9', key: '9', sup: 'th' },\n  { label: '10', key: '10', sup: 'th' },\n  { label: '11', key: '11', sup: 'th' },\n  { label: '12', key: '12', sup: 'th' },\n];\n\nexport const MIN_HEIGHT_TO_SUPPORT = 540;\nexport const ACTUAL_WIDTH = 440;\nexport const ACTUAL_HEIGHT = 640;\n\nconst widthRatio = window.innerWidth / ACTUAL_WIDTH;\nconst heightRatio = window.innerHeight / ACTUAL_HEIGHT;\nconst ratio = Math.min(widthRatio, heightRatio);\n\nexport const CONTAINER_HEIGHT = Math.min(ACTUAL_HEIGHT * ratio, ACTUAL_HEIGHT);\nexport const CONTAINER_WIDTH = Math.min(ACTUAL_WIDTH * ratio, ACTUAL_WIDTH);\n"],"names":["userIsEnrolledCases","State","userIsOnTrialCases","GRADES","ACTUAL_WIDTH","ACTUAL_HEIGHT","widthRatio","heightRatio","ratio","CONTAINER_HEIGHT","CONTAINER_WIDTH"],"mappings":";AAIO,MAAMA,IAAsB,CAACC,EAAM,QAAQA,EAAM,QAAQA,EAAM,IAAI,GAC7DC,IAAqB,CAACD,EAAM,OAAOA,EAAM,IAAI,GAE7CE,IAAkB;AAAA,EAC7B,EAAE,OAAO,MAAM,KAAK,IAAI;AAAA,EACxB,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,KAAK,KAAK,KAAK,KAAK,KAAK;AAAA,EAClC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AAAA,EACpC,EAAE,OAAO,MAAM,KAAK,MAAM,KAAK,KAAK;AACtC,GAGaC,IAAe,KACfC,IAAgB,KAEvBC,IAAa,OAAO,aAAaF,GACjCG,IAAc,OAAO,cAAcF,GACnCG,IAAQ,KAAK,IAAIF,GAAYC,CAAW,GAEjCE,IAAmB,KAAK,IAAIJ,IAAgBG,GAAOH,CAAa,GAChEK,IAAkB,KAAK,IAAIN,IAAeI,GAAOJ,CAAY;"}

package/dist/features/communication/pub-sub/constants.js

@@ -12,12 +12,12 @@ const E = {
   SHEET_UNASSIGNED: "SHEET_UNASSIGNED",
   SHEET_REATTEMPTED: "SHEET_REATTEMPTED",
   INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION: "INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION"
-}, T = {
+}, S = {
   GOAL_CREATED: "GOAL_CREATED",
   GOAL_EDITED: "GOAL_EDITED",
   GOAL_DELETED: "GOAL_DELETED",
   GOAL_OUTCOME_ADDED: "GOAL_OUTCOME_ADDED"
-}, S = {
+}, _ = {
   MILESTONE_NAME_UPDATED: "MILESTONE_NAME_UPDATED",
   MILESTONE_DATE_UPDATED: "MILESTONE_DATE_UPDATED",
   MILESTONE_DELETED: "MILESTONE_DELETED",
@@ -27,16 +27,19 @@ const E = {
   MILESTONE_RESOURCE_RESET: "MILESTONE_RESOURCE_RESET",
   PAST_MILESTONE_OUTCOME_ADDED: "PAST_MILESTONE_OUTCOME_ADDED",
   MILESTONE_TEST_ASSIGNED: "MILESTONE_TEST_ASSIGNED"
-}, _ = {
+}, T = {
   HOMEWORK_UNASSIGN: "HOMEWORK_UNASSIGN",
   INVALIDATE_HOMEWORK: "INVALIDATE_HOMEWORK"
 }, A = {
+  PUZZLE_ASSIGNED: "PUZZLE_ASSIGNED",
+  PUZZLE_UNASSIGNED: "PUZZLE_UNASSIGNED",
+  PUZZLE_REVIEWED: "PUZZLE_REVIEWED",
   PUZZLE_FEEDBACK_CELEBRATION: "PUZZLE_FEEDBACK_CELEBRATION"
 }, D = {
   ...E,
+  ..._,
   ...S,
   ...T,
-  ..._,
   ...A
 };
 export {

package/dist/features/communication/pub-sub/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_MARKED_AS_REVIEWED: 'SHEET_MARKED_AS_REVIEWED',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_SUBMITTED: 'SHEET_SUBMITTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n  SHEET_REATTEMPTED: 'SHEET_REATTEMPTED',\n  INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION: 'INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst HOMEWORK_EVENTS = {\n  HOMEWORK_UNASSIGN: 'HOMEWORK_UNASSIGN',\n  INVALIDATE_HOMEWORK: 'INVALIDATE_HOMEWORK',\n} as const;\n\nconst PUZZLE_EVENTS = {\n  PUZZLE_FEEDBACK_CELEBRATION: 'PUZZLE_FEEDBACK_CELEBRATION',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n  ...HOMEWORK_EVENTS,\n  ...PUZZLE_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","HOMEWORK_EVENTS","PUZZLE_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,+CAA+C;AACjD,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAkB;AAAA,EACtB,mBAAmB;AAAA,EACnB,qBAAqB;AACvB,GAEMC,IAAgB;AAAA,EACpB,6BAA6B;AAC/B,GAEMC,IAAS;AAAA,EACb,GAAGL;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AAAA,EACH,GAAGE;AAAA,EACH,GAAGC;AACL;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/features/communication/pub-sub/constants.ts"],"sourcesContent":["const CHAPTER_SHEET_EVENTS = {\n  CHAPTER_UPDATED: 'CHAPTER_UPDATED',\n  LESSONS_MARKED_AS_FAMILIAR: 'LESSONS_MARKED_AS_FAMILIAR',\n  LESSONS_MARKED_AS_IRRELEVANT: 'LESSONS_MARKED_AS_IRRELEVANT',\n  LESSONS_PROGRESS_RESET: 'LESSONS_PROGRESS_RESET',\n  UNLOCK_SHEETS: 'UNLOCK_SHEETS',\n  EXTRA_PRACTICE_ASSIGNED: 'EXTRA_PRACTICE_ASSIGNED',\n  CHANGE_LOCATION: 'CHANGE_LOCATION',\n  SHEET_MARKED_AS_REVIEWED: 'SHEET_MARKED_AS_REVIEWED',\n  SHEET_STARTED: 'SHEET_STARTED',\n  SHEET_SUBMITTED: 'SHEET_SUBMITTED',\n  SHEET_UNASSIGNED: 'SHEET_UNASSIGNED',\n  SHEET_REATTEMPTED: 'SHEET_REATTEMPTED',\n  INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION: 'INVALIDATE_CHAPTER_ON_CHANGE_ATTEMPT_LOCATION',\n} as const;\n\nconst GOAL_EVENTS = {\n  GOAL_CREATED: 'GOAL_CREATED',\n  GOAL_EDITED: 'GOAL_EDITED',\n  GOAL_DELETED: 'GOAL_DELETED',\n  GOAL_OUTCOME_ADDED: 'GOAL_OUTCOME_ADDED',\n} as const;\n\nconst MILESTONE_EVENTS = {\n  MILESTONE_NAME_UPDATED: 'MILESTONE_NAME_UPDATED',\n  MILESTONE_DATE_UPDATED: 'MILESTONE_DATE_UPDATED',\n  MILESTONE_DELETED: 'MILESTONE_DELETED',\n  MILESTONE_EDITED: 'MILESTONE_EDITED',\n  MILESTONE_RESOURCE_ASSIGNED: 'MILESTONE_RESOURCE_ASSIGNED',\n  MILESTONE_RESOURCE_UNASSIGNED: 'MILESTONE_RESOURCE_UNASSIGNED',\n  MILESTONE_RESOURCE_RESET: 'MILESTONE_RESOURCE_RESET',\n  PAST_MILESTONE_OUTCOME_ADDED: 'PAST_MILESTONE_OUTCOME_ADDED',\n  MILESTONE_TEST_ASSIGNED: 'MILESTONE_TEST_ASSIGNED',\n} as const;\n\nconst HOMEWORK_EVENTS = {\n  HOMEWORK_UNASSIGN: 'HOMEWORK_UNASSIGN',\n  INVALIDATE_HOMEWORK: 'INVALIDATE_HOMEWORK',\n} as const;\n\nconst PUZZLE_EVENTS = {\n  PUZZLE_ASSIGNED: 'PUZZLE_ASSIGNED',\n  PUZZLE_UNASSIGNED: 'PUZZLE_UNASSIGNED',\n  PUZZLE_REVIEWED: 'PUZZLE_REVIEWED',\n  PUZZLE_FEEDBACK_CELEBRATION: 'PUZZLE_FEEDBACK_CELEBRATION',\n} as const;\n\nconst EVENTS = {\n  ...CHAPTER_SHEET_EVENTS,\n  ...MILESTONE_EVENTS,\n  ...GOAL_EVENTS,\n  ...HOMEWORK_EVENTS,\n  ...PUZZLE_EVENTS,\n};\n\nexport { EVENTS };\n"],"names":["CHAPTER_SHEET_EVENTS","GOAL_EVENTS","MILESTONE_EVENTS","HOMEWORK_EVENTS","PUZZLE_EVENTS","EVENTS"],"mappings":"AAAA,MAAMA,IAAuB;AAAA,EAC3B,iBAAiB;AAAA,EACjB,4BAA4B;AAAA,EAC5B,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,iBAAiB;AAAA,EACjB,0BAA0B;AAAA,EAC1B,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,+CAA+C;AACjD,GAEMC,IAAc;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB;AACtB,GAEMC,IAAmB;AAAA,EACvB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,+BAA+B;AAAA,EAC/B,0BAA0B;AAAA,EAC1B,8BAA8B;AAAA,EAC9B,yBAAyB;AAC3B,GAEMC,IAAkB;AAAA,EACtB,mBAAmB;AAAA,EACnB,qBAAqB;AACvB,GAEMC,IAAgB;AAAA,EACpB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,6BAA6B;AAC/B,GAEMC,IAAS;AAAA,EACb,GAAGL;AAAA,EACH,GAAGE;AAAA,EACH,GAAGD;AAAA,EACH,GAAGE;AAAA,EACH,GAAGC;AACL;"}

package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js

@@ -1,72 +1,72 @@
-import { useMessageBrokerChannel as W } from "@cuemath/cue-message-broker";
-import { useMemo as m, useState as $, useRef as j, useCallback as f } from "react";
-const C = (e) => ({
+import { useMessageBrokerChannel as $ } from "@cuemath/cue-message-broker";
+import { useMemo as C, useState as j, useRef as z, useCallback as f } from "react";
+const M = (e) => ({
   userId: e.userId,
   data: e.data,
   height: e.height,
   responseId: e.responseId
-}), z = (e) => {
-  var i, r;
+}), A = (e) => {
+  var a, i;
   const n = {};
   if (!e) return n;
   for (const { message: u } of e) {
-    const t = (i = u.payload) == null ? void 0 : i.eventPayload, a = t == null ? void 0 : t.responseId;
+    const t = (a = u.payload) == null ? void 0 : a.eventPayload, r = t == null ? void 0 : t.responseId;
     if (!(t != null && t.responseId)) continue;
-    const o = C(t);
-    a && n[a] ? (r = n[a]) == null || r.push(o) : n[a] = [o];
+    const c = M(t);
+    r && n[r] ? (i = n[r]) == null || i.push(c) : n[r] = [c];
   }
   return n;
-}, A = (e, n, i, r = "canvas") => {
-  const u = m(
-    () => z(i),
-    [i]
-  ), [t, a] = $(void 0), o = j({}), M = m(
+}, E = (e, n, a, i = "canvas") => {
+  const u = C(
+    () => A(a),
+    [a]
+  ), [t, r] = j(void 0), c = z({}), g = i === "canvas" || e.includes("practice") ? 0 : 24, S = C(
     () => ({
       channelId: e,
-      ttl: r === "canvas" ? 0 : 24,
+      ttl: g,
       logger: n
     }),
-    [e, n, r]
-  ), S = f((k, l) => {
-    o.current = { ...o.current, [k]: l };
-  }, []), b = f(
+    [e, n, g]
+  ), b = f((k, l) => {
+    c.current = { ...c.current, [k]: l };
+  }, []), D = f(
     (k, l) => {
       const h = u;
-      k.forEach((x) => {
+      k.forEach((F) => {
         var I;
-        const { payload: F } = x.message, { eventPayload: s } = F, c = s == null ? void 0 : s.responseId, O = s == null ? void 0 : s.data, v = s == null ? void 0 : s.userId, H = s == null ? void 0 : s.height, g = o.current[c];
-        if (!l && g)
-          g({
-            data: O,
-            height: H,
-            userId: v,
-            responseId: c
+        const { payload: O } = F.message, { eventPayload: s } = O, o = s == null ? void 0 : s.responseId, v = s == null ? void 0 : s.data, H = s == null ? void 0 : s.userId, W = s == null ? void 0 : s.height, p = c.current[o];
+        if (!l && p)
+          p({
+            data: v,
+            height: W,
+            userId: H,
+            responseId: o
           });
         else {
-          const p = C(s);
-          c && h[c] ? (I = h[c]) == null || I.push(p) : h[c] = [p];
+          const m = M(s);
+          o && h[o] ? (I = h[o]) == null || I.push(m) : h[o] = [m];
         }
-      }), a(h);
+      }), r(h);
     },
     [u]
-  ), { publish: D, channelStatus: R, channel: d, channelMetadata: q, setChannelMetadata: B } = W({
-    channelOptions: M,
-    consumerFn: b,
-    metadataRequired: r === "whiteboard"
-  }), w = f(() => {
+  ), { publish: R, channelStatus: q, channel: d, channelMetadata: B, setChannelMetadata: w } = $({
+    channelOptions: S,
+    consumerFn: D,
+    metadataRequired: i === "whiteboard"
+  }), x = f(() => {
     d && d.destroyChannel();
   }, [d]);
   return {
-    publishStrokes: D,
-    channelStatus: R,
-    closeChannel: w,
+    publishStrokes: R,
+    channelStatus: q,
+    closeChannel: x,
     initialStrokesData: t,
-    registerCallback: S,
-    setChannelMetadata: B,
-    channelMetadata: q
+    registerCallback: b,
+    setChannelMetadata: w,
+    channelMetadata: B
   };
-}, J = A;
+}, K = E;
 export {
-  J as default
+  K as default
 };
 //# sourceMappingURL=use-canvas-sync-broker.js.map

package/dist/features/cue-canvas/hooks/use-canvas-sync-broker.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type {\n  IActionData,\n  ICanvasUpdateConfig,\n  IPublishData,\n  TCueCanvasChangeDataObject,\n  TRenderAs,\n} from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    responseId: string;\n    data: TCueCanvasChangeDataObject;\n    userId: string;\n    height: number;\n  };\n}\n\nconst extractStrokeData = (payload: IMessage['eventPayload']): IActionData => ({\n  userId: payload.userId,\n  data: payload.data,\n  height: payload.height,\n  responseId: payload.responseId,\n});\n\nconst getCanvasDataFromInitialData = (\n  initialCanvasData: Array<IChannelMessage> | undefined,\n): Record<string, IActionData[]> => {\n  const map: Record<string, IActionData[]> = {};\n\n  if (!initialCanvasData) return map;\n\n  for (const { message } of initialCanvasData) {\n    const payload = (message.payload as IMessage)?.eventPayload;\n    const qrId = payload?.responseId;\n\n    if (!payload?.responseId) continue;\n\n    const strokeData = extractStrokeData(payload);\n\n    if (qrId && map[qrId]) {\n      map[qrId]?.push(strokeData);\n    } else {\n      map[qrId] = [strokeData];\n    }\n  }\n\n  return map;\n};\n\nconst useCanvasSyncBroker = (\n  channelId: string,\n  logEvent: (type: string, payload?: Record<string, unknown>) => void,\n  initialCanvasData?: Array<IChannelMessage>,\n  type: TRenderAs = 'canvas',\n) => {\n  const initialCanvasDataMap = useMemo(\n    () => getCanvasDataFromInitialData(initialCanvasData),\n    [initialCanvasData],\n  );\n  const [initialStrokesData, setInitialStrokesData] = useState<\n    Record<string, IActionData[]> | undefined\n  >(undefined);\n  const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: type === 'canvas' ? 0 : 24,\n      logger: logEvent,\n    }),\n    [channelId, logEvent, type],\n  );\n\n  const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n  }, []);\n\n  const onMessageReceive = useCallback(\n    (messages: Array<IChannelMessage>, initialData?: boolean) => {\n      const strokesPerWidgetMap: Record<string, Array<IActionData>> = initialCanvasDataMap;\n\n      messages.forEach(message => {\n        const { payload } = message.message;\n        const { eventPayload } = payload as IMessage;\n        const qrId = eventPayload?.responseId as string;\n        const strokes = eventPayload?.data;\n        const userId = eventPayload?.userId;\n        const canvasHeight = eventPayload?.height;\n        const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n        if (!initialData && widgetOnReceiveCallback) {\n          widgetOnReceiveCallback({\n            data: strokes,\n            height: canvasHeight,\n            userId,\n            responseId: qrId,\n          });\n        } else {\n          const strokeData = extractStrokeData(eventPayload);\n\n          if (qrId && strokesPerWidgetMap[qrId]) {\n            strokesPerWidgetMap[qrId]?.push(strokeData);\n          } else {\n            strokesPerWidgetMap[qrId] = [strokeData];\n          }\n        }\n      });\n      setInitialStrokesData(strokesPerWidgetMap);\n    },\n    [initialCanvasDataMap],\n  );\n\n  const { publish, channelStatus, channel, channelMetadata, setChannelMetadata } =\n    useMessageBrokerChannel<IPublishData, ICanvasUpdateConfig>({\n      channelOptions,\n      consumerFn: onMessageReceive,\n      metadataRequired: type === 'whiteboard',\n    });\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.destroyChannel();\n    }\n  }, [channel]);\n\n  return {\n    publishStrokes: publish,\n    channelStatus,\n    closeChannel,\n    initialStrokesData,\n    registerCallback,\n    setChannelMetadata,\n    channelMetadata,\n  };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["extractStrokeData","payload","getCanvasDataFromInitialData","initialCanvasData","map","message","_a","qrId","strokeData","_b","useCanvasSyncBroker","channelId","logEvent","type","initialCanvasDataMap","useMemo","initialStrokesData","setInitialStrokesData","useState","callbacksMapRef","useRef","channelOptions","registerCallback","useCallback","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","publish","channelStatus","channel","channelMetadata","setChannelMetadata","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":";;AAqBA,MAAMA,IAAoB,CAACC,OAAoD;AAAA,EAC7E,QAAQA,EAAQ;AAAA,EAChB,MAAMA,EAAQ;AAAA,EACd,QAAQA,EAAQ;AAAA,EAChB,YAAYA,EAAQ;AACtB,IAEMC,IAA+B,CACnCC,MACkC;;AAClC,QAAMC,IAAqC,CAAA;AAEvC,MAAA,CAACD,EAA0B,QAAAC;AAEpB,aAAA,EAAE,SAAAC,EAAQ,KAAKF,GAAmB;AACrC,UAAAF,KAAWK,IAAAD,EAAQ,YAAR,gBAAAC,EAA8B,cACzCC,IAAON,KAAA,gBAAAA,EAAS;AAElB,QAAA,EAACA,KAAA,QAAAA,EAAS,YAAY;AAEpB,UAAAO,IAAaR,EAAkBC,CAAO;AAExC,IAAAM,KAAQH,EAAIG,CAAI,KACdE,IAAAL,EAAAG,CAAI,MAAJ,QAAAE,EAAO,KAAKD,KAEZJ,EAAAG,CAAI,IAAI,CAACC,CAAU;AAAA,EAE3B;AAEO,SAAAJ;AACT,GAEMM,IAAsB,CAC1BC,GACAC,GACAT,GACAU,IAAkB,aACf;AACH,QAAMC,IAAuBC;AAAA,IAC3B,MAAMb,EAA6BC,CAAiB;AAAA,IACpD,CAACA,CAAiB;AAAA,EAAA,GAEd,CAACa,GAAoBC,CAAqB,IAAIC,EAElD,MAAS,GACLC,IAAkBC,EAAoD,CAAA,CAAE,GAExEC,IAAiBN;AAAA,IACrB,OAAO;AAAA,MACL,WAAAJ;AAAA,MACA,KAAKE,MAAS,WAAW,IAAI;AAAA,MAC7B,QAAQD;AAAA,IAAA;AAAA,IAEV,CAACD,GAAWC,GAAUC,CAAI;AAAA,EAAA,GAGtBS,IAAmBC,EAAY,CAAChB,GAAciB,MAAoC;AACtE,IAAAL,EAAA,UAAU,EAAE,GAAGA,EAAgB,SAAS,CAACZ,CAAI,GAAGiB;EAClE,GAAG,CAAE,CAAA,GAECC,IAAmBF;AAAA,IACvB,CAACG,GAAkCC,MAA0B;AAC3D,YAAMC,IAA0Dd;AAEhE,MAAAY,EAAS,QAAQ,CAAWrB,MAAA;;AACpB,cAAA,EAAE,SAAAJ,EAAQ,IAAII,EAAQ,SACtB,EAAE,cAAAwB,EAAiB,IAAA5B,GACnBM,IAAOsB,KAAA,gBAAAA,EAAc,YACrBC,IAAUD,KAAA,gBAAAA,EAAc,MACxBE,IAASF,KAAA,gBAAAA,EAAc,QACvBG,IAAeH,KAAA,gBAAAA,EAAc,QAC7BI,IAA0Bd,EAAgB,QAAQZ,CAAI;AAExD,YAAA,CAACoB,KAAeM;AACM,UAAAA,EAAA;AAAA,YACtB,MAAMH;AAAA,YACN,QAAQE;AAAA,YACR,QAAAD;AAAA,YACA,YAAYxB;AAAA,UAAA,CACb;AAAA,aACI;AACC,gBAAAC,IAAaR,EAAkB6B,CAAY;AAE7C,UAAAtB,KAAQqB,EAAoBrB,CAAI,KACdD,IAAAsB,EAAArB,CAAI,MAAJ,QAAAD,EAAO,KAAKE,KAEZoB,EAAArB,CAAI,IAAI,CAACC,CAAU;AAAA,QAE3C;AAAA,MAAA,CACD,GACDS,EAAsBW,CAAmB;AAAA,IAC3C;AAAA,IACA,CAACd,CAAoB;AAAA,EAAA,GAGjB,EAAE,SAAAoB,GAAS,eAAAC,GAAe,SAAAC,GAAS,iBAAAC,GAAiB,oBAAAC,MACxDC,EAA2D;AAAA,IACzD,gBAAAlB;AAAA,IACA,YAAYI;AAAA,IACZ,kBAAkBZ,MAAS;AAAA,EAAA,CAC5B,GAEG2B,IAAejB,EAAY,MAAM;AACrC,IAAIa,KACFA,EAAQ,eAAe;AAAA,EACzB,GACC,CAACA,CAAO,CAAC;AAEL,SAAA;AAAA,IACL,gBAAgBF;AAAA,IAChB,eAAAC;AAAA,IACA,cAAAK;AAAA,IACA,oBAAAxB;AAAA,IACA,kBAAAM;AAAA,IACA,oBAAAgB;AAAA,IACA,iBAAAD;AAAA,EAAA;AAEJ,GAEAI,IAAe/B;"}
+{"version":3,"file":"use-canvas-sync-broker.js","sources":["../../../../src/features/cue-canvas/hooks/use-canvas-sync-broker.ts"],"sourcesContent":["import type {\n  IActionData,\n  ICanvasUpdateConfig,\n  IPublishData,\n  TCueCanvasChangeDataObject,\n  TRenderAs,\n} from '../types/cue-canvas';\n\nimport { useMessageBrokerChannel, type IChannelMessage } from '@cuemath/cue-message-broker';\nimport { useMemo, useCallback, useState, useRef } from 'react';\n\ninterface IMessage {\n  eventName: string;\n  eventPayload: {\n    responseId: string;\n    data: TCueCanvasChangeDataObject;\n    userId: string;\n    height: number;\n  };\n}\n\nconst extractStrokeData = (payload: IMessage['eventPayload']): IActionData => ({\n  userId: payload.userId,\n  data: payload.data,\n  height: payload.height,\n  responseId: payload.responseId,\n});\n\nconst getCanvasDataFromInitialData = (\n  initialCanvasData: Array<IChannelMessage> | undefined,\n): Record<string, IActionData[]> => {\n  const map: Record<string, IActionData[]> = {};\n\n  if (!initialCanvasData) return map;\n\n  for (const { message } of initialCanvasData) {\n    const payload = (message.payload as IMessage)?.eventPayload;\n    const qrId = payload?.responseId;\n\n    if (!payload?.responseId) continue;\n\n    const strokeData = extractStrokeData(payload);\n\n    if (qrId && map[qrId]) {\n      map[qrId]?.push(strokeData);\n    } else {\n      map[qrId] = [strokeData];\n    }\n  }\n\n  return map;\n};\n\nconst useCanvasSyncBroker = (\n  channelId: string,\n  logEvent: (type: string, payload?: Record<string, unknown>) => void,\n  initialCanvasData?: Array<IChannelMessage>,\n  type: TRenderAs = 'canvas',\n) => {\n  const initialCanvasDataMap = useMemo(\n    () => getCanvasDataFromInitialData(initialCanvasData),\n    [initialCanvasData],\n  );\n  const [initialStrokesData, setInitialStrokesData] = useState<\n    Record<string, IActionData[]> | undefined\n  >(undefined);\n  const callbacksMapRef = useRef<Record<string, (data: IActionData) => void>>({});\n  const ttl = type === 'canvas' ? 0 : channelId.includes('practice') ? 0 : 24;\n\n  const channelOptions = useMemo(\n    () => ({\n      channelId,\n      ttl: ttl,\n      logger: logEvent,\n    }),\n    [channelId, logEvent, ttl],\n  );\n\n  const registerCallback = useCallback((qrId: string, cb: (data: IActionData) => void) => {\n    callbacksMapRef.current = { ...callbacksMapRef.current, [qrId]: cb };\n  }, []);\n\n  const onMessageReceive = useCallback(\n    (messages: Array<IChannelMessage>, initialData?: boolean) => {\n      const strokesPerWidgetMap: Record<string, Array<IActionData>> = initialCanvasDataMap;\n\n      messages.forEach(message => {\n        const { payload } = message.message;\n        const { eventPayload } = payload as IMessage;\n        const qrId = eventPayload?.responseId as string;\n        const strokes = eventPayload?.data;\n        const userId = eventPayload?.userId;\n        const canvasHeight = eventPayload?.height;\n        const widgetOnReceiveCallback = callbacksMapRef.current[qrId];\n\n        if (!initialData && widgetOnReceiveCallback) {\n          widgetOnReceiveCallback({\n            data: strokes,\n            height: canvasHeight,\n            userId,\n            responseId: qrId,\n          });\n        } else {\n          const strokeData = extractStrokeData(eventPayload);\n\n          if (qrId && strokesPerWidgetMap[qrId]) {\n            strokesPerWidgetMap[qrId]?.push(strokeData);\n          } else {\n            strokesPerWidgetMap[qrId] = [strokeData];\n          }\n        }\n      });\n      setInitialStrokesData(strokesPerWidgetMap);\n    },\n    [initialCanvasDataMap],\n  );\n\n  const { publish, channelStatus, channel, channelMetadata, setChannelMetadata } =\n    useMessageBrokerChannel<IPublishData, ICanvasUpdateConfig>({\n      channelOptions,\n      consumerFn: onMessageReceive,\n      metadataRequired: type === 'whiteboard',\n    });\n\n  const closeChannel = useCallback(() => {\n    if (channel) {\n      channel.destroyChannel();\n    }\n  }, [channel]);\n\n  return {\n    publishStrokes: publish,\n    channelStatus,\n    closeChannel,\n    initialStrokesData,\n    registerCallback,\n    setChannelMetadata,\n    channelMetadata,\n  };\n};\n\nexport default useCanvasSyncBroker;\n"],"names":["extractStrokeData","payload","getCanvasDataFromInitialData","initialCanvasData","map","message","_a","qrId","strokeData","_b","useCanvasSyncBroker","channelId","logEvent","type","initialCanvasDataMap","useMemo","initialStrokesData","setInitialStrokesData","useState","callbacksMapRef","useRef","ttl","channelOptions","registerCallback","useCallback","cb","onMessageReceive","messages","initialData","strokesPerWidgetMap","eventPayload","strokes","userId","canvasHeight","widgetOnReceiveCallback","publish","channelStatus","channel","channelMetadata","setChannelMetadata","useMessageBrokerChannel","closeChannel","useCanvasSyncBroker$1"],"mappings":"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"}