@superlogic/spree-pay 0.1.5 → 0.1.6

package/README.md

@@ -17,7 +17,7 @@ import { SpreePay, SpreePayProvider, useSpreePay } from '@superlogic/spree-pay';
 
 const spreeEnv = {
   tenantId: 'moca' // Keep moca for crypto payments on BASE network
-  environment: 'dev',
+  environment: 'dev' as const,
   redirect3dsURI: '/3ds' // Any valid URI in your app that captures 3ds redirect
   ssoPageURI: '/silent-check-sso.html' // Any valid URI in your app that will handle keyklock SSO (example below)
 };

package/build/index.cjs

@@ -6644,6 +6644,7 @@ var import_react_query = require("@tanstack/react-query");
 var import_nice_modal_react5 = __toESM(require("@ebay/nice-modal-react"), 1);
 var import_rainbowkit2 = require("@rainbow-me/rainbowkit");
 var import_styles = require("@rainbow-me/rainbowkit/styles.css");
+var import_wallets = require("@rainbow-me/rainbowkit/wallets");
 var import_wagmi5 = require("wagmi");
 var import_chains = require("wagmi/chains");
 
@@ -7216,10 +7217,19 @@ var Crypto = () => {
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var queryClient = new import_react_query.QueryClient();
-var config = (0, import_rainbowkit2.getDefaultConfig)({
-  appName: "Spree Pay",
-  projectId: "YOUR_PROJECT_ID",
+var connectors = (0, import_rainbowkit2.connectorsForWallets)(
+  [
+    {
+      groupName: "Supported",
+      wallets: [import_wallets.injectedWallet, import_wallets.walletConnectWallet]
+    }
+  ],
+  { appName: "Spree Pay", projectId: "YOUR_PROJECT_ID" }
+);
+var config = (0, import_wagmi5.createConfig)({
   chains: [import_chains.base],
+  connectors,
+  transports: { [import_chains.base.id]: (0, import_wagmi5.http)() },
   ssr: true
 });
 var CryptoWrapper = () => {
@@ -7322,7 +7332,7 @@ var import_react11 = require("react");
 var import_keycloak_js = __toESM(require("keycloak-js"), 1);
 var refreshAheadSeconds = 60;
 function useKeycloakSSO(config2) {
-  const { url, realm, clientId, ssoPageURI } = config2;
+  const { url, realm, clientId, ssoPageURI, enabled } = config2;
   const initRef = (0, import_react11.useRef)(false);
   const kcRef = (0, import_react11.useRef)(null);
   const refreshTimerRef = (0, import_react11.useRef)(null);
@@ -7351,7 +7361,7 @@ function useKeycloakSSO(config2) {
     }, delayMs);
   }, []);
   (0, import_react11.useEffect)(() => {
-    if (initRef.current) return;
+    if (initRef.current || !enabled) return;
     initRef.current = true;
     setIsChecking(true);
     const kc = new import_keycloak_js.default({ url, realm, clientId });
@@ -7432,17 +7442,18 @@ var SpreePay = ({ className, ...rest }) => {
     realm: env.tenantId,
     url: envConfig[environment][tenantId].keyklockUrl,
     clientId: envConfig[environment][tenantId].keyklockClientId,
-    ssoPageURI: env.ssoPageURI
+    ssoPageURI: env.ssoPageURI,
+    enabled: !env.accessToken
   });
   const slapiFetcher = (0, import_react12.useMemo)(() => {
-    if (accessToken) {
+    if (accessToken || env.accessToken) {
       return registerApi({
-        accessToken,
+        accessToken: env.accessToken || accessToken,
         tenantId,
         baseUrl: envConfig[environment][tenantId].slapiUrl
       });
     }
-  }, [environment, tenantId, accessToken]);
+  }, [env.accessToken, environment, tenantId, accessToken]);
   if (isChecking) {
     return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("sl-spreepay", className), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "w-full text-center text-sm", children: "Loading..." }) });
   }

package/build/index.d.cts

