@rhinestone/deposit-modal 0.0.0-dev-20260921145008 → 0.0.0-dev-20260922130636

package/README.md

@@ -308,6 +308,61 @@ frame-src https://widget.swapped.com https://sandbox.swapped.com https://connect
 | `enableQrTransfer` | `boolean`           | `true`   | Show the Transfer Crypto / QR row. Set false for fiat-only.                                                              |
 | `fiatMethods`      | `FiatMethodsConfig` | regional | Optional exact subset of standard `payment_group`s. Providing it opts out of regional personalization; empty means none. |
 
+### Bank transfer accounts (Noah)
+
+> **Preview.** One rough edge remains, and it is easy to misread as a bug in
+> your integration: when hosted onboarding finishes, the provider redirects the
+> frame to a confirmation page that does not exist yet, so the customer briefly
+> sees a 404 inside the modal. Nothing is lost — the modal reads the outcome
+> from the compliance status, not from the frame, so verification still
+> completes and the flow continues.
+>
+> Your proxy must forward `POST /compliance/verification` on the customer
+> bearer; deploy it before shipping a modal that calls it, or first-time
+> verification 404s at the proxy.
+>
+> The prop is opt-in and inert unless you pass it. Treat it as unstable until
+> this note is removed.
+
+Pass `bankOnramp` to replace only the Bank transfer row with reusable USD/EUR
+account details. Card and Apple Pay continue through Swapped. A customer who has
+not been verified is taken through hosted verification first; an existing active
+account is resumed; otherwise the selected currency is configured once.
+
+Payment status is shown under the bank details and polls while the account is on
+screen, so a customer who transferred earlier sees where their money is on
+reopening. `delivered` means the crypto has been confirmed on chain — not merely
+that the provider reported sending it.
+
+```tsx
+<DepositModal
+  bankOnramp={{
+    country: "US",
+    currency: "USD", // Optional; omit to show every available currency.
+    getSession: (smartAccount) =>
+      authenticatedSessionClient.getCustomerSession({ smartAccount }),
+  }}
+  // ...
+/>
+```
+
+`getSession` must call your authenticated server endpoint, which mints a
+short-lived customer session with `createCustomerSessionHandler`. It is called
+for every request; do not put the Rhinestone API key in the browser. Hosted bank
+details are minted fresh for every view and retry, and the modal never receives
+or stores the underlying bank coordinates.
+
+`bankOnramp` enables Cash when `fiatMethods` is omitted. When an exact
+`fiatMethods` subset is provided, it must include
+`{ "bank-transfer": true }`. The proxy must forward the `/onramp/noah/*`
+customer routes with the bearer token and without attaching its API key.
+
+Hosts with a strict CSP must allow Noah Checkout:
+
+```
+frame-src https://checkout.noah.com https://checkout.sandbox.noah.com;
+```
+
 ## 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.
@@ -453,6 +508,6 @@ No crypto-input quoting is exposed. Accounts return safe references/config/statu
 not bank instructions. Hosted interaction completion never means payment
 settlement; funding, payout and late returns have independent status fields.
 
-The provider adapter and journey execution are not connected by this release.
-Expect 503 until those implementations are deployed. Render hosted URLs only
-after the journey's iframe presentation has been verified; do not log/store URLs.
+`listPayments`, `getPayment` and the whole offramp client answer 503 until their
+processor implementations are deployed, so payment lifecycle is not readable yet.
+Do not log or store hosted URLs.

package/dist/BankOnrampStep-TGCFBOK6.mjs

