@rhinestone/deposit-modal 0.3.0-alpha.11 → 0.3.0-alpha.13

package/README.md

@@ -53,6 +53,65 @@ export function DepositButton({ walletClient, publicClient, address }) {
 
 `WithdrawModal` lives at `@rhinestone/deposit-modal/withdraw` and takes the same shape (`onLifecycle` + `onError`).
 
+## Fiat on-ramp (Swapped)
+
+Pass `enableFiatOnramp` to expose Swapped's iframe as a funding option alongside Transfer Crypto:
+
+```tsx
+<DepositModal
+  enableFiatOnramp
+  // Optionally render one row per Swapped payment method instead of a generic
+  // "Pay with Card" row. Slugs come from Swapped's GET /api/v1/merchant/get_payment_methods.
+  fiatOnrampMethods={[
+    { method: "creditcard", label: "Pay with Card", icon: "card" },
+    { method: "applepay", label: "Apple Pay", icon: "apple" },
+    { method: "bank-transfer", label: "Bank Transfer", icon: "bank" },
+  ]}
+  // Hide the Transfer Crypto QR row if you only want fiat options:
+  // enableQrTransfer={false}
+  // ...
+/>
+```
+
+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>`.
+
+**Fees.** Rhinestone does not charge a markup by default. The client (dapp) controls the user-facing experience via the orchestrator's sponsorship config:
+- **Sponsored** (client has a funded sponsor pool for the source chain): user receives 1:1 — the on-ramped amount lands on the target chain exactly.
+- **Unsponsored**: the bridging cost is deducted from the on-ramped amount and shown as a "Bridging cost" line on the success screen.
+
+Host CSP must allow Swapped's domains:
+
+```
+frame-src https://widget.swapped.com https://sandbox.swapped.com https://connect.swapped.com;
+```
+
+**Submerchant attribution.** Swapped orders are tagged with a `submerchant` for multi-tenant reporting. This is derived automatically server-side from the embedding page's domain (the request `Origin` header) — no configuration is required. In local development the domain resolves to `localhost`.
+
+| Prop                 | Type                          | Default | Description |
+| -------------------- | ----------------------------- | ------- | ----------- |
+| `enableFiatOnramp`   | `boolean`                     | `false` | Show fiat on-ramp option(s). Requires `dappAddress` and backend Swapped keys. |
+| `enableQrTransfer`   | `boolean`                     | `true`  | Show the Transfer Crypto / QR row. Set false for fiat-only. |
+| `fiatOnrampMethods`  | `FiatPaymentMethodOption[]`   | —       | One row per method, each preselects Swapped's payment method via the `method` URL param. |
+
+## Fund from Exchange (Swapped Connect)
+
+Pass `enableExchangeConnect` to expose a "Fund from Exchange" row alongside the existing options. Clicking it opens an exchange picker backed by `/onramp/swapped/connect-exchanges`; after the user picks an exchange, the modal embeds Swapped's Connect iframe for that selected `connection`, signs in, and Swapped pulls the crypto on-chain to the smart account.
+
+```tsx
+<DepositModal
+  enableExchangeConnect
+  // ...
+/>
+```
+
+Flow: user picks Fund from Exchange → backend returns supported exchanges + logos from Swapped using a 24-hour cache → user picks an exchange → modal registers a Rhinestone smart account → backend mints a server-signed Swapped Connect URL with the selected `connection` → user authenticates with their CEX inside the iframe → Swapped pushes crypto on-chain → existing on-chain detection fires `onLifecycle({ type: "complete" })`.
+
+| Prop                     | Type      | Default | Description |
+| ------------------------ | --------- | ------- | ----------- |
+| `enableExchangeConnect`  | `boolean` | `false` | Show the "Fund from Exchange" row. Requires `dappAddress` and backend Swapped keys. Can be combined with `enableFiatOnramp`. |
+
 ## License
 
 MIT

package/dist/{DepositModalReown-KXFF6ZXY.cjs → DepositModalReown-CXPRZRXL.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkY4CESMTHcjs = require('./chunk-Y4CESMTH.cjs');
+var _chunkSEOQ66FWcjs = require('./chunk-SEOQ66FW.cjs');
 
 
 
-var _chunkFGVSNAREcjs = require('./chunk-FGVSNARE.cjs');
-require('./chunk-2TWQGPPB.cjs');
+var _chunkPWV2UJP3cjs = require('./chunk-PWV2UJP3.cjs');
+require('./chunk-DZNXG5JK.cjs');
 require('./chunk-7JIDIX27.cjs');
 
 // src/DepositModalReown.tsx
@@ -14,7 +14,7 @@ var _react3 = require('@reown/appkit/react');
 var _react5 = require('@reown/appkit-adapter-solana/react');
 var _jsxruntime = require('react/jsx-runtime');
 function DepositModalWithReown(props) {
-  const reown = _chunkFGVSNAREcjs.useReownWallet.call(void 0, );
+  const reown = _chunkPWV2UJP3cjs.useReownWallet.call(void 0, );
   const enableSolana = _nullishCoalesce(props.enableSolana, () => ( true));
   const { walletProvider: solanaWalletProvider } = _react3.useAppKitProvider.call(void 0, 
     enableSolana ? "solana" : "eip155"
@@ -35,7 +35,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkY4CESMTHcjs.DepositModalInner,
+    _chunkSEOQ66FWcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,
@@ -46,7 +46,7 @@ function DepositModalWithReown(props) {
 }
 function DepositModalReown(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkFGVSNAREcjs.ReownWalletProvider,
+    _chunkPWV2UJP3cjs.ReownWalletProvider,
     {
       projectId: props.reownAppId,
       theme: props.theme,

package/dist/{DepositModalReown-UNFGBOIJ.mjs → DepositModalReown-HBAWSK6K.mjs}

@@ -1,11 +1,11 @@
 import {
   DepositModalInner
-} from "./chunk-V63GWJHB.mjs";
+} from "./chunk-HZBO2SIZ.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-QXIJLRKC.mjs";
-import "./chunk-WVE3JN3C.mjs";
+} from "./chunk-YB3JPWJW.mjs";
+import "./chunk-6K4JHM2D.mjs";
 import "./chunk-SZIYS42B.mjs";
 
 // src/DepositModalReown.tsx

package/dist/{WithdrawModalReown-QEQPCSWT.mjs → WithdrawModalReown-EEWQRENY.mjs}

@@ -1,11 +1,11 @@
 import {
   WithdrawModalInner
-} from "./chunk-7MZNQ4C2.mjs";
+} from "./chunk-EC63ZHY4.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
-} from "./chunk-QXIJLRKC.mjs";
-import "./chunk-WVE3JN3C.mjs";
+} from "./chunk-YB3JPWJW.mjs";
+import "./chunk-6K4JHM2D.mjs";
 import "./chunk-SZIYS42B.mjs";
 
 // src/WithdrawModalReown.tsx

package/dist/{WithdrawModalReown-Z5JVENP6.cjs → WithdrawModalReown-T3TPJIME.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYI63OMXNcjs = require('./chunk-YI63OMXN.cjs');
+var _chunk6RCOF3XUcjs = require('./chunk-6RCOF3XU.cjs');
 
 
 
-var _chunkFGVSNAREcjs = require('./chunk-FGVSNARE.cjs');
-require('./chunk-2TWQGPPB.cjs');
+var _chunkPWV2UJP3cjs = require('./chunk-PWV2UJP3.cjs');
+require('./chunk-DZNXG5JK.cjs');
 require('./chunk-7JIDIX27.cjs');
 
 // src/WithdrawModalReown.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
 function WithdrawModalWithReown(props) {
-  const reown = _chunkFGVSNAREcjs.useReownWallet.call(void 0, );
+  const reown = _chunkPWV2UJP3cjs.useReownWallet.call(void 0, );
   const handleConnect = _react.useCallback.call(void 0, () => {
     reown.openConnect();
   }, [reown.openConnect]);
@@ -20,7 +20,7 @@ function WithdrawModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYI63OMXNcjs.WithdrawModalInner,
+    _chunk6RCOF3XUcjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,
@@ -30,7 +30,7 @@ function WithdrawModalWithReown(props) {
   );
 }
 function WithdrawModalReown(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFGVSNAREcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPWV2UJP3cjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
 }