@rhinestone/deposit-modal 0.0.0-dev-20260728154835 → 0.0.0-dev-20260729013445

package/README.md

@@ -165,10 +165,10 @@ Pass `enableFiatOnramp` to expose Swapped's iframe as a funding option alongside
 ```tsx
 <DepositModal
   enableFiatOnramp
-  // Optionally restrict which Swapped payment groups are offered. Omit to offer
-  // all of them, which also tracks Swapped's lineup without a redeploy. Keys are
-  // `payment_group` values — note Apple Pay is `apple-pay` (hyphen), not
-  // `applepay`. An empty or all-false object offers none, not all.
+  // Optional: restrict Cash to these standard Swapped payment groups.
+  // Omit this prop to use regional personalization. Keys are exact
+  // `payment_group` values — Apple Pay is `apple-pay`, not `applepay`.
+  // An empty or all-false object offers no fiat methods.
   fiatMethods={{ creditcard: true, "apple-pay": true }}
   // Hide the Transfer Crypto QR row if you only want fiat options:
   // enableQrTransfer={false}
@@ -176,6 +176,17 @@ Pass `enableFiatOnramp` to expose Swapped's iframe as a funding option alongside
 />
 ```
 
+When `fiatMethods` is omitted, the modal personalizes payment methods for the
+user's region. One configured local favorite may appear first with a
+**Popular** badge, followed by the supported subset of card, bank transfer, and
+Apple Pay. Method names, icons, and EUR limits come from the regional response.
+Personalization never blocks the flow: after 500 ms the default methods render,
+and a later regional result only replaces an untouched picker.
+
+Set `fiatMethods` to restrict Cash to the selected standard payment groups and
+opt that modal instance out of regional personalization. An empty or all-false
+object shows no Cash option.
+
 The flow: user picks a fiat option → modal registers a Rhinestone smart account → backend mints a server-signed Swapped iframe URL → user completes purchase → Swapped sends crypto on-chain to the smart account → the existing on-chain detection fires `onLifecycle({ type: "complete" })`.
 
 **Destination guarantees.** The user picks the fiat amount inside Swapped's widget, but the destination is fixed server-side: every order receives **USDC on Base** delivered to the **registered Rhinestone smart account**. The frontend cannot override these; the backend signs the Swapped URL with `currencyCode=USDC_BASE` and `walletAddress=<smartAccount>`.
@@ -196,7 +207,7 @@ frame-src https://widget.swapped.com https://sandbox.swapped.com https://connect
 | -------------------- | ----------------------------- | ------- | ----------- |
 | `enableFiatOnramp`   | `boolean`                     | `false` | Show fiat on-ramp option(s). Requires backend Swapped keys. Needs no wallet. |
 | `enableQrTransfer`   | `boolean`                     | `true`  | Show the Transfer Crypto / QR row. Set false for fiat-only. |
-| `fiatMethods`        | `FiatMethodsConfig`           | all     | Restrict which `payment_group`s are offered: `{ creditcard?, "bank-transfer"?, "apple-pay"? }`. Empty means none. |
+| `fiatMethods`        | `FiatMethodsConfig`           | regional | Optional exact subset of standard `payment_group`s. Providing it opts out of regional personalization; empty means none. |
 
 ## Fund from Exchange (Swapped Connect)
 

