@matchain/matchid-sdk-react 0.1.56-alpha.2 → 0.1.56-alpha.3

package/dist/hooks.mjs

@@ -14,7 +14,7 @@ import {
   useTransaction,
   useUserInfo,
   useWallet
-} from "./chunk-NIGHV7RT.mjs";
+} from "./chunk-KDVKIXOS.mjs";
 import "./chunk-JX73EY6V.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import "./chunk-IZOOVZAD.mjs";

package/dist/index.js

@@ -2434,7 +2434,7 @@ var import_react31 = require("react");
 var import_viem9 = require("viem");
 
 // src/context/ModalContext.tsx
-var import_react30 = __toESM(require("react"));
+var import_react30 = require("react");
 var import_react_dom = require("react-dom");
 
 // src/ui/index.ts
@@ -5983,18 +5983,24 @@ function ModalProvider({ children }) {
     modals: [],
     highestZIndex: 100
   });
+  const highestIndexRef = (0, import_react30.useRef)(100);
   const getNextIndex = (0, import_react30.useCallback)(() => {
-    return Math.max(...modalState.modals.map((modal) => modal.index), 0) + 1 || 100;
-  }, [modalState]);
+    highestIndexRef.current += 1;
+    return highestIndexRef.current;
+  }, []);
   const closeModal = (0, import_react30.useCallback)((index) => {
+    console.log("closeModal", index);
     setModalState((prevState) => ({
       modals: prevState.modals.filter((modal) => modal.index !== index),
       highestZIndex: prevState.highestZIndex
     }));
   }, []);
+  (0, import_react30.useEffect)(() => {
+    console.log("modalState", modalState);
+  }, [modalState]);
   const show = (0, import_react30.useCallback)((content, index) => {
     setModalState((prevState) => {
-      const modalIndex = index !== void 0 ? index : getNextIndex();
+      const modalIndex = index ?? getNextIndex();
       const newZIndex = prevState.highestZIndex + 1;
       return {
         modals: [...prevState.modals, {
@@ -6010,7 +6016,7 @@ function ModalProvider({ children }) {
   }, [getNextIndex, closeModal]);
   const open = (0, import_react30.useCallback)((props) => {
     setModalState((prevState) => {
-      const modalIndex = props.index !== void 0 ? props.index : getNextIndex();
+      const modalIndex = props.index ?? getNextIndex();
       const newZIndex = prevState.highestZIndex + 1;
       return {
         modals: [...prevState.modals, {
@@ -6024,9 +6030,9 @@ function ModalProvider({ children }) {
       };
     });
   }, [getNextIndex, closeModal]);
-  const modalElements = modalState.modals.sort((a, b) => b.zIndex - a.zIndex).map(
+  const modalElements = modalState.modals.map(
     (modal) => modal.visible ? (0, import_react_dom.createPortal)(
-      import_react30.default.createElement(modal.content, { zIndex: modal.zIndex, close: modal.close }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(modal.content, { zIndex: modal.zIndex, close: modal.close }, modal.index),
       document.body
     ) : null
   );