@pollar/react 0.10.0 → 0.10.1-rc.1

package/dist/index.mjs

@@ -1033,7 +1033,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.10.0"
+        "0.10.1-rc.1"
       ] })
     ] })
   ] });
@@ -2457,14 +2457,12 @@ function RouteDisplay({ quote, onSelect }) {
   );
 }
 var LOADING_STEPS = ["Detecting your country\u2026", "Consulting providers\u2026", "Route found!"];
-var COUNTRY_CURRENCIES = {
-  MX: "MXN",
-  BR: "BRL",
-  CO: "COP",
-  CL: "CLP",
-  PE: "PEN",
-  AR: "ARS"
-};
+function flagEmoji(code) {
+  const cc = code.trim().toUpperCase();
+  if (!/^[A-Z]{2}$/.test(cc)) return "";
+  const base = 127462;
+  return String.fromCodePoint(base + (cc.charCodeAt(0) - 65), base + (cc.charCodeAt(1) - 65));
+}
 var STATUS_LABEL = {
   pending: "Pending",
   processing: "Processing",
@@ -2479,6 +2477,9 @@ function RampWidgetTemplate({
   amount,
   currency,
   country,
+  countries,
+  countriesLoading,
+  refreshing,
   quotes,
   isLoading,
   provider,
@@ -2497,6 +2498,7 @@ function RampWidgetTemplate({
   onOpenKyc,
   onCompleteWithdraw,
   onRetry,
+  onRefresh,
   onClose
 }) {
   const isDark = theme === "dark";
@@ -2535,9 +2537,35 @@ function RampWidgetTemplate({
     error: "Please try again"
   };
   return /* @__PURE__ */ jsxs("div", { className: "pollar-modal-card pollar-ramp-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-header", children: [
-      /* @__PURE__ */ jsx("h2", { className: "pollar-ramp-title", children: stepTitle[step] }),
-      /* @__PURE__ */ jsx("p", { className: "pollar-ramp-subtitle", children: stepSubtitle[step] })
+    /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+      /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-header-text", children: [
+        /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: stepTitle[step] }),
+        /* @__PURE__ */ jsx("p", { className: "pollar-ramp-subtitle", children: stepSubtitle[step] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
+        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onRefresh, disabled: refreshing, "aria-label": "Refresh", children: /* @__PURE__ */ jsx(
+          "svg",
+          {
+            className: refreshing ? "pollar-modal-refresh-icon spinning" : "pollar-modal-refresh-icon",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            "aria-hidden": true,
+            children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2v3h-3",
+                stroke: "currentColor",
+                strokeWidth: "1.6",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+      ] })
     ] }),
     step === "input" && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-tabs", children: [
@@ -2594,30 +2622,25 @@ function RampWidgetTemplate({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-field", children: [
         /* @__PURE__ */ jsx("label", { className: "pollar-ramp-label", children: "Country" }),
-        /* @__PURE__ */ jsxs(
-          "select",
-          {
-            className: "pollar-ramp-input",
-            value: country,
-            onChange: (e) => {
-              const c = e.target.value;
-              onCountryChange(c);
-              if (COUNTRY_CURRENCIES[c]) onCurrencyChange(COUNTRY_CURRENCIES[c]);
-            },
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "MX", children: "\u{1F1F2}\u{1F1FD} Mexico" }),
-              /* @__PURE__ */ jsx("option", { value: "BR", children: "\u{1F1E7}\u{1F1F7} Brazil" }),
-              /* @__PURE__ */ jsx("option", { value: "CO", children: "\u{1F1E8}\u{1F1F4} Colombia" }),
-              /* @__PURE__ */ jsx("option", { value: "CL", children: "\u{1F1E8}\u{1F1F1} Chile" }),
-              /* @__PURE__ */ jsx("option", { value: "PE", children: "\u{1F1F5}\u{1F1EA} Peru" }),
-              /* @__PURE__ */ jsx("option", { value: "AR", children: "\u{1F1E6}\u{1F1F7} Argentina" })
-            ]
-          }
-        )
+        countriesLoading ? /* @__PURE__ */ jsx("div", { className: "pollar-ramp-input pollar-ramp-input-loading", children: "Loading countries\u2026" }) : countries.length === 0 ? /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "No ramp providers available on this network yet." }) : /* @__PURE__ */ jsx("select", { className: "pollar-ramp-input", value: country, onChange: (e) => onCountryChange(e.target.value), children: countries.map((c) => /* @__PURE__ */ jsxs("option", { value: c.code, children: [
+          flagEmoji(c.code),
+          " ",
+          c.code,
+          c.currency ? ` \u2014 ${c.currency}` : ""
+        ] }, c.code)) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "pollar-modal-actions", children: [
         /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", disabled: !amount || isLoading, onClick: onFindRoute, children: "Find best route" })
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-btn-primary",
+            disabled: !amount || isLoading || countriesLoading || countries.length === 0,
+            onClick: onFindRoute,
+            children: "Find best route"
+          }
+        )
       ] })
     ] }),
     step === "loading_quote" && /* @__PURE__ */ jsx("div", { className: "pollar-ramp-loading", children: LOADING_STEPS.map((text, i) => /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-loading-row", children: [
@@ -2635,13 +2658,7 @@ function RampWidgetTemplate({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: "Status" }),
-        /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsx(
-          "code",
-          {
-            style: { color: txStatus === "completed" ? "var(--pollar-success-text)" : void 0 },
-            children: txStatus ? STATUS_LABEL[txStatus] : "Processing"
-          }
-        ) })
+        /* @__PURE__ */ jsx("div", { className: "pollar-ramp-payment-value", children: /* @__PURE__ */ jsx("code", { style: { color: txStatus === "completed" ? "var(--pollar-success-text)" : void 0 }, children: txStatus ? STATUS_LABEL[txStatus] : "Processing" }) })
       ] }),
       stellarTxHash && /* @__PURE__ */ jsxs("div", { className: "pollar-ramp-payment-field", children: [
         /* @__PURE__ */ jsx("span", { className: "pollar-ramp-payment-label", children: "Stellar tx" }),
@@ -2677,8 +2694,11 @@ function RampWidget({ onClose }) {
   const [step, setStep] = useState("input");
   const [direction, setDirection] = useState("onramp");
   const [amount, setAmount] = useState("");
-  const [currency, setCurrency] = useState("ARS");
-  const [country, setCountry] = useState("AR");
+  const [currency, setCurrency] = useState("");
+  const [country, setCountry] = useState("");
+  const [countries, setCountries] = useState([]);
+  const [countriesLoading, setCountriesLoading] = useState(true);
+  const [refreshing, setRefreshing] = useState(false);
   const [quotes, setQuotes] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
   const [txId, setTxId] = useState(null);
@@ -2710,6 +2730,50 @@ function RampWidget({ onClose }) {
       clearInterval(id);
     };
   }, [step, txId, txStatus, client]);
+  async function loadCountries(resetSelection) {
+    setCountriesLoading(true);
+    try {
+      const { countries: list } = await client.getRampCountries();
+      setCountries(list);
+      const first = list[0];
+      const stillValid = list.some((c) => c.code === country);
+      if (first && (resetSelection || !stillValid)) {
+        setCountry(first.code);
+        if (first.currency) setCurrency(first.currency);
+      }
+    } catch {
+      setCountries([]);
+    } finally {
+      setCountriesLoading(false);
+    }
+  }
+  useEffect(() => {
+    loadCountries(true);
+  }, []);
+  function handleCountryChange(code) {
+    setCountry(code);
+    const match = countries.find((c) => c.code === code);
+    if (match?.currency) setCurrency(match.currency);
+  }
+  async function handleRefresh() {
+    if (refreshing) return;
+    setRefreshing(true);
+    try {
+      await loadCountries(false);
+      if (step === "select_route") {
+        const result = await client.getRampsQuote({ country, amount: Number(amount), currency, direction });
+        setQuotes(result.quotes ?? []);
+      } else if (step === "status" && txId) {
+        const tx = await client.getRampTransaction(txId);
+        setTxStatus(tx.status);
+        if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
+        if (tx.kycUrl) setKycUrl(tx.kycUrl);
+      }
+    } catch {
+    } finally {
+      setRefreshing(false);
+    }
+  }
   function resetToInput() {
     setStep("input");
     setQuotes([]);
@@ -2815,6 +2879,9 @@ function RampWidget({ onClose }) {
       amount,
       currency,
       country,
+      countries,
+      countriesLoading,
+      refreshing,
       quotes,
       isLoading,
       provider,
@@ -2827,12 +2894,13 @@ function RampWidget({ onClose }) {
       onDirectionChange: setDirection,
       onAmountChange: setAmount,
       onCurrencyChange: setCurrency,
-      onCountryChange: setCountry,
+      onCountryChange: handleCountryChange,
       onFindRoute: handleFindRoute,
       onSelectQuote: handleSelectQuote,
       onOpenKyc: handleOpenKyc,
       onCompleteWithdraw: handleCompleteWithdraw,
       onRetry: resetToInput,
+      onRefresh: handleRefresh,
       onClose
     }
   ) });
@@ -3505,7 +3573,6 @@ var PROVIDER_LABELS = {
   soroswap: "Soroswap",
   sdex: "Stellar DEX"
 };
-var IMPLEMENTED_PROVIDERS = ["auto", "aquarius"];
 function formatAmount2(value) {
   const n = parseFloat(value);
   return isNaN(n) ? value : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
@@ -3528,6 +3595,9 @@ function SwapModalTemplate({
   formError,
   isLoadingData,
   smartUnsupported,
+  configLoading,
+  swapUnavailable,
+  buyNeedsTrustline,
   transaction,
   showXdr,
   copied,
@@ -3537,8 +3607,10 @@ function SwapModalTemplate({
   isInProgress,
   onClose,
   onBack,
+  onRefresh,
   onSelectSell,
   onSelectBuy,
+  onAddCustomToken,
   onAmountChange,
   onProviderChange,
   onSwap,
@@ -3548,6 +3620,21 @@ function SwapModalTemplate({
   onDone
 }) {
   const isDark = theme === "dark";
+  const [customOpen, setCustomOpen] = useState(false);
+  const [customCode, setCustomCode] = useState("");
+  const [customIssuer, setCustomIssuer] = useState("");
+  const [customError, setCustomError] = useState("");
+  const submitCustomToken = () => {
+    const err = onAddCustomToken(customCode, customIssuer);
+    if (err) {
+      setCustomError(err);
+      return;
+    }
+    setCustomCode("");
+    setCustomIssuer("");
+    setCustomError("");
+    setCustomOpen(false);
+  };
   const cssVars = {
     "--pollar-accent": accentColor,
     "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
@@ -3575,9 +3662,34 @@ function SwapModalTemplate({
         showBack && /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onBack, "aria-label": "Back", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
         /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: title })
       ] }),
-      !isInProgress && /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
+      !isInProgress && /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
+        step === "form" && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-modal-close",
+            onClick: onRefresh,
+            disabled: configLoading || isLoadingData,
+            "aria-label": "Refresh",
+            title: "Refresh balances and options",
+            children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: "M13.5 8a5.5 5.5 0 1 1-1.6-3.9M13.5 2.5v3h-3",
+                stroke: "currentColor",
+                strokeWidth: "1.6",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) })
+          }
+        ),
+        /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+      ] })
     ] }),