@@ -0,0 +1,581 @@
+import {
+  BankIcon,
+  BodyHeader,
+  Spinner,
+  useLatestRef
+} from "./chunk-YY4ZOAH5.mjs";
+import {
+  createOnrampService
+} from "./chunk-XCLR5YGQ.mjs";
+import "./chunk-PP4QE32S.mjs";
+import {
+  getComplianceStatus,
+  startComplianceVerification
+} from "./chunk-EY2YNGFX.mjs";
+import "./chunk-TQKXJDDO.mjs";
+import "./chunk-DFYHOBOV.mjs";
+
+// src/components/steps/BankOnrampStep.tsx
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+
+// src/core/bank-onramp-progress.ts
+var HELD = "on_hold";
+var FAILED = "failed";
+var DONE = "completed";
+function started(status) {
+  return status !== "not_started";
+}
+function toPaymentProgress(payment) {
+  if (payment.bankReceipt === HELD || payment.conversion === HELD || payment.cryptoDelivery === HELD) {
+    return "on_hold";
+  }
+  if (payment.refund !== "none" || payment.adjustment !== "none") {
+    return "returned";
+  }
+  if (payment.bankReceipt === FAILED || payment.conversion === FAILED || payment.cryptoDelivery === FAILED) {
+    return "failed";
+  }
+  if (payment.cryptoDelivery === DONE) return "delivered";
+  if (started(payment.cryptoDelivery)) return "sending";
+  if (payment.conversion === DONE) return "sending";
+  if (started(payment.conversion)) return "converting";
+  if (payment.bankReceipt === DONE) return "received";
+  return "awaiting_transfer";
+}
+var TERMINAL = /* @__PURE__ */ new Set([
+  "delivered",
+  "returned",
+  "failed"
+]);
+function toPaymentView(payment) {
+  const progress = toPaymentProgress(payment);
+  return {
+    id: payment.id,
+    amount: payment.amount,
+    currency: payment.currency,
+    progress,
+    terminal: TERMINAL.has(progress)
+  };
+}
+function selectActivePayment(payments, currency) {
+  const scoped = currency ? payments.filter((p) => p.currency === currency) : payments;
+  if (scoped.length === 0) return null;
+  const views = scoped.map(toPaymentView);
+  const byRecency = [...views].sort((a, b) => {
+    const at = scoped.find((p) => p.id === a.id)?.updatedAt ?? "";
+    const bt = scoped.find((p) => p.id === b.id)?.updatedAt ?? "";
+    return bt.localeCompare(at);
+  });
+  return byRecency.find((view) => !view.terminal) ?? byRecency[0] ?? null;
+}
+function shouldKeepPolling(view) {
+  return view === null || !view.terminal;
+}
+var BANK_ONRAMP_COPY = {
+  awaiting_transfer: {
+    title: "Waiting for your transfer",
+    subtitle: "Send the transfer from your bank using the details above."
+  },
+  received: {
+    title: "Transfer received",
+    subtitle: "Your bank transfer has arrived and is being processed."
+  },
+  converting: {
+    title: "Converting",
+    subtitle: "Your money is being converted to crypto."
+  },
+  sending: {
+    title: "Sending to your account",
+    subtitle: "The crypto is on its way. This usually takes a few minutes."
+  },
+  delivered: {
+    title: "Funds delivered",
+    subtitle: "The crypto has arrived in your account."
+  },
+  on_hold: {
+    title: "Under review",
+    subtitle: "Your provider is reviewing this transfer and may contact you for more information."
+  },
+  returned: {
+    title: "Transfer returned",
+    subtitle: "This transfer was returned. Contact support if unexpected."
+  },
+  failed: {
+    title: "Transfer failed",
+    subtitle: "This transfer could not be completed. Contact support."
+  }
+};
+
+// src/core/noah-hosted.ts
+var NOAH_HOSTED_ORIGINS = [
+  "https://checkout.noah.com",
+  "https://checkout.sandbox.noah.com"
+];
+function isTrustedNoahHostedUrl(url) {
+  let parsed;
+  try {
+    parsed = new URL(url);
+  } catch {
+    return false;
+  }
+  return NOAH_HOSTED_ORIGINS.includes(parsed.origin);
+}
+
+// src/components/steps/BankOnrampStep.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SAFE_ERROR = "Bank details are unavailable. Try again.";
+var OPTIONS_ERROR = "Bank transfer options are unavailable. Try again.";
+var PAYMENT_POLL_MS = 15e3;
+var VERIFICATION_POLL_MS = 5e3;
+function BankOnrampStep({
+  backendUrl,
+  smartAccount,
+  bankOnramp,
+  onGoBack,
+  onError,
+  openExternally
+}) {
+  const getSessionRef = useLatestRef(bankOnramp.getSession);
+  const sessionOptions = useMemo(
+    () => ({
+      backendUrl,
+      getSession: () => getSessionRef.current(smartAccount)
+    }),
+    [backendUrl, getSessionRef, smartAccount]
+  );
+  const service = useMemo(
+    () => createOnrampService(sessionOptions),
+    [sessionOptions]
+  );
+  const [options, setOptions] = useState([]);
+  const [accounts, setAccounts] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [selectedAccount, setSelectedAccount] = useState(null);
+  const [hostedUrl, setHostedUrl] = useState(null);
+  const [iframeLoaded, setIframeLoaded] = useState(false);
+  const [externalOpened, setExternalOpened] = useState(false);
+  const [error, setError] = useState(null);
+  const [payment, setPayment] = useState(null);
+  const [verifying, setVerifying] = useState(null);
+  const requestGenerationRef = useRef(0);
+  const isCurrentRequest = useCallback(
+    (generation) => requestGenerationRef.current === generation,
+    []
+  );
+  const ensureVerified = useCallback(async () => {
+    const current = await getComplianceStatus(sessionOptions);
+    if (current.status === "approved") return "approved";
+    if (current.status === "declined") return "declined";
+    const session = await startComplianceVerification(sessionOptions, {
+      // Verification is per fiat currency. Without an explicit choice the US
+      // dollar journey is the one every configured country can complete.
+      currency: bankOnramp.currency ?? "USD"
+    });
+    if (session.status === "failed") return "declined";
+    if (!session.nextAction) return "reviewing";
+    if (!isTrustedNoahHostedUrl(session.nextAction.url)) return "reviewing";
+    if (openExternally) {
+      await openExternally(session.nextAction.url);
+      setExternalOpened(true);
+      return "action_required";
+    }
+    setHostedUrl(session.nextAction.url);
+    setIframeLoaded(false);
+    return "action_required";
+  }, [bankOnramp.currency, openExternally, sessionOptions]);
+  const loadAccounts = useCallback(async () => {
+    const generation = ++requestGenerationRef.current;
+    setLoading(true);
+    setError(null);
+    try {
+      const verification = await ensureVerified();
+      if (!isCurrentRequest(generation)) return;
+      if (verification !== "approved") {
+        setVerifying(verification);
+        return;
+      }
+      setVerifying(null);
+      setExternalOpened(false);
+      const intent = {
+        country: bankOnramp.country,
+        paymentMethod: "bank_transfer",
+        ...bankOnramp.currency ? { currency: bankOnramp.currency } : {}
+      };
+      const [available, existing] = await Promise.all([
+        service.getOptions(intent),
+        service.listAccounts()
+      ]);
+      if (!isCurrentRequest(generation)) return;
+      setOptions(available.items);
+      setAccounts(existing.items);
+    } catch {
+      if (!isCurrentRequest(generation)) return;
+      setError(OPTIONS_ERROR);
+      onError?.(OPTIONS_ERROR, "BANK_ONRAMP_OPTIONS_FAILED");
+    } finally {
+      if (isCurrentRequest(generation)) setLoading(false);
+    }
+  }, [
+    bankOnramp.country,
+    bankOnramp.currency,
+    ensureVerified,
+    isCurrentRequest,
+    onError,
+    service
+  ]);
+  useEffect(() => {
+    setSelectedAccount(null);
+    setHostedUrl(null);
+    setExternalOpened(false);
+    void loadAccounts();
+    return () => {
+      requestGenerationRef.current += 1;
+    };
+  }, [loadAccounts]);
+  const openDetails = useCallback(
+    async (account) => {
+      const generation = ++requestGenerationRef.current;
+      setLoading(true);
+      setError(null);
+      setHostedUrl(null);
+      setIframeLoaded(false);
+      setExternalOpened(false);
+      try {
+        const details = await service.getAccountDetails(account.id);
+        if (!isCurrentRequest(generation)) return;
+        const url = details.nextAction.url;
+        if (!isTrustedNoahHostedUrl(url)) {
+          if (!isCurrentRequest(generation)) return;
+          setError(SAFE_ERROR);
+          onError?.(SAFE_ERROR, "BANK_ONRAMP_DETAILS_FAILED");
+          return;
+        }
+        if (openExternally) {
+          try {
+            await openExternally(url);
+          } catch {
+            if (!isCurrentRequest(generation)) return;
+            setError(SAFE_ERROR);
+            onError?.(SAFE_ERROR, "BANK_ONRAMP_EXTERNAL_OPEN_FAILED");
+            return;
+          }
+          if (!isCurrentRequest(generation)) return;
+          setExternalOpened(true);
+        } else {
+          setHostedUrl(url);
+        }
+      } catch {
+        if (!isCurrentRequest(generation)) return;
+        setError(SAFE_ERROR);
+        onError?.(SAFE_ERROR, "BANK_ONRAMP_DETAILS_FAILED");
+      } finally {
+        if (isCurrentRequest(generation)) setLoading(false);
+      }
+    },
+    [isCurrentRequest, onError, openExternally, service]
+  );
+  const selectOption = useCallback(
+    async (option, account) => {
+      if (account) {
+        setSelectedAccount(account);
+        await openDetails(account);
+        return;
+      }
+      const generation = ++requestGenerationRef.current;
+      setLoading(true);
+      setError(null);
+      try {
+        const request = {
+          purpose: "account_setup",
+          country: bankOnramp.country,
+          currency: option.currency,
+          paymentMethod: option.paymentMethod,
+          optionId: option.optionId
+        };
+        const nextAccount = (await service.createSetup(request)).account;
+        if (!isCurrentRequest(generation)) return;
+        setSelectedAccount(nextAccount);
+        await openDetails(nextAccount);
+      } catch {
+        if (!isCurrentRequest(generation)) return;
+        setError(SAFE_ERROR);
+        onError?.(SAFE_ERROR, "BANK_ONRAMP_SETUP_FAILED");
+        setLoading(false);
+      }
+    },
+    [bankOnramp.country, isCurrentRequest, onError, openDetails, service]
+  );
+  const backToCurrencies = useCallback(() => {
+    requestGenerationRef.current += 1;
+    setSelectedAccount(null);
+    setHostedUrl(null);
+    setExternalOpened(false);
+    setError(null);
+  }, []);
+  useEffect(() => {
+    if (verifying !== "action_required" && verifying !== "reviewing") return;
+    let active = true;
+    const timer = setInterval(() => {
+      void (async () => {
+        try {
+          const status = await getComplianceStatus(sessionOptions);
+          if (!active) return;
+          if (status.status === "approved") {
+            setHostedUrl(null);
+            void loadAccounts();
+          } else if (status.status === "declined") {
+            setVerifying("declined");
+          }
+        } catch {
+        }
+      })();
+    }, VERIFICATION_POLL_MS);
+    return () => {
+      active = false;
+      clearInterval(timer);
+    };
+  }, [verifying, sessionOptions, loadAccounts]);
+  useEffect(() => {
+    if (!selectedAccount) {
+      setPayment(null);
+      return;
+    }
+    let active = true;
+    let timer;
+    const load = async () => {
+      try {
+        const page = await service.listPayments({ limit: 10 });
+        if (!active) return;
+        const view = selectActivePayment(
+          page.items ?? [],
+          selectedAccount.currency
+        );
+        setPayment(view);
+        if (!shouldKeepPolling(view) && timer) clearInterval(timer);
+      } catch {
+      }
+    };
+    void load();
+    timer = setInterval(() => void load(), PAYMENT_POLL_MS);
+    return () => {
+      active = false;
+      if (timer) clearInterval(timer);
+    };
+  }, [selectedAccount, service]);
+  const leaveStep = useCallback(() => {
+    requestGenerationRef.current += 1;
+    onGoBack();
+  }, [onGoBack]);
+  const retry = selectedAccount ? () => void openDetails(selectedAccount) : () => void loadAccounts();
+  const paymentStatus = payment ? /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rs-bank-onramp-status rs-bank-onramp-status--${payment.progress}`,
+      "aria-live": "polite",
+      "data-testid": "bank-onramp-payment-status",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "rs-bank-onramp-status-title", children: BANK_ONRAMP_COPY[payment.progress].title }),
+        /* @__PURE__ */ jsx("div", { className: "rs-bank-onramp-status-subtitle", children: BANK_ONRAMP_COPY[payment.progress].subtitle })
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx("div", { className: "rs-screen rs-bank-onramp", children: /* @__PURE__ */ jsxs("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+    /* @__PURE__ */ jsx(
+      BodyHeader,
+      {
+        icon: /* @__PURE__ */ jsx(BankIcon, {}),
+        title: "Bank transfer",
+        subtitle: "Choose an account to view transfer details"
+      }
+    ),
+    loading && /* @__PURE__ */ jsxs("div", { className: "rs-loading-state", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx(Spinner, {}),
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-title", children: "Preparing bank details\u2026" })
+    ] }),
+    !loading && error && /* @__PURE__ */ jsxs("div", { className: "rs-loading-state", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-title", children: error }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rs-button rs-button--default",
+          onClick: retry,
+          children: "Retry"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rs-button rs-button--default",
+          onClick: selectedAccount ? backToCurrencies : leaveStep,
+          children: "Back"
+        }
+      )
+    ] }),
+    !loading && !error && verifying === "declined" && /* @__PURE__ */ jsxs("div", { className: "rs-loading-state", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-title", children: "Verification unsuccessful" }),
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-subtitle", children: "Your provider could not verify these details. Contact support to continue." }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rs-button rs-button--default",
+          onClick: leaveStep,
+          children: "Back"
+        }
+      )
+    ] }),
+    !loading && !error && verifying === "reviewing" && /* @__PURE__ */ jsxs("div", { className: "rs-loading-state", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx(Spinner, {}),
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-title", children: "Checking your details" }),
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-subtitle", children: "This usually takes a moment. You can close this and come back." }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rs-button rs-button--default",
+          onClick: leaveStep,
+          children: "Back"
+        }
+      )
+    ] }),
+    !loading && !error && verifying === "action_required" && externalOpened && /* @__PURE__ */ jsxs("div", { className: "rs-loading-state", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-title", children: "Verification opened" }),
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-subtitle", children: "Finish verifying in your browser, then return here." }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rs-button rs-button--default",
+          onClick: leaveStep,
+          children: "Back"
+        }
+      )
+    ] }),
+    !loading && !error && verifying === "action_required" && hostedUrl && /* @__PURE__ */ jsxs("div", { className: "rs-bank-onramp-hosted", children: [
+      !iframeLoaded && /* @__PURE__ */ jsx("div", { className: "rs-bank-onramp-frame-loading", "aria-live": "polite", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+      /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          title: "Verify your details",
+          src: hostedUrl,
+          sandbox: "allow-forms allow-scripts allow-same-origin",
+          referrerPolicy: "no-referrer",
+          allow: "camera; microphone; clipboard-write",
+          onLoad: () => setIframeLoaded(true)
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "rs-screen-button-row", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rs-button rs-button--default",
+          onClick: leaveStep,
+          children: "Back"
+        }
+      ) })
+    ] }),
+    !loading && !error && !verifying && !selectedAccount && /* @__PURE__ */ jsxs("div", { className: "rs-list", children: [
+      options.map((option) => {
+        const account = accounts.find(
+          (candidate) => candidate.status === "active" && candidate.currency === option.currency
+        );
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "rs-list-row",
+            onClick: () => void selectOption(option, account),
+            "aria-label": `${account ? "View" : "Set up"} ${option.currency} bank account`,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "rs-list-row-leading", children: /* @__PURE__ */ jsx(BankIcon, {}) }),
+              /* @__PURE__ */ jsx("span", { className: "rs-list-row-body", children: /* @__PURE__ */ jsxs("span", { className: "rs-list-row-text", children: [
+                /* @__PURE__ */ jsxs("span", { className: "rs-list-row-title", children: [
+                  option.currency,
+                  " account"
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "rs-list-row-subtitle", children: account ? "View bank details" : "Set up bank details" })
+              ] }) })
+            ]
+          },
+          option.currency
+        );
+      }),
+      options.length === 0 && /* @__PURE__ */ jsxs("div", { className: "rs-loading-state", children: [
+        /* @__PURE__ */ jsx("div", { className: "rs-loading-title", children: "No bank transfer options are available." }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rs-button rs-button--default",
+            onClick: leaveStep,
+            children: "Back"
+          }
+        )
+      ] })
+    ] }),
+    !loading && !error && !verifying && hostedUrl && /* @__PURE__ */ jsxs("div", { className: "rs-bank-onramp-hosted", children: [
+      !iframeLoaded && /* @__PURE__ */ jsx("div", { className: "rs-bank-onramp-frame-loading", "aria-live": "polite", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+      /* @__PURE__ */ jsx(
+        "iframe",
+        {
+          title: "Bank account details",
+          src: hostedUrl,
+          sandbox: "allow-forms allow-scripts allow-same-origin",
+          referrerPolicy: "no-referrer",
+          allow: "clipboard-write",
+          onLoad: () => setIframeLoaded(true)
+        }
+      ),
+      paymentStatus,
+      /* @__PURE__ */ jsxs("div", { className: "rs-screen-button-row", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rs-button rs-button--default",
+            onClick: retry,
+            children: "Retry"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "rs-button rs-button--default",
+            onClick: backToCurrencies,
+            children: "Back"
+          }
+        )
+      ] })
+    ] }),
+    !loading && !error && !verifying && externalOpened && /* @__PURE__ */ jsxs("div", { className: "rs-loading-state", "aria-live": "polite", children: [
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-title", children: "Bank details opened" }),
+      /* @__PURE__ */ jsx("div", { className: "rs-loading-subtitle", children: "Return here when you have finished." }),
+      paymentStatus,
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rs-button rs-button--default",
+          onClick: retry,
+          children: "Retry"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rs-button rs-button--default",
+          onClick: backToCurrencies,
+          children: "Back"
+        }
+      )
+    ] })
+  ] }) });
+}
+BankOnrampStep.displayName = "BankOnrampStep";
+export {
+  BankOnrampStep
+};