@superlogic/spree-pay 0.4.14 → 0.5.1

package/README.md

@@ -49,7 +49,6 @@ function CheckoutContent() {
       const result = await process({
         hash: order.hash,
         capture: true, // Optional: auto-capture payment
-        metadata: { orderId: order.id }, // Optional: additional data
       });
 
       console.log('Payment result:', result);
@@ -59,6 +58,7 @@ function CheckoutContent() {
 
       setStatus('success');
     } catch (err) {
+      // `process` always rejects with a PaymentError — see "Error Handling" below
       console.error('Payment failed:', err);
       setStatus('error');
     }
@@ -177,11 +177,10 @@ async function process(params: ProcessFnParams): Promise<PaymentMethodResult>;
 type ProcessFnParams = {
   hash: string; // Order hash from your backend
   capture?: boolean; // Optional: auto-capture payment (default: false)
-  metadata?: Record<string, unknown>; // Optional: additional metadata to pass through
 };
 
 type PaymentMethodResult = {
-  status: SlapiPaymentStatus; // Payment status (AUTHORIZED, CAPTURED, FAILED, etc.)
+  status: PaymentStatus; // Payment status (AUTHORIZED, CAPTURED, FAILED, etc.)
   paymentId: string; // Unique payment identifier
   txHash: string | null; // Transaction hash (for crypto payments)
   txId: string | null; // Transaction ID
@@ -200,7 +199,7 @@ enum PaymentType {
   POINTS = 'POINTS',
 }
 
-enum SlapiPaymentStatus {
+enum PaymentStatus {
   AUTHORIZED = 'AUTHORIZED', // Payment authorized (success)
   CAPTURED = 'CAPTURED', // Payment captured (success)
   FAILED = 'FAILED', // Payment failed
@@ -211,11 +210,76 @@ enum SlapiPaymentStatus {
 }
 ```
 
+### Error Handling
+
+`process()` always rejects with a `PaymentError`. **Branch on `code`** (the failure category) to show your own UI copy. The original error — including any raw backend detail — is kept on `cause` **for logging only; never render it to end users.**
+
+| `code`                           | When                                                                                                       | Suggested UX                                              |
+| -------------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- |
+| `PaymentErrorCode.CARD_ERROR`    | A card payment was rejected by the backend (a 4xx response, or a terminal `FAILED` status on a card flow). | "We couldn't process your card — check it / try another." |
+| `PaymentErrorCode.PAYMENT_ERROR` | Anything else: network/server error, timeout, cancelled flow, or a crypto/points failure.                  | Generic "payment failed, try again".                      |
+
+> **Safety:** `message` is a fixed, generic label (e.g. `"Card payment failed"`) — it never contains raw backend text, so it's safe to log or show. To distinguish a real decline (e.g. "insufficient funds") from another 4xx, the backend must return a machine-readable error code; the widget intentionally does **not** surface the backend's free-text message to end users.
+
+```typescript
+import { PaymentError, PaymentErrorCode, SpreePayHttpError, isPaymentError } from '@superlogic/spree-pay';
+
+try {
+  const result = await process({ hash, capture: true });
+  // result.status is AUTHORIZED or CAPTURED
+} catch (err) {
+  if (isPaymentError(err)) {
+    // Choose user-facing copy from the category — do NOT show err.cause to users.
+    if (err.code === PaymentErrorCode.CARD_ERROR) {
+      // card-payment problem — prompt the user to check the card or try another
+    }
+
+    err.code; // PaymentErrorCode — the category to branch on
+    err.status; // PaymentStatus — e.g. FAILED
+    err.backendCode; // string | undefined — a stable backend code when available (e.g. 'INSUFFICIENT_FUNDS')
+
+    // For logging/debugging only — may carry sensitive backend detail:
+    if (err.cause instanceof SpreePayHttpError) {
+      err.cause.status; // numeric HTTP status (e.g. 400, 500)
+      err.cause.body; // raw response body
+      err.cause.url; // request URL
+    }
+  }
+}
+```
+
+```typescript
+enum PaymentErrorCode {
+  CARD_ERROR = 'CARD_ERROR', // a card payment was rejected by the backend
+  PAYMENT_ERROR = 'PAYMENT_ERROR', // network/server/timeout/cancelled/crypto/points failure
+}
+
+// Thrown by the widget; detect it with `isPaymentError` and read its fields.
+// Not meant to be constructed by consumers.
+class PaymentError extends Error {
+  message: string; // fixed, generic label — never raw backend text; safe to log/show
+  code: PaymentErrorCode; // failure category to branch on (defaults to PAYMENT_ERROR)
+  status: PaymentStatus; // payment status at the point of failure
+  backendCode?: string; // stable machine code from the backend when available (e.g. 'INSUFFICIENT_FUNDS') — for finer branching
+  cause?: unknown; // the original thrown value (standard Error.cause) — log only, may hold sensitive detail
+}
+
+// Type guard for consumers — the supported way to detect a PaymentError
+function isPaymentError(e: unknown): e is PaymentError;
+
+// Thrown by the fetcher on a non-ok HTTP response; reachable via PaymentError.cause
+class SpreePayHttpError extends Error {
+  status: number; // HTTP status code
+  body: string; // raw response body
+  url: string; // request URL
+}
+```
+
 ### useCapture3DS Hook
 
 ```typescript
 // Use in your 3DS redirect page to capture payment intent and close the modal
-useCapture3DS(searchParams: Record<string, string | null>);
+useCapture3DS(params: { paymentIntent?: string | null });
 ```
 
 ### Logger API
@@ -248,6 +312,19 @@ enum LogLevel {
 }
 ```
 
+Supporting types are exported so you can name them in your own code:
+
+```typescript
+import type { Environment, LogContext, LoggerConfig } from '@superlogic/spree-pay';
+
+type Environment = 'dev' | 'stg' | 'prod'; // also the `environment` field of the provider's ENV
+type LoggerConfig = { minLevel: LogLevel; prefix: string; environment?: Environment };
+type LogContext = Record<string, unknown>; // the optional context arg on logger.debug/info/warn/error
+
+// configureLogger accepts a partial config:
+function configureLogger(config: Partial<LoggerConfig> & { environment?: Environment }): void;
+```
+
 ## Theme Customization
 
 SpreePay uses CSS variables for theming (see all 58+ variables in `packages/spree-pay/src/styles/globals.css:22-82`). You can override these using CSS or CSS-in-JS.

package/build/{CryptoComTab-NMS7BP25.js → CryptoComTab-ZAWBJUCM.js}

@@ -1,18 +1,20 @@
 import {
   Iframe3ds
-} from "./chunk-VZWGJKM3.js";
+} from "./chunk-AXNTOSBU.js";
 import {
   InfoBanner,
   Legal,
-  PaymentError,
   SlapiPaymentService,
   logger,
+  settlePaymentResult,
+  toPaymentError,
+  useIsLoggedIn,
   useSpreePayConfig,
   useSpreePayEnv,
   useSpreePayRegister,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-XFJYLJZ4.js";
+} from "./chunk-PTEQVWLJ.js";
 
 // src/components/CryptoComTab/CryptoComTab.tsx
 import { useCallback, useEffect } from "react";
@@ -27,11 +29,10 @@ var useCryptoComPayment = () => {
     if (selectedPaymentMethod.type !== "CDC" /* CDC */) {
       throw new Error("Unsupported payment method");
     }
-    const { hash, metadata } = params;
+    const { hash } = params;
     cryptoComLogger.info("Starting Crypto.com Pay payment", { hash });
     const { data: paymentResData } = await SlapiPaymentService.createPayment({
       hash,
-      metadata,
       type: "CDC" /* CDC */,
       cdc: {
         returnUrl: `${typeof window !== "undefined" ? window.location.origin : ""}${redirect3dsURI}?payment_intent=success`,
@@ -77,13 +78,14 @@ var useCryptoComPayment = () => {
 // src/components/CryptoComTab/Checkout.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var Checkout = () => {
+  const isLoggedIn = useIsLoggedIn();
   const { appProps } = useStaticConfig();
   const { isInternalProcessing } = useSpreePaymentMethod();
   return /* @__PURE__ */ jsx(
     "button",
     {
       onClick: appProps.onProcess,
-      disabled: !!appProps.isProcessing || isInternalProcessing,
+      disabled: !isLoggedIn || !!appProps.isProcessing || isInternalProcessing,
       className: "flex flex-col items-center rounded-md bg-(--crypto-pay-bg) p-2 text-(--brand-primary) hover:bg-(--crypto-pay-bg-hover) disabled:cursor-not-allowed disabled:bg-(--crypto-pay-bg-hover) disabled:text-(--disabled)",
       children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-7 w-[76px]", fill: "none", viewBox: "0 0 76 28", children: [
         /* @__PURE__ */ jsx(
@@ -146,12 +148,9 @@ var CryptoComTab = () => {
     async (data) => {
       try {
         const res = await cryptoComPayment(data);
-        if (["AUTHORIZED" /* AUTHORIZED */, "CAPTURED" /* CAPTURED */].includes(res.status)) {
-          return Promise.resolve(res);
-        }
-        return Promise.reject(new PaymentError("Crypto payment failed", res.status));
-      } catch (_) {
-        return Promise.reject(new PaymentError("Payment failed", "FAILED" /* FAILED */));
+        return settlePaymentResult(res, "Crypto payment failed");
+      } catch (e) {
+        return Promise.reject(toPaymentError(e, "Crypto payment failed"));
       }
     },
     [cryptoComPayment]

package/build/{CryptoTab-4IC63YD5.js → CryptoTab-632DRL2D.js}

@@ -2,21 +2,23 @@ import {
   CheckoutButton,
   PointsSwitch,
   cn as cn2
-} from "./chunk-UT65MGD2.js";
+} from "./chunk-4BM6VTMT.js";
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogTitle,
   InfoBanner,
-  PaymentError,
   SlapiPaymentService,
   cn,
   logger,
+  settlePaymentResult,
+  toPaymentError,
+  useIsLoggedIn,
   useSpreePayConfig,
   useSpreePayRegister,
   useSpreePaymentMethod
-} from "./chunk-XFJYLJZ4.js";
+} from "./chunk-PTEQVWLJ.js";
 
 // src/components/CryptoTab/Crypto/CryptoWrapper.tsx
 import { useMemo as useMemo2 } from "react";
@@ -153,7 +155,7 @@ var useCryptoPayment = () => {
       });
       throw error;
     }
-    const { capture, hash, metadata } = params;
+    const { capture, hash } = params;
     const TOKEN = selectedPaymentMethod.method.symbol;
     cryptoPaymentLogger.info("Starting crypto payment", {
       hash,
@@ -213,7 +215,6 @@ var useCryptoPayment = () => {
     const paymentRes = await SlapiPaymentService.createPayment({
       hash,
       capture,
-      metadata,
       type: "CRYPTO" /* CRYPTO */,
       crypto: {
         token: TOKEN,
@@ -763,12 +764,9 @@ var Crypto = () => {
     async (data) => {
       try {
         const res = await cryptoPayment(data);
-        if (["AUTHORIZED" /* AUTHORIZED */, "CAPTURED" /* CAPTURED */].includes(res.status)) {
-          return Promise.resolve(res);
-        }
-        return Promise.reject(new PaymentError("Crypto payment failed", res.status));
-      } catch (_) {
-        return Promise.reject(new PaymentError("Payment failed", "FAILED" /* FAILED */));
+        return settlePaymentResult(res, "Crypto payment failed");
+      } catch (e) {
+        return Promise.reject(toPaymentError(e, "Crypto payment failed"));
       }
     },
     [cryptoPayment]
@@ -812,23 +810,24 @@ function getCachedWagmiConfig(projectId, appName) {
   return cfg;
 }
 var CryptoWrapper = () => {
+  const isLoggedIn = useIsLoggedIn();
   const { spreePayConfig, configIsLoading } = useSpreePayConfig();
   const wagmiConfig = useMemo2(() => {
     if (!spreePayConfig) return null;
     return getCachedWagmiConfig(spreePayConfig.rainbowProjectId, spreePayConfig.rainbowAppName);
   }, [spreePayConfig]);
-  if (configIsLoading || !wagmiConfig) return null;
+  if (!isLoggedIn || configIsLoading || !wagmiConfig) return null;
   return /* @__PURE__ */ jsx12(WagmiProvider, { config: wagmiConfig, children: /* @__PURE__ */ jsx12(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx12(RainbowKitProvider, { theme: lightTheme({ borderRadius: "large" }), children: /* @__PURE__ */ jsx12(NiceModal3.Provider, { children: /* @__PURE__ */ jsx12(Crypto, {}) }) }) }) });
 };
 
 // src/components/CryptoTab/CryptoTab.tsx
 import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
-var CryptoTab = ({ isLoggedIn }) => {
+var CryptoTab = () => {
   const { spreePayConfig } = useSpreePayConfig();
   return /* @__PURE__ */ jsxs8("div", { children: [
     /* @__PURE__ */ jsx13("div", { className: "border-b border-(--border-component-specific-card) px-5 py-5 md:px-7 md:py-6", children: /* @__PURE__ */ jsx13(CryptoWrapper, {}) }),
     !spreePayConfig?.crypto.hidePoints && /* @__PURE__ */ jsx13("div", { className: "border-b border-(--border-component-specific-card) px-5 py-5 md:px-7 md:py-6", children: /* @__PURE__ */ jsx13(PointsSwitch, { disabled: true, message: spreePayConfig?.crypto.pointsInfoMessage }) }),
-    /* @__PURE__ */ jsx13(CheckoutButton, { isLoggedIn })
+    /* @__PURE__ */ jsx13(CheckoutButton, {})
   ] });
 };
 export {

package/build/{chunk-UT65MGD2.js → chunk-4BM6VTMT.js}

@@ -2,11 +2,12 @@ import {
   InfoBanner,
   Legal,
   cn,
+  useIsLoggedIn,
   useSpreePayConfig,
   useSpreePayEnv,
   useSpreePaymentMethod,
   useStaticConfig
-} from "./chunk-XFJYLJZ4.js";
+} from "./chunk-PTEQVWLJ.js";
 
 // src/components/common/PointsSwitch.tsx
 import { useId } from "react";
@@ -205,7 +206,8 @@ var getTransactionFee = (amount = 0, transactionFeePercentage) => {
 
 // src/components/CheckoutButton.tsx
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var CheckoutButton = ({ isLoggedIn }) => {
+var CheckoutButton = () => {
+  const isLoggedIn = useIsLoggedIn();
   const { appProps, staticConfig } = useStaticConfig();
   const {
     amount,

package/build/{chunk-VZWGJKM3.js → chunk-AXNTOSBU.js}

@@ -3,7 +3,7 @@ import {
   DialogContent,
   DialogDescription,
   DialogTitle
-} from "./chunk-XFJYLJZ4.js";
+} from "./chunk-PTEQVWLJ.js";
 
 // src/modals/Iframe3ds.tsx
 import { useEffect } from "react";

package/build/{chunk-XFJYLJZ4.js → chunk-PTEQVWLJ.js}

@@ -8,9 +8,85 @@ var PaymentType = /* @__PURE__ */ ((PaymentType2) => {
   PaymentType2["POINTS"] = "POINTS";
   return PaymentType2;
 })(PaymentType || {});
+var PaymentStatus = /* @__PURE__ */ ((PaymentStatus2) => {
+  PaymentStatus2["NOT_INITIALIZED"] = "NOT_INITIALIZED";
+  PaymentStatus2["PENDING"] = "PENDING";
+  PaymentStatus2["AUTHORIZED"] = "AUTHORIZED";
+  PaymentStatus2["FAILED"] = "FAILED";
+  PaymentStatus2["CAPTURED"] = "CAPTURED";
+  PaymentStatus2["VOIDED"] = "VOIDED";
+  PaymentStatus2["CAPTURE_FAILED"] = "CAPTURE_FAILED";
+  return PaymentStatus2;
+})(PaymentStatus || {});
+
+// src/types/errors.ts
+var SpreePayHttpError = class extends Error {
+  constructor(status, body, url) {
+    const snippet = body.length > 200 ? `${body.slice(0, 200)}\u2026` : body;
+    super(snippet || `Request failed: ${status}`);
+    this.status = status;
+    this.body = body;
+    this.url = url;
+    this.name = "SpreePayHttpError";
+  }
+  status;
+  body;
+  url;
+};
+var PaymentErrorCode = /* @__PURE__ */ ((PaymentErrorCode2) => {
+  PaymentErrorCode2["CARD_ERROR"] = "CARD_ERROR";
+  PaymentErrorCode2["PAYMENT_ERROR"] = "PAYMENT_ERROR";
+  return PaymentErrorCode2;
+})(PaymentErrorCode || {});
+var PaymentError = class extends Error {
+  status;
+  code;
+  /**
+   * Optional stable code from the backend (e.g. `INSUFFICIENT_FUNDS`) for branching
+   * on specific cases without changing the `code` enum. Safe to expose (an
+   * identifier, not free-text); absent until the backend supplies one.
+   */
+  backendCode;
+  constructor(message, status, options) {
+    super(message, { cause: options?.cause });
+    this.name = "PaymentError";
+    this.status = status;
+    this.code = options?.code ?? "PAYMENT_ERROR" /* PAYMENT_ERROR */;
+    this.backendCode = options?.backendCode;
+  }
+};
+var isPaymentError = (e) => e instanceof PaymentError;
+var isDeclineStatus = (status) => status === "FAILED" /* FAILED */ || status === "CAPTURE_FAILED" /* CAPTURE_FAILED */;
+var isSuccessStatus = (status) => status === "AUTHORIZED" /* AUTHORIZED */ || status === "CAPTURED" /* CAPTURED */;
+var isProcessorRejection = (e) => e instanceof SpreePayHttpError && e.status >= 400 && e.status < 500 && e.status !== 401 && e.status !== 403 && e.status !== 404;
+var backendCodeFromBody = (e) => {
+  try {
+    const parsed = JSON.parse(e.body);
+    const code = parsed?.code ?? parsed?.errorCode;
+    if (typeof code === "string" && code.trim()) return code;
+  } catch {
+  }
+  return void 0;
+};
+var toPaymentError = (e, fallbackMessage = "Payment failed", declineCode = "PAYMENT_ERROR" /* PAYMENT_ERROR */) => {
+  if (e instanceof PaymentError) return e;
+  return new PaymentError(fallbackMessage, "FAILED" /* FAILED */, {
+    code: isProcessorRejection(e) ? declineCode : "PAYMENT_ERROR" /* PAYMENT_ERROR */,
+    backendCode: e instanceof SpreePayHttpError ? backendCodeFromBody(e) : void 0,
+    cause: e
+  });
+};
+var settlePaymentResult = (res, fallbackMessage, failureCode = "PAYMENT_ERROR" /* PAYMENT_ERROR */) => {
+  if (isSuccessStatus(res.status)) {
+    return res;
+  }
+  throw new PaymentError(fallbackMessage, res.status, {
+    code: isDeclineStatus(res.status) ? failureCode : "PAYMENT_ERROR" /* PAYMENT_ERROR */
+  });
+};
 
 // package.json
-var version = "0.4.14";
+var version = "0.5.1";
 
 // src/utils/logger.ts
 var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
@@ -128,20 +204,6 @@ var configureLogger = (config2) => {
 
 // src/context/SpreePayActionsContext.tsx
 import { createContext, useCallback, useContext, useRef, useState } from "react";
-
-// src/types/errors.ts
-var PaymentError = class extends Error {
-  status;
-  details;
-  constructor(message, status, details) {
-    super(message);
-    this.name = "PaymentError";
-    this.status = status;
-    this.details = details;
-  }
-};
-
-// src/context/SpreePayActionsContext.tsx
 import { jsx } from "react/jsx-runtime";
 var processLogger = logger.child("process");
 var SpreePayActionsContext = createContext(void 0);
@@ -168,12 +230,11 @@ var SpreePayProvider = ({ children, env }) => {
           hash: data.hash,
           paymentType: selectedPaymentMethod.type
         });
-        throw new PaymentError("Payment already in progress", "FAILED" /* FAILED */);
+        throw new Error("Payment already in progress");
       }
       processLogger.info("Payment process started", {
         hash: data.hash,
         capture: data.capture,
-        hasMetadata: Boolean(data.metadata),
         paymentType: selectedPaymentMethod.type
       });
       inFlightRef.current = true;
@@ -193,8 +254,7 @@ var SpreePayProvider = ({ children, env }) => {
           paymentType: selectedPaymentMethod.type,
           errorMessage: e instanceof Error ? e.message : String(e)
         });
-        if (e instanceof Error) throw e;
-        throw new PaymentError("Payment failed", "FAILED" /* FAILED */, e);
+        throw toPaymentError(e);
       } finally {
         inFlightRef.current = false;
         setInternalProcessing(false);
@@ -389,6 +449,27 @@ var buildUrl = (key) => {
   const qs = usp.toString();
   return cfg.baseUrl + url + (qs ? `?${qs}` : "");
 };
+var parseResponse = async (res) => {
+  if (!res.ok) {
+    const text = await res.text().catch(() => "");
+    throw new SpreePayHttpError(res.status, text, res.url);
+  }
+  const contentType = res.headers.get("content-type") || "";
+  if (!contentType.includes("application/json")) {
+    return await res.text();
+  }
+  return await res.json();
+};
+var publicGet = async (baseUrl, tenantId, path) => {
+  const res = await fetch(`${baseUrl}${path}`, {
+    headers: {
+      Accept: "application/json",
+      ["X-Tenant-ID"]: tenantId
+    },
+    cache: "no-store"
+  });
+  return parseResponse(res);
+};
 var request = async (method, url, body) => {
   if (!cfg.accessToken) throw new Error("Missing SLAPI accessToken. Call registerApi(...) first.");
   if (!cfg.tenantId) throw new Error("Missing SLAPI tenantId. Call registerApi(...) first.");
@@ -414,15 +495,7 @@ var request = async (method, url, body) => {
     body: payload,
     cache: "no-store"
   });
-  if (!res.ok) {
-    const text = await res.text().catch(() => "");
-    throw new Error(text || `Request failed: ${res.status}`);
-  }
-  const contentType = res.headers.get("content-type") || "";
-  if (!contentType.includes("application/json")) {
-    return await res.text();
-  }
-  return await res.json();
+  return parseResponse(res);
 };
 var slapiApi = {
   get: async () => {
@@ -474,14 +547,26 @@ var registerApi = (config2) => {
 import useSWR from "swr";
 var URL = "/v1/tenants/configs/spree-pay";
 var useSpreePayConfig = () => {
-  const { origin } = useSpreePayEnv();
-  const { data, isLoading } = useSWR(origin ? `${URL}?origin=${origin}` : URL);
+  const { origin, tenantId } = useSpreePayEnv();
+  const { staticConfig } = useStaticConfig();
+  const key = origin ? `${URL}?origin=${origin}` : URL;
+  const { data, isLoading } = useSWR(
+    key,
+    (path) => publicGet(staticConfig.slapiUrl, tenantId, path)
+  );
   return { spreePayConfig: data ?? null, configIsLoading: isLoading };
 };
 
+// src/context/LoginStatusContext.tsx
+import { createContext as createContext3, useContext as useContext3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var LoginStatusContext = createContext3(false);
+var LoginStatusProvider = ({ isLoggedIn, children }) => /* @__PURE__ */ jsx3(LoginStatusContext.Provider, { value: isLoggedIn, children });
+var useIsLoggedIn = () => useContext3(LoginStatusContext);
+
 // src/components/common/InfoBanner.tsx
 import xss from "xss";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var InfoBanner = (props) => {
   const { type = "info", message } = props;
   if (!message) return null;
@@ -493,14 +578,14 @@ var InfoBanner = (props) => {
         "bg-(--s-warning)/10": type === "warning"
       }),
       children: [
-        type === "info" && /* @__PURE__ */ jsx3(
+        type === "info" && /* @__PURE__ */ jsx4(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 20 20",
             className: "size-5 shrink-0 text-(--positive)",
-            children: /* @__PURE__ */ jsx3(
+            children: /* @__PURE__ */ jsx4(
               "path",
               {
                 fill: "currentColor",
@@ -509,14 +594,14 @@ var InfoBanner = (props) => {
             )
           }
         ),
-        type === "warning" && /* @__PURE__ */ jsx3(
+        type === "warning" && /* @__PURE__ */ jsx4(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 20 20",
             className: "size-5 shrink-0 text-(--warning)",
-            children: /* @__PURE__ */ jsx3(
+            children: /* @__PURE__ */ jsx4(
               "path",
               {
                 fill: "currentColor",
@@ -525,7 +610,7 @@ var InfoBanner = (props) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           "p",
           {
             className: "break-anywhere text-[14px] leading-5 text-(--primary) [&_a]:underline",
@@ -538,13 +623,13 @@ var InfoBanner = (props) => {
 };
 
 // src/components/common/Legal.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var Legal = () => {
   const { spreePayConfig } = useSpreePayConfig();
   return /* @__PURE__ */ jsxs2("p", { className: "text-xs leading-5 font-medium text-(--secondary)", children: [
     "By clicking on the button below I acknowledge that I have read and accepted the",
     " ",
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       "a",
       {
         className: "whitespace-nowrap underline",
@@ -703,17 +788,17 @@ var SlapiPaymentService = {
 // src/ui/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ jsx5(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx6(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogPortal({ ...props }) {
   const container = usePortalContainer();
   const safeContainer = container && document.body.contains(container) ? container : void 0;
-  return /* @__PURE__ */ jsx5(DialogPrimitive.Portal, { container: safeContainer, "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx6(DialogPrimitive.Portal, { container: safeContainer, "data-slot": "dialog-portal", ...props });
 }
 function DialogOverlay({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -732,7 +817,7 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs3(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx5(DialogOverlay, {}),
+    /* @__PURE__ */ jsx6(DialogOverlay, {}),
     /* @__PURE__ */ jsxs3(
       DialogPrimitive.Content,
       {
@@ -750,8 +835,8 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-(--accent) data-[state=open]:text-(--secondary) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx5(XIcon, {}),
-                /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx6(XIcon, {}),
+                /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -761,7 +846,7 @@ function DialogContent({
   ] });
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -771,7 +856,7 @@ function DialogTitle({ className, ...props }) {
   );
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
@@ -782,9 +867,17 @@ function DialogDescription({ className, ...props }) {
 }
 
 export {
-  PaymentError,
   isNewCard,
   PaymentType,
+  PaymentStatus,
+  SpreePayHttpError,
+  PaymentErrorCode,
+  PaymentError,
+  isPaymentError,
+  isDeclineStatus,
+  isSuccessStatus,
+  toPaymentError,
+  settlePaymentResult,
   LogLevel,
   logger,
   configureLogger,
@@ -804,6 +897,8 @@ export {
   registerApi,
   SlapiPaymentService,
   useSpreePayConfig,
+  LoginStatusProvider,
+  useIsLoggedIn,
   InfoBanner,
   Legal
 };