@getpara/wagmi-v2-integration 2.0.0-dev.5 → 2.0.0-dev.7

package/dist/connectorModal.d.ts

@@ -1,3 +1,4 @@
 import ParaWeb from '@getpara/react-sdk';
 import { ParaModalPropsForInit } from './paraConnector.js';
-export declare function renderModal(para: ParaWeb, modalProps: Partial<ParaModalPropsForInit>, onCloseArg: () => void): void;
+import { QueryClient } from '@tanstack/react-query';
+export declare function renderModal(para: ParaWeb, modalProps: Partial<ParaModalPropsForInit>, onCloseArg: () => void, queryClient: QueryClient): void;

package/dist/index.js

@@ -57,9 +57,10 @@ import { createParaConnector } from "@getpara/wagmi-v2-connector";
 
 // src/connectorModal.tsx
 import { ParaProvider, setIsOpen } from "@getpara/react-sdk";
+import { QueryClientProvider } from "@tanstack/react-query";
 import { jsx } from "react/jsx-runtime";
-var Portal;
-function renderModal(para, modalProps, onCloseArg) {
+var Root;
+function renderModal(para, modalProps, onCloseArg, queryClient) {
   const existingContainer = document.getElementById("para-modal");
   const container = existingContainer != null ? existingContainer : document.createElement("div");
   container.id = "para-modal";
@@ -76,22 +77,23 @@ function renderModal(para, modalProps, onCloseArg) {
     if (typeof document === "undefined") {
       return;
     }
-    const Modal = /* @__PURE__ */ jsx(
+    const Modal = /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(
       ParaProvider,
       {
         paraClientConfig: para,
         config: { appName: (_a = modalProps.appName) != null ? _a : "" },
         paraModalConfig: __spreadProps(__spreadValues({}, modalProps), { onClose })
       }
-    );
+    ) });
     try {
-      const { createPortal } = yield import("react-dom");
-      if (!Portal) {
-        Portal = createPortal(Modal, container);
+      const client = yield import("react-dom/client");
+      if (!Root) {
+        Root = client.createRoot(container);
       }
+      Root.render(Modal);
     } catch (e) {
       const ReactDOM = yield import("react-dom");
-      ReactDOM.createPortal(Modal, container);
+      ReactDOM.render(Modal, container);
     }
   });
   render();
@@ -109,7 +111,8 @@ var paraConnector = (_a) => {
     nameOverride,
     idOverride,
     transports,
-    appName
+    appName,
+    queryClient
   } = _b, modalProps = __objRest(_b, [
     "para",
     "chains",
@@ -120,7 +123,8 @@ var paraConnector = (_a) => {
     "nameOverride",
     "idOverride",
     "transports",
-    "appName"
+    "appName",
+    "queryClient"
   ]);
   return createParaConnector({
     para,
@@ -133,7 +137,7 @@ var paraConnector = (_a) => {
     idOverride,
     transports,
     appName,
-    renderModal: (onClose) => renderModal(para, __spreadProps(__spreadValues({}, modalProps), { appName }), onClose),
+    renderModal: (onClose) => renderModal(para, __spreadProps(__spreadValues({}, modalProps), { appName }), onClose, queryClient),
     openModal: () => {
       setIsOpen2(true);
     }

package/dist/paraConnector.d.ts

@@ -1,10 +1,12 @@
 import { ParaModalProps } from '@getpara/react-sdk';
 import { ParaConnectorOpts as ParaConnectorOptsBase } from '@getpara/wagmi-v2-connector';
+import { QueryClient } from '@tanstack/react-query';
 export type ParaModalPropsForInit = Omit<ParaModalProps, 'isOpen' | 'para'> & {
     appName: string;
+    queryClient: QueryClient;
 };
 type ParaConnectorOpts = Partial<ParaModalPropsForInit> & ParaConnectorOptsBase;
-export declare const paraConnector: ({ para, chains: _chains, disableModal, storageOverride, options, iconOverride, nameOverride, idOverride, transports, appName, ...modalProps }: ParaConnectorOpts) => import("wagmi").CreateConnectorFn<unknown, {
+export declare const paraConnector: ({ para, chains: _chains, disableModal, storageOverride, options, iconOverride, nameOverride, idOverride, transports, appName, queryClient, ...modalProps }: ParaConnectorOpts) => import("wagmi").CreateConnectorFn<unknown, {
     type: string;
     name: string;
     icon: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/wagmi-v2-integration",
-  "version": "2.0.0-dev.5",
+  "version": "2.0.0-dev.7",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,6 +17,7 @@
     "typescript": "5.1.6"
   },
   "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
     "react": "*",
     "react-dom": "*"
   },