@cuemath/leap 2.8.61-rj-21 → 2.8.61-rj-22

package/dist/features/cue-canvas/hooks/use-height-extender.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import type { CueCanvasCore } from '../cue-canvas-core';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n  canvasElementRef: React.RefObject<HTMLElement>;\n  cueCanvasRef: React.RefObject<CueCanvasCore> | undefined;\n  canScribble: boolean;\n}\n\nconst useHeightExtender = ({\n  canvasElementRef,\n  cueCanvasRef,\n  canScribble,\n}: IUseHeightIncreaseProps) => {\n  const isScribblingRef = useRef<boolean>(false);\n  const shouldIncreaseHeightRef = useRef<boolean>(false);\n  const { isWritingToolActive } = useCueCanvasActions();\n\n  const handlePointerDown = useCallback(() => {\n    isScribblingRef.current = true;\n  }, []);\n\n  const handlePointerUp = useCallback(() => {\n    if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n      shouldIncreaseHeightRef.current = false;\n\n      const rect = canvasElementRef.current.getBoundingClientRect();\n      const updatedHeight = rect.height + 200;\n\n      cueCanvasRef?.current?.updateHeight(updatedHeight);\n    }\n\n    isScribblingRef.current = false;\n  }, [canvasElementRef, cueCanvasRef]);\n\n  const handlePointerMove = useCallback(\n    (event: MouseEvent) => {\n      if (isScribblingRef.current && canvasElementRef.current) {\n        const rect = canvasElementRef.current.getBoundingClientRect();\n        const y = event.clientY - rect.top;\n\n        if (y >= rect.height - 200) {\n          shouldIncreaseHeightRef.current = true;\n        }\n      }\n    },\n    [canvasElementRef],\n  );\n\n  useEffect(() => {\n    const canvasEle = canvasElementRef.current;\n\n    if (canScribble && canvasEle && isWritingToolActive) {\n      canvasEle.addEventListener('pointerdown', handlePointerDown);\n      canvasEle.addEventListener('pointerup', handlePointerUp);\n      canvasEle.addEventListener('pointermove', handlePointerMove);\n\n      return () => {\n        canvasEle.removeEventListener('pointerdown', handlePointerDown);\n        canvasEle.removeEventListener('pointerup', handlePointerUp);\n        canvasEle.removeEventListener('pointermove', handlePointerMove);\n      };\n    }\n  }, [\n    canvasElementRef,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    canScribble,\n    isWritingToolActive,\n  ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","updatedHeight","_a","handlePointerMove","event","rect","useEffect","canvasEle"],"mappings":";;AAYA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,EAAoB,IAAIC,EAAoB,GAE9CC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,EAAE,GAECO,IAAkBD,EAAY,MAAM;;AACpC,QAAAT,EAAiB,WAAWK,EAAwB,SAAS;AAC/D,MAAAA,EAAwB,UAAU;AAG5B,YAAAM,IADOX,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,OAAAY,IAAAX,KAAA,gBAAAA,EAAA,YAAA,QAAAW,EAAS,aAAaD;AAAA,IAAa;AAGnD,IAAAR,EAAgB,UAAU;AAAA,EAAA,GACzB,CAACH,GAAkBC,CAAY,CAAC,GAE7BY,IAAoBJ;AAAA,IACxB,CAACK,MAAsB;AACjB,UAAAX,EAAgB,WAAWH,EAAiB,SAAS;AACjD,cAAAe,IAAOf,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMc,EAAM,UAAUC,EAAK,OAEtBA,EAAK,SAAS,QACrBV,EAAwB,UAAU;AAAA,MACpC;AAAA,IAEJ;AAAA,IACA,CAACL,CAAgB;AAAA,EACnB;AAEA,EAAAgB,EAAU,MAAM;AACd,UAAMC,IAAYjB,EAAiB;AAE/B,QAAAE,KAAee,KAAaX;AACpB,aAAAW,EAAA,iBAAiB,eAAeT,CAAiB,GACjDS,EAAA,iBAAiB,aAAaP,CAAe,GAC7CO,EAAA,iBAAiB,eAAeJ,CAAiB,GAEpD,MAAM;AACD,QAAAI,EAAA,oBAAoB,eAAeT,CAAiB,GACpDS,EAAA,oBAAoB,aAAaP,CAAe,GAChDO,EAAA,oBAAoB,eAAeJ,CAAiB;AAAA,MAChE;AAAA,EACF,GACC;AAAA,IACDb;AAAA,IACAQ;AAAA,IACAK;AAAA,IACAH;AAAA,IACAR;AAAA,IACAI;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import type { CueCanvasCore } from '../cue-canvas-core';\n\nimport { useCallback, useEffect, useRef } from 'react';\n\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n  canvasElementRef: React.RefObject<HTMLElement>;\n  cueCanvasRef: React.RefObject<CueCanvasCore> | undefined;\n  canScribble: boolean;\n}\n\nconst useHeightExtender = ({\n  canvasElementRef,\n  cueCanvasRef,\n  canScribble,\n}: IUseHeightIncreaseProps) => {\n  const isScribblingRef = useRef<boolean>(false);\n  const shouldIncreaseHeightRef = useRef<boolean>(false);\n  const { isWritingToolActive } = useCueCanvasActions();\n\n  const handlePointerDown = useCallback(() => {\n    isScribblingRef.current = true;\n  }, []);\n\n  const handlePointerUp = useCallback(() => {\n    if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n      shouldIncreaseHeightRef.current = false;\n\n      const rect = canvasElementRef.current.getBoundingClientRect();\n      const updatedHeight = rect.height + 200;\n\n      cueCanvasRef?.current?.updateHeight(updatedHeight);\n    }\n\n    isScribblingRef.current = false;\n  }, [canvasElementRef, cueCanvasRef]);\n\n  const handlePointerMove = useCallback(\n    (event: MouseEvent) => {\n      if (isScribblingRef.current && canvasElementRef.current) {\n        const rect = canvasElementRef.current.getBoundingClientRect();\n        const y = event.clientY - rect.top;\n\n        if (y >= rect.height - 200) {\n          shouldIncreaseHeightRef.current = true;\n        }\n      }\n    },\n    [canvasElementRef],\n  );\n\n  useEffect(() => {\n    const canvasEle = canvasElementRef.current;\n\n    if (canScribble && canvasEle && isWritingToolActive) {\n      canvasEle.addEventListener('pointerdown', handlePointerDown);\n      canvasEle.addEventListener('pointerup', handlePointerUp);\n      canvasEle.addEventListener('pointermove', handlePointerMove);\n\n      return () => {\n        canvasEle.removeEventListener('pointerdown', handlePointerDown);\n        canvasEle.removeEventListener('pointerup', handlePointerUp);\n        canvasEle.removeEventListener('pointermove', handlePointerMove);\n      };\n    }\n  }, [\n    canvasElementRef,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n    canScribble,\n    isWritingToolActive,\n  ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","updatedHeight","_a","handlePointerMove","event","rect","useEffect","canvasEle"],"mappings":";;AAYA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,MAAwBC,KAE1BC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,CAAE,CAAA,GAECO,IAAkBD,EAAY,MAAM;;AACpC,QAAAT,EAAiB,WAAWK,EAAwB,SAAS;AAC/D,MAAAA,EAAwB,UAAU;AAG5B,YAAAM,IADOX,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,OAAAY,IAAAX,KAAA,gBAAAA,EAAA,YAAA,QAAAW,EAAS,aAAaD;AAAA,IACtC;AAEA,IAAAR,EAAgB,UAAU;AAAA,EAAA,GACzB,CAACH,GAAkBC,CAAY,CAAC,GAE7BY,IAAoBJ;AAAA,IACxB,CAACK,MAAsB;AACjB,UAAAX,EAAgB,WAAWH,EAAiB,SAAS;AACjD,cAAAe,IAAOf,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMc,EAAM,UAAUC,EAAK,OAEtBA,EAAK,SAAS,QACrBV,EAAwB,UAAU;AAAA,MAEtC;AAAA,IACF;AAAA,IACA,CAACL,CAAgB;AAAA,EAAA;AAGnB,EAAAgB,EAAU,MAAM;AACd,UAAMC,IAAYjB,EAAiB;AAE/B,QAAAE,KAAee,KAAaX;AACpB,aAAAW,EAAA,iBAAiB,eAAeT,CAAiB,GACjDS,EAAA,iBAAiB,aAAaP,CAAe,GAC7CO,EAAA,iBAAiB,eAAeJ,CAAiB,GAEpD,MAAM;AACD,QAAAI,EAAA,oBAAoB,eAAeT,CAAiB,GACpDS,EAAA,oBAAoB,aAAaP,CAAe,GAChDO,EAAA,oBAAoB,eAAeJ,CAAiB;AAAA,MAAA;AAAA,EAElE,GACC;AAAA,IACDb;AAAA,IACAQ;AAAA,IACAK;AAAA,IACAH;AAAA,IACAR;AAAA,IACAI;AAAA,EAAA,CACD;AACH;"}

package/dist/features/cue-canvas/toolbar/color-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-palette.js","sources":["../../../../src/features/cue-canvas/toolbar/color-palette.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { TCueCanvasColors } from '../types/cue-canvas';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getColorsForUser } from '../cue-canvas-helpers';\nimport { StyledCheckIcon, ColorPicker } from '../cue-cavas-styled';\n\ninterface IColorPalette {\n  setActiveColor: (color: TCueCanvasColors) => void;\n  activeColor: TCueCanvasColors;\n  userType: TUserTypes;\n}\n\nconst ColorPalette: React.FC<IColorPalette> = memo(({ setActiveColor, activeColor, userType }) => {\n  const handleColorChange = useCallback(\n    (color: TCueCanvasColors) => {\n      setActiveColor(color);\n    },\n    [setActiveColor],\n  );\n  const colors = useMemo(() => getColorsForUser(userType), [userType]);\n\n  return (\n    <>\n      {colors.map((color, index) => (\n        <Clickable\n          key={index}\n          onClick={() => handleColorChange(color)}\n          label={`Color Picker - ${color}`}\n        >\n          <FlexView\n            $width={22}\n            $height={22}\n            $borderRadius={11}\n            $justifyContent=\"center\"\n            $background={activeColor === color ? 'BLACK' : 'WHITE'}\n            $alignItems=\"center\"\n          >\n            <ColorPicker\n              $width={20}\n              $height={20}\n              $borderRadius={10}\n              $color={color}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n            >\n              {activeColor === color && <StyledCheckIcon />}\n            </ColorPicker>\n          </FlexView>\n        </Clickable>\n      ))}\n    </>\n  );\n});\n\nexport default ColorPalette;\n"],"names":["ColorPalette","memo","setActiveColor","activeColor","userType","handleColorChange","useCallback","color","colors","useMemo","getColorsForUser","jsx","Fragment","index","Clickable","FlexView","ColorPicker","StyledCheckIcon"],"mappings":";;;;;;AAgBA,MAAMA,IAAwCC,EAAK,CAAC,EAAE,gBAAAC,GAAgB,aAAAC,GAAa,UAAAC,QAAe;AAChG,QAAMC,IAAoBC;AAAA,IACxB,CAACC,MAA4B;AAC3B,MAAAL,EAAeK,CAAK;AAAA,IACtB;AAAA,IACA,CAACL,CAAc;AAAA,EACjB,GACMM,IAASC,EAAQ,MAAMC,EAAiBN,CAAQ,GAAG,CAACA,CAAQ,CAAC;AAEnE,SAEK,gBAAAO,EAAAC,GAAA,EAAA,UAAAJ,EAAO,IAAI,CAACD,GAAOM,MAClB,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,SAAS,MAAMT,EAAkBE,CAAK;AAAA,MACtC,OAAO,kBAAkBA,CAAK;AAAA,MAE9B,UAAA,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,eAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAaZ,MAAgBI,IAAQ,UAAU;AAAA,UAC/C,aAAY;AAAA,UAEZ,UAAA,gBAAAI;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,QAAQT;AAAA,cACR,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEf,UAAAJ,MAAgBI,KAAS,gBAAAI,EAACM,GAAgB,CAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7C;AAAA,MAAA;AAAA,IACF;AAAA,IAtBKJ;AAAA,EAwBR,CAAA,GACH;AAEJ,CAAC;"}
+{"version":3,"file":"color-palette.js","sources":["../../../../src/features/cue-canvas/toolbar/color-palette.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { TCueCanvasColors } from '../types/cue-canvas';\n\nimport { memo, useCallback, useMemo } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getColorsForUser } from '../cue-canvas-helpers';\nimport { StyledCheckIcon, ColorPicker } from '../cue-cavas-styled';\n\ninterface IColorPalette {\n  setActiveColor: (color: TCueCanvasColors) => void;\n  activeColor: TCueCanvasColors;\n  userType: TUserTypes;\n}\n\nconst ColorPalette: React.FC<IColorPalette> = memo(({ setActiveColor, activeColor, userType }) => {\n  const handleColorChange = useCallback(\n    (color: TCueCanvasColors) => {\n      setActiveColor(color);\n    },\n    [setActiveColor],\n  );\n  const colors = useMemo(() => getColorsForUser(userType), [userType]);\n\n  return (\n    <>\n      {colors.map((color, index) => (\n        <Clickable\n          key={index}\n          onClick={() => handleColorChange(color)}\n          label={`Color Picker - ${color}`}\n        >\n          <FlexView\n            $width={22}\n            $height={22}\n            $borderRadius={11}\n            $justifyContent=\"center\"\n            $background={activeColor === color ? 'BLACK' : 'WHITE'}\n            $alignItems=\"center\"\n          >\n            <ColorPicker\n              $width={20}\n              $height={20}\n              $borderRadius={10}\n              $color={color}\n              $alignItems=\"center\"\n              $justifyContent=\"center\"\n            >\n              {activeColor === color && <StyledCheckIcon />}\n            </ColorPicker>\n          </FlexView>\n        </Clickable>\n      ))}\n    </>\n  );\n});\n\nexport default ColorPalette;\n"],"names":["ColorPalette","memo","setActiveColor","activeColor","userType","handleColorChange","useCallback","color","colors","useMemo","getColorsForUser","jsx","Fragment","index","Clickable","FlexView","ColorPicker","StyledCheckIcon"],"mappings":";;;;;;AAgBA,MAAMA,IAAwCC,EAAK,CAAC,EAAE,gBAAAC,GAAgB,aAAAC,GAAa,UAAAC,QAAe;AAChG,QAAMC,IAAoBC;AAAA,IACxB,CAACC,MAA4B;AAC3B,MAAAL,EAAeK,CAAK;AAAA,IACtB;AAAA,IACA,CAACL,CAAc;AAAA,EAAA,GAEXM,IAASC,EAAQ,MAAMC,EAAiBN,CAAQ,GAAG,CAACA,CAAQ,CAAC;AAEnE,SAEK,gBAAAO,EAAAC,GAAA,EAAA,UAAAJ,EAAO,IAAI,CAACD,GAAOM,MAClB,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,SAAS,MAAMT,EAAkBE,CAAK;AAAA,MACtC,OAAO,kBAAkBA,CAAK;AAAA,MAE9B,UAAA,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,eAAe;AAAA,UACf,iBAAgB;AAAA,UAChB,aAAaZ,MAAgBI,IAAQ,UAAU;AAAA,UAC/C,aAAY;AAAA,UAEZ,UAAA,gBAAAI;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,eAAe;AAAA,cACf,QAAQT;AAAA,cACR,aAAY;AAAA,cACZ,iBAAgB;AAAA,cAEf,UAAAJ,MAAgBI,KAAS,gBAAAI,EAACM,GAAgB,CAAA,CAAA;AAAA,YAAA;AAAA,UAC7C;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAtBKJ;AAAA,EAwBR,CAAA,EACH,CAAA;AAEJ,CAAC;"}

package/dist/features/cue-canvas/toolbar/color-picker-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/color-picker-menu.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../ui/layout/flex-view';\nimport { ColorPicker, PaletteWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPalette from './color-palette';\n\ninterface ColorPickerMenuProps {\n  userType: TUserTypes;\n}\n\nconst ColorPickerMenu: FC<ColorPickerMenuProps> = memo(({ userType }) => {\n  const colorPaletteRef = useRef(null);\n  const { activeColor, setActiveColor, isWritingToolActive } = useCueCanvasActions();\n\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    colorPaletteRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  return (\n    <FlexView\n      $width={32}\n      $height={32}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $borderRadius={16}\n      $background=\"WHITE\"\n    >\n      <Clickable onClick={onMenuClick} label=\"Color Picker\" disabled={!isWritingToolActive}>\n        <ColorPicker\n          $width={22}\n          $height={22}\n          $borderRadius={11}\n          $color={activeColor}\n          $opacity={isWritingToolActive ? 1 : 0.5}\n          ref={colorPaletteRef}\n        />\n      </Clickable>\n      {menuVisible && (\n        <PaletteWrapper\n          $background=\"WHITE\"\n          $gutterX={0.5}\n          $gapX={0.5}\n          $borderRadius={10}\n          $flexDirection=\"row\"\n        >\n          <ColorPalette\n            setActiveColor={setActiveColor}\n            activeColor={activeColor}\n            userType={userType}\n          />\n        </PaletteWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ColorPickerMenu;\n"],"names":["ColorPickerMenu","memo","userType","colorPaletteRef","useRef","activeColor","setActiveColor","isWritingToolActive","useCueCanvasActions","menuVisible","onMenuClick","useContextMenuClickHandler","jsxs","FlexView","jsx","Clickable","ColorPicker","PaletteWrapper","ColorPalette"],"mappings":";;;;;;;;AAgBA,MAAMA,IAA4CC,EAAK,CAAC,EAAE,UAAAC,QAAe;AACjE,QAAAC,IAAkBC,EAAO,IAAI,GAC7B,EAAE,aAAAC,GAAa,gBAAAC,GAAgB,qBAAAC,EAAA,IAAwBC,EAAoB,GAE3E,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAGE,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAU,SAASL,GAAa,OAAM,gBAAe,UAAU,CAACH,GAC/D,UAAA,gBAAAO;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAe;AAAA,YACf,QAAQX;AAAA,YACR,UAAUE,IAAsB,IAAI;AAAA,YACpC,KAAKJ;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACCM,KACC,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,UAAU;AAAA,YACV,OAAO;AAAA,YACP,eAAe;AAAA,YACf,gBAAe;AAAA,YAEf,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,gBAAAZ;AAAA,gBACA,aAAAD;AAAA,gBACA,UAAAH;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"color-picker-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/color-picker-menu.tsx"],"sourcesContent":["import type { TUserTypes } from '../../ui/types';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../ui/layout/flex-view';\nimport { ColorPicker, PaletteWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPalette from './color-palette';\n\ninterface ColorPickerMenuProps {\n  userType: TUserTypes;\n}\n\nconst ColorPickerMenu: FC<ColorPickerMenuProps> = memo(({ userType }) => {\n  const colorPaletteRef = useRef(null);\n  const { activeColor, setActiveColor, isWritingToolActive } = useCueCanvasActions();\n\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    colorPaletteRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  return (\n    <FlexView\n      $width={32}\n      $height={32}\n      $alignItems=\"center\"\n      $justifyContent=\"center\"\n      $borderRadius={16}\n      $background=\"WHITE\"\n    >\n      <Clickable onClick={onMenuClick} label=\"Color Picker\" disabled={!isWritingToolActive}>\n        <ColorPicker\n          $width={22}\n          $height={22}\n          $borderRadius={11}\n          $color={activeColor}\n          $opacity={isWritingToolActive ? 1 : 0.5}\n          ref={colorPaletteRef}\n        />\n      </Clickable>\n      {menuVisible && (\n        <PaletteWrapper\n          $background=\"WHITE\"\n          $gutterX={0.5}\n          $gapX={0.5}\n          $borderRadius={10}\n          $flexDirection=\"row\"\n        >\n          <ColorPalette\n            setActiveColor={setActiveColor}\n            activeColor={activeColor}\n            userType={userType}\n          />\n        </PaletteWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default ColorPickerMenu;\n"],"names":["ColorPickerMenu","memo","userType","colorPaletteRef","useRef","activeColor","setActiveColor","isWritingToolActive","useCueCanvasActions","menuVisible","onMenuClick","useContextMenuClickHandler","jsxs","FlexView","jsx","Clickable","ColorPicker","PaletteWrapper","ColorPalette"],"mappings":";;;;;;;;AAgBA,MAAMA,IAA4CC,EAAK,CAAC,EAAE,UAAAC,QAAe;AACjE,QAAAC,IAAkBC,EAAO,IAAI,GAC7B,EAAE,aAAAC,GAAa,gBAAAC,GAAgB,qBAAAC,MAAwBC,EAAoB,GAE3E,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAIA,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,aAAY;AAAA,MACZ,iBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,aAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAU,SAASL,GAAa,OAAM,gBAAe,UAAU,CAACH,GAC/D,UAAA,gBAAAO;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAe;AAAA,YACf,QAAQX;AAAA,YACR,UAAUE,IAAsB,IAAI;AAAA,YACpC,KAAKJ;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACCM,KACC,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,UAAU;AAAA,YACV,OAAO;AAAA,YACP,eAAe;AAAA,YACf,gBAAe;AAAA,YAEf,UAAA,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,gBAAAZ;AAAA,gBACA,aAAAD;AAAA,gBACA,UAAAH;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/features/cue-canvas/toolbar/grid-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/grid-menu.tsx"],"sourcesContent":["import type { TCueCanvasGridName } from '../types/cue-canvas';\nimport type { IGridMenu, TToolComponentType } from '../types/toolbar';\n\nimport React, { memo, useCallback, useRef } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../ui/layout/flex-view';\nimport { GRID_NAMES } from '../cue-canvas-helpers';\nimport { MenuWrapper, StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport { GRID_TO_COMP } from './icon-map';\n\nconst GridMenu: React.FC<IGridMenu> = memo(({ GridIcon }) => {\n  const { activeInstance: cueCanvas } = useCueCanvasActions();\n  const gridMenuRef = useRef(null);\n  const { activeTool } = useCueCanvasActions();\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    gridMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n  const onGridOptionClick = useCallback(\n    (gridOption: TCueCanvasGridName) => {\n      cueCanvas?.changeGrid(gridOption);\n    },\n    [cueCanvas],\n  );\n\n  return (\n    <FlexView $gutterX={0.25} ref={gridMenuRef}>\n      <Clickable onClick={onMenuClick} label=\"grid\">\n        <StyledWrapper $active={activeTool === 'grid'}>\n          <GridIcon />\n        </StyledWrapper>\n      </Clickable>\n      {menuVisible && (\n        <MenuWrapper\n          $borderColor=\"GREY_1\"\n          $background=\"GREY_1\"\n          $flexDirection=\"row\"\n          $widthX={11.15}\n          $flexWrap={true}\n          $flexGapX={0.5}\n        >\n          {GRID_NAMES.map(gridName => {\n            const GridComponent = GRID_TO_COMP[gridName] as TToolComponentType;\n\n            return (\n              <Clickable\n                key={gridName}\n                onClick={() => onGridOptionClick(gridName)}\n                label={gridName}\n              >\n                <FlexView\n                  $width={48}\n                  $height={48}\n                  $borderColor=\"BLACK\"\n                  $borderRadius={4}\n                  $background=\"WHITE\"\n                >\n                  <GridComponent />\n                </FlexView>\n              </Clickable>\n            );\n          })}\n        </MenuWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GridMenu;\n"],"names":["GridMenu","memo","GridIcon","cueCanvas","useCueCanvasActions","gridMenuRef","useRef","activeTool","menuVisible","onMenuClick","useContextMenuClickHandler","onGridOptionClick","useCallback","gridOption","jsxs","FlexView","jsx","Clickable","StyledWrapper","MenuWrapper","GRID_NAMES","gridName","GridComponent","GRID_TO_COMP"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,UAAAC,QAAe;AAC3D,QAAM,EAAE,gBAAgBC,EAAU,IAAIC,EAAoB,GACpDC,IAAcC,EAAO,IAAI,GACzB,EAAE,YAAAC,EAAW,IAAIH,EAAoB,GACrC,EAAE,aAAAI,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACMM,IAAoBC;AAAA,IACxB,CAACC,MAAmC;AAClC,MAAAV,KAAA,QAAAA,EAAW,WAAWU;AAAA,IACxB;AAAA,IACA,CAACV,CAAS;AAAA,EACZ;AAEA,SACG,gBAAAW,EAAAC,GAAA,EAAS,UAAU,MAAM,KAAKV,GAC7B,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAU,EAAA,SAASR,GAAa,OAAM,QACrC,UAAA,gBAAAO,EAACE,GAAc,EAAA,SAASX,MAAe,QACrC,UAAC,gBAAAS,EAAAd,GAAA,CAAA,CAAS,EACZ,CAAA,GACF;AAAA,IACCM,KACC,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QAEV,UAAAC,EAAW,IAAI,CAAYC,MAAA;AACpB,gBAAAC,IAAgBC,EAAaF,CAAQ;AAGzC,iBAAA,gBAAAL;AAAA,YAACC;AAAA,YAAA;AAAA,cAEC,SAAS,MAAMN,EAAkBU,CAAQ;AAAA,cACzC,OAAOA;AAAA,cAEP,UAAA,gBAAAL;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,cAAa;AAAA,kBACb,eAAe;AAAA,kBACf,aAAY;AAAA,kBAEZ,4BAACO,GAAc,CAAA,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACjB;AAAA,YAZKD;AAAA,UAaP;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"grid-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/grid-menu.tsx"],"sourcesContent":["import type { TCueCanvasGridName } from '../types/cue-canvas';\nimport type { IGridMenu, TToolComponentType } from '../types/toolbar';\n\nimport React, { memo, useCallback, useRef } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../ui/layout/flex-view';\nimport { GRID_NAMES } from '../cue-canvas-helpers';\nimport { MenuWrapper, StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport { GRID_TO_COMP } from './icon-map';\n\nconst GridMenu: React.FC<IGridMenu> = memo(({ GridIcon }) => {\n  const { activeInstance: cueCanvas } = useCueCanvasActions();\n  const gridMenuRef = useRef(null);\n  const { activeTool } = useCueCanvasActions();\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    gridMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n  const onGridOptionClick = useCallback(\n    (gridOption: TCueCanvasGridName) => {\n      cueCanvas?.changeGrid(gridOption);\n    },\n    [cueCanvas],\n  );\n\n  return (\n    <FlexView $gutterX={0.25} ref={gridMenuRef}>\n      <Clickable onClick={onMenuClick} label=\"grid\">\n        <StyledWrapper $active={activeTool === 'grid'}>\n          <GridIcon />\n        </StyledWrapper>\n      </Clickable>\n      {menuVisible && (\n        <MenuWrapper\n          $borderColor=\"GREY_1\"\n          $background=\"GREY_1\"\n          $flexDirection=\"row\"\n          $widthX={11.15}\n          $flexWrap={true}\n          $flexGapX={0.5}\n        >\n          {GRID_NAMES.map(gridName => {\n            const GridComponent = GRID_TO_COMP[gridName] as TToolComponentType;\n\n            return (\n              <Clickable\n                key={gridName}\n                onClick={() => onGridOptionClick(gridName)}\n                label={gridName}\n              >\n                <FlexView\n                  $width={48}\n                  $height={48}\n                  $borderColor=\"BLACK\"\n                  $borderRadius={4}\n                  $background=\"WHITE\"\n                >\n                  <GridComponent />\n                </FlexView>\n              </Clickable>\n            );\n          })}\n        </MenuWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default GridMenu;\n"],"names":["GridMenu","memo","GridIcon","cueCanvas","useCueCanvasActions","gridMenuRef","useRef","activeTool","menuVisible","onMenuClick","useContextMenuClickHandler","onGridOptionClick","useCallback","gridOption","jsxs","FlexView","jsx","Clickable","StyledWrapper","MenuWrapper","GRID_NAMES","gridName","GridComponent","GRID_TO_COMP"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,UAAAC,QAAe;AAC3D,QAAM,EAAE,gBAAgBC,EAAU,IAAIC,EAAoB,GACpDC,IAAcC,EAAO,IAAI,GACzB,EAAE,YAAAC,MAAeH,KACjB,EAAE,aAAAI,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAEIM,IAAoBC;AAAA,IACxB,CAACC,MAAmC;AAClC,MAAAV,KAAA,QAAAA,EAAW,WAAWU;AAAA,IACxB;AAAA,IACA,CAACV,CAAS;AAAA,EAAA;AAGZ,SACG,gBAAAW,EAAAC,GAAA,EAAS,UAAU,MAAM,KAAKV,GAC7B,UAAA;AAAA,IAAA,gBAAAW,EAACC,GAAU,EAAA,SAASR,GAAa,OAAM,QACrC,UAAA,gBAAAO,EAACE,GAAc,EAAA,SAASX,MAAe,QACrC,UAAC,gBAAAS,EAAAd,GAAA,CAAA,CAAS,EACZ,CAAA,GACF;AAAA,IACCM,KACC,gBAAAQ;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAa;AAAA,QACb,aAAY;AAAA,QACZ,gBAAe;AAAA,QACf,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QAEV,UAAAC,EAAW,IAAI,CAAYC,MAAA;AACpB,gBAAAC,IAAgBC,EAAaF,CAAQ;AAGzC,iBAAA,gBAAAL;AAAA,YAACC;AAAA,YAAA;AAAA,cAEC,SAAS,MAAMN,EAAkBU,CAAQ;AAAA,cACzC,OAAOA;AAAA,cAEP,UAAA,gBAAAL;AAAA,gBAACD;AAAA,gBAAA;AAAA,kBACC,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,cAAa;AAAA,kBACb,eAAe;AAAA,kBACf,aAAY;AAAA,kBAEZ,4BAACO,GAAc,EAAA;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,YAZKD;AAAA,UAAA;AAAA,QAaP,CAEH;AAAA,MAAA;AAAA,IACH;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/cue-canvas/toolbar/icon-map.js

@@ -20,24 +20,24 @@ import q from "../../../assets/line-icons/icons/upload.js";
 import h from "../../../assets/line-icons/icons/zoom-in.js";
 import v from "../../../assets/line-icons/icons/zoom-out.js";
 import k from "../../ui/layout/flex-view.js";
-import { StyledUnlockIcon as O, StyledLockIcon as T, RedoIcon as G, StyledHighlighterWrapper as y, StyledSketchWrapper as C, StyledRulerIcon as D, StyledPencilIcon as x } from "../cue-cavas-styled.js";
+import { StyledPencilIcon as O, StyledRulerIcon as T, StyledSketchWrapper as G, StyledHighlighterWrapper as y, RedoIcon as C, StyledLockIcon as D, StyledUnlockIcon as x } from "../cue-cavas-styled.js";
 const Y = {
-  pen: x,
-  ruler: D,
-  marker: C,
+  pen: O,
+  ruler: T,
+  marker: G,
   highlighter: y,
   eraser: i,
   move: r,
   undo: s,
-  redo: G,
+  redo: C,
   pan: p,
   clearAll: o,
   text: f,
   equation: t,
   grid: e,
   home: n,
-  lock: T,
-  unlock: O,
+  lock: D,
+  unlock: x,
   zoomIn: h,
   zoomOut: v,
   upload: q,

package/dist/features/cue-canvas/toolbar/pen-tool-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"pen-tool-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/pen-tool-menu.tsx"],"sourcesContent":["import type { IPenToolMenu, TToolComponentType } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getIsWritingTool } from '../cue-canvas-helpers';\nimport { MenuWrapper, PenIconWrapper, StyledDownIcon } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPalette from './color-palette';\nimport { TOOLS_TO_COMP } from './icon-map';\nimport Tool from './tool';\n\nconst PenToolMenu: FC<IPenToolMenu> = memo(({ writingTools, userType }) => {\n  const { activeTool, activeColor, setActiveColor } = useCueCanvasActions();\n\n  const penMenuRef = useRef(null);\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    penMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  const ActiveToolComponent = TOOLS_TO_COMP[\n    getIsWritingTool(activeTool) ? activeTool : 'pen'\n  ] as TToolComponentType;\n\n  return (\n    <FlexView $borderRadius={16} $background=\"WHITE\" ref={penMenuRef}>\n      <PenIconWrapper>\n        <Clickable onClick={onMenuClick} label=\"Active Tool\">\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n            <ActiveToolComponent\n              $active={getIsWritingTool(activeTool)}\n              $activeColor={activeColor}\n              $shouldAnimate={false}\n            />\n            <StyledDownIcon $isAnimating={menuVisible} />\n          </FlexView>\n        </Clickable>\n      </PenIconWrapper>\n      {menuVisible && (\n        <MenuWrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $borderColor=\"GREY_1\"\n          $background=\"WHITE\"\n        >\n          {writingTools.map(tool => (\n            <Tool tool={tool} key={tool} shouldAnimate={false} withGutter />\n          ))}\n\n          <ColorPalette\n            setActiveColor={setActiveColor}\n            activeColor={activeColor}\n            userType={userType}\n          />\n        </MenuWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default PenToolMenu;\n"],"names":["PenToolMenu","memo","writingTools","userType","activeTool","activeColor","setActiveColor","useCueCanvasActions","penMenuRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","ActiveToolComponent","TOOLS_TO_COMP","getIsWritingTool","FlexView","jsx","PenIconWrapper","Clickable","jsxs","StyledDownIcon","MenuWrapper","tool","Tool","ColorPalette"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,cAAAC,GAAc,UAAAC,QAAe;AACzE,QAAM,EAAE,YAAAC,GAAY,aAAAC,GAAa,gBAAAC,EAAA,IAAmBC,EAAoB,GAElEC,IAAaC,EAAO,IAAI,GACxB,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GAEMK,IAAsBC,EAC1BC,EAAiBX,CAAU,IAAIA,IAAa,KAC9C;AAEA,2BACGY,GAAS,EAAA,eAAe,IAAI,aAAY,SAAQ,KAAKR,GACpD,UAAA;AAAA,IAAA,gBAAAS,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACE,GAAU,EAAA,SAASR,GAAa,OAAM,eACrC,UAAC,gBAAAS,EAAAJ,GAAA,EAAS,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UAClE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,SAASE,EAAiBX,CAAU;AAAA,UACpC,cAAcC;AAAA,UACd,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MACA,gBAAAY,EAACI,GAAe,EAAA,cAAcX,EAAa,CAAA;AAAA,IAAA,EAC7C,CAAA,EACF,CAAA,GACF;AAAA,IACCA,KACC,gBAAAU;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,aAAY;AAAA,QAEX,UAAA;AAAA,UAAapB,EAAA,IAAI,CAChBqB,MAAA,gBAAAN,EAACO,GAAK,EAAA,MAAAD,GAAuB,eAAe,IAAO,YAAU,GAAtC,GAAAA,CAAuC,CAC/D;AAAA,UAED,gBAAAN;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,gBAAAnB;AAAA,cACA,aAAAD;AAAA,cACA,UAAAF;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"pen-tool-menu.js","sources":["../../../../src/features/cue-canvas/toolbar/pen-tool-menu.tsx"],"sourcesContent":["import type { IPenToolMenu, TToolComponentType } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo, useRef } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport useContextMenuClickHandler from '../../ui/hooks/use-context-menu-click-handler';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getIsWritingTool } from '../cue-canvas-helpers';\nimport { MenuWrapper, PenIconWrapper, StyledDownIcon } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPalette from './color-palette';\nimport { TOOLS_TO_COMP } from './icon-map';\nimport Tool from './tool';\n\nconst PenToolMenu: FC<IPenToolMenu> = memo(({ writingTools, userType }) => {\n  const { activeTool, activeColor, setActiveColor } = useCueCanvasActions();\n\n  const penMenuRef = useRef(null);\n  const { menuVisible, onMenuClick } = useContextMenuClickHandler(\n    penMenuRef,\n    undefined,\n    true,\n    undefined,\n  );\n\n  const ActiveToolComponent = TOOLS_TO_COMP[\n    getIsWritingTool(activeTool) ? activeTool : 'pen'\n  ] as TToolComponentType;\n\n  return (\n    <FlexView $borderRadius={16} $background=\"WHITE\" ref={penMenuRef}>\n      <PenIconWrapper>\n        <Clickable onClick={onMenuClick} label=\"Active Tool\">\n          <FlexView $flexDirection=\"row\" $justifyContent=\"center\" $alignItems=\"center\">\n            <ActiveToolComponent\n              $active={getIsWritingTool(activeTool)}\n              $activeColor={activeColor}\n              $shouldAnimate={false}\n            />\n            <StyledDownIcon $isAnimating={menuVisible} />\n          </FlexView>\n        </Clickable>\n      </PenIconWrapper>\n      {menuVisible && (\n        <MenuWrapper\n          $flexDirection=\"row\"\n          $alignItems=\"center\"\n          $borderColor=\"GREY_1\"\n          $background=\"WHITE\"\n        >\n          {writingTools.map(tool => (\n            <Tool tool={tool} key={tool} shouldAnimate={false} withGutter />\n          ))}\n\n          <ColorPalette\n            setActiveColor={setActiveColor}\n            activeColor={activeColor}\n            userType={userType}\n          />\n        </MenuWrapper>\n      )}\n    </FlexView>\n  );\n});\n\nexport default PenToolMenu;\n"],"names":["PenToolMenu","memo","writingTools","userType","activeTool","activeColor","setActiveColor","useCueCanvasActions","penMenuRef","useRef","menuVisible","onMenuClick","useContextMenuClickHandler","ActiveToolComponent","TOOLS_TO_COMP","getIsWritingTool","FlexView","jsx","PenIconWrapper","Clickable","jsxs","StyledDownIcon","MenuWrapper","tool","Tool","ColorPalette"],"mappings":";;;;;;;;;;;AAeA,MAAMA,IAAgCC,EAAK,CAAC,EAAE,cAAAC,GAAc,UAAAC,QAAe;AACzE,QAAM,EAAE,YAAAC,GAAY,aAAAC,GAAa,gBAAAC,MAAmBC,EAAoB,GAElEC,IAAaC,EAAO,IAAI,GACxB,EAAE,aAAAC,GAAa,aAAAC,EAAA,IAAgBC;AAAA,IACnCJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,GAGIK,IAAsBC,EAC1BC,EAAiBX,CAAU,IAAIA,IAAa,KAC9C;AAEA,2BACGY,GAAS,EAAA,eAAe,IAAI,aAAY,SAAQ,KAAKR,GACpD,UAAA;AAAA,IAAA,gBAAAS,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACE,GAAU,EAAA,SAASR,GAAa,OAAM,eACrC,UAAC,gBAAAS,EAAAJ,GAAA,EAAS,gBAAe,OAAM,iBAAgB,UAAS,aAAY,UAClE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,SAASE,EAAiBX,CAAU;AAAA,UACpC,cAAcC;AAAA,UACd,gBAAgB;AAAA,QAAA;AAAA,MAClB;AAAA,MACA,gBAAAY,EAACI,GAAe,EAAA,cAAcX,EAAa,CAAA;AAAA,IAAA,EAC7C,CAAA,EACF,CAAA,GACF;AAAA,IACCA,KACC,gBAAAU;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,aAAY;AAAA,QACZ,cAAa;AAAA,QACb,aAAY;AAAA,QAEX,UAAA;AAAA,UAAapB,EAAA,IAAI,CAChBqB,MAAA,gBAAAN,EAACO,GAAK,EAAA,MAAAD,GAAuB,eAAe,IAAO,YAAU,GAAtC,GAAAA,CAAuC,CAC/D;AAAA,UAED,gBAAAN;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,gBAAAnB;AAAA,cACA,aAAAD;AAAA,cACA,UAAAF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/cue-canvas/toolbar/tool.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool.js","sources":["../../../../src/features/cue-canvas/toolbar/tool.tsx"],"sourcesContent":["import type { TCueCanvasTool } from '../types/cue-canvas';\nimport type { TToolComponentType } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getIsWritingTool, STATELESS_TOOLS } from '../cue-canvas-helpers';\nimport { StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport GridMenu from './grid-menu';\nimport { TOOLS_TO_COMP } from './icon-map';\n\ninterface IToolProps {\n  tool: TCueCanvasTool;\n  withGutter?: boolean;\n  shouldAnimate?: boolean;\n}\n\nconst Tool: FC<IToolProps> = ({ tool, withGutter, shouldAnimate }) => {\n  const ToolComponent = TOOLS_TO_COMP[tool] as TToolComponentType;\n  const {\n    activeInstance: cueCanvas,\n    setActiveTool,\n    activeTool,\n    activeColor,\n  } = useCueCanvasActions();\n\n  const onToolClick = useCallback(\n    (t: TCueCanvasTool) => {\n      cueCanvas?.setTool(t);\n\n      if (!STATELESS_TOOLS.has(t)) {\n        setActiveTool(t);\n      }\n    },\n    [cueCanvas, setActiveTool],\n  );\n\n  if (tool === 'grid') {\n    return <GridMenu GridIcon={ToolComponent} />;\n  }\n\n  return (\n    <FlexView $gutterX={withGutter ? 0.25 : 0}>\n      <Clickable onClick={() => onToolClick(tool)} label={tool}>\n        {getIsWritingTool(tool) ? (\n          <ToolComponent\n            $active={activeTool === tool}\n            $activeColor={activeColor}\n            $shouldAnimate={shouldAnimate}\n          />\n        ) : (\n          <StyledWrapper $active={activeTool === tool}>\n            <ToolComponent />\n          </StyledWrapper>\n        )}\n      </Clickable>\n    </FlexView>\n  );\n};\n\nexport default memo(Tool);\n"],"names":["Tool","tool","withGutter","shouldAnimate","ToolComponent","TOOLS_TO_COMP","cueCanvas","setActiveTool","activeTool","activeColor","useCueCanvasActions","onToolClick","useCallback","STATELESS_TOOLS","jsx","GridMenu","FlexView","Clickable","getIsWritingTool","StyledWrapper","Tool$1","memo"],"mappings":";;;;;;;;;AAoBA,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,YAAAC,GAAY,eAAAC,QAAoB;AAC9D,QAAAC,IAAgBC,EAAcJ,CAAI,GAClC;AAAA,IACJ,gBAAgBK;AAAA,IAChB,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,MACEC,EAAoB,GAElBC,IAAcC;AAAA,IAClB,CAAC,MAAsB;AACrB,MAAAN,KAAA,QAAAA,EAAW,QAAQ,IAEdO,EAAgB,IAAI,CAAC,KACxBN,EAAc,CAAC;AAAA,IAEnB;AAAA,IACA,CAACD,GAAWC,CAAa;AAAA,EAC3B;AAEA,SAAIN,MAAS,SACJ,gBAAAa,EAACC,GAAS,EAAA,UAAUX,EAAe,CAAA,sBAIzCY,GAAS,EAAA,UAAUd,IAAa,OAAO,GACtC,UAAC,gBAAAY,EAAAG,GAAA,EAAU,SAAS,MAAMN,EAAYV,CAAI,GAAG,OAAOA,GACjD,UAAAiB,EAAiBjB,CAAI,IACpB,gBAAAa;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,SAASI,MAAeP;AAAA,MACxB,cAAcQ;AAAA,MACd,gBAAgBN;AAAA,IAAA;AAAA,EAClB,IAEC,gBAAAW,EAAAK,GAAA,EAAc,SAASX,MAAeP,GACrC,UAAC,gBAAAa,EAAAV,GAAA,CAAA,CAAc,EACjB,CAAA,EAAA,CAEJ,EACF,CAAA;AAEJ,GAEegB,IAAAC,EAAKrB,CAAI;"}
+{"version":3,"file":"tool.js","sources":["../../../../src/features/cue-canvas/toolbar/tool.tsx"],"sourcesContent":["import type { TCueCanvasTool } from '../types/cue-canvas';\nimport type { TToolComponentType } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo, useCallback } from 'react';\n\nimport Clickable from '../../ui/buttons/clickable/clickable';\nimport FlexView from '../../ui/layout/flex-view';\nimport { getIsWritingTool, STATELESS_TOOLS } from '../cue-canvas-helpers';\nimport { StyledWrapper } from '../cue-cavas-styled';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport GridMenu from './grid-menu';\nimport { TOOLS_TO_COMP } from './icon-map';\n\ninterface IToolProps {\n  tool: TCueCanvasTool;\n  withGutter?: boolean;\n  shouldAnimate?: boolean;\n}\n\nconst Tool: FC<IToolProps> = ({ tool, withGutter, shouldAnimate }) => {\n  const ToolComponent = TOOLS_TO_COMP[tool] as TToolComponentType;\n  const {\n    activeInstance: cueCanvas,\n    setActiveTool,\n    activeTool,\n    activeColor,\n  } = useCueCanvasActions();\n\n  const onToolClick = useCallback(\n    (t: TCueCanvasTool) => {\n      cueCanvas?.setTool(t);\n\n      if (!STATELESS_TOOLS.has(t)) {\n        setActiveTool(t);\n      }\n    },\n    [cueCanvas, setActiveTool],\n  );\n\n  if (tool === 'grid') {\n    return <GridMenu GridIcon={ToolComponent} />;\n  }\n\n  return (\n    <FlexView $gutterX={withGutter ? 0.25 : 0}>\n      <Clickable onClick={() => onToolClick(tool)} label={tool}>\n        {getIsWritingTool(tool) ? (\n          <ToolComponent\n            $active={activeTool === tool}\n            $activeColor={activeColor}\n            $shouldAnimate={shouldAnimate}\n          />\n        ) : (\n          <StyledWrapper $active={activeTool === tool}>\n            <ToolComponent />\n          </StyledWrapper>\n        )}\n      </Clickable>\n    </FlexView>\n  );\n};\n\nexport default memo(Tool);\n"],"names":["Tool","tool","withGutter","shouldAnimate","ToolComponent","TOOLS_TO_COMP","cueCanvas","setActiveTool","activeTool","activeColor","useCueCanvasActions","onToolClick","useCallback","STATELESS_TOOLS","jsx","GridMenu","FlexView","Clickable","getIsWritingTool","StyledWrapper","Tool$1","memo"],"mappings":";;;;;;;;;AAoBA,MAAMA,IAAuB,CAAC,EAAE,MAAAC,GAAM,YAAAC,GAAY,eAAAC,QAAoB;AAC9D,QAAAC,IAAgBC,EAAcJ,CAAI,GAClC;AAAA,IACJ,gBAAgBK;AAAA,IAChB,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,MACEC,EAAoB,GAElBC,IAAcC;AAAA,IAClB,CAAC,MAAsB;AACrB,MAAAN,KAAA,QAAAA,EAAW,QAAQ,IAEdO,EAAgB,IAAI,CAAC,KACxBN,EAAc,CAAC;AAAA,IAEnB;AAAA,IACA,CAACD,GAAWC,CAAa;AAAA,EAAA;AAG3B,SAAIN,MAAS,SACJ,gBAAAa,EAACC,GAAS,EAAA,UAAUX,EAAe,CAAA,sBAIzCY,GAAS,EAAA,UAAUd,IAAa,OAAO,GACtC,UAAC,gBAAAY,EAAAG,GAAA,EAAU,SAAS,MAAMN,EAAYV,CAAI,GAAG,OAAOA,GACjD,UAAAiB,EAAiBjB,CAAI,IACpB,gBAAAa;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,SAASI,MAAeP;AAAA,MACxB,cAAcQ;AAAA,MACd,gBAAgBN;AAAA,IAAA;AAAA,EAClB,IAEC,gBAAAW,EAAAK,GAAA,EAAc,SAASX,MAAeP,GACrC,UAAC,gBAAAa,EAAAV,GAAA,CAAc,CAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,GAEegB,IAAAC,EAAKrB,CAAI;"}

package/dist/features/cue-canvas/toolbar/toolbar.js

@@ -5,18 +5,18 @@ import { CANVAS_COLORS as p } from "../constants/constants.js";
 import { getUserTools as u } from "../cue-canvas-helpers.js";
 import { useCueCanvasActions as C } from "../hooks/use-cue-canvas-actions.js";
 import x from "./color-picker-menu.js";
-import v from "./tool.js";
-import b from "./whiteboard-toolbar.js";
-const O = s(({ userType: t, renderAs: r }) => {
-  const f = u(t, r), { activeInstance: o, activeTool: e, activeColor: i } = C();
+import b from "./tool.js";
+import v from "./whiteboard-toolbar.js";
+const T = s(({ userType: t, renderAs: r }) => {
+  const a = u(t, r), { activeInstance: o, activeTool: e, activeColor: i } = C();
   return l(() => {
     o && (i && o.setColor(p[i]), e && o.setTool(e));
-  }, [i, e, o, r]), r === "whiteboard" ? /* @__PURE__ */ m(b, { tools: f, userType: t }) : /* @__PURE__ */ n(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.5, children: [
-    f.map((a) => /* @__PURE__ */ m(v, { tool: a, shouldAnimate: !0 }, a)),
+  }, [i, e, o, r]), r === "whiteboard" ? /* @__PURE__ */ m(v, { tools: a, userType: t }) : /* @__PURE__ */ n(c, { $flexDirection: "row", $alignItems: "center", $justifyContent: "center", $flexGapX: 0.5, children: [
+    a.map((f) => /* @__PURE__ */ m(b, { tool: f, shouldAnimate: !0 }, f)),
     /* @__PURE__ */ m(x, { userType: t })
   ] });
-});
+}), S = T;
 export {
-  O as default
+  S as default
 };
 //# sourceMappingURL=toolbar.js.map

package/dist/features/cue-canvas/toolbar/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import type { IToolbarProps } from '../types/toolbar';\n\nimport React, { memo, useEffect } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { CANVAS_COLORS } from '../constants/constants';\nimport { getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: React.FC<IToolbarProps> = memo(({ userType, renderAs }) => {\n  const tools = getUserTools(userType, renderAs);\n  const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n\n  useEffect(() => {\n    if (cueCanvas) {\n      if (activeColor) {\n        cueCanvas.setColor(CANVAS_COLORS[activeColor]);\n      }\n\n      if (activeTool) {\n        cueCanvas.setTool(activeTool);\n      }\n    }\n  }, [activeColor, activeTool, cueCanvas, renderAs]);\n\n  if (renderAs === 'whiteboard') {\n    return <WhiteboardToolbar tools={tools} userType={userType} />;\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGapX={0.5}>\n      {tools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate />\n      ))}\n      <ColorPickerMenu userType={userType} />\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","useEffect","CANVAS_COLORS","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAClE,QAAAC,IAAQC,EAAaH,GAAUC,CAAQ,GACvC,EAAE,gBAAgBG,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC,EAAoB;AAcnF,SAZAC,EAAU,MAAM;AACd,IAAIJ,MACEE,KACQF,EAAA,SAASK,EAAcH,CAAW,CAAC,GAG3CD,KACFD,EAAU,QAAQC,CAAU;AAAA,KAG/B,CAACC,GAAaD,GAAYD,GAAWH,CAAQ,CAAC,GAE7CA,MAAa,eACR,gBAAAS,EAACC,GAAkB,EAAA,OAAAT,GAAc,UAAAF,EAAoB,CAAA,IAI5D,gBAAAY,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,KACrF,UAAA;AAAA,IAAMX,EAAA,IAAI,OACR,gBAAAQ,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACD,gBAAAL,EAACM,KAAgB,UAAAhB,EAAoB,CAAA;AAAA,EAAA,GACvC;AAEJ,CAAC;"}
+{"version":3,"file":"toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/toolbar.tsx"],"sourcesContent":["import type { IToolbarProps } from '../types/toolbar';\n\nimport React, { memo, useEffect } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport { CANVAS_COLORS } from '../constants/constants';\nimport { getUserTools } from '../cue-canvas-helpers';\nimport { useCueCanvasActions } from '../hooks/use-cue-canvas-actions';\nimport ColorPickerMenu from './color-picker-menu';\nimport Tool from './tool';\nimport WhiteboardToolbar from './whiteboard-toolbar';\n\nconst Toolbar: React.FC<IToolbarProps> = memo(({ userType, renderAs }) => {\n  const tools = getUserTools(userType, renderAs);\n  const { activeInstance: cueCanvas, activeTool, activeColor } = useCueCanvasActions();\n\n  useEffect(() => {\n    if (cueCanvas) {\n      if (activeColor) {\n        cueCanvas.setColor(CANVAS_COLORS[activeColor]);\n      }\n\n      if (activeTool) {\n        cueCanvas.setTool(activeTool);\n      }\n    }\n  }, [activeColor, activeTool, cueCanvas, renderAs]);\n\n  if (renderAs === 'whiteboard') {\n    return <WhiteboardToolbar tools={tools} userType={userType} />;\n  }\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\" $flexGapX={0.5}>\n      {tools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate />\n      ))}\n      <ColorPickerMenu userType={userType} />\n    </FlexView>\n  );\n});\n\nexport default Toolbar;\n"],"names":["Toolbar","memo","userType","renderAs","tools","getUserTools","cueCanvas","activeTool","activeColor","useCueCanvasActions","useEffect","CANVAS_COLORS","jsx","WhiteboardToolbar","jsxs","FlexView","Tool","tool","ColorPickerMenu","Toolbar$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAmCC,EAAK,CAAC,EAAE,UAAAC,GAAU,UAAAC,QAAe;AAClE,QAAAC,IAAQC,EAAaH,GAAUC,CAAQ,GACvC,EAAE,gBAAgBG,GAAW,YAAAC,GAAY,aAAAC,EAAA,IAAgBC;AAc/D,SAZAC,EAAU,MAAM;AACd,IAAIJ,MACEE,KACQF,EAAA,SAASK,EAAcH,CAAW,CAAC,GAG3CD,KACFD,EAAU,QAAQC,CAAU;AAAA,KAG/B,CAACC,GAAaD,GAAYD,GAAWH,CAAQ,CAAC,GAE7CA,MAAa,eACR,gBAAAS,EAACC,GAAkB,EAAA,OAAAT,GAAc,UAAAF,EAAoB,CAAA,IAI5D,gBAAAY,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UAAS,WAAW,KACrF,UAAA;AAAA,IAAMX,EAAA,IAAI,OACR,gBAAAQ,EAAAI,GAAA,EAAK,MAAAC,GAAuB,eAAa,GAAA,GAAnBA,CAAoB,CAC5C;AAAA,IACD,gBAAAL,EAACM,KAAgB,UAAAhB,GAAoB;AAAA,EACvC,EAAA,CAAA;AAEJ,CAAC,GAEDiB,IAAenB;"}

package/dist/features/cue-canvas/toolbar/whiteboard-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"whiteboard-toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/whiteboard-toolbar.tsx"],"sourcesContent":["import type { IWhiteboardToolbar } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport PenToolMenu from './pen-tool-menu';\nimport Tool from './tool';\n\nconst WhiteboardToolbar: FC<IWhiteboardToolbar> = memo(({ tools, userType }) => {\n  const writingTools = tools.slice(0, 4);\n  const otherTools = tools.slice(4);\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25} $position=\"relative\">\n      <PenToolMenu writingTools={writingTools} userType={userType} />\n      {otherTools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate={false} />\n      ))}\n    </FlexView>\n  );\n});\n\nexport default WhiteboardToolbar;\n"],"names":["WhiteboardToolbar","memo","tools","userType","writingTools","otherTools","jsxs","FlexView","jsx","PenToolMenu","tool","Tool"],"mappings":";;;;;AASA,MAAMA,IAA4CC,EAAK,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AAC9E,QAAMC,IAAeF,EAAM,MAAM,GAAG,CAAC,GAC/BG,IAAaH,EAAM,MAAM,CAAC;AAG9B,SAAA,gBAAAI,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,WAAW,MAAM,WAAU,YAC7E,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAY,cAAAL,GAA4B,UAAAD,EAAoB,CAAA;AAAA,IAC5DE,EAAW,IAAI,CACdK,MAAA,gBAAAF,EAACG,KAAK,MAAAD,GAAuB,eAAe,GAArB,GAAAA,CAA4B,CACpD;AAAA,EAAA,GACH;AAEJ,CAAC;"}
+{"version":3,"file":"whiteboard-toolbar.js","sources":["../../../../src/features/cue-canvas/toolbar/whiteboard-toolbar.tsx"],"sourcesContent":["import type { IWhiteboardToolbar } from '../types/toolbar';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport FlexView from '../../ui/layout/flex-view';\nimport PenToolMenu from './pen-tool-menu';\nimport Tool from './tool';\n\nconst WhiteboardToolbar: FC<IWhiteboardToolbar> = memo(({ tools, userType }) => {\n  const writingTools = tools.slice(0, 4);\n  const otherTools = tools.slice(4);\n\n  return (\n    <FlexView $flexDirection=\"row\" $alignItems=\"center\" $flexGapX={0.25} $position=\"relative\">\n      <PenToolMenu writingTools={writingTools} userType={userType} />\n      {otherTools.map(tool => (\n        <Tool tool={tool} key={tool} shouldAnimate={false} />\n      ))}\n    </FlexView>\n  );\n});\n\nexport default WhiteboardToolbar;\n"],"names":["WhiteboardToolbar","memo","tools","userType","writingTools","otherTools","jsxs","FlexView","jsx","PenToolMenu","tool","Tool"],"mappings":";;;;;AASA,MAAMA,IAA4CC,EAAK,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AAC9E,QAAMC,IAAeF,EAAM,MAAM,GAAG,CAAC,GAC/BG,IAAaH,EAAM,MAAM,CAAC;AAG9B,SAAA,gBAAAI,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,WAAW,MAAM,WAAU,YAC7E,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAY,cAAAL,GAA4B,UAAAD,EAAoB,CAAA;AAAA,IAC5DE,EAAW,IAAI,CACdK,MAAA,gBAAAF,EAACG,KAAK,MAAAD,GAAuB,eAAe,GAArB,GAAAA,CAA4B,CACpD;AAAA,EACH,EAAA,CAAA;AAEJ,CAAC;"}

package/dist/features/extra-practice/extra-practice.js

@@ -1,21 +1,21 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { useMemo as b, useCallback as C } from "react";
-import y from "../../assets/line-icons/icons/plus.js";
-import A from "../ui/arrow-tooltip/arrow-tooltip.js";
-import I from "../ui/buttons/button/button.js";
-import O from "../ui/buttons/text-button/text-button.js";
+import $ from "../../assets/line-icons/icons/plus.js";
+import y from "../ui/arrow-tooltip/arrow-tooltip.js";
+import A from "../ui/buttons/button/button.js";
+import I from "../ui/buttons/text-button/text-button.js";
 import i from "../ui/layout/flex-view.js";
-import R from "../ui/text/text.js";
-import $ from "./list/list.js";
-const z = ({
+import O from "../ui/text/text.js";
+import R from "./list/list.js";
+const E = ({
   showAllExtraPractice: t,
   sheets: s,
   userType: r,
   ...c
 }) => {
   const {
-    teacherId: m,
-    onStart: a,
+    teacherId: a,
+    onStart: m,
     onResume: l,
     onReattempt: p,
     onPreview: h,
@@ -23,8 +23,8 @@ const z = ({
     onReset: f,
     onChangeLocation: u,
     onShowOlderSheets: o,
-    onUnlock: w
-  } = c, x = b(
+    onUnlock: x
+  } = c, w = b(
     () => t ? "All extra practice sheets" : "recent extra practice sheets",
     [t]
   ), S = C(() => {
@@ -34,9 +34,9 @@ const z = ({
   }, [o]);
   return /* @__PURE__ */ n(i, { $flexGapX: 1.5, children: [
     /* @__PURE__ */ n(i, { $flexDirection: "row", $alignItems: "center", $justifyContent: "space-between", children: [
-      /* @__PURE__ */ e(R, { $renderAs: "eyebrow1", children: x }),
+      /* @__PURE__ */ e(O, { $renderAs: "eyebrow1", children: w }),
       r === "TEACHER" && /* @__PURE__ */ e(
-        A,
+        y,
         {
           widthX: 19.125,
           position: "bottom",
@@ -44,11 +44,11 @@ const z = ({
           tooltipItem: "Assign new extra practice sheets from the chapter’s “Supplementary resources” section",
           tooltipXCoOrdinates: -45,
           children: /* @__PURE__ */ e(
-            I,
+            A,
             {
               renderAs: "primary",
               label: "Extra practice sheet",
-              Icon: y,
+              Icon: $,
               size: "xsmall",
               disabled: !0
             }
@@ -57,24 +57,24 @@ const z = ({
       )
     ] }),
     /* @__PURE__ */ e(
-      $,
+      R,
       {
         sheets: s,
         userType: r,
-        teacherId: m,
-        onStart: a,
+        teacherId: a,
+        onStart: m,
         onResume: l,
         onReattempt: p,
         onPreview: h,
         onReview: d,
         onReset: f,
         onChangeLocation: u,
-        onUnlock: w
+        onUnlock: x
       }
     ),
-    !t && /* @__PURE__ */ e(O, { label: "See older sheets", onClick: S })
+    !t && /* @__PURE__ */ e(I, { label: "See older sheets", onClick: S })
   ] });
-};
+}, z = E;
 export {
   z as default
 };

package/dist/features/extra-practice/extra-practice.js.map

@@ -1 +1 @@
-{"version":3,"file":"extra-practice.js","sources":["../../../src/features/extra-practice/extra-practice.tsx"],"sourcesContent":["import type { IExtraPracticeProps } from './extra-practice-types';\n\nimport { useCallback, type FC, useMemo } from 'react';\n\nimport PlusIcon from '../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport List from './list/list';\n\nconst ExtraPractice: FC<IExtraPracticeProps> = ({\n  showAllExtraPractice,\n  sheets,\n  userType,\n  ...restExtraPracticeProps\n}) => {\n  const {\n    teacherId,\n    onStart,\n    onResume,\n    onReattempt,\n    onPreview,\n    onReview,\n    onReset,\n    onChangeLocation,\n    onShowOlderSheets,\n    onUnlock,\n  } = restExtraPracticeProps;\n  const title = useMemo(\n    () => (showAllExtraPractice ? 'All extra practice sheets' : 'recent extra practice sheets'),\n    [showAllExtraPractice],\n  );\n\n  const handleOnShowOlderSheets = useCallback(() => {\n    if (typeof onShowOlderSheets !== 'function') {\n      throw new Error('onShowOlderSheets must be a function');\n    }\n\n    onShowOlderSheets();\n  }, [onShowOlderSheets]);\n\n  return (\n    <FlexView $flexGapX={1.5}>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <Text $renderAs=\"eyebrow1\">{title}</Text>\n\n        {userType === 'TEACHER' && (\n          <ArrowTooltip\n            widthX={19.125}\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem={`Assign new extra practice sheets from the chapter’s “Supplementary resources” section`}\n            tooltipXCoOrdinates={-45}\n          >\n            <Button\n              renderAs=\"primary\"\n              label=\"Extra practice sheet\"\n              Icon={PlusIcon}\n              size=\"xsmall\"\n              disabled\n            />\n          </ArrowTooltip>\n        )}\n      </FlexView>\n\n      <List\n        sheets={sheets}\n        userType={userType}\n        teacherId={teacherId}\n        onStart={onStart}\n        onResume={onResume}\n        onReattempt={onReattempt}\n        onPreview={onPreview}\n        onReview={onReview}\n        onReset={onReset}\n        onChangeLocation={onChangeLocation}\n        onUnlock={onUnlock}\n      />\n\n      {!showAllExtraPractice && (\n        <TextButton label=\"See older sheets\" onClick={handleOnShowOlderSheets} />\n      )}\n    </FlexView>\n  );\n};\n\nexport default ExtraPractice;\n"],"names":["ExtraPractice","showAllExtraPractice","sheets","userType","restExtraPracticeProps","teacherId","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onShowOlderSheets","onUnlock","title","useMemo","handleOnShowOlderSheets","useCallback","jsxs","FlexView","jsx","Text","ArrowTooltip","Button","PlusIcon","List","TextButton"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,sBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEV,GACEW,IAAQC;AAAA,IACZ,MAAOf,IAAuB,8BAA8B;AAAA,IAC5D,CAACA,CAAoB;AAAA,EACvB,GAEMgB,IAA0BC,EAAY,MAAM;AAC5C,QAAA,OAAOL,KAAsB;AACzB,YAAA,IAAI,MAAM,sCAAsC;AAGtC,IAAAA,EAAA;AAAA,EAAA,GACjB,CAACA,CAAiB,CAAC;AAGpB,SAAA,gBAAAM,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAY,UAAMP,GAAA;AAAA,MAEjCZ,MAAa,aACZ,gBAAAkB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,UAAS;AAAA,UACT,UAAS;AAAA,UACT,aAAa;AAAA,UACb,qBAAqB;AAAA,UAErB,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,MAAMC;AAAA,cACN,MAAK;AAAA,cACL,UAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,IAEA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAAxB;AAAA,QACA,UAAAC;AAAA,QACA,WAAAE;AAAA,QACA,SAAAC;AAAA,QACA,UAAAC;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,CAACb,KACA,gBAAAoB,EAACM,KAAW,OAAM,oBAAmB,SAASV,EAAyB,CAAA;AAAA,EAAA,GAE3E;AAEJ;"}
+{"version":3,"file":"extra-practice.js","sources":["../../../src/features/extra-practice/extra-practice.tsx"],"sourcesContent":["import type { IExtraPracticeProps } from './extra-practice-types';\n\nimport { useCallback, type FC, useMemo } from 'react';\n\nimport PlusIcon from '../../assets/line-icons/icons/plus';\nimport ArrowTooltip from '../ui/arrow-tooltip/arrow-tooltip';\nimport Button from '../ui/buttons/button/button';\nimport TextButton from '../ui/buttons/text-button/text-button';\nimport FlexView from '../ui/layout/flex-view';\nimport Text from '../ui/text/text';\nimport List from './list/list';\n\nconst ExtraPractice: FC<IExtraPracticeProps> = ({\n  showAllExtraPractice,\n  sheets,\n  userType,\n  ...restExtraPracticeProps\n}) => {\n  const {\n    teacherId,\n    onStart,\n    onResume,\n    onReattempt,\n    onPreview,\n    onReview,\n    onReset,\n    onChangeLocation,\n    onShowOlderSheets,\n    onUnlock,\n  } = restExtraPracticeProps;\n  const title = useMemo(\n    () => (showAllExtraPractice ? 'All extra practice sheets' : 'recent extra practice sheets'),\n    [showAllExtraPractice],\n  );\n\n  const handleOnShowOlderSheets = useCallback(() => {\n    if (typeof onShowOlderSheets !== 'function') {\n      throw new Error('onShowOlderSheets must be a function');\n    }\n\n    onShowOlderSheets();\n  }, [onShowOlderSheets]);\n\n  return (\n    <FlexView $flexGapX={1.5}>\n      <FlexView $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"space-between\">\n        <Text $renderAs=\"eyebrow1\">{title}</Text>\n\n        {userType === 'TEACHER' && (\n          <ArrowTooltip\n            widthX={19.125}\n            position=\"bottom\"\n            renderAs=\"primary\"\n            tooltipItem={`Assign new extra practice sheets from the chapter’s “Supplementary resources” section`}\n            tooltipXCoOrdinates={-45}\n          >\n            <Button\n              renderAs=\"primary\"\n              label=\"Extra practice sheet\"\n              Icon={PlusIcon}\n              size=\"xsmall\"\n              disabled\n            />\n          </ArrowTooltip>\n        )}\n      </FlexView>\n\n      <List\n        sheets={sheets}\n        userType={userType}\n        teacherId={teacherId}\n        onStart={onStart}\n        onResume={onResume}\n        onReattempt={onReattempt}\n        onPreview={onPreview}\n        onReview={onReview}\n        onReset={onReset}\n        onChangeLocation={onChangeLocation}\n        onUnlock={onUnlock}\n      />\n\n      {!showAllExtraPractice && (\n        <TextButton label=\"See older sheets\" onClick={handleOnShowOlderSheets} />\n      )}\n    </FlexView>\n  );\n};\n\nexport default ExtraPractice;\n"],"names":["ExtraPractice","showAllExtraPractice","sheets","userType","restExtraPracticeProps","teacherId","onStart","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onShowOlderSheets","onUnlock","title","useMemo","handleOnShowOlderSheets","useCallback","jsxs","FlexView","jsx","Text","ArrowTooltip","Button","PlusIcon","List","TextButton","ExtraPractice$1"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAyC,CAAC;AAAA,EAC9C,sBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAV,GACEW,IAAQC;AAAA,IACZ,MAAOf,IAAuB,8BAA8B;AAAA,IAC5D,CAACA,CAAoB;AAAA,EAAA,GAGjBgB,IAA0BC,EAAY,MAAM;AAC5C,QAAA,OAAOL,KAAsB;AACzB,YAAA,IAAI,MAAM,sCAAsC;AAGtC,IAAAA;EAAA,GACjB,CAACA,CAAiB,CAAC;AAGpB,SAAA,gBAAAM,EAACC,GAAS,EAAA,WAAW,KACnB,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAS,gBAAe,OAAM,aAAY,UAAS,iBAAgB,iBAClE,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EAAK,WAAU,YAAY,UAAMP,GAAA;AAAA,MAEjCZ,MAAa,aACZ,gBAAAkB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,QAAQ;AAAA,UACR,UAAS;AAAA,UACT,UAAS;AAAA,UACT,aAAa;AAAA,UACb,qBAAqB;AAAA,UAErB,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,OAAM;AAAA,cACN,MAAMC;AAAA,cACN,MAAK;AAAA,cACL,UAAQ;AAAA,YAAA;AAAA,UACV;AAAA,QAAA;AAAA,MACF;AAAA,IAAA,GAEJ;AAAA,IAEA,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAAxB;AAAA,QACA,UAAAC;AAAA,QACA,WAAAE;AAAA,QACA,SAAAC;AAAA,QACA,UAAAC;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAE;AAAA,MAAA;AAAA,IACF;AAAA,IAEC,CAACb,KACA,gBAAAoB,EAACM,KAAW,OAAM,oBAAmB,SAASV,GAAyB;AAAA,EAE3E,EAAA,CAAA;AAEJ,GAEAW,IAAe5B;"}

package/dist/features/extra-practice/list/list-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-constants.js","sources":["../../../../src/features/extra-practice/list/list-constants.ts"],"sourcesContent":["import type { TTabsDataProps } from './list-types';\n\nimport { SHEET_STATE } from '../../sheets/constants/sheet';\n\nconst { LOCKED, NOT_STARTED, IN_PROGRESS, FAMILIAR, PROFICIENT, MASTERED, COMPLETED, RE_ATTEMPT } =\n  SHEET_STATE;\n\nconst TABS: TTabsDataProps[] = [\n  {\n    id: 'all-sheets',\n    label: 'All',\n    search_list: [],\n  },\n  {\n    id: 'unattempted-sheets',\n    label: 'Unattempted',\n    search_list: [LOCKED, NOT_STARTED, RE_ATTEMPT],\n  },\n  {\n    id: 'inprogress-sheets',\n    label: 'In progress',\n    search_list: [IN_PROGRESS],\n  },\n  {\n    id: 'submitted-sheets',\n    label: 'Submitted',\n    search_list: [FAMILIAR, PROFICIENT, MASTERED, COMPLETED],\n  },\n] as const;\n\nexport { TABS };\n"],"names":["LOCKED","NOT_STARTED","IN_PROGRESS","FAMILIAR","PROFICIENT","MASTERED","COMPLETED","RE_ATTEMPT","SHEET_STATE","TABS"],"mappings":";AAIA,MAAM,EAAE,QAAAA,GAAQ,aAAAC,GAAa,aAAAC,GAAa,UAAAC,GAAU,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,YAAAC,EAAA,IACnFC,GAEIC,IAAyB;AAAA,EAC7B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAAA;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACT,GAAQC,GAAaM,CAAU;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACL,CAAW;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACC,GAAUC,GAAYC,GAAUC,CAAS;AAAA,EAAA;AAE3D;"}
+{"version":3,"file":"list-constants.js","sources":["../../../../src/features/extra-practice/list/list-constants.ts"],"sourcesContent":["import type { TTabsDataProps } from './list-types';\n\nimport { SHEET_STATE } from '../../sheets/constants/sheet';\n\nconst { LOCKED, NOT_STARTED, IN_PROGRESS, FAMILIAR, PROFICIENT, MASTERED, COMPLETED, RE_ATTEMPT } =\n  SHEET_STATE;\n\nconst TABS: TTabsDataProps[] = [\n  {\n    id: 'all-sheets',\n    label: 'All',\n    search_list: [],\n  },\n  {\n    id: 'unattempted-sheets',\n    label: 'Unattempted',\n    search_list: [LOCKED, NOT_STARTED, RE_ATTEMPT],\n  },\n  {\n    id: 'inprogress-sheets',\n    label: 'In progress',\n    search_list: [IN_PROGRESS],\n  },\n  {\n    id: 'submitted-sheets',\n    label: 'Submitted',\n    search_list: [FAMILIAR, PROFICIENT, MASTERED, COMPLETED],\n  },\n] as const;\n\nexport { TABS };\n"],"names":["LOCKED","NOT_STARTED","IN_PROGRESS","FAMILIAR","PROFICIENT","MASTERED","COMPLETED","RE_ATTEMPT","SHEET_STATE","TABS"],"mappings":";AAIA,MAAM,EAAE,QAAAA,GAAQ,aAAAC,GAAa,aAAAC,GAAa,UAAAC,GAAU,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,YAAAC,EACnF,IAAAC,GAEIC,IAAyB;AAAA,EAC7B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACT,GAAQC,GAAaM,CAAU;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACL,CAAW;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa,CAACC,GAAUC,GAAYC,GAAUC,CAAS;AAAA,EACzD;AACF;"}

package/dist/features/extra-practice/list/list-styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-styled.js","sources":["../../../../src/features/extra-practice/list/list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ITabProps {\n  $selected: boolean;\n}\n\nconst Tab = styled(FlexView)<ITabProps>(({ $selected, theme }) => {\n  const { BLACK, WHITE } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    padding: 0 ${gutter * 1.5}px ${gutter * 1.125}px;\n    cursor: pointer;\n    border-bottom: 2px solid ${$selected ? BLACK : WHITE};\n  `;\n});\n\nexport { Tab };\n"],"names":["Tab","styled","FlexView","$selected","theme","BLACK","WHITE","gutter"],"mappings":";;AAQM,MAAAA,IAAMC,EAAOC,CAAQ,EAAa,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAAY;AAChE,QAAM,EAAE,OAAAC,GAAO,OAAAC,EAAM,IAAIF,EAAM,QACzB,EAAE,QAAAG,MAAWH,EAAM;AAElB,SAAA;AAAA,iBACQG,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA,+BAElBJ,IAAYE,IAAQC,CAAK;AAAA;AAExD,CAAC;"}
+{"version":3,"file":"list-styled.js","sources":["../../../../src/features/extra-practice/list/list-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../ui/layout/flex-view';\n\ninterface ITabProps {\n  $selected: boolean;\n}\n\nconst Tab = styled(FlexView)<ITabProps>(({ $selected, theme }) => {\n  const { BLACK, WHITE } = theme.colors;\n  const { gutter } = theme.layout;\n\n  return `\n    padding: 0 ${gutter * 1.5}px ${gutter * 1.125}px;\n    cursor: pointer;\n    border-bottom: 2px solid ${$selected ? BLACK : WHITE};\n  `;\n});\n\nexport { Tab };\n"],"names":["Tab","styled","FlexView","$selected","theme","BLACK","WHITE","gutter"],"mappings":";;AAQM,MAAAA,IAAMC,EAAOC,CAAQ,EAAa,CAAC,EAAE,WAAAC,GAAW,OAAAC,QAAY;AAChE,QAAM,EAAE,OAAAC,GAAO,OAAAC,MAAUF,EAAM,QACzB,EAAE,QAAAG,EAAO,IAAIH,EAAM;AAElB,SAAA;AAAA,iBACQG,IAAS,GAAG,MAAMA,IAAS,KAAK;AAAA;AAAA,+BAElBJ,IAAYE,IAAQC,CAAK;AAAA;AAExD,CAAC;"}

package/dist/features/extra-practice/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../../src/features/extra-practice/list/list.tsx"],"sourcesContent":["import type { ISheetDataProps } from '../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { IListProps, TTabsDataProps } from './list-types';\nimport type { FC } from 'react';\n\nimport { useState } from 'react';\n\nimport SheetsList from '../../sheets/sheets-list/sheets-list';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { TABS } from './list-constants';\nimport * as Styled from './list-styled';\nimport { getSelectedTabSheets } from './list-util';\n\nconst List: FC<IListProps> = ({ sheets, userType, onStart, ...restListProps }) => {\n  const {\n    teacherId,\n    onResume,\n    onReattempt,\n    onPreview,\n    onReview,\n    onReset,\n    onChangeLocation,\n    onUnlock,\n  } = restListProps;\n\n  const [selectedTab, setSelectedTab] = useState<TTabsDataProps>(TABS[0]!);\n  const [sheetData, setSheetData] = useState<ISheetDataProps[]>(() =>\n    getSelectedTabSheets(sheets, selectedTab.search_list),\n  );\n\n  const handleOnTabSelection = (tab: TTabsDataProps) => {\n    setSelectedTab(tab);\n    setSheetData(getSelectedTabSheets(sheets, tab.search_list));\n  };\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\">\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = selectedTab.label === label;\n\n          return (\n            <Styled.Tab key={id} $selected={selected} onClick={() => handleOnTabSelection(tab)}>\n              <Text $renderAs={selected ? 'cta2' : 'body2'}>{label}</Text>\n            </Styled.Tab>\n          );\n        })}\n      </FlexView>\n\n      <SheetsList\n        sheets={sheetData}\n        teacherId={teacherId}\n        section=\"extra_practice\"\n        emptySheetsText=\"No Extra practice sheets available.\"\n        userType={userType}\n        onStart={onStart}\n        onResume={onResume}\n        onReattempt={onReattempt}\n        onPreview={onPreview}\n        onReview={onReview}\n        onReset={onReset}\n        onChangeLocation={onChangeLocation}\n        onUnlock={onUnlock}\n        renderNodeTypeTag\n      />\n    </>\n  );\n};\n\nexport default List;\n"],"names":["List","sheets","userType","onStart","restListProps","teacherId","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onUnlock","selectedTab","setSelectedTab","useState","TABS","sheetData","setSheetData","getSelectedTabSheets","handleOnTabSelection","tab","jsxs","Fragment","jsx","FlexView","id","label","selected","Styled.Tab","Text","SheetsList"],"mappings":";;;;;;;;AAaM,MAAAA,IAAuB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAoB;AAC1E,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACER,GAEE,CAACS,GAAaC,CAAc,IAAIC,EAAyBC,EAAK,CAAC,CAAE,GACjE,CAACC,GAAWC,CAAY,IAAIH;AAAA,IAA4B,MAC5DI,EAAqBlB,GAAQY,EAAY,WAAW;AAAA,EACtD,GAEMO,IAAuB,CAACC,MAAwB;AACpD,IAAAP,EAAeO,CAAG,GAClBH,EAAaC,EAAqBlB,GAAQoB,EAAI,WAAW,CAAC;AAAA,EAC5D;AAEA,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,gBAAe,OACtB,UAAAT,EAAK,IAAI,CAAOK,MAAA;AACT,YAAA,EAAE,IAAAK,GAAI,OAAAC,EAAA,IAAUN,GAChBO,IAAWf,EAAY,UAAUc;AAEvC,+BACGE,GAAA,EAAoB,WAAWD,GAAU,SAAS,MAAMR,EAAqBC,CAAG,GAC/E,UAAA,gBAAAG,EAACM,KAAK,WAAWF,IAAW,SAAS,SAAU,UAAAD,EAAA,CAAM,KADtCD,CAEjB;AAAA,IAEH,CAAA,GACH;AAAA,IAEA,gBAAAF;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,WAAAZ;AAAA,QACA,SAAQ;AAAA,QACR,iBAAgB;AAAA,QAChB,UAAAH;AAAA,QACA,SAAAC;AAAA,QACA,UAAAG;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAC;AAAA,QACA,mBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;"}
+{"version":3,"file":"list.js","sources":["../../../../src/features/extra-practice/list/list.tsx"],"sourcesContent":["import type { ISheetDataProps } from '../../sheets/sheets-list/sheet-item/sheet-item-types';\nimport type { IListProps, TTabsDataProps } from './list-types';\nimport type { FC } from 'react';\n\nimport { useState } from 'react';\n\nimport SheetsList from '../../sheets/sheets-list/sheets-list';\nimport FlexView from '../../ui/layout/flex-view';\nimport Text from '../../ui/text/text';\nimport { TABS } from './list-constants';\nimport * as Styled from './list-styled';\nimport { getSelectedTabSheets } from './list-util';\n\nconst List: FC<IListProps> = ({ sheets, userType, onStart, ...restListProps }) => {\n  const {\n    teacherId,\n    onResume,\n    onReattempt,\n    onPreview,\n    onReview,\n    onReset,\n    onChangeLocation,\n    onUnlock,\n  } = restListProps;\n\n  const [selectedTab, setSelectedTab] = useState<TTabsDataProps>(TABS[0]!);\n  const [sheetData, setSheetData] = useState<ISheetDataProps[]>(() =>\n    getSelectedTabSheets(sheets, selectedTab.search_list),\n  );\n\n  const handleOnTabSelection = (tab: TTabsDataProps) => {\n    setSelectedTab(tab);\n    setSheetData(getSelectedTabSheets(sheets, tab.search_list));\n  };\n\n  return (\n    <>\n      <FlexView $flexDirection=\"row\">\n        {TABS.map(tab => {\n          const { id, label } = tab;\n          const selected = selectedTab.label === label;\n\n          return (\n            <Styled.Tab key={id} $selected={selected} onClick={() => handleOnTabSelection(tab)}>\n              <Text $renderAs={selected ? 'cta2' : 'body2'}>{label}</Text>\n            </Styled.Tab>\n          );\n        })}\n      </FlexView>\n\n      <SheetsList\n        sheets={sheetData}\n        teacherId={teacherId}\n        section=\"extra_practice\"\n        emptySheetsText=\"No Extra practice sheets available.\"\n        userType={userType}\n        onStart={onStart}\n        onResume={onResume}\n        onReattempt={onReattempt}\n        onPreview={onPreview}\n        onReview={onReview}\n        onReset={onReset}\n        onChangeLocation={onChangeLocation}\n        onUnlock={onUnlock}\n        renderNodeTypeTag\n      />\n    </>\n  );\n};\n\nexport default List;\n"],"names":["List","sheets","userType","onStart","restListProps","teacherId","onResume","onReattempt","onPreview","onReview","onReset","onChangeLocation","onUnlock","selectedTab","setSelectedTab","useState","TABS","sheetData","setSheetData","getSelectedTabSheets","handleOnTabSelection","tab","jsxs","Fragment","jsx","FlexView","id","label","selected","Styled.Tab","Text","SheetsList"],"mappings":";;;;;;;;AAaM,MAAAA,IAAuB,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,SAAAC,GAAS,GAAGC,QAAoB;AAC1E,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAaC,CAAc,IAAIC,EAAyBC,EAAK,CAAC,CAAE,GACjE,CAACC,GAAWC,CAAY,IAAIH;AAAA,IAA4B,MAC5DI,EAAqBlB,GAAQY,EAAY,WAAW;AAAA,EAAA,GAGhDO,IAAuB,CAACC,MAAwB;AACpD,IAAAP,EAAeO,CAAG,GAClBH,EAAaC,EAAqBlB,GAAQoB,EAAI,WAAW,CAAC;AAAA,EAAA;AAG5D,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,gBAAe,OACtB,UAAAT,EAAK,IAAI,CAAOK,MAAA;AACT,YAAA,EAAE,IAAAK,GAAI,OAAAC,EAAU,IAAAN,GAChBO,IAAWf,EAAY,UAAUc;AAEvC,+BACGE,GAAA,EAAoB,WAAWD,GAAU,SAAS,MAAMR,EAAqBC,CAAG,GAC/E,UAAA,gBAAAG,EAACM,KAAK,WAAWF,IAAW,SAAS,SAAU,UAAAD,EAAM,CAAA,KADtCD,CAEjB;AAAA,IAEH,CAAA,GACH;AAAA,IAEA,gBAAAF;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,QAAQd;AAAA,QACR,WAAAZ;AAAA,QACA,SAAQ;AAAA,QACR,iBAAgB;AAAA,QAChB,UAAAH;AAAA,QACA,SAAAC;AAAA,QACA,UAAAG;AAAA,QACA,aAAAC;AAAA,QACA,WAAAC;AAAA,QACA,UAAAC;AAAA,QACA,SAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,UAAAC;AAAA,QACA,mBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/features/hooks/use-audio-player.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-audio-player.js","sources":["../../../src/features/hooks/use-audio-player.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useUIContext } from '../ui/context/context';\n\ndeclare global {\n  interface Window {\n    webkitAudioContext?: AudioContext;\n  }\n}\n\nconst useAudioPlayer = (audioUrls: { url: string; name: string }[]) => {\n  const [audioBuffers, setAudioBuffers] = useState<Record<string, AudioBuffer | null>>({});\n\n  const context = useMemo(() => {\n    const audioContext = new (AudioContext || window.webkitAudioContext)();\n\n    return audioContext;\n  }, []);\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const getAudioBuffer = useCallback(\n    async (url: string, name: string) => {\n      try {\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await context.decodeAudioData(arrayBuffer);\n\n        setAudioBuffers(prev => ({ ...prev, [name]: audioBuffer }));\n      } catch (e) {\n        trackEvent('audio_fetch_failed', { error: e });\n      }\n    },\n    [context, trackEvent],\n  );\n\n  useEffect(() => {\n    audioUrls.forEach(({ url, name }) => {\n      getAudioBuffer(url, name);\n    });\n\n    return () => {\n      try {\n        context.close();\n      } catch (e) {\n        trackEvent('audio_context_closing_failed', { error: e });\n      }\n    };\n  }, [audioUrls, context, getAudioBuffer, trackEvent]);\n\n  const playSound = useCallback(\n    (name: string) => {\n      const buffer = audioBuffers[name];\n\n      if (!buffer) {\n        trackEvent('audio_buffer_not_found', { name });\n\n        return;\n      }\n\n      const source = context.createBufferSource();\n\n      source.buffer = buffer;\n      source.connect(context.destination);\n      source.start();\n    },\n    [audioBuffers, context, trackEvent],\n  );\n\n  return playSound;\n};\n\nexport default useAudioPlayer;\n"],"names":["useAudioPlayer","audioUrls","audioBuffers","setAudioBuffers","useState","context","useMemo","trackEvent","useUIContext","getAudioBuffer","useCallback","url","name","arrayBuffer","audioBuffer","prev","e","useEffect","buffer","source"],"mappings":";;AAUM,MAAAA,IAAiB,CAACC,MAA+C;AACrE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6C,CAAA,CAAE,GAEjFC,IAAUC,EAAQ,MACD,KAAK,gBAAgB,OAAO,oBAAoB,GAGpE,EAAE,GAEC,EAAE,SAASC,EAAW,IAAIC,EAAa,GAEvCC,IAAiBC;AAAA,IACrB,OAAOC,GAAaC,MAAiB;AAC/B,UAAA;AAEI,cAAAC,IAAc,OADH,MAAM,MAAMF,CAAG,GACG,YAAY,GACzCG,IAAc,MAAMT,EAAQ,gBAAgBQ,CAAW;AAE7C,QAAAV,EAAA,CAAAY,OAAS,EAAE,GAAGA,GAAM,CAACH,CAAI,GAAGE,IAAc;AAAA,eACnDE,GAAG;AACV,QAAAT,EAAW,sBAAsB,EAAE,OAAOS,EAAA,CAAG;AAAA,MAAA;AAAA,IAEjD;AAAA,IACA,CAACX,GAASE,CAAU;AAAA,EACtB;AAEA,SAAAU,EAAU,OACRhB,EAAU,QAAQ,CAAC,EAAE,KAAAU,GAAK,MAAAC,QAAW;AACnC,IAAAH,EAAeE,GAAKC,CAAI;AAAA,EAAA,CACzB,GAEM,MAAM;AACP,QAAA;AACF,MAAAP,EAAQ,MAAM;AAAA,aACPW,GAAG;AACV,MAAAT,EAAW,gCAAgC,EAAE,OAAOS,EAAA,CAAG;AAAA,IAAA;AAAA,EAE3D,IACC,CAACf,GAAWI,GAASI,GAAgBF,CAAU,CAAC,GAEjCG;AAAA,IAChB,CAACE,MAAiB;AACV,YAAAM,IAAShB,EAAaU,CAAI;AAEhC,UAAI,CAACM,GAAQ;AACA,QAAAX,EAAA,0BAA0B,EAAE,MAAAK,GAAM;AAE7C;AAAA,MAAA;AAGI,YAAAO,IAASd,EAAQ,mBAAmB;AAE1C,MAAAc,EAAO,SAASD,GACTC,EAAA,QAAQd,EAAQ,WAAW,GAClCc,EAAO,MAAM;AAAA,IACf;AAAA,IACA,CAACjB,GAAcG,GAASE,CAAU;AAAA,EACpC;AAGF;"}
+{"version":3,"file":"use-audio-player.js","sources":["../../../src/features/hooks/use-audio-player.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useUIContext } from '../ui/context/context';\n\ndeclare global {\n  interface Window {\n    webkitAudioContext?: AudioContext;\n  }\n}\n\nconst useAudioPlayer = (audioUrls: { url: string; name: string }[]) => {\n  const [audioBuffers, setAudioBuffers] = useState<Record<string, AudioBuffer | null>>({});\n\n  const context = useMemo(() => {\n    const audioContext = new (AudioContext || window.webkitAudioContext)();\n\n    return audioContext;\n  }, []);\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const getAudioBuffer = useCallback(\n    async (url: string, name: string) => {\n      try {\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await context.decodeAudioData(arrayBuffer);\n\n        setAudioBuffers(prev => ({ ...prev, [name]: audioBuffer }));\n      } catch (e) {\n        trackEvent('audio_fetch_failed', { error: e });\n      }\n    },\n    [context, trackEvent],\n  );\n\n  useEffect(() => {\n    audioUrls.forEach(({ url, name }) => {\n      getAudioBuffer(url, name);\n    });\n\n    return () => {\n      try {\n        context.close();\n      } catch (e) {\n        trackEvent('audio_context_closing_failed', { error: e });\n      }\n    };\n  }, [audioUrls, context, getAudioBuffer, trackEvent]);\n\n  const playSound = useCallback(\n    (name: string) => {\n      const buffer = audioBuffers[name];\n\n      if (!buffer) {\n        trackEvent('audio_buffer_not_found', { name });\n\n        return;\n      }\n\n      const source = context.createBufferSource();\n\n      source.buffer = buffer;\n      source.connect(context.destination);\n      source.start();\n    },\n    [audioBuffers, context, trackEvent],\n  );\n\n  return playSound;\n};\n\nexport default useAudioPlayer;\n"],"names":["useAudioPlayer","audioUrls","audioBuffers","setAudioBuffers","useState","context","useMemo","trackEvent","useUIContext","getAudioBuffer","useCallback","url","name","arrayBuffer","audioBuffer","prev","e","useEffect","buffer","source"],"mappings":";;AAUM,MAAAA,IAAiB,CAACC,MAA+C;AACrE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6C,CAAE,CAAA,GAEjFC,IAAUC,EAAQ,MACD,KAAK,gBAAgB,OAAO,oBAAoB,GAGpE,CAAE,CAAA,GAEC,EAAE,SAASC,EAAW,IAAIC,EAAa,GAEvCC,IAAiBC;AAAA,IACrB,OAAOC,GAAaC,MAAiB;AAC/B,UAAA;AAEI,cAAAC,IAAc,OADH,MAAM,MAAMF,CAAG,GACG,eAC7BG,IAAc,MAAMT,EAAQ,gBAAgBQ,CAAW;AAE7C,QAAAV,EAAA,CAAAY,OAAS,EAAE,GAAGA,GAAM,CAACH,CAAI,GAAGE,EAAc,EAAA;AAAA,eACnDE,GAAG;AACV,QAAAT,EAAW,sBAAsB,EAAE,OAAOS,EAAG,CAAA;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,CAACX,GAASE,CAAU;AAAA,EAAA;AAGtB,SAAAU,EAAU,OACRhB,EAAU,QAAQ,CAAC,EAAE,KAAAU,GAAK,MAAAC,QAAW;AACnC,IAAAH,EAAeE,GAAKC,CAAI;AAAA,EAAA,CACzB,GAEM,MAAM;AACP,QAAA;AACF,MAAAP,EAAQ,MAAM;AAAA,aACPW,GAAG;AACV,MAAAT,EAAW,gCAAgC,EAAE,OAAOS,EAAG,CAAA;AAAA,IACzD;AAAA,EAAA,IAED,CAACf,GAAWI,GAASI,GAAgBF,CAAU,CAAC,GAEjCG;AAAA,IAChB,CAACE,MAAiB;AACV,YAAAM,IAAShB,EAAaU,CAAI;AAEhC,UAAI,CAACM,GAAQ;AACA,QAAAX,EAAA,0BAA0B,EAAE,MAAAK,EAAA,CAAM;AAE7C;AAAA,MACF;AAEM,YAAAO,IAASd,EAAQ;AAEvB,MAAAc,EAAO,SAASD,GACTC,EAAA,QAAQd,EAAQ,WAAW,GAClCc,EAAO,MAAM;AAAA,IACf;AAAA,IACA,CAACjB,GAAcG,GAASE,CAAU;AAAA,EAAA;AAItC;"}

package/dist/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.js

@@ -1,14 +1,14 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useState as s, useEffect as E, createContext as d } from "react";
+import { createContext as E, useState as s, useEffect as d } from "react";
 import { useUIContext as f } from "../../ui/context/context.js";
 import { EVENTS as r, SMALL_AUDIO as y, SMALL_VIDEO as P } from "./constants.js";
 import { USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS as i } from "./use-auto-play-permission-analytics-events.js";
-const v = d({
+const v = E({
   canAutoPlayAudio: !1,
   canAutoPlayVideo: !1
 }), O = ({ children: u }) => {
   const [l, a] = s(!1), [A, c] = s(!1), { onEvent: o } = f();
-  return E(() => {
+  return d(() => {
     const n = () => {
       a(!0), c(!0), r.forEach((e) => {
         document.removeEventListener(e, n);

package/dist/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-play-permission-context-provider.js","sources":["../../../../src/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.tsx"],"sourcesContent":["import type { IAutoPlayPermissionContextType } from './use-auto-play-permission-context-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { useState, useEffect, createContext } from 'react';\n\nimport { useUIContext } from '../../ui/context/context';\nimport { EVENTS, SMALL_AUDIO, SMALL_VIDEO } from './constants';\nimport { USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS } from './use-auto-play-permission-analytics-events';\n\nexport const AutoPlayPermissionContext = createContext<IAutoPlayPermissionContextType>({\n  canAutoPlayAudio: false,\n  canAutoPlayVideo: false,\n});\n\nexport const AutoPlayPermissionProvider: FC<{ children: ReactNode }> = ({ children }) => {\n  const [canAutoPlayAudio, setCanAutoPlayAudio] = useState(false);\n  const [canAutoPlayVideo, setCanAutoPlayVideo] = useState(false);\n  const { onEvent } = useUIContext();\n\n  useEffect(() => {\n    const enableAutoplay = () => {\n      setCanAutoPlayAudio(true);\n      setCanAutoPlayVideo(true);\n      EVENTS.forEach(event => {\n        document.removeEventListener(event, enableAutoplay);\n      });\n    };\n\n    EVENTS.forEach(event => {\n      document.addEventListener(event, enableAutoplay);\n    });\n\n    const handleError = (err: unknown) => {\n      if (err instanceof DOMException) {\n        err.name !== 'NotAllowedError' &&\n          onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n            name: err.name,\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.log(err);\n        onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n          error: err,\n        });\n      }\n    };\n\n    // audio autoplay check\n    // way to check if autoplay is allowed by the browser for audio\n    try {\n      new Audio(SMALL_AUDIO) // smallest silent audio file\n        .play()\n        .then(() => {\n          setCanAutoPlayAudio(true);\n        })\n        .catch(handleError);\n    } catch (err) {\n      handleError(err);\n    }\n\n    // video autoplay check\n    // way to check if autoplay is allowed by the browserfor video\n    try {\n      const video = document.createElement('video');\n\n      video.src = SMALL_VIDEO; // smallest silent video file\n      video.setAttribute('playsinline', 'true');\n\n      video\n        .play()\n        .then(() => {\n          setCanAutoPlayVideo(true);\n        })\n        .catch(handleError)\n        .finally(() => {\n          video.remove();\n        });\n    } catch (err) {\n      handleError(err);\n    }\n\n    return () => {\n      EVENTS.forEach(event => {\n        document.removeEventListener(event, enableAutoplay);\n      });\n    };\n  }, [onEvent]);\n\n  return (\n    <AutoPlayPermissionContext.Provider value={{ canAutoPlayAudio, canAutoPlayVideo }}>\n      {children}\n    </AutoPlayPermissionContext.Provider>\n  );\n};\n"],"names":["AutoPlayPermissionContext","createContext","AutoPlayPermissionProvider","children","canAutoPlayAudio","setCanAutoPlayAudio","useState","canAutoPlayVideo","setCanAutoPlayVideo","onEvent","useUIContext","useEffect","enableAutoplay","EVENTS","event","handleError","err","USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS","SMALL_AUDIO","video","SMALL_VIDEO","jsx"],"mappings":";;;;;AASO,MAAMA,IAA4BC,EAA8C;AAAA,EACrF,kBAAkB;AAAA,EAClB,kBAAkB;AACpB,CAAC,GAEYC,IAA0D,CAAC,EAAE,UAAAC,QAAe;AACvF,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxD,CAACC,GAAkBC,CAAmB,IAAIF,EAAS,EAAK,GACxD,EAAE,SAAAG,EAAQ,IAAIC,EAAa;AAEjC,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,MAAM;AAC3B,MAAAP,EAAoB,EAAI,GACxBG,EAAoB,EAAI,GACxBK,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IACH;AAEA,IAAAC,EAAO,QAAQ,CAASC,MAAA;AACb,eAAA,iBAAiBA,GAAOF,CAAc;AAAA,IAAA,CAChD;AAEK,UAAAG,IAAc,CAACC,MAAiB;AACpC,MAAIA,aAAe,eACjBA,EAAI,SAAS,qBACXP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,MAAMD,EAAI;AAAA,MAAA,CACX,KAGH,QAAQ,IAAIA,CAAG,GACfP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,OAAOD;AAAA,MAAA,CACR;AAAA,IAEL;AAII,QAAA;AACF,UAAI,MAAME,CAAW,EAClB,KAAK,EACL,KAAK,MAAM;AACV,QAAAb,EAAoB,EAAI;AAAA,MAAA,CACzB,EACA,MAAMU,CAAW;AAAA,aACbC,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IAAA;AAKb,QAAA;AACI,YAAAG,IAAQ,SAAS,cAAc,OAAO;AAE5C,MAAAA,EAAM,MAAMC,GACND,EAAA,aAAa,eAAe,MAAM,GAGrCA,EAAA,OACA,KAAK,MAAM;AACV,QAAAX,EAAoB,EAAI;AAAA,MACzB,CAAA,EACA,MAAMO,CAAW,EACjB,QAAQ,MAAM;AACb,QAAAI,EAAM,OAAO;AAAA,MAAA,CACd;AAAA,aACIH,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IAAA;AAGjB,WAAO,MAAM;AACX,MAAAH,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IACH;AAAA,EAAA,GACC,CAACH,CAAO,CAAC,GAGV,gBAAAY,EAACrB,EAA0B,UAA1B,EAAmC,OAAO,EAAE,kBAAAI,GAAkB,kBAAAG,KAC5D,UAAAJ,GACH;AAEJ;"}
+{"version":3,"file":"use-auto-play-permission-context-provider.js","sources":["../../../../src/features/hooks/use-auto-play-permission/use-auto-play-permission-context-provider.tsx"],"sourcesContent":["import type { IAutoPlayPermissionContextType } from './use-auto-play-permission-context-types';\nimport type { FC, ReactNode } from 'react';\n\nimport { useState, useEffect, createContext } from 'react';\n\nimport { useUIContext } from '../../ui/context/context';\nimport { EVENTS, SMALL_AUDIO, SMALL_VIDEO } from './constants';\nimport { USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS } from './use-auto-play-permission-analytics-events';\n\nexport const AutoPlayPermissionContext = createContext<IAutoPlayPermissionContextType>({\n  canAutoPlayAudio: false,\n  canAutoPlayVideo: false,\n});\n\nexport const AutoPlayPermissionProvider: FC<{ children: ReactNode }> = ({ children }) => {\n  const [canAutoPlayAudio, setCanAutoPlayAudio] = useState(false);\n  const [canAutoPlayVideo, setCanAutoPlayVideo] = useState(false);\n  const { onEvent } = useUIContext();\n\n  useEffect(() => {\n    const enableAutoplay = () => {\n      setCanAutoPlayAudio(true);\n      setCanAutoPlayVideo(true);\n      EVENTS.forEach(event => {\n        document.removeEventListener(event, enableAutoplay);\n      });\n    };\n\n    EVENTS.forEach(event => {\n      document.addEventListener(event, enableAutoplay);\n    });\n\n    const handleError = (err: unknown) => {\n      if (err instanceof DOMException) {\n        err.name !== 'NotAllowedError' &&\n          onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n            name: err.name,\n          });\n      } else {\n        // eslint-disable-next-line no-console\n        console.log(err);\n        onEvent(USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS.ERROR_LOADING_MEDIA, {\n          error: err,\n        });\n      }\n    };\n\n    // audio autoplay check\n    // way to check if autoplay is allowed by the browser for audio\n    try {\n      new Audio(SMALL_AUDIO) // smallest silent audio file\n        .play()\n        .then(() => {\n          setCanAutoPlayAudio(true);\n        })\n        .catch(handleError);\n    } catch (err) {\n      handleError(err);\n    }\n\n    // video autoplay check\n    // way to check if autoplay is allowed by the browserfor video\n    try {\n      const video = document.createElement('video');\n\n      video.src = SMALL_VIDEO; // smallest silent video file\n      video.setAttribute('playsinline', 'true');\n\n      video\n        .play()\n        .then(() => {\n          setCanAutoPlayVideo(true);\n        })\n        .catch(handleError)\n        .finally(() => {\n          video.remove();\n        });\n    } catch (err) {\n      handleError(err);\n    }\n\n    return () => {\n      EVENTS.forEach(event => {\n        document.removeEventListener(event, enableAutoplay);\n      });\n    };\n  }, [onEvent]);\n\n  return (\n    <AutoPlayPermissionContext.Provider value={{ canAutoPlayAudio, canAutoPlayVideo }}>\n      {children}\n    </AutoPlayPermissionContext.Provider>\n  );\n};\n"],"names":["AutoPlayPermissionContext","createContext","AutoPlayPermissionProvider","children","canAutoPlayAudio","setCanAutoPlayAudio","useState","canAutoPlayVideo","setCanAutoPlayVideo","onEvent","useUIContext","useEffect","enableAutoplay","EVENTS","event","handleError","err","USE_AUTO_PLAY_PERMISSION_ANALYTICS_EVENTS","SMALL_AUDIO","video","SMALL_VIDEO","jsx"],"mappings":";;;;;AASO,MAAMA,IAA4BC,EAA8C;AAAA,EACrF,kBAAkB;AAAA,EAClB,kBAAkB;AACpB,CAAC,GAEYC,IAA0D,CAAC,EAAE,UAAAC,QAAe;AACvF,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAAS,EAAK,GACxD,CAACC,GAAkBC,CAAmB,IAAIF,EAAS,EAAK,GACxD,EAAE,SAAAG,MAAYC;AAEpB,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAiB,MAAM;AAC3B,MAAAP,EAAoB,EAAI,GACxBG,EAAoB,EAAI,GACxBK,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IAAA;AAGH,IAAAC,EAAO,QAAQ,CAASC,MAAA;AACb,eAAA,iBAAiBA,GAAOF,CAAc;AAAA,IAAA,CAChD;AAEK,UAAAG,IAAc,CAACC,MAAiB;AACpC,MAAIA,aAAe,eACjBA,EAAI,SAAS,qBACXP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,MAAMD,EAAI;AAAA,MAAA,CACX,KAGH,QAAQ,IAAIA,CAAG,GACfP,EAAQQ,EAA0C,qBAAqB;AAAA,QACrE,OAAOD;AAAA,MAAA,CACR;AAAA,IACH;AAKE,QAAA;AACF,UAAI,MAAME,CAAW,EAClB,KAAK,EACL,KAAK,MAAM;AACV,QAAAb,EAAoB,EAAI;AAAA,MAAA,CACzB,EACA,MAAMU,CAAW;AAAA,aACbC,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IACjB;AAII,QAAA;AACI,YAAAG,IAAQ,SAAS,cAAc,OAAO;AAE5C,MAAAA,EAAM,MAAMC,GACND,EAAA,aAAa,eAAe,MAAM,GAGrCA,EAAA,OACA,KAAK,MAAM;AACV,QAAAX,EAAoB,EAAI;AAAA,MACzB,CAAA,EACA,MAAMO,CAAW,EACjB,QAAQ,MAAM;AACb,QAAAI,EAAM,OAAO;AAAA,MAAA,CACd;AAAA,aACIH,GAAK;AACZ,MAAAD,EAAYC,CAAG;AAAA,IACjB;AAEA,WAAO,MAAM;AACX,MAAAH,EAAO,QAAQ,CAASC,MAAA;AACb,iBAAA,oBAAoBA,GAAOF,CAAc;AAAA,MAAA,CACnD;AAAA,IAAA;AAAA,EACH,GACC,CAACH,CAAO,CAAC,GAGV,gBAAAY,EAACrB,EAA0B,UAA1B,EAAmC,OAAO,EAAE,kBAAAI,GAAkB,kBAAAG,EAAiB,GAC7E,UAAAJ,EACH,CAAA;AAEJ;"}

package/dist/features/hooks/use-drag-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-drag-helper.js","sources":["../../../src/features/hooks/use-drag-helper.ts"],"sourcesContent":["import { type RefObject, useRef, useCallback, useEffect, useState } from 'react';\n\ntype TPosition = { top?: number; left?: number; bottom?: number; right?: number };\n\nexport const useDragHelper = (\n  elementRef: RefObject<HTMLDivElement>,\n  dragEnabled = false,\n  initialPosition?: TPosition,\n) => {\n  const [currentPosition, setCurrentPosition] = useState<TPosition | undefined>(initialPosition);\n  const prevXRef = useRef(0);\n  const prevYRef = useRef(0);\n\n  const calculatePosition = useCallback(\n    (event: MouseEvent | TouchEvent, element: HTMLDivElement) => {\n      const { offsetTop, offsetLeft } = element;\n\n      let displacementX = 0;\n      let displacementY = 0;\n\n      if ('clientX' in event && 'clientY' in event) {\n        displacementX = event.clientX - prevXRef.current;\n        displacementY = event.clientY - prevYRef.current;\n      } else if ('changedTouches' in event) {\n        const touch = event.changedTouches[0];\n\n        if (touch) {\n          displacementX = touch.clientX - prevXRef.current;\n          displacementY = touch.clientY - prevYRef.current;\n        }\n      }\n\n      return {\n        top: offsetTop + displacementY,\n        left: offsetLeft + displacementX,\n      };\n    },\n    [],\n  );\n\n  const onPointerMove = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      event.preventDefault();\n      const element = elementRef.current;\n\n      if (element) {\n        const { top, left } = calculatePosition(event, element);\n\n        element.style.top = `${top}px`;\n        element.style.left = `${left}px`;\n\n        if ('clientX' in event && 'clientY' in event) {\n          prevXRef.current = event.clientX;\n          prevYRef.current = event.clientY;\n        } else if ('changedTouches' in event) {\n          const touch = event.changedTouches[0];\n\n          if (touch) {\n            prevXRef.current = touch.clientX;\n            prevYRef.current = touch.clientY;\n          }\n        }\n      }\n    },\n    [calculatePosition, elementRef],\n  );\n\n  const onMouseUp = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (!('changedTouches' in event)) {\n        event.preventDefault();\n      }\n\n      const element = elementRef.current;\n\n      if (element) {\n        const { top, left } = calculatePosition(event, element);\n\n        setCurrentPosition({ left, top });\n      }\n\n      document.removeEventListener('mouseup', onMouseUp);\n      document.removeEventListener('touchend', onMouseUp);\n      document.removeEventListener('mousemove', onPointerMove);\n      document.removeEventListener('touchmove', onPointerMove);\n    },\n    [calculatePosition, elementRef, onPointerMove],\n  );\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (!('changedTouches' in event)) {\n        event.preventDefault();\n      }\n\n      if ('clientX' in event && 'clientY' in event) {\n        prevXRef.current = event.clientX;\n        prevYRef.current = event.clientY;\n      } else if ('changedTouches' in event) {\n        const touch = event.changedTouches[0];\n\n        if (touch) {\n          prevXRef.current = touch.clientX;\n          prevYRef.current = touch.clientY;\n        }\n      }\n\n      document.addEventListener('mouseup', onMouseUp);\n      document.addEventListener('touchend', onMouseUp);\n      document.addEventListener('mousemove', onPointerMove);\n      document.addEventListener('touchmove', onPointerMove);\n    },\n    [onMouseUp, onPointerMove],\n  );\n\n  const validatedPosition = (position: number, elementSize: number, viewSize: number) => {\n    const remainingWidth = viewSize - elementSize;\n\n    return position < 0 ? 0 : position > remainingWidth ? remainingWidth : position;\n  };\n\n  const validateElementInViewport = useCallback(() => {\n    if (elementRef.current) {\n      const { top, left, right, bottom } = currentPosition || {};\n\n      const viewWidth = window.innerWidth;\n      const viewHeight = window.innerHeight;\n      const elementHeight = elementRef.current.offsetHeight;\n      const elementWidth = elementRef.current.offsetWidth;\n\n      if (typeof top === 'number') {\n        const validateTop = validatedPosition(top, elementHeight, viewHeight);\n\n        elementRef.current.style.top = `${validateTop}px`;\n      } else if (typeof bottom === 'number') {\n        const validateBottom = validatedPosition(bottom, elementHeight, viewHeight);\n\n        elementRef.current.style.bottom = `${validateBottom}px`;\n      } else {\n        elementRef.current.style.top = '0px';\n      }\n\n      if (typeof left === 'number') {\n        const validateLeft = validatedPosition(left, elementWidth, viewWidth);\n\n        elementRef.current.style.left = `${validateLeft}px`;\n      } else if (typeof right === 'number') {\n        const validateRight = validatedPosition(right, elementWidth, viewWidth);\n\n        elementRef.current.style.right = `${validateRight}px`;\n      } else {\n        elementRef.current.style.left = '0px';\n      }\n    }\n  }, [currentPosition, elementRef]);\n\n  useEffect(() => {\n    validateElementInViewport();\n  }, [validateElementInViewport, currentPosition]);\n\n  useEffect(() => {\n    const element = elementRef.current;\n\n    if (element && dragEnabled) {\n      element.addEventListener('mousedown', onMouseDown);\n      element.addEventListener('touchstart', onMouseDown);\n    }\n\n    return () => {\n      if (element && dragEnabled) {\n        element.removeEventListener('mousedown', onMouseDown);\n        element.removeEventListener('touchstart', onMouseDown);\n      }\n    };\n  }, [onMouseDown, elementRef, dragEnabled]);\n\n  return validateElementInViewport;\n};\n"],"names":["useDragHelper","elementRef","dragEnabled","initialPosition","currentPosition","setCurrentPosition","useState","prevXRef","useRef","prevYRef","calculatePosition","useCallback","event","element","offsetTop","offsetLeft","displacementX","displacementY","touch","onPointerMove","top","left","onMouseUp","onMouseDown","validatedPosition","position","elementSize","viewSize","remainingWidth","validateElementInViewport","right","bottom","viewWidth","viewHeight","elementHeight","elementWidth","validateTop","validateBottom","validateLeft","validateRight","useEffect"],"mappings":"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"}
+{"version":3,"file":"use-drag-helper.js","sources":["../../../src/features/hooks/use-drag-helper.ts"],"sourcesContent":["import { type RefObject, useRef, useCallback, useEffect, useState } from 'react';\n\ntype TPosition = { top?: number; left?: number; bottom?: number; right?: number };\n\nexport const useDragHelper = (\n  elementRef: RefObject<HTMLDivElement>,\n  dragEnabled = false,\n  initialPosition?: TPosition,\n) => {\n  const [currentPosition, setCurrentPosition] = useState<TPosition | undefined>(initialPosition);\n  const prevXRef = useRef(0);\n  const prevYRef = useRef(0);\n\n  const calculatePosition = useCallback(\n    (event: MouseEvent | TouchEvent, element: HTMLDivElement) => {\n      const { offsetTop, offsetLeft } = element;\n\n      let displacementX = 0;\n      let displacementY = 0;\n\n      if ('clientX' in event && 'clientY' in event) {\n        displacementX = event.clientX - prevXRef.current;\n        displacementY = event.clientY - prevYRef.current;\n      } else if ('changedTouches' in event) {\n        const touch = event.changedTouches[0];\n\n        if (touch) {\n          displacementX = touch.clientX - prevXRef.current;\n          displacementY = touch.clientY - prevYRef.current;\n        }\n      }\n\n      return {\n        top: offsetTop + displacementY,\n        left: offsetLeft + displacementX,\n      };\n    },\n    [],\n  );\n\n  const onPointerMove = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      event.preventDefault();\n      const element = elementRef.current;\n\n      if (element) {\n        const { top, left } = calculatePosition(event, element);\n\n        element.style.top = `${top}px`;\n        element.style.left = `${left}px`;\n\n        if ('clientX' in event && 'clientY' in event) {\n          prevXRef.current = event.clientX;\n          prevYRef.current = event.clientY;\n        } else if ('changedTouches' in event) {\n          const touch = event.changedTouches[0];\n\n          if (touch) {\n            prevXRef.current = touch.clientX;\n            prevYRef.current = touch.clientY;\n          }\n        }\n      }\n    },\n    [calculatePosition, elementRef],\n  );\n\n  const onMouseUp = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (!('changedTouches' in event)) {\n        event.preventDefault();\n      }\n\n      const element = elementRef.current;\n\n      if (element) {\n        const { top, left } = calculatePosition(event, element);\n\n        setCurrentPosition({ left, top });\n      }\n\n      document.removeEventListener('mouseup', onMouseUp);\n      document.removeEventListener('touchend', onMouseUp);\n      document.removeEventListener('mousemove', onPointerMove);\n      document.removeEventListener('touchmove', onPointerMove);\n    },\n    [calculatePosition, elementRef, onPointerMove],\n  );\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (!('changedTouches' in event)) {\n        event.preventDefault();\n      }\n\n      if ('clientX' in event && 'clientY' in event) {\n        prevXRef.current = event.clientX;\n        prevYRef.current = event.clientY;\n      } else if ('changedTouches' in event) {\n        const touch = event.changedTouches[0];\n\n        if (touch) {\n          prevXRef.current = touch.clientX;\n          prevYRef.current = touch.clientY;\n        }\n      }\n\n      document.addEventListener('mouseup', onMouseUp);\n      document.addEventListener('touchend', onMouseUp);\n      document.addEventListener('mousemove', onPointerMove);\n      document.addEventListener('touchmove', onPointerMove);\n    },\n    [onMouseUp, onPointerMove],\n  );\n\n  const validatedPosition = (position: number, elementSize: number, viewSize: number) => {\n    const remainingWidth = viewSize - elementSize;\n\n    return position < 0 ? 0 : position > remainingWidth ? remainingWidth : position;\n  };\n\n  const validateElementInViewport = useCallback(() => {\n    if (elementRef.current) {\n      const { top, left, right, bottom } = currentPosition || {};\n\n      const viewWidth = window.innerWidth;\n      const viewHeight = window.innerHeight;\n      const elementHeight = elementRef.current.offsetHeight;\n      const elementWidth = elementRef.current.offsetWidth;\n\n      if (typeof top === 'number') {\n        const validateTop = validatedPosition(top, elementHeight, viewHeight);\n\n        elementRef.current.style.top = `${validateTop}px`;\n      } else if (typeof bottom === 'number') {\n        const validateBottom = validatedPosition(bottom, elementHeight, viewHeight);\n\n        elementRef.current.style.bottom = `${validateBottom}px`;\n      } else {\n        elementRef.current.style.top = '0px';\n      }\n\n      if (typeof left === 'number') {\n        const validateLeft = validatedPosition(left, elementWidth, viewWidth);\n\n        elementRef.current.style.left = `${validateLeft}px`;\n      } else if (typeof right === 'number') {\n        const validateRight = validatedPosition(right, elementWidth, viewWidth);\n\n        elementRef.current.style.right = `${validateRight}px`;\n      } else {\n        elementRef.current.style.left = '0px';\n      }\n    }\n  }, [currentPosition, elementRef]);\n\n  useEffect(() => {\n    validateElementInViewport();\n  }, [validateElementInViewport, currentPosition]);\n\n  useEffect(() => {\n    const element = elementRef.current;\n\n    if (element && dragEnabled) {\n      element.addEventListener('mousedown', onMouseDown);\n      element.addEventListener('touchstart', onMouseDown);\n    }\n\n    return () => {\n      if (element && dragEnabled) {\n        element.removeEventListener('mousedown', onMouseDown);\n        element.removeEventListener('touchstart', onMouseDown);\n      }\n    };\n  }, [onMouseDown, elementRef, dragEnabled]);\n\n  return validateElementInViewport;\n};\n"],"names":["useDragHelper","elementRef","dragEnabled","initialPosition","currentPosition","setCurrentPosition","useState","prevXRef","useRef","prevYRef","calculatePosition","useCallback","event","element","offsetTop","offsetLeft","displacementX","displacementY","touch","onPointerMove","top","left","onMouseUp","onMouseDown","validatedPosition","position","elementSize","viewSize","remainingWidth","validateElementInViewport","right","bottom","viewWidth","viewHeight","elementHeight","elementWidth","validateTop","validateBottom","validateLeft","validateRight","useEffect"],"mappings":"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"}

package/dist/features/hooks/use-force-reload.js

@@ -1,9 +1,9 @@
-import { useMemo as a, useCallback as c, useEffect as d } from "react";
-const m = ({ threshold: r = 24, trackEvent: i, shouldNotReload: e }) => {
-  const s = r * 60 * 60 * 1e3, o = a(() => Date.now(), []), n = c(() => {
+import { useMemo as c, useCallback as a, useEffect as d } from "react";
+const u = ({ threshold: r = 24, trackEvent: s, shouldNotReload: e }) => {
+  const i = r * 60 * 60 * 1e3, o = c(() => Date.now(), []), n = a(() => {
     const t = Date.now();
     if (e) return;
-    t - o > s && (i(
+    t - o > i && (s(
       "forced_reload",
       {
         last_load_time: o,
@@ -12,12 +12,12 @@ const m = ({ threshold: r = 24, trackEvent: i, shouldNotReload: e }) => {
       },
       { immediate: !0 }
     ), window.location.reload());
-  }, [e, s, o, i]);
+  }, [e, i, o, s]);
   d(() => (e || window.addEventListener("focus", n), () => {
     window.removeEventListener("focus", n);
   }), [n, e]);
-};
+}, f = u;
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=use-force-reload.js.map

package/dist/features/hooks/use-force-reload.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-force-reload.js","sources":["../../../src/features/hooks/use-force-reload.ts"],"sourcesContent":["import { useEffect, useCallback, useMemo } from 'react';\n\ninterface IUseForceReload {\n  threshold: number;\n  trackEvent: (\n    event_name: string,\n    payload: Record<string, unknown>,\n    overrides: Record<string, unknown>,\n  ) => void;\n  shouldNotReload: boolean;\n}\n\nconst useForceReload = ({ threshold = 24, trackEvent, shouldNotReload }: IUseForceReload) => {\n  const hoursInMs = threshold * 60 * 60 * 1000;\n  const lastLoadTime = useMemo(() => Date.now(), []);\n\n  const checkAndReload = useCallback(() => {\n    const currentTime = Date.now();\n\n    if (shouldNotReload) return;\n\n    const shouldReloadWindow = currentTime - lastLoadTime > hoursInMs;\n\n    if (shouldReloadWindow) {\n      trackEvent(\n        'forced_reload',\n        {\n          last_load_time: lastLoadTime,\n          current_time: currentTime,\n          time_since_last_load: currentTime - lastLoadTime,\n        },\n        { immediate: true },\n      );\n      window.location.reload();\n    }\n  }, [shouldNotReload, hoursInMs, lastLoadTime, trackEvent]);\n\n  useEffect(() => {\n    if (!shouldNotReload) {\n      window.addEventListener('focus', checkAndReload);\n    }\n\n    return () => {\n      window.removeEventListener('focus', checkAndReload);\n    };\n  }, [checkAndReload, shouldNotReload]);\n};\n\nexport default useForceReload;\n"],"names":["useForceReload","threshold","trackEvent","shouldNotReload","hoursInMs","lastLoadTime","useMemo","checkAndReload","useCallback","currentTime","useEffect"],"mappings":";AAYA,MAAMA,IAAiB,CAAC,EAAE,WAAAC,IAAY,IAAI,YAAAC,GAAY,iBAAAC,QAAuC;AACrF,QAAAC,IAAYH,IAAY,KAAK,KAAK,KAClCI,IAAeC,EAAQ,MAAM,KAAK,IAAI,GAAG,CAAA,CAAE,GAE3CC,IAAiBC,EAAY,MAAM;AACjC,UAAAC,IAAc,KAAK,IAAI;AAE7B,QAAIN,EAAiB;AAIrB,IAF2BM,IAAcJ,IAAeD,MAGtDF;AAAA,MACE;AAAA,MACA;AAAA,QACE,gBAAgBG;AAAA,QAChB,cAAcI;AAAA,QACd,sBAAsBA,IAAcJ;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IACpB,GACA,OAAO,SAAS,OAAO;AAAA,KAExB,CAACF,GAAiBC,GAAWC,GAAcH,CAAU,CAAC;AAEzD,EAAAQ,EAAU,OACHP,KACI,OAAA,iBAAiB,SAASI,CAAc,GAG1C,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAc;AAAA,EACpD,IACC,CAACA,GAAgBJ,CAAe,CAAC;AACtC;"}
+{"version":3,"file":"use-force-reload.js","sources":["../../../src/features/hooks/use-force-reload.ts"],"sourcesContent":["import { useEffect, useCallback, useMemo } from 'react';\n\ninterface IUseForceReload {\n  threshold: number;\n  trackEvent: (\n    event_name: string,\n    payload: Record<string, unknown>,\n    overrides: Record<string, unknown>,\n  ) => void;\n  shouldNotReload: boolean;\n}\n\nconst useForceReload = ({ threshold = 24, trackEvent, shouldNotReload }: IUseForceReload) => {\n  const hoursInMs = threshold * 60 * 60 * 1000;\n  const lastLoadTime = useMemo(() => Date.now(), []);\n\n  const checkAndReload = useCallback(() => {\n    const currentTime = Date.now();\n\n    if (shouldNotReload) return;\n\n    const shouldReloadWindow = currentTime - lastLoadTime > hoursInMs;\n\n    if (shouldReloadWindow) {\n      trackEvent(\n        'forced_reload',\n        {\n          last_load_time: lastLoadTime,\n          current_time: currentTime,\n          time_since_last_load: currentTime - lastLoadTime,\n        },\n        { immediate: true },\n      );\n      window.location.reload();\n    }\n  }, [shouldNotReload, hoursInMs, lastLoadTime, trackEvent]);\n\n  useEffect(() => {\n    if (!shouldNotReload) {\n      window.addEventListener('focus', checkAndReload);\n    }\n\n    return () => {\n      window.removeEventListener('focus', checkAndReload);\n    };\n  }, [checkAndReload, shouldNotReload]);\n};\n\nexport default useForceReload;\n"],"names":["useForceReload","threshold","trackEvent","shouldNotReload","hoursInMs","lastLoadTime","useMemo","checkAndReload","useCallback","currentTime","useEffect","useForceReload$1"],"mappings":";AAYA,MAAMA,IAAiB,CAAC,EAAE,WAAAC,IAAY,IAAI,YAAAC,GAAY,iBAAAC,QAAuC;AACrF,QAAAC,IAAYH,IAAY,KAAK,KAAK,KAClCI,IAAeC,EAAQ,MAAM,KAAK,IAAI,GAAG,CAAA,CAAE,GAE3CC,IAAiBC,EAAY,MAAM;AACjC,UAAAC,IAAc,KAAK;AAEzB,QAAIN,EAAiB;AAIrB,IAF2BM,IAAcJ,IAAeD,MAGtDF;AAAA,MACE;AAAA,MACA;AAAA,QACE,gBAAgBG;AAAA,QAChB,cAAcI;AAAA,QACd,sBAAsBA,IAAcJ;AAAA,MACtC;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAEpB,OAAO,SAAS;KAEjB,CAACF,GAAiBC,GAAWC,GAAcH,CAAU,CAAC;AAEzD,EAAAQ,EAAU,OACHP,KACI,OAAA,iBAAiB,SAASI,CAAc,GAG1C,MAAM;AACJ,WAAA,oBAAoB,SAASA,CAAc;AAAA,EAAA,IAEnD,CAACA,GAAgBJ,CAAe,CAAC;AACtC,GAEAQ,IAAeX;"}

package/dist/features/hooks/use-is-unmounted.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-is-unmounted.js","sources":["../../../src/features/hooks/use-is-unmounted.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst useIsUnmounted = () => {\n  const isUnmountedRef = useRef(false);\n\n  useEffect(() => {\n    return () => {\n      isUnmountedRef.current = true;\n    };\n  }, []);\n\n  return isUnmountedRef;\n};\n\nexport default useIsUnmounted;\n"],"names":["useIsUnmounted","isUnmountedRef","useRef","useEffect"],"mappings":";AAEA,MAAMA,IAAiB,MAAM;AACrB,QAAAC,IAAiBC,EAAO,EAAK;AAEnC,SAAAC,EAAU,MACD,MAAM;AACX,IAAAF,EAAe,UAAU;AAAA,EAC3B,GACC,EAAE,GAEEA;AACT;"}
+{"version":3,"file":"use-is-unmounted.js","sources":["../../../src/features/hooks/use-is-unmounted.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nconst useIsUnmounted = () => {\n  const isUnmountedRef = useRef(false);\n\n  useEffect(() => {\n    return () => {\n      isUnmountedRef.current = true;\n    };\n  }, []);\n\n  return isUnmountedRef;\n};\n\nexport default useIsUnmounted;\n"],"names":["useIsUnmounted","isUnmountedRef","useRef","useEffect"],"mappings":";AAEA,MAAMA,IAAiB,MAAM;AACrB,QAAAC,IAAiBC,EAAO,EAAK;AAEnC,SAAAC,EAAU,MACD,MAAM;AACX,IAAAF,EAAe,UAAU;AAAA,EAAA,GAE1B,CAAE,CAAA,GAEEA;AACT;"}

package/dist/features/hooks/use-lazy-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-lazy-ref.js","sources":["../../../src/features/hooks/use-lazy-ref.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nconst useLazyRef = <Value,>(setInitialValue: () => Value, defaultValue: Value | null = null) => {\n  const lazyRef = useRef<Value | null>(defaultValue);\n\n  if (lazyRef.current === null) {\n    lazyRef.current = setInitialValue();\n  }\n\n  return lazyRef.current;\n};\n\nexport default useLazyRef;\n"],"names":["useLazyRef","setInitialValue","defaultValue","lazyRef","useRef"],"mappings":";AAEA,MAAMA,IAAa,CAASC,GAA8BC,IAA6B,SAAS;AACxF,QAAAC,IAAUC,EAAqBF,CAAY;AAE7C,SAAAC,EAAQ,YAAY,SACtBA,EAAQ,UAAUF,EAAgB,IAG7BE,EAAQ;AACjB;"}
+{"version":3,"file":"use-lazy-ref.js","sources":["../../../src/features/hooks/use-lazy-ref.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nconst useLazyRef = <Value,>(setInitialValue: () => Value, defaultValue: Value | null = null) => {\n  const lazyRef = useRef<Value | null>(defaultValue);\n\n  if (lazyRef.current === null) {\n    lazyRef.current = setInitialValue();\n  }\n\n  return lazyRef.current;\n};\n\nexport default useLazyRef;\n"],"names":["useLazyRef","setInitialValue","defaultValue","lazyRef","useRef"],"mappings":";AAEA,MAAMA,IAAa,CAASC,GAA8BC,IAA6B,SAAS;AACxF,QAAAC,IAAUC,EAAqBF,CAAY;AAE7C,SAAAC,EAAQ,YAAY,SACtBA,EAAQ,UAAUF,MAGbE,EAAQ;AACjB;"}

package/dist/features/hooks/use-previous.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-previous.js","sources":["../../../src/features/hooks/use-previous.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nfunction isEqual<T>(prevValue: T, currentValue: T) {\n  return JSON.stringify(prevValue) === JSON.stringify(currentValue);\n}\n\nfunction usePrevious<T>(value: T) {\n  const previousValue = useRef<T>();\n\n  useEffect(() => {\n    const { current: currentStoredValue } = previousValue || {};\n\n    if (!currentStoredValue || !isEqual(currentStoredValue, value)) {\n      previousValue.current = value;\n    }\n  }, [value]);\n\n  return previousValue.current;\n}\n\nexport default usePrevious;\n"],"names":["isEqual","prevValue","currentValue","usePrevious","value","previousValue","useRef","useEffect","currentStoredValue"],"mappings":";AAEA,SAASA,EAAWC,GAAcC,GAAiB;AACjD,SAAO,KAAK,UAAUD,CAAS,MAAM,KAAK,UAAUC,CAAY;AAClE;AAEA,SAASC,EAAeC,GAAU;AAChC,QAAMC,IAAgBC,EAAU;AAEhC,SAAAC,EAAU,MAAM;AACd,UAAM,EAAE,SAASC,EAAmB,IAAIH,KAAiB,CAAC;AAE1D,KAAI,CAACG,KAAsB,CAACR,EAAQQ,GAAoBJ,CAAK,OAC3DC,EAAc,UAAUD;AAAA,EAC1B,GACC,CAACA,CAAK,CAAC,GAEHC,EAAc;AACvB;"}
+{"version":3,"file":"use-previous.js","sources":["../../../src/features/hooks/use-previous.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nfunction isEqual<T>(prevValue: T, currentValue: T) {\n  return JSON.stringify(prevValue) === JSON.stringify(currentValue);\n}\n\nfunction usePrevious<T>(value: T) {\n  const previousValue = useRef<T>();\n\n  useEffect(() => {\n    const { current: currentStoredValue } = previousValue || {};\n\n    if (!currentStoredValue || !isEqual(currentStoredValue, value)) {\n      previousValue.current = value;\n    }\n  }, [value]);\n\n  return previousValue.current;\n}\n\nexport default usePrevious;\n"],"names":["isEqual","prevValue","currentValue","usePrevious","value","previousValue","useRef","useEffect","currentStoredValue"],"mappings":";AAEA,SAASA,EAAWC,GAAcC,GAAiB;AACjD,SAAO,KAAK,UAAUD,CAAS,MAAM,KAAK,UAAUC,CAAY;AAClE;AAEA,SAASC,EAAeC,GAAU;AAChC,QAAMC,IAAgBC;AAEtB,SAAAC,EAAU,MAAM;AACd,UAAM,EAAE,SAASC,MAAuBH,KAAiB,CAAA;AAEzD,KAAI,CAACG,KAAsB,CAACR,EAAQQ,GAAoBJ,CAAK,OAC3DC,EAAc,UAAUD;AAAA,EAC1B,GACC,CAACA,CAAK,CAAC,GAEHC,EAAc;AACvB;"}