@superlogic/spree-pay 0.1.42 → 0.2.1

package/build/chunk-RQX2IOTB.js

@@ -0,0 +1,795 @@
+// src/types/payments.ts
+var PaymentType = /* @__PURE__ */ ((PaymentType2) => {
+  PaymentType2["CREDIT_CARD"] = "CREDIT_CARD";
+  PaymentType2["CRYPTO"] = "CRYPTO";
+  PaymentType2["CDC"] = "CDC";
+  PaymentType2["CREDIT_CARD_SPLIT"] = "SPLIT";
+  PaymentType2["POINTS"] = "POINTS";
+  return PaymentType2;
+})(PaymentType || {});
+
+// package.json
+var version = "0.2.1";
+
+// src/utils/logger.ts
+var LogLevel = /* @__PURE__ */ ((LogLevel2) => {
+  LogLevel2[LogLevel2["DEBUG"] = 0] = "DEBUG";
+  LogLevel2[LogLevel2["INFO"] = 1] = "INFO";
+  LogLevel2[LogLevel2["WARN"] = 2] = "WARN";
+  LogLevel2[LogLevel2["ERROR"] = 3] = "ERROR";
+  LogLevel2[LogLevel2["NONE"] = 4] = "NONE";
+  return LogLevel2;
+})(LogLevel || {});
+var Logger = class _Logger {
+  config;
+  constructor(config2 = {}) {
+    this.config = {
+      minLevel: this.getDefaultLogLevel(config2.environment),
+      prefix: "[spree-pay]",
+      ...config2
+    };
+  }
+  /**
+   * Determines default log level based on environment
+   * - Production: Only ERROR and version info
+   * - Development/Staging: All logs
+   */
+  getDefaultLogLevel(environment) {
+    if (typeof window === "undefined") return 1 /* INFO */;
+    if (environment) {
+      return environment === "prod" ? 3 /* ERROR */ : 0 /* DEBUG */;
+    }
+    return 3 /* ERROR */;
+  }
+  /**
+   * Set the environment and update log level accordingly
+   */
+  setEnvironment(environment) {
+    this.config.environment = environment;
+    this.config.minLevel = this.getDefaultLogLevel(environment);
+  }
+  shouldLog(level) {
+    return level >= this.config.minLevel;
+  }
+  formatMessage(level, message, context) {
+    const levelName = LogLevel[level];
+    const timestamp = (/* @__PURE__ */ new Date()).toISOString();
+    const contextStr = context && Object.keys(context).length > 0 ? ` ${JSON.stringify(context)}` : "";
+    return `${this.config.prefix} [${levelName}] ${timestamp} - ${message}${contextStr}`;
+  }
+  /**
+   * Log debug information (only in dev/stg)
+   */
+  debug(message, context) {
+    if (!this.shouldLog(0 /* DEBUG */)) return;
+    console.log(this.formatMessage(0 /* DEBUG */, message, context));
+  }
+  /**
+   * Log informational messages (only in dev/stg)
+   */
+  info(message, context) {
+    if (!this.shouldLog(1 /* INFO */)) return;
+    console.log(this.formatMessage(1 /* INFO */, message, context));
+  }
+  /**
+   * Log warnings (only in dev/stg)
+   */
+  warn(message, context) {
+    if (!this.shouldLog(2 /* WARN */)) return;
+    console.warn(this.formatMessage(2 /* WARN */, message, context));
+  }
+  /**
+   * Log errors (shows in all environments)
+   */
+  error(message, error, context) {
+    if (!this.shouldLog(3 /* ERROR */)) return;
+    const errorContext = {
+      ...context,
+      ...error instanceof Error ? {
+        errorName: error.name,
+        errorMessage: error.message,
+        errorStack: error.stack
+      } : { error }
+    };
+    console.error(this.formatMessage(3 /* ERROR */, message, errorContext));
+  }
+  /**
+   * Always logs the version, regardless of environment
+   */
+  logVersion() {
+    console.log(`${this.config.prefix} v${version} - ${this.config.environment}`);
+  }
+  /**
+   * Creates a child logger with additional context
+   * Useful for component-specific logging
+   */
+  child(prefix) {
+    return new _Logger({
+      ...this.config,
+      prefix: `${this.config.prefix}:${prefix}`
+    });
+  }
+  /**
+   * Override log level (useful for testing or debugging)
+   */
+  setLogLevel(level) {
+    this.config.minLevel = level;
+  }
+};
+var logger = new Logger();
+var configureLogger = (config2) => {
+  if (config2.environment) {
+    logger.setEnvironment(config2.environment);
+  }
+  const { environment, ...restConfig } = config2;
+  Object.assign(logger["config"], restConfig);
+};
+
+// 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);
+var SpreePayProvider = ({ children, env }) => {
+  const processRef = useRef(null);
+  const [selectedPaymentMethod, setSelectedPaymentMethod] = useState({
+    type: "CREDIT_CARD" /* CREDIT_CARD */,
+    method: null
+  });
+  const [isInternalProcessing, setInternalProcessing] = useState(false);
+  const register = useCallback((fn) => {
+    processRef.current = fn;
+  }, []);
+  const process = useCallback(
+    async (data) => {
+      if (!processRef.current) {
+        const error = new Error("SpreePay process function not registered");
+        processLogger.error("Process function not registered", error);
+        throw error;
+      }
+      processLogger.info("Payment process started", {
+        hash: data.hash,
+        capture: data.capture,
+        hasMetadata: Boolean(data.metadata),
+        paymentType: selectedPaymentMethod.type
+      });
+      setInternalProcessing(true);
+      try {
+        const result = await processRef.current(data);
+        processLogger.info("Payment process completed", {
+          status: result.status,
+          paymentId: result.paymentId,
+          paymentType: result.paymentType,
+          txHash: result.txHash
+        });
+        return result;
+      } catch (e) {
+        processLogger.error("Payment process failed", e instanceof Error ? e : void 0, {
+          hash: data.hash,
+          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);
+      } finally {
+        setInternalProcessing(false);
+      }
+    },
+    [selectedPaymentMethod.type]
+  );
+  const value = {
+    // Set default to true for web3 points to backward compatibility
+    env: { ...env, useWeb3Points: env.useWeb3Points ?? true },
+    enabled: Boolean(selectedPaymentMethod.method),
+    isInternalProcessing,
+    process,
+    register,
+    selectedPaymentMethod,
+    setSelectedPaymentMethod
+  };
+  return /* @__PURE__ */ jsx(SpreePayActionsContext.Provider, { value, children });
+};
+var useSpreePay = () => {
+  const ctx = useContext(SpreePayActionsContext);
+  if (!ctx) throw new Error("useSpreePay must be used within a SpreePayProvider");
+  return {
+    process: ctx.process,
+    isProcessing: ctx.isInternalProcessing,
+    enabled: ctx.enabled,
+    selectedPaymentMethod: ctx.selectedPaymentMethod
+  };
+};
+var useSpreePaymentMethod = () => {
+  const ctx = useContext(SpreePayActionsContext);
+  if (!ctx) throw new Error("useSpreePay must be used within a SpreePayProvider");
+  return {
+    setSelectedPaymentMethod: ctx.setSelectedPaymentMethod,
+    selectedPaymentMethod: ctx.selectedPaymentMethod,
+    isInternalProcessing: ctx.isInternalProcessing
+  };
+};
+var useSpreePayEnv = () => {
+  const ctx = useContext(SpreePayActionsContext);
+  if (!ctx) throw new Error("useSpreePay must be used within a SpreePayProvider");
+  return { env: ctx.env };
+};
+var useSpreePayRegister = () => {
+  const ctx = useContext(SpreePayActionsContext);
+  if (!ctx) throw new Error("useSpreePayRegister must be used within a SpreePayProvider");
+  return { register: ctx.register };
+};
+
+// src/context/StaticConfigContext.tsx
+import { createContext as createContext2, useContext as useContext2, useEffect, useMemo, useState as useState2 } from "react";
+
+// src/context/config.ts
+var config = {
+  dev: {
+    bookit: {
+      slapiUrl: "https://slapi.dev.superlogic.com",
+      keycloakUrl: "https://auth.dev.join.bookit.com",
+      keycloakClientId: "oneof-next"
+    },
+    moca: {
+      slapiUrl: "https://slapi.dev.air.shop",
+      keycloakUrl: "https://login.dev.air.shop",
+      keycloakClientId: "oneof-next"
+    },
+    qiibee: {
+      slapiUrl: "https://slapi.dev.superlogic.com",
+      keycloakUrl: "https://sso.dev.tickets.qiibeefoundation.org",
+      keycloakClientId: "oneof-next"
+    },
+    umhp: {
+      slapiUrl: "https://slapi.dev.umusicpassport.com",
+      keycloakUrl: "https://auth.dev.umusicpassport.com",
+      keycloakClientId: "oneof-next"
+    },
+    cdc: {
+      slapiUrl: "https://slapi.dev.superlogic.com",
+      keycloakUrl: "https://auth.dev02.superlogic.com",
+      keycloakClientId: "oneof-next"
+    }
+  },
+  stg: {
+    bookit: {
+      slapiUrl: "https://slapi.stg.superlogic.com",
+      keycloakUrl: "https://auth.stg.join.bookit.com",
+      keycloakClientId: "oneof-next"
+    },
+    moca: {
+      slapiUrl: "https://slapi.stg.air.shop",
+      keycloakUrl: "https://login.stg.air.shop",
+      keycloakClientId: "oneof-next"
+    },
+    qiibee: {
+      slapiUrl: "https://slapi.stg.tickets.qiibeefoundation.org",
+      keycloakUrl: "https://sso.stg.tickets.qiibeefoundation.org",
+      keycloakClientId: "oneof-next"
+    },
+    umhp: {
+      slapiUrl: "https://slapi.stg.umusicpassport.com",
+      keycloakUrl: "https://auth.stg.umusicpassport.com",
+      keycloakClientId: "oneof-next"
+    },
+    cdc: {
+      slapiUrl: "https://slapi.stg.superlogic.com",
+      keycloakUrl: "https://auth.stg02.superlogic.com",
+      keycloakClientId: "oneof-next"
+    }
+  },
+  prod: {
+    bookit: {
+      slapiUrl: "https://slapi.superlogic.com",
+      keycloakUrl: "https://auth.join.bookit.com",
+      keycloakClientId: "oneof-next"
+    },
+    moca: {
+      slapiUrl: "https://slapi.air.shop",
+      keycloakUrl: "https://login.air.shop",
+      keycloakClientId: "oneof-next"
+    },
+    qiibee: {
+      slapiUrl: "https://slapi.tickets.qiibeefoundation.org",
+      keycloakUrl: "https://sso.tickets.qiibeefoundation.org",
+      keycloakClientId: "oneof-next"
+    },
+    umhp: {
+      slapiUrl: "https://slapi.umusicpassport.com",
+      keycloakUrl: "https://auth.umusicpassport.com",
+      keycloakClientId: "oneof-next"
+    },
+    cdc: {
+      slapiUrl: "https://slapi.superlogic.com",
+      keycloakUrl: "https://auth.superlogic.com",
+      keycloakClientId: "oneof-next"
+    }
+  }
+};
+
+// src/context/StaticConfigContext.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var StaticConfigContext = createContext2(null);
+var StaticConfigProvider = ({ children, props }) => {
+  const { env } = useSpreePayEnv();
+  const [appProps, setAppProps] = useState2(props);
+  useEffect(() => {
+    setAppProps(props);
+  }, [props]);
+  const staticConfig = useMemo(() => {
+    const envConfig = config[env.environment];
+    const isKnownTenant = env.tenantId in envConfig;
+    if (!isKnownTenant) {
+      logger.warn(`Unknown tenantId "${env.tenantId}", falling back to "moca"`, {
+        tenantId: env.tenantId,
+        environment: env.environment
+      });
+    }
+    const appKey = isKnownTenant ? env.tenantId : "moca";
+    return envConfig[appKey];
+  }, [env.environment, env.tenantId]);
+  return /* @__PURE__ */ jsx2(StaticConfigContext.Provider, { value: { staticConfig, appProps }, children });
+};
+var useStaticConfig = () => {
+  const ctx = useContext2(StaticConfigContext);
+  if (!ctx) throw new Error("useStaticConfig must be used within StaticConfigProvider");
+  return ctx;
+};
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/ui/portal.ts
+import React from "react";
+var PortalContainerContext = React.createContext({ container: null });
+function PortalContainerProvider({
+  container,
+  children
+}) {
+  return React.createElement(PortalContainerContext.Provider, { value: { container } }, children);
+}
+function usePortalContainer() {
+  return React.useContext(PortalContainerContext).container;
+}
+
+// src/fetcher/client.ts
+var cfg = { baseUrl: void 0, accessToken: void 0, tenantId: void 0 };
+var buildUrl = (key) => {
+  if (!cfg.baseUrl) throw new Error("Missing SLAPI baseUrl. Call registerApi(...) first.");
+  if (typeof key === "string") return cfg.baseUrl + key;
+  const { url, params = {} } = key;
+  const usp = new URLSearchParams();
+  Object.entries(params).forEach(([k, v]) => {
+    if (v === void 0 || v === null) return;
+    usp.append(k, String(v));
+  });
+  const qs = usp.toString();
+  return cfg.baseUrl + url + (qs ? `?${qs}` : "");
+};
+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.");
+  const headers = {
+    Accept: "application/json",
+    Authorization: `Bearer ${cfg.accessToken}`,
+    ["X-Tenant-ID"]: cfg.tenantId
+  };
+  let payload;
+  if (method !== "GET" && method !== "DELETE" && body !== void 0) {
+    if (typeof FormData !== "undefined" && body instanceof FormData) {
+      payload = body;
+    } else if (body instanceof Blob) {
+      payload = body;
+    } else {
+      headers["Content-Type"] = "application/json";
+      payload = JSON.stringify(body);
+    }
+  }
+  const res = await fetch(url, {
+    method,
+    headers,
+    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();
+};
+var slapiApi = {
+  get: async () => {
+    throw new Error("slapiApi is not configured. Call registerApi(...) first.");
+  },
+  post: async () => {
+    throw new Error("slapiApi is not configured. Call registerApi(...) first.");
+  },
+  put: async () => {
+    throw new Error("slapiApi is not configured. Call registerApi(...) first.");
+  },
+  patch: async () => {
+    throw new Error("slapiApi is not configured. Call registerApi(...) first.");
+  },
+  delete: async () => {
+    throw new Error("slapiApi is not configured. Call registerApi(...) first.");
+  }
+};
+var registerApi = (config2) => {
+  cfg.baseUrl = config2.baseUrl;
+  cfg.accessToken = config2.accessToken;
+  cfg.tenantId = config2.tenantId;
+  slapiApi = {
+    get: async (key) => {
+      const url = buildUrl(key);
+      return request("GET", url);
+    },
+    post: async (key, body) => {
+      const url = buildUrl(key);
+      return request("POST", url, body);
+    },
+    put: async (key, body) => {
+      const url = buildUrl(key);
+      return request("PUT", url, body);
+    },
+    patch: async (key, body) => {
+      const url = buildUrl(key);
+      return request("PATCH", url, body);
+    },
+    delete: async (key) => {
+      const url = buildUrl(key);
+      return request("DELETE", url);
+    }
+  };
+  return (key) => slapiApi.get(key);
+};
+
+// src/hooks/useSpreePayConfig.ts
+import useSWR from "swr";
+var useSpreePayConfig = () => {
+  const { data, isLoading } = useSWR("/v1/tenants/configs/spree-pay");
+  return {
+    spreePayConfig: data ? {
+      ...data,
+      rainbowProjectId: data.rainbowProjectId ?? "3fdcd5ff50cb84917cd05e40146975d8",
+      rainbowAppName: data.rainbowAppName ?? "AIR Shop",
+      pointsTitle: data.pointsTitle ?? "AIR SP",
+      pointsConversionRatio: data.pointsConversionRatio ?? 0.01,
+      crypto: {
+        ...data.crypto,
+        oneInchAggregationRouter: data.crypto?.oneInchAggregationRouter || "0x111111125421ca6dc452d289314280a0f8842a65"
+      }
+    } : null,
+    configIsLoading: isLoading
+  };
+};
+
+// src/components/common/InfoBanner.tsx
+import xss from "xss";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var InfoBanner = (props) => {
+  const { type = "info", message } = props;
+  if (!message) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex w-full gap-1.5 rounded-md p-2", {
+        "border border-(--b-secondary)": type === "info",
+        "bg-(--s-warning)/10": type === "warning"
+      }),
+      children: [
+        type === "info" && /* @__PURE__ */ jsx3(
+          "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(
+              "path",
+              {
+                fill: "currentColor",
+                d: "M10 17.92a2.2 2.2 0 0 1-1.59-.66 4 4 0 0 0-1.07-.81q-.45-.2-1.35-.2-.94 0-1.6-.65a2.2 2.2 0 0 1-.65-1.59q0-.9-.19-1.34a4 4 0 0 0-.8-1.08 2.2 2.2 0 0 1-.5-2.44q.17-.41.5-.74.6-.62.8-1.07t.2-1.35q0-.94.65-1.6.65-.65 1.59-.65.9 0 1.34-.19.46-.2 1.08-.81A2.2 2.2 0 0 1 10 2.08a2.3 2.3 0 0 1 1.59.66q.62.62 1.07.81t1.35.2q.94 0 1.6.65.65.64.65 1.59 0 .9.19 1.34.2.46.81 1.08a2.2 2.2 0 0 1 .66 1.59 2.2 2.2 0 0 1-.66 1.59q-.61.63-.81 1.07t-.2 1.35q0 .94-.65 1.6-.64.65-1.59.65-.9 0-1.34.19-.45.2-1.08.8a2.2 2.2 0 0 1-1.59.67m0-1.25q.2 0 .39-.08a1 1 0 0 0 .31-.21q.8-.8 1.5-1.09.7-.28 1.81-.28.42 0 .71-.29.3-.29.29-.7 0-1.13.28-1.82.3-.7 1.08-1.5.3-.3.3-.7t-.3-.7a5 5 0 0 1-1.08-1.5 5 5 0 0 1-.28-1.8q0-.42-.29-.71a1 1 0 0 0-.7-.29q-1.14 0-1.83-.28a5 5 0 0 1-1.5-1.08 1 1 0 0 0-.69-.3 1 1 0 0 0-.7.3q-.8.8-1.5 1.08T6 4.99q-.42 0-.71.29a1 1 0 0 0-.29.7q0 1.14-.28 1.83t-1.09 1.5q-.29.28-.29.69t.3.7q.8.8 1.08 1.5T5 14.01q0 .42.29.71.29.3.7.29 1.14 0 1.83.28t1.5 1.09a1 1 0 0 0 .7.29m2.03-3.62q.43 0 .73-.3t.3-.72a1 1 0 0 0-.3-.73 1 1 0 0 0-.73-.3 1 1 0 0 0-.73.3 1 1 0 0 0-.3.73q0 .43.3.73t.73.3m-4.53-.54q.18.18.43.18a.6.6 0 0 0 .43-.18l4.14-4.12a.6.6 0 0 0 .2-.44.6.6 0 0 0-.2-.45.6.6 0 0 0-.44-.2.6.6 0 0 0-.45.2l-4.12 4.14a.6.6 0 0 0-.18.43q0 .25.19.44M7.97 9a1 1 0 0 0 .74-.3 1 1 0 0 0 .3-.74q0-.43-.3-.73a1 1 0 0 0-.74-.3q-.43 0-.73.3t-.3.73.3.73.73.3"
+              }
+            )
+          }
+        ),
+        type === "warning" && /* @__PURE__ */ jsx3(
+          "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(
+              "path",
+              {
+                fill: "currentColor",
+                d: "M10 13.96a.6.6 0 0 0 .44-.18.6.6 0 0 0 .18-.45V9.8a.6.6 0 0 0-.18-.44.6.6 0 0 0-.44-.18.6.6 0 0 0-.45.18.6.6 0 0 0-.18.44v3.54q0 .27.18.45a.6.6 0 0 0 .45.18m0-6.22q.29 0 .48-.2.2-.18.2-.47 0-.3-.2-.48a.7.7 0 0 0-.48-.2q-.3 0-.48.2a.7.7 0 0 0-.2.48q0 .29.2.48.2.2.48.19m0 10.18q-1.64 0-3.09-.63a8 8 0 0 1-4.2-4.2 8 8 0 0 1-.63-3.1q0-1.64.63-3.09a8 8 0 0 1 4.2-4.2q1.45-.63 3.09-.63 1.65 0 3.08.63a8 8 0 0 1 4.21 4.2q.63 1.45.63 3.09t-.63 3.09a8 8 0 0 1-4.2 4.2q-1.46.63-3.09.63m0-1.25q2.8 0 4.73-1.94A6.4 6.4 0 0 0 16.67 10q0-2.8-1.94-4.73A6.4 6.4 0 0 0 10 3.33q-2.8 0-4.73 1.94A6.4 6.4 0 0 0 3.33 10q0 2.8 1.94 4.73A6.4 6.4 0 0 0 10 16.67"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "p",
+          {
+            className: "text-[14px] leading-5 text-(--primary) [&_a]:underline",
+            dangerouslySetInnerHTML: { __html: xss(message) }
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/common/Legal.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var Legal = () => {
+  const { spreePayConfig } = useSpreePayConfig();
+  return /* @__PURE__ */ jsxs2("p", { className: "text-center 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("a", { className: "underline", href: spreePayConfig?.termsConditionsUrl, target: "_blank", rel: "noreferrer", children: "Terms and Conditions" }),
+    "."
+  ] });
+};
+
+// src/services/slapi.ts
+var slapiLogger = logger.child("slapi");
+var SlapiPaymentService = {
+  createPayment: async ({ capture = false, ...rest }) => {
+    slapiLogger.debug("Creating payment", {
+      type: rest.type,
+      hash: rest.hash,
+      capture
+    });
+    try {
+      const data = await slapiApi.post("/v1/payments", { ...rest, capture });
+      slapiLogger.info("Payment created successfully", {
+        paymentId: data.id,
+        status: data.status,
+        txId: data.txId
+      });
+      return { data };
+    } catch (error) {
+      slapiLogger.error("Failed to create payment", error, {
+        type: rest.type,
+        hash: rest.hash
+      });
+      throw error;
+    }
+  },
+  baseVerify: async ({ id, txHash }) => {
+    slapiLogger.debug("Verifying base transaction", { id, txHash });
+    try {
+      const result = await slapiApi.post(`/v1/base-transactions/transactions/${id}/verify`, {
+        txHash
+      });
+      slapiLogger.info("Base transaction verified", {
+        id,
+        txHash,
+        verified: result.verified
+      });
+      return result;
+    } catch (error) {
+      slapiLogger.error("Base transaction verification failed", error, {
+        id,
+        txHash
+      });
+      throw error;
+    }
+  },
+  addCard: async ({ source, hash }) => {
+    slapiLogger.debug("Adding card", { hash, sourcePrefix: source.substring(0, 10) });
+    try {
+      const data = await slapiApi.post("/v1/payments/cards", { hash, source });
+      slapiLogger.info("Card added successfully", { cardId: data.id, hash });
+      return { data };
+    } catch (error) {
+      slapiLogger.error("Failed to add card", error, { hash });
+      throw error;
+    }
+  },
+  validate3DS: async ({ paymentId }) => {
+    slapiLogger.debug("Validating 3DS", { paymentId });
+    try {
+      const data = await slapiApi.post("/v1/payments/validate", {
+        paymentId,
+        type: "CREDIT_CARD" /* CREDIT_CARD */
+      });
+      slapiLogger.info("3DS validated successfully", {
+        paymentId,
+        status: data.status
+      });
+      return { data };
+    } catch (error) {
+      slapiLogger.error("3DS validation failed", error, { paymentId });
+      throw error;
+    }
+  },
+  validateCDC: async ({ paymentId }) => {
+    slapiLogger.debug("Validating CDC payment", { paymentId });
+    try {
+      const data = await slapiApi.post("/v1/payments/validate", {
+        paymentId,
+        type: "CDC" /* CDC */
+      });
+      slapiLogger.info("CDC payment validated successfully", {
+        paymentId,
+        status: data.status
+      });
+      return { data };
+    } catch (error) {
+      slapiLogger.error("CDC payment validation failed", error, {
+        paymentId
+      });
+      throw error;
+    }
+  },
+  validatePoints: async ({ paymentId, txHash }) => {
+    slapiLogger.debug("Validating points payment", { paymentId, txHash });
+    try {
+      const data = await slapiApi.post("/v1/payments/validate", {
+        txHash,
+        paymentId,
+        type: "POINTS" /* POINTS */
+      });
+      slapiLogger.info("Points payment validated successfully", {
+        paymentId,
+        status: data.status,
+        txHash
+      });
+      return { data };
+    } catch (error) {
+      slapiLogger.error("Points payment validation failed", error, {
+        paymentId,
+        txHash
+      });
+      throw error;
+    }
+  },
+  getStatus: async (paymentId) => {
+    slapiLogger.debug("Getting payment status", { paymentId });
+    try {
+      const result = await slapiApi.get(`/v1/payments/${paymentId}/status`);
+      slapiLogger.debug("Payment status retrieved", {
+        paymentId,
+        status: result.detail.status
+      });
+      return result;
+    } catch (error) {
+      slapiLogger.error("Failed to get payment status", error, {
+        paymentId
+      });
+      throw error;
+    }
+  }
+};
+
+// 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";
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ jsx5(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 });
+}
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-(--overlay)",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs3(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx5(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs3(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-(--border-component-specific-card) bg-(--surface-component-specific-card-default-card) p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs3(
+            DialogPrimitive.Close,
+            {
+              "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" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-sm text-(--secondary)", className),
+      ...props
+    }
+  );
+}
+
+export {
+  PaymentError,
+  PaymentType,
+  LogLevel,
+  logger,
+  configureLogger,
+  SpreePayProvider,
+  useSpreePay,
+  useSpreePaymentMethod,
+  useSpreePayEnv,
+  useSpreePayRegister,
+  StaticConfigProvider,
+  useStaticConfig,
+  cn,
+  PortalContainerProvider,
+  Dialog,
+  DialogContent,
+  DialogTitle,
+  DialogDescription,
+  registerApi,
+  SlapiPaymentService,
+  useSpreePayConfig,
+  InfoBanner,
+  Legal
+};