@@ -15,6 +15,7 @@ type ENV = {
     ssoPageURI: string;
     tenantId: string;
     redirect3dsURI: string;
+    accessToken?: string;
 };
 
 declare enum BASE_SYMBOLS {

package/build/index.d.ts

@@ -15,6 +15,7 @@ type ENV = {
     ssoPageURI: string;
     tenantId: string;
     redirect3dsURI: string;
+    accessToken?: string;
 };
 
 declare enum BASE_SYMBOLS {

package/build/index.js

@@ -6603,9 +6603,10 @@ var CreditCardTab = () => {
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import NiceModal5 from "@ebay/nice-modal-react";
-import { RainbowKitProvider, getDefaultConfig as getDefaultConfig2 } from "@rainbow-me/rainbowkit";
+import { RainbowKitProvider, connectorsForWallets } from "@rainbow-me/rainbowkit";
 import "@rainbow-me/rainbowkit/styles.css";
-import { WagmiProvider } from "wagmi";
+import { injectedWallet, walletConnectWallet } from "@rainbow-me/rainbowkit/wallets";
+import { WagmiProvider, createConfig, http as http2 } from "wagmi";
 import { base } from "wagmi/chains";
 
 // src/components/CryptoTab/Crypto/Crypto.tsx
@@ -7177,10 +7178,19 @@ var Crypto = () => {
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
-var config = getDefaultConfig2({
-  appName: "Spree Pay",
-  projectId: "YOUR_PROJECT_ID",
+var connectors = connectorsForWallets(
+  [
+    {
+      groupName: "Supported",
+      wallets: [injectedWallet, walletConnectWallet]
+    }
+  ],
+  { appName: "Spree Pay", projectId: "YOUR_PROJECT_ID" }
+);
+var config = createConfig({
   chains: [base],
+  connectors,
+  transports: { [base.id]: http2() },
   ssr: true
 });
 var CryptoWrapper = () => {
@@ -7283,7 +7293,7 @@ import { useCallback as useCallback10, useEffect as useEffect20, useRef as useRe
 import Keycloak from "keycloak-js";
 var refreshAheadSeconds = 60;
 function useKeycloakSSO(config2) {
-  const { url, realm, clientId, ssoPageURI } = config2;
+  const { url, realm, clientId, ssoPageURI, enabled } = config2;
   const initRef = useRef14(false);
   const kcRef = useRef14(null);
   const refreshTimerRef = useRef14(null);
@@ -7312,7 +7322,7 @@ function useKeycloakSSO(config2) {
     }, delayMs);
   }, []);
   useEffect20(() => {
-    if (initRef.current) return;
+    if (initRef.current || !enabled) return;
     initRef.current = true;
     setIsChecking(true);
     const kc = new Keycloak({ url, realm, clientId });
@@ -7393,17 +7403,18 @@ var SpreePay = ({ className, ...rest }) => {
     realm: env.tenantId,
     url: envConfig[environment][tenantId].keyklockUrl,
     clientId: envConfig[environment][tenantId].keyklockClientId,
-    ssoPageURI: env.ssoPageURI
+    ssoPageURI: env.ssoPageURI,
+    enabled: !env.accessToken
   });
   const slapiFetcher = useMemo7(() => {
-    if (accessToken) {
+    if (accessToken || env.accessToken) {
       return registerApi({
-        accessToken,
+        accessToken: env.accessToken || accessToken,
         tenantId,
         baseUrl: envConfig[environment][tenantId].slapiUrl
       });
     }
-  }, [environment, tenantId, accessToken]);
+  }, [env.accessToken, environment, tenantId, accessToken]);
   if (isChecking) {
     return /* @__PURE__ */ jsx37("div", { className: cn("sl-spreepay", className), children: /* @__PURE__ */ jsx37("p", { className: "w-full text-center text-sm", children: "Loading..." }) });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superlogic/spree-pay",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Spree-pay React component and utilities",
   "private": false,
   "type": "module",
@@ -34,8 +34,8 @@
     "@tanstack/react-query": "^5.85.5",
     "keycloak-js": "^26.2.0",
     "swr": "^2.3.6",
-    "viem": "^2.35.1",
-    "wagmi": "^2.16.5"
+    "viem": "^2.37.6",
+    "wagmi": "^2.16.9"
   },
   "devDependencies": {
     "@repo/eslint-config": "^1.0.0",