@superlogic/spree-pay 0.1.26 → 0.1.27

package/build/index.cjs

@@ -44,7 +44,7 @@ var import_nice_modal_react7 = __toESM(require("@ebay/nice-modal-react"), 1);
 var import_swr5 = require("swr");
 
 // package.json
-var version = "0.1.26";
+var version = "0.1.27";
 
 // src/context/SpreePayActionsContext.tsx
 var import_react = require("react");
@@ -3254,19 +3254,27 @@ var Crypto = () => {
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var queryClient = new import_react_query.QueryClient();
+var CHAINS = [import_chains.base];
+var wagmiConfigCache = /* @__PURE__ */ new Map();
+function getCachedWagmiConfig(projectId, appName) {
+  const key = `${projectId}::${appName}`;
+  let cfg2 = wagmiConfigCache.get(key);
+  if (!cfg2) {
+    cfg2 = (0, import_rainbowkit2.getDefaultConfig)({ appName, projectId, chains: CHAINS, ssr: true });
+    wagmiConfigCache.set(key, cfg2);
+  }
+  return cfg2;
+}
 var CryptoWrapper = () => {
-  const { spreePayConfig } = useSpreePayConfig();
-  const config = (0, import_react16.useMemo)(() => {
-    if (!spreePayConfig) return null;
-    return (0, import_rainbowkit2.getDefaultConfig)({
-      appName: spreePayConfig.rainbowAppName,
-      projectId: spreePayConfig.rainbowProjectId,
-      chains: [import_chains.base],
-      ssr: false
-    });
+  const { spreePayConfig, configIsLoading } = useSpreePayConfig();
+  const [wagmiConfig, setWagmiConfig] = (0, import_react16.useState)(null);
+  (0, import_react16.useEffect)(() => {
+    if (!spreePayConfig) return;
+    const cfg2 = getCachedWagmiConfig(spreePayConfig.rainbowProjectId, spreePayConfig.rainbowAppName);
+    setWagmiConfig((prev) => prev ? prev : cfg2);
   }, [spreePayConfig]);
-  if (!config) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_wagmi5.WagmiProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_rainbowkit2.RainbowKitProvider, { theme: (0, import_rainbowkit2.lightTheme)({ borderRadius: "large" }), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_nice_modal_react6.default.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Crypto, {}) }) }) }) });
+  if (configIsLoading || !wagmiConfig) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_wagmi5.WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_rainbowkit2.RainbowKitProvider, { theme: (0, import_rainbowkit2.lightTheme)({ borderRadius: "large" }), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_nice_modal_react6.default.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Crypto, {}) }) }) }) });
 };
 
 // src/components/CryptoTab/CryptoTab.tsx

package/build/index.js

@@ -1,10 +1,10 @@
 // src/SpreePay.tsx
-import { useEffect as useEffect11, useLayoutEffect as useLayoutEffect3, useMemo as useMemo10, useRef as useRef7, useState as useState14 } from "react";
+import { useEffect as useEffect12, useLayoutEffect as useLayoutEffect3, useMemo as useMemo9, useRef as useRef7, useState as useState15 } from "react";
 import NiceModal7 from "@ebay/nice-modal-react";
 import { SWRConfig } from "swr";
 
 // package.json
-var version = "0.1.26";
+var version = "0.1.27";
 
 // src/context/SpreePayActionsContext.tsx
 import { createContext, useCallback, useContext, useRef, useState } from "react";
@@ -2515,7 +2515,7 @@ var CreditCardTab = () => {
 };
 
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
-import { useMemo as useMemo9 } from "react";
+import { useEffect as useEffect10, useState as useState13 } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import NiceModal6 from "@ebay/nice-modal-react";
 import { RainbowKitProvider, getDefaultConfig, lightTheme } from "@rainbow-me/rainbowkit";