-    step === "form" && /* @__PURE__ */ jsxs(Fragment, { children: [
+    step === "form" && configLoading && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "Loading swap options\u2026" }),
+    step === "form" && !configLoading && swapUnavailable && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Swap is not available for this app." }),
+    step === "form" && !configLoading && !swapUnavailable && /* @__PURE__ */ jsxs(Fragment, { children: [
       smartUnsupported && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: "Swaps are not yet available for smart (passkey) wallets." }),
       /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
         /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "You pay" }),
@@ -3641,7 +3753,45 @@ function SwapModalTemplate({
               ] }, assetOptionKey(o)))
             ]
           }
-        )
+        ),
+        !isLoadingData && (customOpen ? /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "pollar-input",
+              type: "text",
+              placeholder: "Code (e.g. USDC)",
+              value: customCode,
+              onChange: (e) => setCustomCode(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "pollar-input",
+              type: "text",
+              placeholder: "Issuer (G...)",
+              value: customIssuer,
+              onChange: (e) => setCustomIssuer(e.target.value)
+            }
+          ),
+          customError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: customError }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-swap-custom-actions", children: [
+            /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-btn-primary", onClick: submitCustomToken, children: "Add token" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-swap-custom-cancel",
+                onClick: () => {
+                  setCustomOpen(false);
+                  setCustomError("");
+                },
+                children: "Cancel"
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-swap-custom-toggle", onClick: () => setCustomOpen(true), children: "+ Add a token by code / issuer" }))
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "pollar-send-field", children: [
         /* @__PURE__ */ jsx("label", { className: "pollar-send-label", children: "Route" }),
@@ -3651,13 +3801,7 @@ function SwapModalTemplate({
             className: "pollar-input pollar-send-select",
             value: provider,
             onChange: (e) => onProviderChange(e.target.value),
-            children: providers.map((p) => {
-              const implemented = IMPLEMENTED_PROVIDERS.includes(p);
-              return /* @__PURE__ */ jsxs("option", { value: p, disabled: !implemented, children: [
-                PROVIDER_LABELS[p],
-                implemented ? "" : " (coming soon)"
-              ] }, p);
-            })
+            children: providers.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
           }
         )
       ] }),
