@matchain/matchid-sdk-react 0.1.53-alpha.14 → 0.1.53-alpha.15

package/dist/hooks/index.mjs

@@ -12,7 +12,7 @@ import {
   useTransaction,
   useUserInfo,
   useWallet
-} from "../chunk-OEKLKWFJ.mjs";
+} from "../chunk-BC4HS373.mjs";
 import "../chunk-JX73EY6V.mjs";
 import "../chunk-UA6XHZHX.mjs";
 import "../chunk-IZOOVZAD.mjs";

package/dist/{index-zc2GEzJ9.d.ts → index-D5yzH62h.d.ts}

@@ -9,11 +9,12 @@ import React, { ReactNode } from 'react';
 import * as viem__types_actions_siwe_verifySiweMessage from 'viem/_types/actions/siwe/verifySiweMessage';
 import * as _tanstack_react_query from '@tanstack/react-query';
 
+interface ModalProps {
+    close: () => void;
+    zIndex: number;
+}
 interface ModalContextType {
-    show: (content: (props: {
-        close: () => void;
-        zIndex: number;
-    }) => ReactNode, index?: number) => void;
+    show: (content: React.FC<ModalProps>, index?: number) => void;
     open: (props: {
         title: ReactNode;
         content: React.ComponentType<{

package/dist/{index-DjbH13zc.d.mts → index-Dus4QPjO.d.mts}

@@ -9,11 +9,12 @@ import React, { ReactNode } from 'react';
 import * as viem__types_actions_siwe_verifySiweMessage from 'viem/_types/actions/siwe/verifySiweMessage';
 import * as _tanstack_react_query from '@tanstack/react-query';
 
+interface ModalProps {
+    close: () => void;
+    zIndex: number;
+}
 interface ModalContextType {
-    show: (content: (props: {
-        close: () => void;
-        zIndex: number;
-    }) => ReactNode, index?: number) => void;
+    show: (content: React.FC<ModalProps>, index?: number) => void;
     open: (props: {
         title: ReactNode;
         content: React.ComponentType<{

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-VrV1kYga.mjs';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-DjbH13zc.mjs';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-Dus4QPjO.mjs';
 export { i as Components } from './index-CLYi12dP.mjs';
 export { i as UI } from './index-DC4F1u-w.mjs';
 export { i as Api } from './index-BrzFSkOe.mjs';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-VrV1kYga.js';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-zc2GEzJ9.js';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-D5yzH62h.js';
 export { i as Components } from './index-BikcLg_6.js';
 export { i as UI } from './index-C0UKUm0h.js';
 export { i as Api } from './index-BgdY5xdW.js';

package/dist/index.js

@@ -2472,7 +2472,7 @@ var import_react10 = require("react");
 var import_viem4 = require("viem");
 
 // src/context/ModalContext.tsx
-var import_react9 = require("react");
+var import_react9 = __toESM(require("react"));
 var import_react_dom = require("react-dom");
 
 // src/ui/index.ts
@@ -3011,7 +3011,8 @@ function ModalProvider({ children }) {
           visible: true,
           index: modalIndex,
           zIndex: newZIndex,
-          content: content({ close: () => closeModal(modalIndex), zIndex: newZIndex })
+          content,
+          close: () => closeModal(modalIndex)
         }],
         highestZIndex: newZIndex
       };
@@ -3026,7 +3027,8 @@ function ModalProvider({ children }) {
           visible: true,
           index: modalIndex,
           zIndex: newZIndex,
-          content: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ModalDrawer, { showClose: true, isOpen: true, onClose: () => closeModal(modalIndex), title: props.title, zIndex: newZIndex, onBack: props.onBack, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(props.content, { close: () => closeModal(modalIndex), zIndex: newZIndex }) })
+          close: () => closeModal(modalIndex),
+          content: ({ close, zIndex }) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ModalDrawer, { showClose: true, isOpen: true, onClose: close, title: props.title, zIndex, onBack: props.onBack, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(props.content, { close, zIndex }) })
         }],
         highestZIndex: newZIndex
       };
@@ -3034,7 +3036,7 @@ function ModalProvider({ children }) {
   }, [getNextIndex, closeModal]);
   const modalElements = modalState.modals.sort((a, b) => b.zIndex - a.zIndex).map(
     (modal) => modal.visible ? (0, import_react_dom.createPortal)(
-      modal.content,
+      import_react9.default.createElement(modal.content, { zIndex: modal.zIndex, close: modal.close }),
       document.body
     ) : null
   );