@@ -3214,19 +3214,27 @@ var Crypto = () => {
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
 import { jsx as jsx38 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
+var CHAINS = [base];
+var wagmiConfigCache = /* @__PURE__ */ new Map();
+function getCachedWagmiConfig(projectId, appName) {
+  const key = `${projectId}::${appName}`;
+  let cfg2 = wagmiConfigCache.get(key);
+  if (!cfg2) {
+    cfg2 = getDefaultConfig({ appName, projectId, chains: CHAINS, ssr: true });
+    wagmiConfigCache.set(key, cfg2);
+  }
+  return cfg2;
+}
 var CryptoWrapper = () => {
-  const { spreePayConfig } = useSpreePayConfig();
-  const config = useMemo9(() => {
-    if (!spreePayConfig) return null;
-    return getDefaultConfig({
-      appName: spreePayConfig.rainbowAppName,
-      projectId: spreePayConfig.rainbowProjectId,
-      chains: [base],
-      ssr: false
-    });
+  const { spreePayConfig, configIsLoading } = useSpreePayConfig();
+  const [wagmiConfig, setWagmiConfig] = useState13(null);
+  useEffect10(() => {
+    if (!spreePayConfig) return;
+    const cfg2 = getCachedWagmiConfig(spreePayConfig.rainbowProjectId, spreePayConfig.rainbowAppName);
+    setWagmiConfig((prev) => prev ? prev : cfg2);
   }, [spreePayConfig]);
-  if (!config) return null;
-  return /* @__PURE__ */ jsx38(WagmiProvider, { config, children: /* @__PURE__ */ jsx38(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx38(RainbowKitProvider, { theme: lightTheme({ borderRadius: "large" }), children: /* @__PURE__ */ jsx38(NiceModal6.Provider, { children: /* @__PURE__ */ jsx38(Crypto, {}) }) }) }) });
+  if (configIsLoading || !wagmiConfig) return null;
+  return /* @__PURE__ */ jsx38(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx38(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx38(RainbowKitProvider, { theme: lightTheme({ borderRadius: "large" }), children: /* @__PURE__ */ jsx38(NiceModal6.Provider, { children: /* @__PURE__ */ jsx38(Crypto, {}) }) }) }) });
 };
 
 // src/components/CryptoTab/CryptoTab.tsx
@@ -3340,7 +3348,7 @@ var SpreePayContent = ({ isLoggedIn }) => {
 };
 
 // src/hooks/useKeycloakSSO.ts
-import { useCallback as useCallback7, useEffect as useEffect10, useRef as useRef6, useState as useState13 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect11, useRef as useRef6, useState as useState14 } from "react";
 import Keycloak from "keycloak-js";
 var refreshAheadSeconds = 60;
 function useKeycloakSSO(config) {
@@ -3348,9 +3356,9 @@ function useKeycloakSSO(config) {
   const initRef = useRef6(false);
   const kcRef = useRef6(null);
   const refreshTimerRef = useRef6(null);
-  const [error, setError] = useState13(null);
-  const [isChecking, setIsChecking] = useState13(enabled);
-  const [accessToken, setAccessToken] = useState13(null);
+  const [error, setError] = useState14(null);
+  const [isChecking, setIsChecking] = useState14(enabled);
+  const [accessToken, setAccessToken] = useState14(null);
   const scheduleRefresh = useCallback7(() => {
     const kc = kcRef.current;
     if (!kc || !kc.tokenParsed || !kc.tokenParsed.exp) {
@@ -3372,7 +3380,7 @@ function useKeycloakSSO(config) {
       });
     }, delayMs);
   }, []);
-  useEffect10(() => {
+  useEffect11(() => {
     if (initRef.current || !enabled) return;
     initRef.current = true;
     setIsChecking(true);
@@ -3410,13 +3418,13 @@ function useKeycloakSSO(config) {
 import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
 var SpreePayInner = () => {
   const rootRef = useRef7(null);
-  const [portalEl, setPortalEl] = useState14(null);
+  const [portalEl, setPortalEl] = useState15(null);
   useLayoutEffect3(() => {
     if (!rootRef.current) return;
     const el = rootRef.current.querySelector(":scope > .sl-spreepay__portal");
     setPortalEl(el ?? null);
   }, []);
-  useEffect11(() => {
+  useEffect12(() => {
     console.log(`[spree-pay] v${version}`);
   }, []);
   const { env } = useSpreePayEnv();
@@ -3429,7 +3437,7 @@ var SpreePayInner = () => {
     ssoPageURI: env?.ssoPageURI,
     enabled: !env?.accessToken
   });
-  const slapiFetcher = useMemo10(() => {
+  const slapiFetcher = useMemo9(() => {
     if (accessToken || env.accessToken) {
       return registerApi({
         accessToken: env.accessToken || accessToken,
@@ -3469,9 +3477,9 @@ var SpreePay = (props) => {
 };
 
 // src/hooks/useCapture3DS.ts
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect13 } from "react";
 var useCapture3DS = (searchParams) => {
-  useEffect12(() => {
+  useEffect13(() => {
     if (typeof window !== "undefined" && window.parent && searchParams?.paymentIntent) {
       window.parent.SP_EVENT_BUS?.emit("paymentIntent", { paymentIntent: searchParams.paymentIntent });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superlogic/spree-pay",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",