@@ -3694,8 +3838,13 @@ function SwapModalTemplate({
         ] })
       ] }),
       !quoteLoading && !quoteError && !quote && selectedSell && selectedBuy && !!amount && /* @__PURE__ */ jsx("div", { className: "pollar-send-hint", children: "No route found for this pair." }),
+      buyNeedsTrustline && selectedBuy && /* @__PURE__ */ jsxs("div", { className: "pollar-swap-trustline-notice", children: [
+        "To receive ",
+        selectedBuy.code,
+        " your wallet needs a trustline. Swapping will create it first (~0.5 XLM reserve, refundable if you later remove it)."
+      ] }),
       formError && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: formError }),
-      /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: onSwap, disabled: !canSwap, children: "Swap" }) })
+      /* @__PURE__ */ jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsx("button", { className: "pollar-btn-primary", onClick: onSwap, disabled: !canSwap, children: buyNeedsTrustline ? "Create trustline & swap" : "Swap" }) })
     ] }),
     step === "tx" && /* @__PURE__ */ jsx(
       TxStatusView,
@@ -3717,14 +3866,18 @@ function SwapModalTemplate({
   ] });
 }
 var QUOTE_DEBOUNCE_MS = 400;
-var ALL_PROVIDERS = ["auto", "aquarius", "soroswap", "sdex"];
 function toRef(a) {
   if (a.type === "native") return { type: "native" };
   if (a.type === "credit_alphanum4") return { type: "credit_alphanum4", code: a.code, issuer: a.issuer };
   return { type: "credit_alphanum12", code: a.code, issuer: a.issuer };
 }
