@connectedxm/client 0.0.59 → 0.0.61

package/dist/index.d.mts

@@ -1151,6 +1151,7 @@ interface SubscriptionProductPrice extends BaseSubscriptionProductPrice {
 }
 
 interface ConnectedXMClientContextState {
+    queryClient: QueryClient;
     organizationId: string;
     apiUrl: "https://client-api.connectedxm.com" | "https://staging-client-api.connectedxm.com" | "http://localhost:4001";
     token: string | undefined;
@@ -1165,9 +1166,9 @@ interface ConnectedXMClientContextState {
 interface ConnectedXMProviderProps extends Omit<ConnectedXMClientContextState, "token" | "setToken" | "executeAs" | "setExecuteAs"> {
     children: React.ReactNode;
 }
-declare const ConnectedXMProvider: ({ children, ...state }: ConnectedXMProviderProps) => React.JSX.Element;
+declare const ConnectedXMProvider: ({ queryClient, children, ...state }: ConnectedXMProviderProps) => React.JSX.Element;
 
-declare const useConnectedXM: () => ConnectedXMClientContextState;
+declare const useConnectedXM: () => Omit<ConnectedXMClientContextState, "queryClient">;
 
 declare const getClientAPI: (apiUrl: "https://client-api.connectedxm.com" | "https://staging-client-api.connectedxm.com" | "http://localhost:4001", organizationId: string, token?: string, executeAs?: string, locale?: string) => AxiosInstance;
 declare const useClientAPI: (locale?: string) => AxiosInstance;

package/dist/index.d.ts

@@ -1151,6 +1151,7 @@ interface SubscriptionProductPrice extends BaseSubscriptionProductPrice {
 }
 
 interface ConnectedXMClientContextState {
+    queryClient: QueryClient;
     organizationId: string;
     apiUrl: "https://client-api.connectedxm.com" | "https://staging-client-api.connectedxm.com" | "http://localhost:4001";
     token: string | undefined;
@@ -1165,9 +1166,9 @@ interface ConnectedXMClientContextState {
 interface ConnectedXMProviderProps extends Omit<ConnectedXMClientContextState, "token" | "setToken" | "executeAs" | "setExecuteAs"> {
     children: React.ReactNode;
 }
-declare const ConnectedXMProvider: ({ children, ...state }: ConnectedXMProviderProps) => React.JSX.Element;
+declare const ConnectedXMProvider: ({ queryClient, children, ...state }: ConnectedXMProviderProps) => React.JSX.Element;
 
-declare const useConnectedXM: () => ConnectedXMClientContextState;
+declare const useConnectedXM: () => Omit<ConnectedXMClientContextState, "queryClient">;
 
 declare const getClientAPI: (apiUrl: "https://client-api.connectedxm.com" | "https://staging-client-api.connectedxm.com" | "http://localhost:4001", organizationId: string, token?: string, executeAs?: string, locale?: string) => AxiosInstance;
 declare const useClientAPI: (locale?: string) => AxiosInstance;

package/dist/index.js

@@ -568,36 +568,44 @@ module.exports = __toCommonJS(src_exports);
 
 // src/ConnectedXMProvider.tsx
 var import_react = __toESM(require("react"));
-var ConnectedXMClientContext = import_react.default.createContext(
-  {}
-);
+var import_react_query = require("@tanstack/react-query");
+var ConnectedXMClientContext = import_react.default.createContext({});
 var ConnectedXMProvider = ({
+  queryClient,
   children,
   ...state
 }) => {
+  const [ssr, setSSR] = import_react.default.useState(true);
   const [token, setToken] = import_react.default.useState();
   const [executeAs, setExecuteAs] = import_react.default.useState();
-  return /* @__PURE__ */ import_react.default.createElement(
-    ConnectedXMClientContext.Provider,
-    {
-      value: {
-        ...state,
-        token,
-        setToken,
-        executeAs,
-        setExecuteAs
-      }
-    },
-    children
-  );
+  import_react.default.useEffect(() => {
+    setSSR(false);
+  }, []);
+  const render = () => {
+    return /* @__PURE__ */ import_react.default.createElement(
+      ConnectedXMClientContext.Provider,
+      {
+        value: {
+          ...state,
+          token,
+          setToken,
+          executeAs,
+          setExecuteAs
+        }
+      },
+      children
+    );
+  };
+  if (ssr)
+    return /* @__PURE__ */ import_react.default.createElement(import_react_query.QueryClientProvider, { client: queryClient }, render());
+  else
+    return render();
 };
 
 // src/hooks/useConnectedXM.ts
 var import_react2 = __toESM(require("react"));
 var useConnectedXM = () => {
-  const context = import_react2.default.useContext(
-    ConnectedXMClientContext
-  );
+  const context = import_react2.default.useContext(ConnectedXMClientContext);
   if (!context) {
     throw new Error("useConnectedXM must be used within a ConnectedXMProvider");
   }
@@ -913,14 +921,14 @@ function MergeInfinitePages(data) {
 }
 
 // src/queries/useConnectedSingleQuery.ts
-var import_react_query = require("@tanstack/react-query");
+var import_react_query2 = require("@tanstack/react-query");
 var GetBaseSingleQueryKeys = (locale) => {
   return [locale];
 };
 var useConnectedSingleQuery = (queryKeys, queryFn, options) => {
   const { locale, onModuleForbidden, onNotAuthorized, onNotFound } = useConnectedXM();
   const clientApi = useClientAPI(locale);
-  return (0, import_react_query.useQuery)({
+  return (0, import_react_query2.useQuery)({
     staleTime: 60 * 1e3,
     // 60 Seconds
     retry: (failureCount, error) => {
@@ -1022,7 +1030,7 @@ var CacheIndividualQueries = (page, queryClient, queryKeyFn, locale = "en", item
 };
 
 // src/queries/useConnectedInfiniteQuery.ts
-var import_react_query2 = require("@tanstack/react-query");
+var import_react_query3 = require("@tanstack/react-query");
 var GetBaseInfiniteQueryKeys = (locale, search = "") => {
   return [locale, search];
 };
@@ -1034,7 +1042,7 @@ var setFirstPageData = (response) => {
 };
 var useConnectedInfiniteQuery = (queryKeys, queryFn, params = {}, options) => {
   const { locale, onModuleForbidden, onNotAuthorized, onNotFound } = useConnectedXM();
-  const queryClient = (0, import_react_query2.useQueryClient)();
+  const queryClient = (0, import_react_query3.useQueryClient)();
   const clientApi = useClientAPI(locale);
   const getNextPageParam = (lastPage, allPages) => {
     if (lastPage.data.length === params.pageSize) {
@@ -1042,7 +1050,7 @@ var useConnectedInfiniteQuery = (queryKeys, queryFn, params = {}, options) => {
     }
     return void 0;
   };
-  return (0, import_react_query2.useInfiniteQuery)({
+  return (0, import_react_query3.useInfiniteQuery)({
     staleTime: 60 * 1e3,
     // 60 Seconds
     retry: (failureCount, error) => {
@@ -4733,12 +4741,12 @@ var useGetLevelSponsors = (levelId, params = {}, options = {}) => {
 };
 
 // src/mutations/useConnectedMutation.ts
-var import_react_query3 = require("@tanstack/react-query");
+var import_react_query4 = require("@tanstack/react-query");
 var useConnectedMutation = (mutation, params, options) => {
   const { locale } = useConnectedXM();
-  const queryClient = (0, import_react_query3.useQueryClient)();
+  const queryClient = (0, import_react_query4.useQueryClient)();
   const clientApi = useClientAPI();
-  return (0, import_react_query3.useMutation)({
+  return (0, import_react_query4.useMutation)({
     mutationFn: (data) => mutation({
       locale: params?.locale || locale,
       ...data,

package/dist/index.mjs

@@ -1,35 +1,43 @@
 // src/ConnectedXMProvider.tsx
 import React from "react";
-var ConnectedXMClientContext = React.createContext(
-  {}
-);
+import { QueryClientProvider } from "@tanstack/react-query";
+var ConnectedXMClientContext = React.createContext({});
 var ConnectedXMProvider = ({
+  queryClient,
   children,
   ...state
 }) => {
+  const [ssr, setSSR] = React.useState(true);
   const [token, setToken] = React.useState();
   const [executeAs, setExecuteAs] = React.useState();
-  return /* @__PURE__ */ React.createElement(
-    ConnectedXMClientContext.Provider,
-    {
-      value: {
-        ...state,
-        token,
-        setToken,
-        executeAs,
-        setExecuteAs
-      }
-    },
-    children
-  );
+  React.useEffect(() => {
+    setSSR(false);
+  }, []);
+  const render = () => {
+    return /* @__PURE__ */ React.createElement(
+      ConnectedXMClientContext.Provider,
+      {
+        value: {
+          ...state,
+          token,
+          setToken,
+          executeAs,
+          setExecuteAs
+        }
+      },
+      children
+    );
+  };
+  if (ssr)
+    return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, render());
+  else
+    return render();
 };
 
 // src/hooks/useConnectedXM.ts
 import React2 from "react";
 var useConnectedXM = () => {
-  const context = React2.useContext(
-    ConnectedXMClientContext
-  );
+  const context = React2.useContext(ConnectedXMClientContext);
   if (!context) {
     throw new Error("useConnectedXM must be used within a ConnectedXMProvider");
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectedxm/client",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "description": "Client API javascript SDK",
   "author": "ConnectedXM Inc.",
   "repository": {
@@ -36,7 +36,7 @@
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "tsup": "^8.0.1",
-    "typescript": "*",
+    "typescript": "^5",
     "vitest": "^1.3.1"
   }
 }