@pollar/react 0.10.1-rc.11 → 0.10.1-rc.12

package/dist/index.js

@@ -1035,7 +1035,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.10.1-rc.11"
+        "0.10.1-rc.12"
       ] })
     ] })
   ] });
@@ -2800,7 +2800,7 @@ function RampWidgetTemplate({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-field", children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-ramp-label", children: "Country" }),
-        countriesLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-input pollar-ramp-input-loading", children: [
+        countriesLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-input pollar-select-loading", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading countries\u2026" })
         ] }) : countries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "No ramp providers available on this network yet." }) : /* @__PURE__ */ jsxRuntime.jsx("select", { className: "pollar-ramp-input", value: country, onChange: (e) => onCountryChange(e.target.value), children: countries.map((c) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: c.code, children: [
@@ -3771,6 +3771,7 @@ function SendModalTemplate({
               label: "Asset",
               value: selectedKey,
               loading: isLoadingBalance,
+              loadingLabel: "Loading assets\u2026",
               options: assets.map((a) => ({
                 key: assetKey3(a),
                 code: a.code,
@@ -4229,14 +4230,17 @@ function SwapModalTemplate({
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
             /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: "Route" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            configLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-input pollar-select-loading", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading routes\u2026" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(
               "select",
               {
                 className: "pollar-input pollar-send-select",
                 value: provider,
-                disabled: configLoading || providers.length === 0,
+                disabled: providers.length === 0,
                 onChange: (e) => onProviderChange(e.target.value),
-                children: providers.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: provider, children: configLoading ? "Loading\u2026" : PROVIDER_LABELS[provider] }) : providers.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
+                children: providers.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: provider, children: PROVIDER_LABELS[provider] }) : providers.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p, children: PROVIDER_LABELS[p] }, p))
               }
             )
           ] }),
@@ -4600,6 +4604,9 @@ function EarnModal({ onClose }) {
     wallet,
     walletBalance,
     refreshWalletBalance,
+    enabledAssets,
+    refreshAssets,
+    setTrustline,
     network,
     styles
   } = usePollar();
@@ -4633,7 +4640,8 @@ function EarnModal({ onClose }) {
   }, [loadProviders]);
   react.useEffect(() => {
     void refreshWalletBalance();
-  }, [refreshWalletBalance]);
+    void refreshAssets();
+  }, [refreshWalletBalance, refreshAssets]);
   react.useEffect(() => {
     if (!provider) return;
     let cancelled = false;
@@ -4686,6 +4694,13 @@ function EarnModal({ onClose }) {
     );
     return rec ? rec.available : null;
   })();
+  const depositAssetRecord = (() => {
+    if (!selectedOpportunity?.asset.issuer || enabledAssets.step !== "loaded") return void 0;
+    return enabledAssets.data.assets.find(
+      (a) => a.code === assetCode && a.issuer === selectedOpportunity.asset.issuer
+    );
+  })();
+  const depositNeedsTrustline = tab === "deposit" && !smartUnsupported && !!selectedOpportunity?.asset.issuer && !depositAssetRecord?.trustlineEstablished;
   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";
@@ -4737,6 +4752,18 @@ function EarnModal({ onClose }) {
       return;
     }
     setStep("tx");
+    if (tab === "deposit" && depositNeedsTrustline && selectedOpportunity?.asset.issuer) {
+      const tl = await setTrustline(
+        { code: assetCode, issuer: selectedOpportunity.asset.issuer },
+        depositAssetRecord?.sponsored ? { sponsored: true } : void 0
+      );
+      if (tl.status === "error") {
+        setFormError(`Trustline for ${assetCode} failed: ${tl.details ?? "unknown error"}`);
+        setStep("form");
+        return;
+      }
+      await refreshAssets();
+    }
     const params = { provider, opportunity: opportunityId, amount };
     const outcome = tab === "deposit" ? await earnDeposit(params) : await earnWithdraw(params);
     if (outcome.status === "success" || outcome.status === "pending") {
@@ -4830,10 +4857,6 @@ function EarnModal({ onClose }) {
             !isInProgress && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
           ] })
         ] }),
-        step === "form" && providersLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-loading-block", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-spinner" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading Earn options\u2026" })
-        ] }),
         step === "form" && earnUnavailable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Earn is not available for this app." }),
         step === "form" && !earnUnavailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           smartUnsupported && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: "Earn is not yet available for smart (passkey) wallets." }),
@@ -4878,18 +4901,18 @@ function EarnModal({ onClose }) {
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-label-row", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: provider === "defindex" ? "Vault" : "Pool" }),
-              loadingOpps && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-label": "Loading options" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-send-label", children: provider === "defindex" ? "Vault" : "Pool" }),
+            loadingOpps || providersLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-input pollar-select-loading", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Loading options\u2026" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(
               "select",
               {
                 className: "pollar-input pollar-send-select",
                 value: opportunityId,
-                disabled: loadingOpps || opportunities.length === 0,
+                disabled: opportunities.length === 0,
                 onChange: (e) => setOpportunityId(e.target.value),
-                children: opportunities.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: loadingOpps ? "Loading\u2026" : "None available" }) : opportunities.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: o.id, children: [
+                children: opportunities.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "None available" }) : opportunities.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: o.id, children: [
                   o.name,
                   " \xB7 ",
                   o.apy.toFixed(2),
@@ -4955,7 +4978,12 @@ function EarnModal({ onClose }) {
             ] })
           ] }),
           formError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: formError }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary", onClick: () => void handleSubmit(), disabled: !canSubmit, children: tab === "deposit" ? "Deposit" : "Withdraw" }) })
+          depositNeedsTrustline && selectedOpportunity && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-swap-trustline-notice", children: [
+            "To deposit ",
+            assetCode,
+            " your wallet needs a trustline. This will create it first (~0.5 XLM reserve, refundable if you later remove it), then deposit \u2014 two signatures."
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary", onClick: () => void handleSubmit(), disabled: !canSubmit, children: tab === "deposit" ? depositNeedsTrustline ? "Enable trustline & deposit" : "Deposit" : "Withdraw" }) })
         ] }),
         step === "tx" && /* @__PURE__ */ jsxRuntime.jsx(
           TxStatusView,