@cuemath/leap 3.1.12-as1 → 3.1.12-as3

package/dist/features/ui/modals/modal-provider.js

@@ -1,48 +1,50 @@
-import { jsxs as k, jsx as C } from "react/jsx-runtime";
-import { memo as E, useState as a, useCallback as M, useMemo as x, useEffect as u } from "react";
-import y from "./modal.js";
-import I from "./modal-context.js";
-import { lockScroll as S, unlockScroll as h } from "./modal-helpers.js";
-const D = 500, T = E(({ children: w, modals: d, isUserAuthenticated: t }) => {
-  const [o, c] = a(null), [f, v] = a(void 0), [s, r] = a(!1), m = M(
-    (n, l) => {
-      const i = d.find((P) => P.name === n);
-      if (!i)
-        throw new Error(`Modal with name "${n}" not found`);
-      if (i.isPrivate && !t)
+import { jsxs as b, jsx as x } from "react/jsx-runtime";
+import { memo as y, useState as l, useCallback as v, useMemo as I, useEffect as w } from "react";
+import S from "./modal.js";
+import h from "./modal-context.js";
+import { lockScroll as D, unlockScroll as T } from "./modal-helpers.js";
+const $ = 500, g = y(({ children: M, modals: d, isUserAuthenticated: t }) => {
+  const [o, f] = l(null), [m, p] = l(void 0), [n, a] = l(!1), [r, k] = l(void 0), u = v(
+    (e, i, C) => {
+      const c = d.find((E) => E.name === e);
+      if (!c)
+        throw new Error(`Modal with name "${e}" not found`);
+      if (c.isPrivate && !t)
         throw new Error(
-          `Access violation: Modal "${n}" is private and user is not authenticated`
+          `Access violation: Modal "${e}" is private and user is not authenticated`
         );
-      r(!1), c(i), v(l), S();
+      k(C), a(!1), f(c), p(i), D();
     },
     [t, d]
-  ), e = M(() => {
-    r(!0), h(), setTimeout(() => {
-      c(null), r(!1);
-    }, D);
-  }, []), p = x(
+  ), s = v(() => {
+    const { onCloseModal: e } = r || {};
+    a(!0), T(), setTimeout(() => {
+      e == null || e(), f(null), a(!1);
+    }, $);
+  }, [r]), P = I(
     () => ({
       modal: o,
-      modalParams: f,
-      openModal: m,
-      closeModal: e,
-      isClosing: s
+      modalParams: m,
+      openModal: u,
+      closeModal: s,
+      isClosing: n,
+      callbacks: r
     }),
-    [o, f, m, e, s]
+    [o, m, u, s, n, r]
   );
-  return u(() => {
-    !t && (o != null && o.isPrivate) && e();
-  }, [t, o, e]), u(() => {
-    const n = (l) => {
-      l.key === "Escape" && (o == null ? void 0 : o.isDismissable) !== !1 && !s && e();
+  return w(() => {
+    !t && (o != null && o.isPrivate) && s();
+  }, [t, o, s]), w(() => {
+    const e = (i) => {
+      i.key === "Escape" && (o == null ? void 0 : o.isDismissable) !== !1 && !n && s();
     };
-    return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-  }, [o, e, s]), /* @__PURE__ */ k(I.Provider, { value: p, children: [
-    w,
-    o && /* @__PURE__ */ C(y, { modal: o, isClosing: s, onClose: e })
+    return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+  }, [o, s, n]), /* @__PURE__ */ b(h.Provider, { value: P, children: [
+    M,
+    o && /* @__PURE__ */ x(S, { modal: o, isClosing: n, onClose: s })
   ] });
-}), O = T;
+}), K = g;
 export {
-  O as default
+  K as default
 };
 //# sourceMappingURL=modal-provider.js.map

package/dist/features/ui/modals/modal-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-provider.js","sources":["../../../../src/features/ui/modals/modal-provider.tsx"],"sourcesContent":["import type { IModal, IModalContext, IModalProviderProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport Modal from './modal';\nimport ModalContext from './modal-context';\nimport { lockScroll, unlockScroll } from './modal-helpers';\n\nconst ANIMATION_DURATION_MS = 500; // Match the animation duration in modal.tsx\n\n/**\n * Provider component that manages modal state and provides modal context to child components\n */\nconst ModalProvider: FC<IModalProviderProps> = memo(({ children, modals, isUserAuthenticated }) => {\n  const [modal, setModal] = useState<IModal | null>(null);\n  const [modalParams, setModalParams] = useState<Record<string, unknown> | undefined>(undefined);\n  const [isClosing, setIsClosing] = useState(false);\n\n  /**\n   * Opens a modal by name with optional parameters\n   * Handles authentication check for private modals\n   */\n  const openModal = useCallback<IModalContext['openModal']>(\n    (modalName, newModalParams) => {\n      const newModal = modals.find(m => m.name === modalName);\n\n      if (!newModal) {\n        throw new Error(`Modal with name \"${modalName}\" not found`);\n      }\n\n      if (newModal.isPrivate && !isUserAuthenticated) {\n        throw new Error(\n          `Access violation: Modal \"${modalName}\" is private and user is not authenticated`,\n        );\n      }\n\n      setIsClosing(false);\n      setModal(newModal);\n      setModalParams(newModalParams as unknown as Record<string, unknown> | undefined);\n      lockScroll(); // Lock scroll while preserving scrollbar width\n    },\n    [isUserAuthenticated, modals],\n  );\n\n  const closeModal = useCallback(() => {\n    setIsClosing(true);\n    // Wait for the animation to complete before removing the modal\n    unlockScroll();\n    setTimeout(() => {\n      setModal(null);\n      setIsClosing(false);\n    }, ANIMATION_DURATION_MS);\n  }, []);\n\n  const modalContent = useMemo<IModalContext>(\n    () => ({\n      modal,\n      modalParams,\n      openModal,\n      closeModal,\n      isClosing,\n    }),\n    [modal, modalParams, openModal, closeModal, isClosing],\n  );\n\n  useEffect(() => {\n    if (!isUserAuthenticated && modal?.isPrivate) {\n      // If the modal is private and user is not authenticated, close it\n      closeModal();\n    }\n  }, [isUserAuthenticated, modal, closeModal]);\n\n  // Handle ESC key\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && modal?.isDismissable !== false && !isClosing) {\n        closeModal();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [modal, closeModal, isClosing]);\n\n  return (\n    <ModalContext.Provider value={modalContent}>\n      {children}\n      {modal && <Modal modal={modal} isClosing={isClosing} onClose={closeModal} />}\n    </ModalContext.Provider>\n  );\n});\n\nexport default ModalProvider;\n"],"names":["ANIMATION_DURATION_MS","ModalProvider","memo","children","modals","isUserAuthenticated","modal","setModal","useState","modalParams","setModalParams","isClosing","setIsClosing","openModal","useCallback","modalName","newModalParams","newModal","m","lockScroll","closeModal","unlockScroll","modalContent","useMemo","useEffect","handleKeyDown","e","jsxs","ModalContext","jsx","Modal","ModalProvider$1"],"mappings":";;;;;AASA,MAAMA,IAAwB,KAKxBC,IAAyCC,EAAK,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,QAA0B;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAaC,CAAc,IAAIF,EAA8C,MAAS,GACvF,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAM1CK,IAAYC;AAAA,IAChB,CAACC,GAAWC,MAAmB;AAC7B,YAAMC,IAAWb,EAAO,KAAK,CAAKc,MAAAA,EAAE,SAASH,CAAS;AAEtD,UAAI,CAACE;AACH,cAAM,IAAI,MAAM,oBAAoBF,CAAS,aAAa;AAGxD,UAAAE,EAAS,aAAa,CAACZ;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4BU,CAAS;AAAA,QAAA;AAIzC,MAAAH,EAAa,EAAK,GAClBL,EAASU,CAAQ,GACjBP,EAAeM,CAAgE,GACpEG;IACb;AAAA,IACA,CAACd,GAAqBD,CAAM;AAAA,EAAA,GAGxBgB,IAAaN,EAAY,MAAM;AACnC,IAAAF,EAAa,EAAI,GAEJS,KACb,WAAW,MAAM;AACf,MAAAd,EAAS,IAAI,GACbK,EAAa,EAAK;AAAA,OACjBZ,CAAqB;AAAA,EAC1B,GAAG,CAAE,CAAA,GAECsB,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAAjB;AAAA,MACA,aAAAG;AAAA,MACA,WAAAI;AAAA,MACA,YAAAO;AAAA,MACA,WAAAT;AAAA,IAAA;AAAA,IAEF,CAACL,GAAOG,GAAaI,GAAWO,GAAYT,CAAS;AAAA,EAAA;AAGvD,SAAAa,EAAU,MAAM;AACV,IAAA,CAACnB,MAAuBC,KAAA,QAAAA,EAAO,cAEtBc;EAEZ,GAAA,CAACf,GAAqBC,GAAOc,CAAU,CAAC,GAG3CI,EAAU,MAAM;AACR,UAAAC,IAAgB,CAACC,MAAqB;AAC1C,MAAIA,EAAE,QAAQ,aAAYpB,KAAA,gBAAAA,EAAO,mBAAkB,MAAS,CAACK,KAChDS;IACb;AAGK,kBAAA,iBAAiB,WAAWK,CAAa,GAEzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAC/D,GAAA,CAACnB,GAAOc,GAAYT,CAAS,CAAC,GAG9B,gBAAAgB,EAAAC,EAAa,UAAb,EAAsB,OAAON,GAC3B,UAAA;AAAA,IAAAnB;AAAA,IACAG,KAAU,gBAAAuB,EAAAC,GAAA,EAAM,OAAAxB,GAAc,WAAAK,GAAsB,SAASS,GAAY;AAAA,EAC5E,EAAA,CAAA;AAEJ,CAAC,GAEDW,IAAe9B;"}
+{"version":3,"file":"modal-provider.js","sources":["../../../../src/features/ui/modals/modal-provider.tsx"],"sourcesContent":["import type { IModal, IModalCallbacks, IModalContext, IModalProviderProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport Modal from './modal';\nimport ModalContext from './modal-context';\nimport { lockScroll, unlockScroll } from './modal-helpers';\n\nconst ANIMATION_DURATION_MS = 500; // Match the animation duration in modal.tsx\n\n/**\n * Provider component that manages modal state and provides modal context to child components\n */\nconst ModalProvider: FC<IModalProviderProps> = memo(({ children, modals, isUserAuthenticated }) => {\n  const [modal, setModal] = useState<IModal | null>(null);\n  const [modalParams, setModalParams] = useState<Record<string, unknown> | undefined>(undefined);\n  const [isClosing, setIsClosing] = useState(false);\n  const [callbacks, setCallbacks] = useState<IModalCallbacks | undefined>(undefined);\n  /**\n   * Opens a modal by name with optional parameters\n   * Handles authentication check for private modals\n   */\n  const openModal = useCallback<IModalContext['openModal']>(\n    (modalName, newModalParams, callback) => {\n      const newModal = modals.find(m => m.name === modalName);\n\n      if (!newModal) {\n        throw new Error(`Modal with name \"${modalName}\" not found`);\n      }\n\n      if (newModal.isPrivate && !isUserAuthenticated) {\n        throw new Error(\n          `Access violation: Modal \"${modalName}\" is private and user is not authenticated`,\n        );\n      }\n\n      setCallbacks(callback);\n      setIsClosing(false);\n      setModal(newModal);\n      setModalParams(newModalParams as unknown as Record<string, unknown> | undefined);\n      lockScroll(); // Lock scroll while preserving scrollbar width\n    },\n    [isUserAuthenticated, modals],\n  );\n\n  const closeModal = useCallback(() => {\n    const { onCloseModal } = callbacks || {};\n\n    setIsClosing(true);\n    // Wait for the animation to complete before removing the modal\n    unlockScroll();\n    setTimeout(() => {\n      onCloseModal?.();\n      setModal(null);\n      setIsClosing(false);\n    }, ANIMATION_DURATION_MS);\n  }, [callbacks]);\n\n  const modalContent = useMemo<IModalContext>(\n    () => ({\n      modal,\n      modalParams,\n      openModal,\n      closeModal,\n      isClosing,\n      callbacks,\n    }),\n    [modal, modalParams, openModal, closeModal, isClosing, callbacks],\n  );\n\n  useEffect(() => {\n    if (!isUserAuthenticated && modal?.isPrivate) {\n      // If the modal is private and user is not authenticated, close it\n      closeModal();\n    }\n  }, [isUserAuthenticated, modal, closeModal]);\n\n  // Handle ESC key\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && modal?.isDismissable !== false && !isClosing) {\n        closeModal();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [modal, closeModal, isClosing]);\n\n  return (\n    <ModalContext.Provider value={modalContent}>\n      {children}\n      {modal && <Modal modal={modal} isClosing={isClosing} onClose={closeModal} />}\n    </ModalContext.Provider>\n  );\n});\n\nexport default ModalProvider;\n"],"names":["ANIMATION_DURATION_MS","ModalProvider","memo","children","modals","isUserAuthenticated","modal","setModal","useState","modalParams","setModalParams","isClosing","setIsClosing","callbacks","setCallbacks","openModal","useCallback","modalName","newModalParams","callback","newModal","m","lockScroll","closeModal","onCloseModal","unlockScroll","modalContent","useMemo","useEffect","handleKeyDown","e","jsxs","ModalContext","jsx","Modal","ModalProvider$1"],"mappings":";;;;;AASA,MAAMA,IAAwB,KAKxBC,IAAyCC,EAAK,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,QAA0B;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAaC,CAAc,IAAIF,EAA8C,MAAS,GACvF,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1C,CAACK,GAAWC,CAAY,IAAIN,EAAsC,MAAS,GAK3EO,IAAYC;AAAA,IAChB,CAACC,GAAWC,GAAgBC,MAAa;AACvC,YAAMC,IAAWhB,EAAO,KAAK,CAAKiB,MAAAA,EAAE,SAASJ,CAAS;AAEtD,UAAI,CAACG;AACH,cAAM,IAAI,MAAM,oBAAoBH,CAAS,aAAa;AAGxD,UAAAG,EAAS,aAAa,CAACf;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4BY,CAAS;AAAA,QAAA;AAIzC,MAAAH,EAAaK,CAAQ,GACrBP,EAAa,EAAK,GAClBL,EAASa,CAAQ,GACjBV,EAAeQ,CAAgE,GACpEI;IACb;AAAA,IACA,CAACjB,GAAqBD,CAAM;AAAA,EAAA,GAGxBmB,IAAaP,EAAY,MAAM;AACnC,UAAM,EAAE,cAAAQ,EAAA,IAAiBX,KAAa;AAEtC,IAAAD,EAAa,EAAI,GAEJa,KACb,WAAW,MAAM;AACA,MAAAD,KAAA,QAAAA,KACfjB,EAAS,IAAI,GACbK,EAAa,EAAK;AAAA,OACjBZ,CAAqB;AAAA,EAAA,GACvB,CAACa,CAAS,CAAC,GAERa,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAArB;AAAA,MACA,aAAAG;AAAA,MACA,WAAAM;AAAA,MACA,YAAAQ;AAAA,MACA,WAAAZ;AAAA,MACA,WAAAE;AAAA,IAAA;AAAA,IAEF,CAACP,GAAOG,GAAaM,GAAWQ,GAAYZ,GAAWE,CAAS;AAAA,EAAA;AAGlE,SAAAe,EAAU,MAAM;AACV,IAAA,CAACvB,MAAuBC,KAAA,QAAAA,EAAO,cAEtBiB;EAEZ,GAAA,CAAClB,GAAqBC,GAAOiB,CAAU,CAAC,GAG3CK,EAAU,MAAM;AACR,UAAAC,IAAgB,CAACC,MAAqB;AAC1C,MAAIA,EAAE,QAAQ,aAAYxB,KAAA,gBAAAA,EAAO,mBAAkB,MAAS,CAACK,KAChDY;IACb;AAGK,kBAAA,iBAAiB,WAAWM,CAAa,GAEzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAC/D,GAAA,CAACvB,GAAOiB,GAAYZ,CAAS,CAAC,GAG9B,gBAAAoB,EAAAC,EAAa,UAAb,EAAsB,OAAON,GAC3B,UAAA;AAAA,IAAAvB;AAAA,IACAG,KAAU,gBAAA2B,EAAAC,GAAA,EAAM,OAAA5B,GAAc,WAAAK,GAAsB,SAASY,GAAY;AAAA,EAC5E,EAAA,CAAA;AAEJ,CAAC,GAEDY,IAAelC;"}

package/dist/features/ui/modals/use-modal-actions.js

@@ -1,9 +1,9 @@
-import { useContext as e } from "react";
-import n from "./modal-context.js";
-const l = () => {
-  const { openModal: o, closeModal: t, isClosing: s } = e(n);
-  return { openModal: o, closeModal: t, isClosing: s };
-}, c = l;
+import { useContext as n } from "react";
+import l from "./modal-context.js";
+const a = () => {
+  const { openModal: o, closeModal: t, isClosing: s, modal: e } = n(l);
+  return { openModal: o, closeModal: t, isClosing: s, modal: e };
+}, c = a;
 export {
   c as default
 };

package/dist/features/ui/modals/use-modal-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-modal-actions.js","sources":["../../../../src/features/ui/modals/use-modal-actions.ts"],"sourcesContent":["import type { IUseModalActions } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalActions: IUseModalActions = () => {\n  const { openModal, closeModal, isClosing } = useContext(ModalContext);\n\n  return { openModal, closeModal, isClosing };\n};\n\nexport default useModalActions;\n"],"names":["useModalActions","openModal","closeModal","isClosing","useContext","ModalContext","useModalActions$1"],"mappings":";;AAMA,MAAMA,IAAoC,MAAM;AAC9C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,EAAU,IAAIC,EAAWC,CAAY;AAE7D,SAAA,EAAE,WAAAJ,GAAW,YAAAC,GAAY,WAAAC;AAClC,GAEAG,IAAeN;"}
+{"version":3,"file":"use-modal-actions.js","sources":["../../../../src/features/ui/modals/use-modal-actions.ts"],"sourcesContent":["import type { IUseModalActions } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalActions: IUseModalActions = () => {\n  const { openModal, closeModal, isClosing, modal } = useContext(ModalContext);\n\n  return { openModal, closeModal, isClosing, modal };\n};\n\nexport default useModalActions;\n"],"names":["useModalActions","openModal","closeModal","isClosing","modal","useContext","ModalContext","useModalActions$1"],"mappings":";;AAMA,MAAMA,IAAoC,MAAM;AAC9C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,GAAW,OAAAC,MAAUC,EAAWC,CAAY;AAE3E,SAAO,EAAE,WAAAL,GAAW,YAAAC,GAAY,WAAAC,GAAW,OAAAC,EAAM;AACnD,GAEAG,IAAeP;"}

package/dist/index.d.ts

@@ -2368,6 +2368,11 @@ export declare interface IModal {
     modalWidth: string;
 }
 
+declare interface IModalCallbacks {
+    /** Callback when the modal is closed */
+    onCloseModal?: () => void;
+}
+
 /**
  * Context for managing modals throughout the application
  */
@@ -2377,7 +2382,7 @@ declare interface IModalContext {
     /** Parameters passed to the modal when opened */
     modalParams?: Record<string, unknown>;
     /** Opens a modal by name with optional parameters */
-    openModal: <T = undefined>(name: string, params?: T) => void;
+    openModal: <T = undefined>(name: string, params?: T, callbacks?: IModalCallbacks) => void;
     /** Closes the currently open modal */
     closeModal: () => void;
     /** Whether the modal is in the process of closing (for animation) */
@@ -3595,7 +3600,7 @@ declare interface IUseIsTabBlocked {
 }
 
 declare interface IUseModalActions {
-    (): Pick<IModalContext, 'openModal' | 'closeModal' | 'isClosing'>;
+    (): Pick<IModalContext, 'openModal' | 'closeModal' | 'isClosing' | 'modal'>;
 }
 
 declare interface IUseModalParams {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.12-as1",
+  "version": "3.1.12-as3",
   "type": "module",
   "files": [
     "dist"