+function catalogRef(code, issuer) {
+  return code.length <= 4 ? { type: "credit_alphanum4", code, issuer } : { type: "credit_alphanum12", code, issuer };
+}
 function SwapModal({ onClose }) {
   const {
+    getSwapConfig,
+    getSwapTokens,
     getSwapQuote,
     swap,
     walletBalance,
@@ -3744,6 +3897,9 @@ function SwapModal({ onClose }) {
   const [selectedBuy, setSelectedBuy] = useState(null);
   const [amount, setAmount] = useState("");
   const [provider, setProvider] = useState("auto");
+  const [venues, setVenues] = useState(null);
+  const [catalogTokens, setCatalogTokens] = useState([]);
+  const [customTokens, setCustomTokens] = useState([]);
   const [quotes, setQuotes] = useState([]);
   const [quoteLoading, setQuoteLoading] = useState(false);
   const [quoteError, setQuoteError] = useState("");
@@ -3756,6 +3912,26 @@ function SwapModal({ onClose }) {
     void refreshWalletBalance();
     void refreshAssets();
   }, [refreshWalletBalance, refreshAssets]);
+  const loadConfig = useCallback(() => {
+    setVenues(null);
+    return getSwapConfig().then(setVenues).catch(() => setVenues([]));
+  }, [getSwapConfig]);
+  useEffect(() => {
+    void loadConfig();
+  }, [loadConfig]);
+  const loadCatalog = useCallback(
+    () => getSwapTokens().then(setCatalogTokens).catch(() => setCatalogTokens([])),
+    [getSwapTokens]
+  );
+  useEffect(() => {
+    void loadCatalog();
+  }, [loadCatalog]);
+  function handleRefresh() {
+    void refreshWalletBalance();
+    void refreshAssets();
+    void loadConfig();
+    void loadCatalog();
+  }
   useEffect(
     () => () => {
       if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
@@ -3767,11 +3943,47 @@ function SwapModal({ onClose }) {
   const isLoadingData = walletBalance.step === "loading" || enabledAssets.step === "loading";
   const sellOptions = balances.filter((b) => parseFloat(b.available) > 0).map((b) => ({ ref: toRef(b), code: b.code, issuer: b.issuer, available: b.available, enabledInApp: b.enabledInApp }));
   const buyKeyOfSell = selectedSell ? `${selectedSell.code}:${selectedSell.issuer ?? "native"}` : "";
-  const buyOptions = assetRecords.map((a) => ({ ref: toRef(a), code: a.code, issuer: a.issuer, enabledInApp: a.enabledInApp })).filter((o) => `${o.code}:${o.issuer ?? "native"}` !== buyKeyOfSell);
-  const providers = smartUnsupported ? ALL_PROVIDERS.filter((p) => p !== "sdex") : ALL_PROVIDERS;
+  const optKey = (o) => `${o.code}:${o.issuer ?? "native"}`;
+  const enabledBuy = assetRecords.map((a) => ({
+    ref: toRef(a),
+    code: a.code,
+    issuer: a.issuer,
+    enabledInApp: a.enabledInApp
+  }));
+  const enabledKeys = new Set(enabledBuy.map(optKey));
+  const catalogBuy = catalogTokens.map((tk) => ({
+    ref: catalogRef(tk.code, tk.issuer),
+    code: tk.code,
+    issuer: tk.issuer,
+    enabledInApp: false
+  })).filter((o) => !enabledKeys.has(optKey(o)));
+  const knownKeys = /* @__PURE__ */ new Set([...enabledKeys, ...catalogBuy.map(optKey)]);
+  const customBuy = customTokens.filter((o) => !knownKeys.has(optKey(o)));
+  const buyOptions = [...enabledBuy, ...catalogBuy, ...customBuy].filter(
+    (o) => optKey(o) !== buyKeyOfSell
+  );
+  function addCustomToken(code, issuer) {
+    const c = code.trim().toUpperCase();
+    const i = issuer.trim();
+    if (c.length < 1 || c.length > 12) return "Code must be 1-12 characters";
+    if (i.length !== 56 || !i.startsWith("G")) return "Issuer must be a Stellar address (G..., 56 chars)";
+    const opt = { ref: catalogRef(c, i), code: c, issuer: i, enabledInApp: false };
+    setCustomTokens((prev) => prev.some((o) => optKey(o) === optKey(opt)) ? prev : [...prev, opt]);
+    setSelectedBuy(opt);
+    return null;
+  }
+  const buyNeedsTrustline = (() => {
+    if (!selectedBuy || smartUnsupported) return false;
+    if (selectedBuy.ref.type === "native") return false;
+    const rec = assetRecords.find((a) => a.code === selectedBuy.code && a.issuer === selectedBuy.issuer);
+    return !rec?.trustlineEstablished;
+  })();
+  const configLoading = venues === null;
+  const swapUnavailable = venues !== null && venues.length === 0;
+  const providers = venues && venues.length > 0 ? ["auto", ...venues] : [];
   const quote = quotes[0] ?? null;
   useEffect(() => {
-    if (step !== "form" || !selectedSell || !selectedBuy || !amount || parseFloat(amount) <= 0) {
+    if (step !== "form" || swapUnavailable || configLoading || !selectedSell || !selectedBuy || !amount || parseFloat(amount) <= 0) {
       setQuotes([]);
       setQuoteError("");
       setQuoteLoading(false);
@@ -3803,7 +4015,7 @@ function SwapModal({ onClose }) {
       cancelled = true;
       clearTimeout(t);
     };
-  }, [step, selectedSell, selectedBuy, amount, provider, getSwapQuote]);
+  }, [step, swapUnavailable, configLoading, selectedSell, selectedBuy, amount, provider, getSwapQuote]);
   const hash = transaction.step === "success" ? transaction.hash : null;
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const explorerNetwork = buildData?.summary.network?.toLowerCase().includes("testnet") ? "testnet" : buildData ? "public" : network === "testnet" ? "testnet" : "public";
@@ -3884,6 +4096,9 @@ function SwapModal({ onClose }) {
       formError,
       isLoadingData,
       smartUnsupported,
+      configLoading,
+      swapUnavailable,
+      buyNeedsTrustline,
       transaction,
       showXdr,
       copied,
@@ -3893,8 +4108,10 @@ function SwapModal({ onClose }) {
       isInProgress,
       onClose,
       onBack: handleBack,
+      onRefresh: handleRefresh,
       onSelectSell: setSelectedSell,
       onSelectBuy: setSelectedBuy,
+      onAddCustomToken: addCustomToken,
       onAmountChange: setAmount,
       onProviderChange: setProvider,
       onSwap: () => void handleSwap(),
@@ -4606,6 +4823,18 @@ function PollarProvider({
   const [pollarClient] = useState(
     () => client instanceof PollarClient ? client : new PollarClient({ passkey: browserPasskeyCeremony, passkeySign: browserPasskeySigner, ...client })
   );
+  const ownsClientRef = useRef(!(client instanceof PollarClient));
+  const destroyTimerRef = useRef(null);
+  useEffect(() => {
+    if (!ownsClientRef.current) return;
+    if (destroyTimerRef.current) {
+      clearTimeout(destroyTimerRef.current);
+      destroyTimerRef.current = null;
+    }
+    return () => {
+      destroyTimerRef.current = setTimeout(() => pollarClient.destroy(), 0);
+    };
+  }, [pollarClient]);
   const [networkState, setNetworkState] = useState(() => pollarClient.getNetworkState());
   const [sessionState, setSessionState] = useState(null);
   const [verified, setVerified] = useState(false);
@@ -4745,6 +4974,8 @@ function PollarProvider({
       openSendModal: () => setSendModalOpen(true),
       openReceiveModal: () => setReceiveModalOpen(true),
       // swap
+      getSwapConfig: () => pollarClient.getSwapConfig(),
+      getSwapTokens: () => pollarClient.getSwapTokens(),
       getSwapQuote: (params) => pollarClient.getSwapQuote(params),
       swap: (quote, opts) => pollarClient.swap(quote, opts),
       openSwapModal: () => setSwapModalOpen(true),