@rhinestone/deposit-modal 0.19.0 → 0.20.1

package/dist/chunk-G264OM23.cjs

@@ -0,0 +1,224 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/ui/Icons.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var WalletIcon = _lucidereact.Wallet;
+var ExternalLinkIcon = _lucidereact.ExternalLink;
+var CheckIcon = _lucidereact.Check;
+function TransferCryptoIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "8 8 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M26.08 18.37C27.03 18.72 27.87 19.30 28.53 20.07C29.19 20.83 29.65 21.75 29.86 22.73C30.07 23.72 30.03 24.74 29.74 25.71C29.45 26.68 28.92 27.55 28.20 28.26C27.48 28.97 26.59 29.49 25.62 29.76C24.65 30.04 23.63 30.06 22.64 29.83C21.66 29.61 20.75 29.14 20.00 28.47C19.24 27.80 18.67 26.95 18.33 26.00M15 14H16V18M24.70 21.87L25.40 22.58L22.58 25.40M22 16C22 19.31 19.31 22 16 22C12.68 22 10 19.31 10 16C10 12.68 12.68 10 16 10C19.31 10 22 12.68 22 16Z",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+var ChevronRightIcon = _lucidereact.ChevronRight;
+var ChevronLeftIcon = _lucidereact.ChevronLeft;
+var ChevronDownIcon = _lucidereact.ChevronDown;
+var CloseIcon = _lucidereact.X;
+var HandCoinsIcon = _lucidereact.HandCoins;
+var CoinsIcon = _lucidereact.Coins;
+var HistoryIcon = _lucidereact.History;
+var InfoIcon = _lucidereact.Info;
+var CopyIcon = _lucidereact.Copy;
+var ArrowUpRightIcon = _lucidereact.ArrowUpRight;
+var AlertTriangleIcon = _lucidereact.AlertTriangle;
+var CircleArrowOutUpLeftIcon = _lucidereact.CircleArrowOutUpLeft;
+var CardIcon = _lucidereact.CreditCard;
+var BankIcon = _lucidereact.Landmark;
+var UnplugIcon = _lucidereact.Unplug;
+function MigrateAssetsIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "g",
+        {
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "path",
+              {
+                d: "M19 4.344V3C19 2.46957 18.7893 1.96086 18.4142 1.58579C18.0391 1.21071 17.5304 1 17 1H3C2.46957 1 1.96086 1.21071 1.58579 1.58579C1.21071 1.96086 1 2.46957 1 3V17C1 17.5304 1.21071 18.0391 1.58579 18.4142C1.96086 18.7893 2.46957 19 3 19H17C17.5304 19 18.0391 18.7893 18.4142 18.4142C18.7893 18.0391 19 17.5304 19 17V15.656",
+                transform: "translate(2 2)"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M1 1H12", transform: "translate(9 11)" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M1 9L5 5L1 1", transform: "translate(16 7)" })
+          ]
+        }
+      )
+    }
+  );
+}
+function AppleIcon() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M16.36 1.43c0 1.14-.49 2.27-1.18 3.08-.74.9-1.99 1.57-2.98 1.57-.12 0-.23-.02-.3-.03-.01-.06-.04-.22-.04-.39 0-1.15.57-2.27 1.2-2.98.8-.94 2.15-1.64 3.25-1.68.03.13.05.28.05.43z",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M20.93 17.14c-.03.07-.46 1.58-1.52 3.12-.94 1.34-1.94 2.71-3.43 2.71-1.51 0-1.9-.88-3.63-.88-1.7 0-2.3.91-3.67.91-1.38 0-2.33-1.26-3.43-2.8-1.29-1.82-2.32-4.63-2.32-7.28 0-4.28 2.8-6.55 5.55-6.55 1.45 0 2.68.95 3.6.95.86 0 2.22-1.01 3.9-1.01.61 0 2.89.06 4.37 2.19-.13.09-2.38 1.37-2.38 4.19 0 3.26 2.85 4.42 2.96 4.45z",
+            stroke: "currentColor",
+            strokeWidth: "1.6",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/BodyHeader.tsx
+
+function BodyHeader({
+  icon,
+  title,
+  subtitle,
+  variant = "default",
+  aside
+}) {
+  const iconClasses = [
+    "rs-body-header-icon",
+    variant === "success" ? "rs-body-header-icon--success" : "",
+    variant === "error" ? "rs-body-header-icon--error" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-body-header", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: iconClasses, children: icon }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-body-header-main", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-body-header-text", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "rs-body-header-title", children: title }),
+        subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "rs-body-header-subtitle", children: subtitle })
+      ] }),
+      aside && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-body-header-aside", children: aside })
+    ] })
+  ] });
+}
+BodyHeader.displayName = "BodyHeader";
+
+// src/components/ui/Spinner.tsx
+
+function Spinner({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      className: `rs-spinner ${className || ""}`,
+      fill: "none",
+      viewBox: "0 0 20 21",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M10 0.5C8.02 0.5 6.08 1.08 4.44 2.18C2.79 3.28 1.51 4.84 0.76 6.67C0.00 8.50 -0.19 10.51 0.19 12.45C0.57 14.39 1.53 16.17 2.92 17.57C4.32 18.96 6.10 19.92 8.04 20.30C9.98 20.69 11.99 20.49 13.82 19.73C15.65 18.98 17.21 17.70 18.31 16.05C19.41 14.41 20 12.47 20 10.5C20 7.84 18.94 5.30 17.07 3.42C15.19 1.55 12.65 0.5 10 0.5ZM10 17.77C8.56 17.77 7.15 17.34 5.95 16.54C4.76 15.74 3.83 14.61 3.28 13.28C2.73 11.95 2.58 10.49 2.86 9.08C3.14 7.67 3.84 6.37 4.85 5.35C5.87 4.34 7.17 3.64 8.58 3.36C9.99 3.08 11.45 3.23 12.78 3.78C14.11 4.33 15.24 5.26 16.04 6.45C16.84 7.65 17.27 9.06 17.27 10.5C17.27 12.42 16.50 14.27 15.14 15.64C13.77 17.00 11.92 17.77 10 17.77Z",
+            fill: "currentColor",
+            opacity: 0.3
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M10 3.22C11.74 3.22 13.42 3.84 14.75 4.95C16.08 6.07 16.96 7.61 17.25 9.31C17.30 9.64 17.46 9.94 17.71 10.15C17.96 10.37 18.28 10.49 18.62 10.5C18.82 10.50 19.01 10.45 19.20 10.37C19.38 10.29 19.54 10.16 19.67 10.01C19.80 9.86 19.89 9.68 19.95 9.49C20.00 9.30 20.01 9.10 19.98 8.90C19.59 6.56 18.38 4.42 16.55 2.88C14.72 1.34 12.40 0.5 10 0.5C7.59 0.5 5.27 1.34 3.44 2.88C1.61 4.42 0.40 6.56 0.01 8.90C-0.01 9.10 -0.00 9.30 0.04 9.49C0.10 9.68 0.19 9.86 0.32 10.01C0.45 10.16 0.61 10.29 0.79 10.37C0.98 10.45 1.17 10.50 1.37 10.5C1.71 10.49 2.03 10.37 2.28 10.15C2.53 9.94 2.69 9.64 2.74 9.31C3.03 7.61 3.91 6.07 5.24 4.95C6.57 3.84 8.25 3.22 10 3.22Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/core/useLatestRef.ts
+var _react = require('react');
+function useLatestRef(value) {
+  const ref = _react.useRef.call(void 0, value);
+  _react.useEffect.call(void 0, () => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.WalletIcon = WalletIcon; exports.ExternalLinkIcon = ExternalLinkIcon; exports.CheckIcon = CheckIcon; exports.TransferCryptoIcon = TransferCryptoIcon; exports.ChevronRightIcon = ChevronRightIcon; exports.ChevronLeftIcon = ChevronLeftIcon; exports.ChevronDownIcon = ChevronDownIcon; exports.CloseIcon = CloseIcon; exports.HandCoinsIcon = HandCoinsIcon; exports.CoinsIcon = CoinsIcon; exports.HistoryIcon = HistoryIcon; exports.InfoIcon = InfoIcon; exports.CopyIcon = CopyIcon; exports.ArrowUpRightIcon = ArrowUpRightIcon; exports.AlertTriangleIcon = AlertTriangleIcon; exports.CircleArrowOutUpLeftIcon = CircleArrowOutUpLeftIcon; exports.CardIcon = CardIcon; exports.BankIcon = BankIcon; exports.UnplugIcon = UnplugIcon; exports.MigrateAssetsIcon = MigrateAssetsIcon; exports.AppleIcon = AppleIcon; exports.BodyHeader = BodyHeader; exports.Spinner = Spinner; exports.useLatestRef = useLatestRef;

package/dist/chunk-IPHKBBUV.cjs

@@ -0,0 +1,113 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkLVMNNMOZcjs = require('./chunk-LVMNNMOZ.cjs');
+
+// src/core/ramp-utils.ts
+function rampQuery(value) {
+  return new URLSearchParams(
+    Object.entries(value).filter(([, value2]) => value2 !== void 0).map(([key, value2]) => [key, String(value2)])
+  ).toString();
+}
+function rampResourceId(value) {
+  if (!/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(
+    value
+  )) {
+    throw new Error("Invalid ramp resource ID");
+  }
+  return value;
+}
+
+// src/core/onramp-service.ts
+var RAIL_TYPES = ["BankAch", "BankFedwire", "BankSwift", "BankSepa"];
+var text = (value) => typeof value === "string" && value.length > 0;
+var decimal = (value) => text(value) && /^\+?(?:\d+(?:\.\d*)?|\.\d+)$/.test(value);
+var optionalText = (value) => value === void 0 ? void 0 : text(value) ? value : false;
+function projectBankDetails(input) {
+  if (typeof input !== "object" || input === null) return null;
+  const d = input;
+  if (d.schemaVersion !== 1 || !text(d.capturedAt) || !Number.isFinite(Date.parse(d.capturedAt))) return null;
+  if (d.currency !== "USD" && d.currency !== "EUR") return null;
+  if (!text(d.accountHolderName)) return null;
+  const bankName = optionalText(d.bankName);
+  const reference = optionalText(d.reference);
+  if (bankName === false || reference === false) return null;
+  let bankAddress;
+  if (d.bankAddress !== void 0) {
+    if (typeof d.bankAddress !== "object" || d.bankAddress === null) return null;
+    const a = d.bankAddress;
+    const street2 = optionalText(a.street2);
+    if (![a.street, a.city, a.postCode, a.state, a.country].every(text) || street2 === false) return null;
+    bankAddress = {
+      street: a.street,
+      city: a.city,
+      postCode: a.postCode,
+      state: a.state,
+      country: a.country,
+      ...street2 !== void 0 ? { street2 } : {}
+    };
+  }
+  if (!Array.isArray(d.rails) || d.rails.length === 0) return null;
+  const rails = [];
+  for (const r of d.rails) {
+    if (typeof r !== "object" || r === null) return null;
+    const type = RAIL_TYPES.find((t) => t === r.type);
+    if (!type || !text(r.accountNumber) || !text(r.bankCode)) return null;
+    if (typeof r.fee !== "object" || r.fee === null) return null;
+    const f = r.fee;
+    if (f.currency !== d.currency || !decimal(f.base) || !decimal(f.percent) || !decimal(f.minimum)) return null;
+    if (Number(f.percent) > 100) return null;
+    rails.push({
+      type,
+      accountNumber: r.accountNumber,
+      bankCode: r.bankCode,
+      fee: { currency: d.currency, base: f.base, percent: f.percent, minimum: f.minimum }
+    });
+  }
+  if (new Set(rails.map((rail) => rail.type)).size !== rails.length) return null;
+  return {
+    schemaVersion: 1,
+    capturedAt: d.capturedAt,
+    currency: d.currency,
+    accountHolderName: d.accountHolderName,
+    ...bankName !== void 0 ? { bankName } : {},
+    ...bankAddress ? { bankAddress } : {},
+    ...reference !== void 0 ? { reference } : {},
+    rails
+  };
+}
+function createOnrampService(options) {
+  const request = _chunkLVMNNMOZcjs.createBearerTransport.call(void 0, options);
+  return {
+    // Named fields only, never a spread: this client is Noah's, whatever a
+    // caller passes.
+    getOptions: ({ currency } = {}) => request(
+      `/onramp/options?${rampQuery({ provider: "noah", currency })}`
+    ),
+    createAccount: ({ currency, optionId }) => request("/onramp/accounts", {
+      provider: "noah",
+      currency,
+      optionId
+    }),
+    listAccounts: (page = {}) => request(`/onramp/accounts?${rampQuery(page)}`),
+    getAccount: (id) => request(`/onramp/accounts/${rampResourceId(id)}`),
+    getAccountDetails: async (id) => {
+      const result = await request(
+        `/onramp/accounts/${rampResourceId(id)}/details`
+      );
+      const bankDetails = result ? projectBankDetails(result.bankDetails) : null;
+      if (!bankDetails) throw new Error("Invalid bank details response");
+      return { bankDetails };
+    },
+    /**
+     * The customer's Noah orders, newest first. Filtered on the server, before
+     * `limit`, so another provider's orders can never crowd one out of a page.
+     */
+    listOrders: ({ cursor, limit } = {}) => request(
+      `/onramp/orders?${rampQuery({ provider: "noah", cursor, limit })}`
+    )
+  };
+}
+
+
+
+exports.createOnrampService = createOnrampService;

package/dist/{chunk-BIL4ENC3.mjs → chunk-IPKT3FU6.mjs}

@@ -1,21 +1,16 @@
 import {
   AnalyticsSession,
-  BodyHeader,
+  AssetMetadataProvider,
   Button,
   Callout,
   CdnIcon,
   ChainCatalogProvider,
-  ChevronDownIcon,
-  ChevronLeftIcon,
-  CircleArrowOutUpLeftIcon,
-  CloseIcon,
   HistoryEntryButton,
   HistoryOverlay,
   Modal,
   PoweredBy,
   ProcessingStep,
   RpcUrlsProvider,
-  Spinner,
   TokenIcon,
   analyticsTargetProperties,
   applyTheme,
@@ -32,28 +27,36 @@ import {
   getAssetId,
   isHistoryEntryVisible,
   isNativeAsset,
-  isRecognizedToken,
   isSubmissionUncertain,
+  useChainCatalog,
   useDestinationChains,
   useHistoryPanel,
-  useLatestRef,
   useReadClient,
   useRpcUrls,
   useStableRpcUrls,
   useTargetTokens,
+  useTokenDisplay,
+  useTokenDisplays,
   useTokenPrices,
   useWithdrawAnalyticsEmitter,
   warnRemovedProps
-} from "./chunk-5NWLS5BQ.mjs";
+} from "./chunk-OZPMRTW3.mjs";
+import {
+  BodyHeader,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  CircleArrowOutUpLeftIcon,
+  CloseIcon,
+  Spinner,
+  useLatestRef
+} from "./chunk-YY4ZOAH5.mjs";
 import {
   NATIVE_TOKEN_ADDRESS,
   getChainIcon,
   getChainId,
   getChainName,
-  getTokenDecimalsByAddress,
-  getTokenSymbol,
   targetChainToCaip2
-} from "./chunk-EAGMY3QE.mjs";
+} from "./chunk-E7IMWVMN.mjs";
 
 // src/WithdrawModal.tsx
 import { useCallback as useCallback3, useEffect as useEffect4, useMemo as useMemo4, useRef as useRef4, useState as useState4 } from "react";
@@ -223,10 +226,12 @@ function WithdrawFormStep({
   submitting = false,
   registrationPending = false,
   registrationError = null,
+  decimalsStatus = "ready",
   onRecipientChange,
   onSubmit,
   onFriction
 }) {
+  const decimalsReady = decimalsStatus === "ready";
   const [recipient, setRecipient] = useState(defaultRecipient ?? "");
   const [amount, setAmount] = useState(defaultAmount ?? "");
   const [balance, setBalance] = useState(null);
@@ -241,7 +246,11 @@ function WithdrawFormStep({
   const onFrictionRef = useLatestRef(onFriction);
   useClickOutside(chainDropdownRef, () => setShowChainDropdown(false));
   useClickOutside(tokenDropdownRef, () => setShowTokenDropdown(false));
-  const targetSymbol = getTokenSymbol(targetToken, targetChain);
+  const offeredTarget = targetTokenOptions.find(
+    (option) => option.address.toLowerCase() === targetToken.toLowerCase()
+  );
+  const resolvedTargetSymbol = useTokenDisplay(targetChain, targetToken).symbol;
+  const targetSymbol = offeredTarget?.symbol ?? resolvedTargetSymbol;
   const targetChainName = getChainName(targetChain);
   const isBusy = submitting || isSubmitting;
   const seededRecipientRef = useRef(defaultRecipient ?? "");
@@ -297,6 +306,7 @@ function WithdrawFormStep({
   }, [accountAddress, publicClient, publicClientChainId, asset, onFrictionRef]);
   const formattedBalance = useMemo(() => {
     if (balance === null) return "...";
+    if (!decimalsReady) return "\u2014";
     try {
       const raw = formatUnits(balance, asset.decimals);
       const numeric = Number(raw);
@@ -307,7 +317,7 @@ function WithdrawFormStep({
     } catch {
       return "...";
     }
-  }, [balance, asset.decimals]);
+  }, [balance, asset.decimals, decimalsReady]);
   useEffect(() => {
     if (targetTokenOptions.length > 0 || !recipient || !amount) return;
     onFrictionRef.current?.("route_target_tokens_unavailable");
@@ -323,12 +333,13 @@ function WithdrawFormStep({
     return null;
   }, [amount, asset.symbol]);
   const handleMaxClick = useCallback(() => {
-    if (balance === null) return;
+    if (balance === null || !decimalsReady) return;
     const maxAmount = formatUnits(balance, asset.decimals);
     setAmount(maxAmount);
     setError(null);
-  }, [balance, asset.decimals]);
+  }, [balance, asset.decimals, decimalsReady]);
   const handleWithdraw = useCallback(async () => {
+    if (!decimalsReady) return;
     if (!recipient || !/^0x[a-fA-F0-9]{40}$/.test(recipient)) {
       setError("Enter a valid recipient address");
       onFriction?.("recipient_invalid");
@@ -377,6 +388,7 @@ function WithdrawFormStep({
     amount,
     balance,
     asset.decimals,
+    decimalsReady,
     accountAddress,
     depositAddress,
     onSubmit,
@@ -448,7 +460,7 @@ function WithdrawFormStep({
               type: "button",
               className: "rs-withdraw-max-btn",
               onClick: handleMaxClick,
-              disabled: balance === null,
+              disabled: balance === null || !decimalsReady,
               children: "Max"
             }
           ) })
@@ -556,6 +568,7 @@ function WithdrawFormStep({
                         /* @__PURE__ */ jsx(
                           TokenIcon,
                           {
+                            token: { chain: targetChain, address: targetToken },
                             symbol: targetSymbol,
                             className: "rs-withdraw-dropdown-icon"
                           }
@@ -587,6 +600,7 @@ function WithdrawFormStep({
                       /* @__PURE__ */ jsx(
                         TokenIcon,
                         {
+                          token: { chain: targetChain, address: option.address },
                           symbol: option.symbol,
                           className: "rs-withdraw-dropdown-icon"
                         }
@@ -603,19 +617,20 @@ function WithdrawFormStep({
       ] }),
       error && /* @__PURE__ */ jsx(Callout, { variant: "error", children: error }),
       !error && registrationError && /* @__PURE__ */ jsx(Callout, { variant: "error", children: registrationError }),
+      decimalsStatus === "unresolved" && /* @__PURE__ */ jsx(Callout, { variant: "error", children: "This token's decimals couldn't be determined, so this withdrawal can't be prepared." }),
       /* @__PURE__ */ jsx(
         Button,
         {
           onClick: handleWithdraw,
           fullWidth: true,
           loading: isBusy,
-          disabled: !recipient || !amount || isBusy || Boolean(registrationError) || // No token list for the selected chain yet. A destination published
+          disabled: !recipient || !amount || isBusy || !decimalsReady || Boolean(registrationError) || // No token list for the selected chain yet. A destination published
           // at runtime becomes selectable as soon as `/chains` resolves, which
           // can precede its addresses; submitting in that window would send
           // the previously selected chain's token address to a chain it does
           // not exist on.
           targetTokenOptions.length === 0,
-          children: isBusy ? "Preparing..." : registrationPending ? "Preparing session..." : targetTokenOptions.length === 0 ? "Loading tokens..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
+          children: isBusy ? "Preparing..." : decimalsStatus === "pending" ? "Loading token..." : registrationPending ? "Preparing session..." : targetTokenOptions.length === 0 ? "Loading tokens..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
         }
       )
     ] }),
@@ -641,7 +656,7 @@ function WithdrawReviewStep({
   estimatedTime = "< 1 min",
   registrationPending = false,
   registrationError = null,
-  service,
+  targetSymbol: offeredTargetSymbol,
   onSubmittingChange,
   onConfirm,
   onError
@@ -656,12 +671,16 @@ function WithdrawReviewStep({
   }, [isSubmitting]);
   const sourceChainName = getChainName(sourceChain);
   const sourceChainIcon = getChainIcon(sourceChain);
-  const targetSymbol = getTokenSymbol(targetToken, targetChain);
+  const [sourceDisplay, targetDisplay] = useTokenDisplays([
+    { chain: sourceChain, address: sourceToken },
+    { chain: targetChain, address: targetToken }
+  ]);
+  const targetSymbol = offeredTargetSymbol ?? targetDisplay.symbol;
   const targetChainName = getChainName(targetChain);
   const targetChainIcon = getChainIcon(targetChain);
   const amountNumber = Number(amount);
   const formattedSendAmount = formatTokenAmount(amountNumber, sourceSymbol) ?? amount;
-  const prices = useTokenPrices(service, [
+  const prices = useTokenPrices([
     { chainId: sourceChain, address: sourceToken, symbol: sourceSymbol },
     { chainId: targetChain, address: targetToken, symbol: targetSymbol }
   ]);
@@ -669,7 +688,7 @@ function WithdrawReviewStep({
     sourceAmount: Number.isFinite(amountNumber) ? amountNumber : void 0,
     sourceSymbol,
     targetSymbol,
-    sourceTrusted: isRecognizedToken(sourceToken, sourceChain),
+    sourceTrusted: sourceDisplay.curated,
     prices
   }) ?? // No price for the target token — an honest dash beats a wrong number.
   "\u2014";
@@ -709,7 +728,13 @@ function WithdrawReviewStep({
               " ",
               sourceSymbol
             ] }),
-            /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2(TokenIcon, { symbol: sourceSymbol }) })
+            /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2(
+              TokenIcon,
+              {
+                token: { chain: sourceChain, address: sourceToken },
+                symbol: sourceSymbol
+              }
+            ) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
@@ -727,7 +752,13 @@ function WithdrawReviewStep({
           /* @__PURE__ */ jsx2("span", { children: "Receive" }),
           /* @__PURE__ */ jsxs2("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx2("span", { children: receiveDisplay }),
-            /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2(TokenIcon, { symbol: targetSymbol }) })
+            /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2(
+              TokenIcon,
+              {
+                token: { chain: targetChain, address: targetToken },
+                symbol: targetSymbol
+              }
+            ) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
@@ -1118,18 +1149,21 @@ function WithdrawFlow({
     onLifecycleRef,
     onErrorRef
   ]);
+  const sourceDisplay = useTokenDisplay(sourceChain, sourceToken);
+  const { isLoading: catalogLoading } = useChainCatalog();
+  const decimalsStatus = sourceDisplay.decimals !== void 0 ? "ready" : sourceDisplay.pending || catalogLoading ? "pending" : "unresolved";
   const asset = useMemo3(() => {
-    const symbol = getTokenSymbol(sourceToken, sourceChain);
-    const decimals = getTokenDecimalsByAddress(sourceToken, sourceChain);
+    const symbol = sourceDisplay.symbol;
     return {
       id: getAssetId({ chainId: sourceChain, token: sourceToken }),
       chainId: sourceChain,
       token: sourceToken,
       symbol,
       name: symbol,
-      decimals
+      // Only read once `decimalsStatus` is ready; the form is blocked before.
+      decimals: sourceDisplay.decimals ?? 0
     };
-  }, [sourceChain, sourceToken]);
+  }, [sourceChain, sourceToken, sourceDisplay.symbol, sourceDisplay.decimals]);
   const isSourceNative = sourceToken.toLowerCase() === NATIVE_TOKEN_ADDRESS.toLowerCase();
   const isSameRoute = targetChain === sourceChain && targetToken.toLowerCase() === sourceToken.toLowerCase();
   const reviewedTarget = reviewedRecipient ? {
@@ -1262,6 +1296,9 @@ function WithdrawFlow({
           targetChain,
           targetToken
         });
+        if (decimalsStatus !== "ready") {
+          throw new Error("Token decimals are unknown");
+        }
         const amountUnits = parseUnits2(amountValue, asset.decimals);
         const result = await onSendTransaction({
           chainId: sourceChain,
@@ -1329,6 +1366,7 @@ function WithdrawFlow({
       targetChain,
       targetToken,
       asset.decimals,
+      decimalsStatus,
       accountAddress,
       sourceToken,
       sourceChain,
@@ -1435,6 +1473,7 @@ function WithdrawFlow({
         onTargetTokenChange: handleTargetTokenChange,
         registrationPending: registration.kind === "pending" || registration.kind === "stale",
         registrationError: registration.kind === "failed" ? registration.error : null,
+        decimalsStatus,
         onRecipientChange: setRecipientInput,
         onSubmit: async (r, a) => handleFormContinue(r, a),
         onFriction: handleFormFriction
@@ -1450,7 +1489,9 @@ function WithdrawFlow({
         targetToken,
         amount: storeApi.getState().amount ?? "0",
         recipient: storeApi.getState().recipient ?? recipientForRegistration ?? "0x0",
-        service,
+        targetSymbol: targetTokenOptions.find(
+          (option) => option.address.toLowerCase() === targetToken.toLowerCase()
+        )?.symbol,
         registrationPending: registration.kind === "pending" || registration.kind === "stale" || !isReviewedTargetReady,
         registrationError: registration.kind === "failed" ? registration.error : null,
         onSubmittingChange,
@@ -1707,7 +1748,7 @@ function WithdrawModal({
   });
   const showBackButton = uiConfig?.showBackButton ?? true;
   const canGoBack = backHandler !== void 0 && !submitting;
-  return /* @__PURE__ */ jsx5(RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ jsx5(ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ jsx5(WithdrawStoreProvider, { store, children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx5(RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ jsx5(ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ jsx5(AssetMetadataProvider, { service, children: /* @__PURE__ */ jsx5(WithdrawStoreProvider, { store, children: /* @__PURE__ */ jsx5(
     Modal,
     {
       isOpen,
@@ -1810,7 +1851,7 @@ function WithdrawModal({
         }
       )
     }
-  ) }) }) });
+  ) }) }) }) });
 }
 
 export {

package/dist/chunk-JPX4MEHV.mjs

@@ -0,0 +1,19 @@
+import {
+  createBearerTransport
+} from "./chunk-YQCRXJIL.mjs";
+
+// src/core/compliance-service.ts
+function getComplianceStatus(options) {
+  return createBearerTransport(options)("/compliance/status");
+}
+function startComplianceVerification(options) {
+  return createBearerTransport(options)(
+    "/compliance/verification",
+    {}
+  );
+}
+
+export {
+  getComplianceStatus,
+  startComplianceVerification
+};