package/dist/{DepositModalReown-YI7DF7QJ.cjs → DepositModalReown-7IKZUY34.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkYPCIRIE4cjs = require('./chunk-YPCIRIE4.cjs');
-require('./chunk-3YZIW6YE.cjs');
-require('./chunk-2WK442YB.cjs');
+var _chunkM3HAQUVOcjs = require('./chunk-M3HAQUVO.cjs');
+require('./chunk-HDZUPOUJ.cjs');
+require('./chunk-D52L6CAO.cjs');
 
 
 
-var _chunkCAMKSHDZcjs = require('./chunk-CAMKSHDZ.cjs');
-require('./chunk-SCKWQJA2.cjs');
+var _chunkKWXEW5SVcjs = require('./chunk-KWXEW5SV.cjs');
+require('./chunk-AA37G5O2.cjs');
 require('./chunk-W3WWC4LD.cjs');
 
 
@@ -88,14 +88,14 @@ function buildTransports(rpcUrls) {
   const transports = {};
   for (const network of EVM_NETWORKS) {
     const id = Number(network.id);
-    transports[id] = _viem.http.call(void 0, _chunkCAMKSHDZcjs.rpcUrlFor.call(void 0, rpcUrls, id));
+    transports[id] = _viem.http.call(void 0, _chunkKWXEW5SVcjs.rpcUrlFor.call(void 0, rpcUrls, id));
   }
   return transports;
 }
 function getEvmRpcFingerprint(rpcUrls) {
   return EVM_NETWORKS.map((network) => {
     const id = Number(network.id);
-    return `${id}=${_nullishCoalesce(_chunkCAMKSHDZcjs.rpcUrlFor.call(void 0, rpcUrls, id), () => ( ""))}`;
+    return `${id}=${_nullishCoalesce(_chunkKWXEW5SVcjs.rpcUrlFor.call(void 0, rpcUrls, id), () => ( ""))}`;
   }).join("|");
 }
 var cachedAdapter = null;
@@ -189,7 +189,7 @@ function useReownWallet() {
           await switchChainAsync({ chainId });
         }
       } catch (err) {
-        if (_chunkCAMKSHDZcjs.isUnsupportedChainSwitchError.call(void 0, err)) {
+        if (_chunkKWXEW5SVcjs.isUnsupportedChainSwitchError.call(void 0, err)) {
           throw new Error(
             `Switch to ${_chunkEGB3NWMLcjs.getChainName.call(void 0, chainId)} in your wallet to continue`
           );
@@ -223,7 +223,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYPCIRIE4cjs.DepositModalInner,
+    _chunkM3HAQUVOcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,

package/dist/{DepositModalReown-RSIMZS46.mjs → DepositModalReown-RLSGDANC.mjs}

@@ -1,13 +1,13 @@
 import {
   DepositModalInner
-} from "./chunk-P2STW62C.mjs";
-import "./chunk-LDCOMIW2.mjs";
-import "./chunk-SJQ2FBFQ.mjs";
+} from "./chunk-SLAJQ5BS.mjs";
+import "./chunk-X73URRGG.mjs";
+import "./chunk-2APKKVQK.mjs";
 import {
   isUnsupportedChainSwitchError,
   rpcUrlFor
-} from "./chunk-TJQHU34K.mjs";
-import "./chunk-7O3RASQV.mjs";
+} from "./chunk-CUSYITEG.mjs";
+import "./chunk-IQ6P2TBV.mjs";
 import "./chunk-YJP274QC.mjs";
 import {
   SUPPORTED_CHAINS,

package/dist/{chunk-SJQ2FBFQ.mjs → chunk-2APKKVQK.mjs}

@@ -1,7 +1,7 @@
 import {
   CdnIcon,
   ChevronRightIcon
-} from "./chunk-TJQHU34K.mjs";
+} from "./chunk-CUSYITEG.mjs";
 
 // src/components/ui/ListRow.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-SCKWQJA2.cjs → chunk-AA37G5O2.cjs}

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/core/version.ts
-var MODAL_VERSION = "0.0.0-dev-20260728154835";
+var MODAL_VERSION = "0.0.0-dev-20260729013445";
 
 
 

package/dist/{chunk-TJQHU34K.mjs → chunk-CUSYITEG.mjs}

@@ -1,6 +1,6 @@
 import {
   MODAL_VERSION
-} from "./chunk-7O3RASQV.mjs";
+} from "./chunk-IQ6P2TBV.mjs";
 import {
   HYPERCORE_CHAIN_ID,
   HYPERCORE_MAINNET_CAIP2,
@@ -1368,7 +1368,8 @@ function createDepositService(baseUrl, options) {
       const url = apiUrl("/onramp/swapped/widget-url");
       debugLog(debug, scope, "getSwappedWidgetUrl:request", {
         smartAccount: shortRef(params.smartAccount),
-        method: params.method
+        method: params.method,
+        methodSelectionSource: params.methodSelectionSource
       });
       const response = await fetch(url, {
         method: "POST",
@@ -1483,6 +1484,78 @@ function createDepositService(baseUrl, options) {
         exchangeFeeBps: parseExchangeFeeBps(body.exchangeFeeBps)
       };
     },
+    async getSwappedPaymentMethods() {
+      const empty = {
+        country: null,
+        methods: [],
+        recommendedMethod: null
+      };
+      const url = apiUrl("/onramp/swapped/payment-methods");
+      debugLog(debug, scope, "getSwappedPaymentMethods:request");
+      try {
+        const response = await fetch(url, {
+          method: "GET",
+          headers: SERVICE_HEADERS,
+          cache: "no-store"
+        });
+        if (!response.ok) {
+          debugLog(debug, scope, "getSwappedPaymentMethods:unavailable", {
+            status: response.status
+          });
+          return empty;
+        }
+        const body = await response.json();
+        if (!body || typeof body !== "object" || Array.isArray(body)) {
+          return empty;
+        }
+        const rawBody = body;
+        const rawCountry = rawBody.country;
+        const country = typeof rawCountry === "string" ? rawCountry.trim().toUpperCase() : rawCountry === null ? null : void 0;
+        if (country === void 0 || country !== null && !/^[A-Z]{2}$/.test(country)) {
+          return empty;
+        }
+        const rawRecommendedMethod = rawBody.recommendedMethod;
+        const recommendedMethod = typeof rawRecommendedMethod === "string" && /^[a-z0-9][a-z0-9_-]{0,63}$/.test(rawRecommendedMethod) ? rawRecommendedMethod : rawRecommendedMethod === null ? null : void 0;
+        if (recommendedMethod === void 0 || !Array.isArray(rawBody.methods)) {
+          return empty;
+        }
+        const methods = [];
+        const seen = /* @__PURE__ */ new Set();
+        for (const raw of rawBody.methods) {
+          if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+            return empty;
+          }
+          const m = raw;
+          const method = typeof m.method === "string" && /^[a-z0-9][a-z0-9_-]{0,63}$/.test(m.method) ? m.method : null;
+          const label = typeof m.label === "string" && m.label.trim().length > 0 ? m.label.trim() : null;
+          const iconUrl = typeof m.iconUrl === "string" ? m.iconUrl : m.iconUrl === null ? null : void 0;
+          const iconUrlLight = typeof m.iconUrlLight === "string" ? m.iconUrlLight : m.iconUrlLight === null ? null : void 0;
+          const minAmount = typeof m.minAmount === "number" && Number.isFinite(m.minAmount) && m.minAmount >= 0 ? m.minAmount : m.minAmount === null ? null : void 0;
+          const maxAmount = typeof m.maxAmount === "number" && Number.isFinite(m.maxAmount) && m.maxAmount >= 0 ? m.maxAmount : m.maxAmount === null ? null : void 0;
+          const badge = m.badge === "Popular" ? "Popular" : m.badge === null ? null : void 0;
+          if (!method || !label || iconUrl === void 0 || iconUrlLight === void 0 || minAmount === void 0 || maxAmount === void 0 || badge === void 0 || seen.has(method)) {
+            return empty;
+          }
+          seen.add(method);
+          methods.push({
+            method,
+            label,
+            iconUrl,
+            iconUrlLight,
+            minAmount,
+            maxAmount,
+            badge
+          });
+        }
+        if (country === null && (methods.length > 0 || recommendedMethod !== null) || recommendedMethod !== null && !seen.has(recommendedMethod)) {
+          return empty;
+        }
+        return { country, methods, recommendedMethod };
+      } catch (error) {
+        debugError(debug, scope, "getSwappedPaymentMethods:error", error);
+        return empty;
+      }
+    },
     getTopTokens() {
       if (!topTokensPromise) {
         topTokensPromise = (async () => {

package/dist/{chunk-2WK442YB.cjs → chunk-D52L6CAO.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
 
-var _chunkCAMKSHDZcjs = require('./chunk-CAMKSHDZ.cjs');
+var _chunkKWXEW5SVcjs = require('./chunk-KWXEW5SV.cjs');
 
 // src/components/ui/ListRow.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -19,7 +19,7 @@ function ListRow({
   ...props
 }) {
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    leadingMedia ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCAMKSHDZcjs.CdnIcon, { src: leadingMedia }) }) : leading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading", children: leading }) : null,
+    leadingMedia ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading rs-list-row-leading--media", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKWXEW5SVcjs.CdnIcon, { src: leadingMedia }) }) : leading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-leading", children: leading }) : null,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-list-row-body", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-list-row-text", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-title", children: title }),
@@ -39,7 +39,7 @@ function ListRow({
         }
       ) : meta && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-list-row-meta", children: meta })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-chevron", children: _nullishCoalesce(trailing, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCAMKSHDZcjs.ChevronRightIcon, {}))) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-list-row-chevron", children: _nullishCoalesce(trailing, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKWXEW5SVcjs.ChevronRightIcon, {}))) })
   ] });
   if (action) {
     const handleKey = (e) => {

package/dist/{chunk-OCXY3HWX.mjs → chunk-FBMNVFEH.mjs}

@@ -4,7 +4,7 @@ import {
   getPublicClient,
   useTokenPrices,
   warnRemovedProps
-} from "./chunk-LDCOMIW2.mjs";
+} from "./chunk-X73URRGG.mjs";
 import {
   BodyHeader,
   Button,
@@ -33,7 +33,7 @@ import {
   useLatestRef,
   useRpcUrls,
   useStableRpcUrls
-} from "./chunk-TJQHU34K.mjs";
+} from "./chunk-CUSYITEG.mjs";
 import {
   DEFAULT_BACKEND_URL,
   NATIVE_TOKEN_ADDRESS,