@pollar/react 0.11.4 → 0.11.5

package/dist/index.js

@@ -1002,6 +1002,10 @@ var require_QRCode = __commonJS({
 
 // src/constants.ts
 var LOGO_POLLAR = "https://pollar.xyz/assets/logo_pollar.png";
+var LOGO_POLLAR_WORDMARK_ON_LIGHT = "https://www.pollar.xyz/brandkit/pollar-logo-horizontal-on-light.png";
+var LOGO_POLLAR_WORDMARK_ON_DARK = "https://www.pollar.xyz/brandkit/pollar-logo-horizontal-on-dark.png";
+var LOGO_POLLAR_MARK_ON_LIGHT = "https://www.pollar.xyz/brandkit/pollar-mark-on-light.png";
+var LOGO_POLLAR_MARK_ON_DARK = "https://www.pollar.xyz/brandkit/pollar-mark-on-dark.png";
 var LOGO_FREIGHTER = "https://pollar.xyz/assets/logo_freighter.png";
 var LOGO_ALBEDO = "https://pollar.xyz/assets/logo_albedo.svg";
 var _modalLog = console;
@@ -1027,22 +1031,26 @@ var ModalErrorBoundary = class extends react.Component {
     return this.props.children;
   }
 };
-var PollarModalFooter = ({ shield = false }) => {
+var PollarModalFooter = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-footer", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-protected", children: "Protected by" }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-footer-brand", children: [
-      shield ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "pollar-footer-shield", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3.2 19 6v5.3c0 4.4-2.9 7.8-7 9.5-4.1-1.7-7-5.1-7-9.5V6l7-2.8Z", fill: "var(--pollar-accent)" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8.5 12 2.2 2.2 4.8-5", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR, alt: "Pollar", className: "pollar-footer-logo" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
-        "v",
-        "0.11.4"
-      ] })
+    /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR_WORDMARK_ON_LIGHT, alt: "Pollar", className: "pollar-footer-logo pollar-logo-on-light" }),
+    /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR_WORDMARK_ON_DARK, alt: "Pollar", className: "pollar-footer-logo pollar-logo-on-dark" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
+      "v",
+      "0.11.5"
     ] })
   ] });
 };
+function explorerTxUrl(chain, hash, network) {
+  if (chain === "SOLANA") {
+    return `https://explorer.solana.com/tx/${hash}${network === "testnet" ? "?cluster=devnet" : ""}`;
+  }
+  if (chain === "POLYGON") {
+    return `https://${network === "testnet" ? "amoy." : ""}polygonscan.com/tx/${hash}`;
+  }
+  return `https://stellar.expert/explorer/${network === "testnet" ? "testnet" : "public"}/tx/${hash}`;
+}
 function RefreshIcon({ spinning = false, className = "" }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -1234,6 +1242,8 @@ function buildModalCssVars(theme, accentColor, overrides = {}, variant = "compac
     "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
     "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
     "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-logo-on-light-display": isDark ? "none" : "block",
+    "--pollar-logo-on-dark-display": isDark ? "block" : "none",
     "--pollar-modal-border-radius": px(overrides.modalBorderRadius, DEFAULT_MODAL_BORDER_RADIUS),
     "--pollar-buttons-border-radius": px(overrides.buttonBorderRadius, DEFAULT_BUTTON_BORDER_RADIUS),
     "--pollar-buttons-height": "44px",
@@ -3239,7 +3249,11 @@ function LoginModal({ onClose }) {
   const [email, setEmail] = react.useState("");
   const { getClient, styles, appConfig: config, configStatus, retryConfig } = usePollar();
   const [authState, setAuthState] = react.useState(() => getClient().getAuthState());
-  const walletAdapters = react.useMemo(() => getClient().listWalletAdapters(), [getClient]);
+  const servedChains = config?.application?.chains;
+  const walletAdapters = react.useMemo(
+    () => getClient().listWalletAdapters().filter((a) => !servedChains || servedChains.includes(a.chain)),
+    [getClient, servedChains]
+  );
   const [codeInputKey, setCodeInputKey] = react.useState(0);
   const pendingEmail = react.useRef(null);
   const [interactiveAdapter, setInteractiveAdapter] = react.useState(null);
@@ -3524,6 +3538,8 @@ function placeholderFor(field, fields, values) {
   }
   return field.placeholder;
 }
+var CHAIN_NAME = { STELLAR: "Stellar", POLYGON: "Polygon", SOLANA: "Solana" };
+var EXPLORER_NAME = { STELLAR: "Stellar Expert", POLYGON: "Polygonscan", SOLANA: "Solana Explorer" };
 var LOADING_STEPS = ["Detecting your country\u2026", "Consulting providers\u2026", "Route found!"];
 function flagEmoji(code) {
   const cc = code.trim().toUpperCase();
@@ -3570,7 +3586,12 @@ function RampWidgetTemplate({
   onboardingStatus,
   kycJustApproved,
   stellarTxHash,
+  txHash,
+  txChain,
   explorerUrl,
+  fundsInTransit = false,
+  retrying = false,
+  onRetryTransit,
   depositInstructions,
   canComplete,
   completing,
@@ -3592,6 +3613,8 @@ function RampWidgetTemplate({
   onRefresh,
   onClose
 }) {
+  const settledHash = txHash ?? stellarTxHash;
+  const chainName = CHAIN_NAME[txChain ?? "STELLAR"];
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides, "hero");
   const stepTitle = {
     input: direction === "onramp" ? "Buy crypto" : "Sell crypto",
@@ -3824,15 +3847,23 @@ function RampWidgetTemplate({
           txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-spinner pollar-spinner-sm", "aria-label": "Checking status" })
         ] })
       ] }),
-      stellarTxHash && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: "Stellar tx" }),
+      fundsInTransit && txStatus !== "completed" && txStatus !== "failed" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-ramp-payment-label", children: "Funds in transit" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-ramp-payment-note", children: "Your money is safe in your own wallet, waiting for the next step of the transfer." }),
+        onRetryTransit && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-secondary", onClick: onRetryTransit, disabled: retrying, children: retrying ? "Retrying..." : "Retry now" })
+      ] }),
+      settledHash && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-field", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-ramp-payment-label", children: [
+          chainName,
+          " tx"
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-payment-value", style: { display: "flex", alignItems: "center", gap: 6 }, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("code", { style: { flex: 1, wordBreak: "break-all" }, children: [
-            stellarTxHash.slice(0, 8),
+            settledHash.slice(0, 8),
             "\u2026",
-            stellarTxHash.slice(-8)
+            settledHash.slice(-8)
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: stellarTxHash, label: "Copy transaction hash" }),
+          /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { value: settledHash, label: "Copy transaction hash" }),
           explorerUrl && /* @__PURE__ */ jsxRuntime.jsx(
             "a",
             {
@@ -3840,8 +3871,8 @@ function RampWidgetTemplate({
               target: "_blank",
               rel: "noopener noreferrer",
               className: "pollar-copy-btn",
-              "aria-label": "View on Stellar Expert",
-              title: "View on Stellar Expert",
+              "aria-label": `View on ${EXPLORER_NAME[txChain ?? "STELLAR"]}`,
+              title: `View on ${EXPLORER_NAME[txChain ?? "STELLAR"]}`,
               children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "path",
@@ -4485,6 +4516,13 @@ function rampErrorMessage(e, fallback) {
   }
   return RAMP_ERROR_MESSAGES[code] ?? (e instanceof Error ? e.message : fallback);
 }
+function explorerTxUrl2(chain, hash, network) {
+  if (!hash) return null;
+  const testnet = network === "testnet";
+  if (chain === "SOLANA") return `https://explorer.solana.com/tx/${hash}${testnet ? "?cluster=devnet" : ""}`;
+  if (chain === "POLYGON") return `https://${testnet ? "amoy." : ""}polygonscan.com/tx/${hash}`;
+  return `https://stellar.expert/explorer/${testnet ? "testnet" : "public"}/tx/${hash}`;
+}
 function RampWidget({ onClose }) {
   const { getClient, signTx, wallet, styles, network } = usePollar();
   const walletAddress = wallet?.address ?? "";
@@ -4522,11 +4560,36 @@ function RampWidget({ onClose }) {
   const [onboardingStatus, setOnboardingStatus] = react.useState(void 0);
   const [txStatus, setTxStatus] = react.useState(null);
   const [stellarTxHash, setStellarTxHash] = react.useState(null);
+  const [txHash, setTxHash] = react.useState(null);
+  const [txChain, setTxChain] = react.useState(null);
+  const [fundsInTransit, setFundsInTransit] = react.useState(false);
+  const [retrying, setRetrying] = react.useState(false);
   const [depositInstructions, setDepositInstructions] = react.useState(null);
   const [completing, setCompleting] = react.useState(false);
   const [errorMsg, setErrorMsg] = react.useState(null);
+  const signingRef = react.useRef(false);
   const directionRef = react.useRef(direction);
   directionRef.current = direction;
+  function applySettlement(tx) {
+    if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
+    if (tx.txHash) setTxHash(tx.txHash);
+    if (tx.chain) setTxChain(tx.chain);
+    setFundsInTransit(tx.fundsInTransit === true);
+  }
+  async function handleRetryTransit() {
+    if (!txId || retrying) return;
+    setRetrying(true);
+    setErrorMsg(null);
+    try {
+      const tx = await client.retryRampTransaction(txId);
+      setTxStatus(tx.status);
+      applySettlement(tx);
+    } catch (e) {
+      setErrorMsg(e instanceof Error && e.message ? e.message : "Could not retry the transfer. Try again in a moment.");
+    } finally {
+      setRetrying(false);
+    }
+  }
   react.useEffect(() => {
     if (step !== "status" || !txId) return;
     if (txStatus && TERMINAL.includes(txStatus)) return;
@@ -4536,7 +4599,14 @@ function RampWidget({ onClose }) {
         const tx = await client.getRampTransaction(txId);
         if (!active) return;
         setTxStatus(tx.status);
-        if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
+        applySettlement(tx);
+        const pending = tx.pendingSignature;
+        if (pending && !signingRef.current) {
+          signingRef.current = true;
+          void resumeRef.current(txId, pending).finally(() => {
+            signingRef.current = false;
+          });
+        }
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
         if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
         if (TERMINAL.includes(tx.status)) clearInterval(id);
@@ -4603,7 +4673,7 @@ function RampWidget({ onClose }) {
       } else if (step === "status" && txId) {
         const tx = await client.getRampTransaction(txId);
         setTxStatus(tx.status);
-        if (tx.stellarTxHash) setStellarTxHash(tx.stellarTxHash);
+        applySettlement(tx);
         if (tx.kycUrl) setKycUrl(tx.kycUrl);
         if (tx.depositInstructions) setDepositInstructions(tx.depositInstructions);
       }
@@ -4624,6 +4694,9 @@ function RampWidget({ onClose }) {
     setTosUrl(null);
     setTxStatus(null);
     setStellarTxHash(null);
+    setTxHash(null);
+    setTxChain(null);
+    setFundsInTransit(false);
     setDepositInstructions(null);
     setKycPending(false);
     setKycApproved(false);
@@ -4632,6 +4705,11 @@ function RampWidget({ onClose }) {
   }
   async function resumeWithSignature(id, ps) {
     const outcome = await signTx(ps.unsignedXdr);
+    if (outcome.status === "cosign_pending") {
+      setErrorMsg("Approve the signature on your device, then resume.");
+      setStep("error");
+      return;
+    }
     if (outcome.status !== "signed") {
       setErrorMsg(outcome.message ?? outcome.details ?? "Signing was cancelled.");
       setStep("error");
@@ -4639,10 +4717,13 @@ function RampWidget({ onClose }) {
     }
     const result = await client.submitRampSignature(id, {
       signedXdr: outcome.signedXdr,
+      // The CCTP actions are not in the generated schema until it is regenerated.
       action: ps.action
     });
     await applyResult(result);
   }
+  const resumeRef = react.useRef(resumeWithSignature);
+  resumeRef.current = resumeWithSignature;
   async function applyResult(result) {
     setTxId(result.txId);
     setProvider(result.provider);
@@ -4798,7 +4879,7 @@ function RampWidget({ onClose }) {
     }
   }
   const kycBlocking = kycPending && !kycApproved;
-  const canComplete = direction === "offramp" && step === "status" && txStatus !== "completed" && !stellarTxHash && !kycPending;
+  const canComplete = direction === "offramp" && step === "status" && txStatus !== "completed" && !stellarTxHash && !txHash && !kycPending;
   const flowSteps = flowStepsOf(quotes, selectedQuote);
   const flowStepIndex = flowSteps.indexOf(STEP_LABEL[step] ?? "");
   if (pendingKyc?.type === "FORM") {
@@ -4883,7 +4964,12 @@ function RampWidget({ onClose }) {
       onboardingStatus: onboardingStatus ?? null,
       kycJustApproved: kycPending && kycApproved,
       stellarTxHash,
-      explorerUrl: stellarTxHash ? `https://stellar.expert/explorer/${network === "mainnet" ? "public" : "testnet"}/tx/${stellarTxHash}` : null,
+      txHash,
+      txChain,
+      explorerUrl: explorerTxUrl2(txChain ?? "STELLAR", txHash ?? stellarTxHash, network),
+      fundsInTransit,
+      retrying,
+      onRetryTransit: handleRetryTransit,
       depositInstructions,
       canComplete,
       completing,
@@ -4990,7 +5076,7 @@ function PollarLogo(props) {
     )
   ] });
 }
-var CHAIN_NAME = {
+var CHAIN_NAME2 = {
   STELLAR: "Stellar",
   POLYGON: "Polygon",
   SOLANA: "Solana"
@@ -5009,7 +5095,7 @@ function ReceiveModalTemplate({
   onClose
 }) {
   const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
-  const chainName = selectedChain ? CHAIN_NAME[selectedChain] ?? selectedChain : "wallet";
+  const chainName = selectedChain ? CHAIN_NAME2[selectedChain] ?? selectedChain : "wallet";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5091,7 +5177,7 @@ function ReceiveModalTemplate({
             ] })
           ] })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No wallet connected." }),
-        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, { shield: true })
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
       ]
     }
   );
@@ -5154,6 +5240,7 @@ var STATUS_MESSAGES = {
   submitting: "Submitting transaction\u2026",
   submitted: "Submitted \u2014 waiting for confirmation\u2026",
   "signing-submitting": "Signing and submitting transaction\u2026",
+  awaiting_cosign: "Waiting for your approval on this device\u2026",
   "building-signing-submitting": "Processing transaction\u2026",
   success: "Transaction sent successfully",
   error: "Transaction failed"
@@ -5189,14 +5276,22 @@ function TxStatusView({
 }) {
   const buildData = "buildData" in transaction ? transaction.buildData : null;
   const hash = transaction.step === "success" ? transaction.hash : null;
-  const errorDetails = transaction.step === "error" ? transaction.details ?? null : null;
+  const errorDetails = transaction.step === "error" ? core.transactionErrorMessage(transaction.code, transaction.details) : null;
   const isBuilt = transaction.step === "built";
   const isInFlight = IN_FLIGHT_STEPS.has(transaction.step);
   const isSuccess = transaction.step === "success";
   const isError = transaction.step === "error";
   const showDetails = buildData !== null && SHOW_DETAILS_STEPS.has(transaction.step);
-  const walletImg = walletType === core.WalletType.FREIGHTER ? LOGO_FREIGHTER : walletType === core.WalletType.ALBEDO ? LOGO_ALBEDO : LOGO_POLLAR;
+  const walletImg = walletType === core.WalletType.FREIGHTER ? LOGO_FREIGHTER : walletType === core.WalletType.ALBEDO ? LOGO_ALBEDO : null;
   const walletAlt = walletType === core.WalletType.FREIGHTER ? "Freighter" : walletType === core.WalletType.ALBEDO ? "Albedo" : "Pollar";
+  const statusBanner = /* @__PURE__ */ jsxRuntime.jsx(
+    ModalStatusBanner,
+    {
+      message: STATUS_MESSAGES[transaction.step],
+      status: isError ? "ERROR" : isInFlight ? "LOADING" : isSuccess ? "SUCCESS" : "NONE"
+    }
+  );
+  const showSpinner = isInFlight || isSuccess || isError;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     showDetails && buildData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-summary", children: [
@@ -5237,7 +5332,7 @@ function TxStatusView({
       /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "pollar-tx-error-details-content", children: errorDetails })
     ] }),
     isBuilt && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary pollar-tx-sign-btn", onClick: onSignAndSend, children: "Sign & Send" }),
-    (isInFlight || isSuccess || isError) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-wallet-spinner", children: [
+    showSpinner && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-wallet-spinner", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-spinner-ring", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
@@ -5267,8 +5362,12 @@ function TxStatusView({
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-tx-wallet-icon", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: walletImg, alt: walletAlt, className: "pollar-tx-wallet-img" }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-tx-wallet-icon", children: walletImg ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: walletImg, alt: walletAlt, className: "pollar-tx-wallet-img" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR_MARK_ON_LIGHT, alt: walletAlt, className: "pollar-tx-wallet-img pollar-logo-on-light" }),
+          /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_POLLAR_MARK_ON_DARK, alt: walletAlt, className: "pollar-tx-wallet-img pollar-logo-on-dark" })
+        ] }) })
       ] }),
+      statusBanner,
       isInFlight && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-tx-spinner-label", children: walletType === core.WalletType.FREIGHTER ? "Waiting for Freighter\u2026" : walletType === core.WalletType.ALBEDO ? "Waiting for Albedo\u2026" : "Signing and sending\u2026" }),
       isError && onRetry && "buildData" in transaction && transaction.buildData && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-secondary pollar-tx-retry-btn", onClick: onRetry, children: "Try again" })
     ] }),
@@ -5333,13 +5432,7 @@ function TxStatusView({
       ] })
     ] }),
     isSuccess && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-btn-primary pollar-tx-sign-btn", onClick: onDone, children: "Done" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ModalStatusBanner,
-      {
-        message: STATUS_MESSAGES[transaction.step],
-        status: isError ? "ERROR" : isInFlight ? "LOADING" : isSuccess ? "SUCCESS" : "NONE"
-      }
-    )
+    !showSpinner && statusBanner
   ] });
 }
 function formatBalance(balance) {
@@ -5356,6 +5449,11 @@ function chainLabel(chain) {
   if (chain === "POLYGON") return "Polygon";
   return "network";
 }
+function destinationPlaceholder(chain) {
+  if (chain === "SOLANA") return "Solana address";
+  if (chain === "POLYGON") return "0x\u2026";
+  return "G\u2026";
+}
 function AssetIcon({ code }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-asset-icon", "aria-hidden": true, children: code.slice(0, 2).toUpperCase() });
 }
@@ -5473,6 +5571,10 @@ function SendModalTemplate({
   onMax,
   onPaste,
   onDestinationChange,
+  memo = "",
+  memoType = "text",
+  onMemoChange,
+  onMemoTypeChange,
   onSubmit,
   onSignAndSend,
   onToggleXdr,
@@ -5580,7 +5682,7 @@ function SendModalTemplate({
                 {
                   className: "pollar-input pollar-send-destination-input",
                   type: "text",
-                  placeholder: "G\u2026",
+                  placeholder: destinationPlaceholder(selectedChain),
                   value: destination,
                   onChange: (e) => onDestinationChange(e.target.value),
                   "aria-label": "Destination wallet"
@@ -5589,6 +5691,39 @@ function SendModalTemplate({
               /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-send-inline-action", onClick: onPaste, children: "Paste" })
             ] })
           ] }),
+          selectedChain === "STELLAR" && onMemoChange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-field", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-send-label", htmlFor: "pollar-send-memo", children: [
+              "Memo ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-send-label-optional", children: "(optional)" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-send-memo-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  className: "pollar-input pollar-send-memo-type",
+                  value: memoType,
+                  onChange: (e) => onMemoTypeChange?.(e.target.value),
+                  "aria-label": "Memo type",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "text", children: "Text" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "id", children: "ID" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  id: "pollar-send-memo",
+                  className: "pollar-input pollar-send-memo-input",
+                  type: "text",
+                  inputMode: memoType === "id" ? "numeric" : "text",
+                  placeholder: memoType === "id" ? "123456789" : "Up to 28 characters",
+                  value: memo,
+                  onChange: (e) => onMemoChange(e.target.value)
+                }
+              )
+            ] })
+          ] }),
           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: onSubmit, disabled: !canSubmit, children: "Continue" }) })
         ] }),
@@ -5612,6 +5747,16 @@ function SendModalTemplate({
     }
   );
 }
+var MAX_MEMO_ID = 18446744073709551615n;
+function parseMemo(type, raw) {
+  const value = type === "id" ? raw.trim() : raw;
+  if (value.trim() === "") return void 0;
+  if (type === "text") {
+    return new TextEncoder().encode(value).length > 28 ? "The memo text can be at most 28 bytes." : { type, value };
+  }
+  if (!/^\d+$/.test(value) || BigInt(value) > MAX_MEMO_ID) return "The memo ID must be a whole number up to 2^64 - 1.";
+  return { type, value };
+}
 function assetParam(record) {
   if (record.type === "native") return { type: "native" };
   if (record.type === "credit_alphanum4") {
@@ -5636,6 +5781,8 @@ function SendModal({ onClose }) {
   const [step, setStep] = react.useState("form");
   const [amount, setAmount] = react.useState("");
   const [destination, setDestination] = react.useState("");
+  const [memo, setMemo] = react.useState("");
+  const [memoType, setMemoType] = react.useState("text");
   const [selectedAsset, setSelectedAsset] = react.useState(null);
   const [showXdr, setShowXdr] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
@@ -5646,9 +5793,10 @@ function SendModal({ onClose }) {
   react.useEffect(() => {
     if (selectedChain === null && chains.length > 0) setSelectedChain(chains[0]);
   }, [chains, selectedChain]);
-  const canSendOnChain = selectedChain === "STELLAR" || selectedChain === "SOLANA";
+  const canSendOnChain = selectedChain === "STELLAR" || selectedChain === "SOLANA" || selectedChain === "POLYGON";
   const notReadyReason = walletNotReadyReason(wallet, selectedChain);
-  const isBaseUnitChain = selectedChain === "SOLANA";
+  const isBaseUnitChain = selectedChain === "SOLANA" || selectedChain === "POLYGON";
+  const nativeDecimals = selectedChain === "POLYGON" ? 18 : 9;
   react.useEffect(() => {
     void refreshWalletBalance();
   }, [refreshWalletBalance]);
@@ -5676,7 +5824,7 @@ function SendModal({ onClose }) {
   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";
-  const explorerUrl = !hash ? null : selectedChain === "SOLANA" ? `https://explorer.solana.com/tx/${hash}${explorerNetwork === "testnet" ? "?cluster=devnet" : ""}` : `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}`;
+  const explorerUrl = !hash ? null : selectedChain === "SOLANA" ? `https://explorer.solana.com/tx/${hash}${explorerNetwork === "testnet" ? "?cluster=devnet" : ""}` : selectedChain === "POLYGON" ? `https://${explorerNetwork === "testnet" ? "amoy." : ""}polygonscan.com/tx/${hash}` : `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}`;
   const IN_FLIGHT_STEPS3 = [
     "building",
     "signing",
@@ -5715,33 +5863,42 @@ function SendModal({ onClose }) {
       setFormError("Enter a destination address");
       return;
     }
+    const parsedMemo = selectedChain === "STELLAR" ? parseMemo(memoType, memo) : void 0;
+    if (typeof parsedMemo === "string") {
+      setFormError(parsedMemo);
+      return;
+    }
     const isNativeAsset = selectedAsset.type === "native";
     if (isBaseUnitChain && !isNativeAsset && (!selectedAsset.issuer || selectedAsset.decimals === void 0)) {
-      setFormError("This token is missing its mint or decimals and cannot be sent.");
+      setFormError("This token is missing its contract or decimals and cannot be sent.");
       return;
     }
     let sendAmount = amount;
     if (isBaseUnitChain) {
       try {
-        sendAmount = core.toBaseUnits(amount, selectedAsset.decimals ?? 9);
+        sendAmount = core.toBaseUnits(amount, selectedAsset.decimals ?? nativeDecimals);
       } catch (e) {
         setFormError(e instanceof Error ? e.message : "Invalid amount");
         return;
       }
     }
     setStep("tx");
-    if (selectedChain === "SOLANA") {
+    if (selectedChain === "SOLANA" || selectedChain === "POLYGON") {
       await sendPayment({
-        chain: "SOLANA",
+        chain: selectedChain,
         destination: destination.trim(),
         amount: sendAmount,
-        // Native SOL carries no mint; an SPL token's mint rides in `issuer`,
-        // which the guard above proved is present.
+        // A native coin carries no token id; an SPL mint or ERC-20 contract rides
+        // in `issuer`, which the guard above proved is present.
         ...isNativeAsset ? {} : { mint: selectedAsset.issuer }
       });
       return;
     }
-    await buildTx("payment", { destination: destination.trim(), amount, asset: assetParam(selectedAsset) });
+    await buildTx(
+      "payment",
+      { destination: destination.trim(), amount, asset: assetParam(selectedAsset) },
+      parsedMemo ? { memo: parsedMemo } : void 0
+    );
   }
   function handleSignAndSend() {
     if (transaction.step === "built") {
@@ -5826,6 +5983,10 @@ function SendModal({ onClose }) {
       onMax: handleMax,
       onPaste: handlePaste,
       onDestinationChange: setDestination,
+      memo,
+      memoType,
+      onMemoChange: setMemo,
+      onMemoTypeChange: setMemoType,
       onSubmit: () => void handleSubmit(),
       onSignAndSend: handleSignAndSend,
       onToggleXdr: () => setShowXdr((v) => !v),
@@ -6233,7 +6394,7 @@ function SwapModalTemplate({
             onDone
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, { shield: true })
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
       ]
     }
   );
@@ -7979,6 +8140,362 @@ function SessionsModal({ onClose }) {
     }
   ) });
 }
+function useCosign() {
+  const { getClient, isAuthenticated } = usePollar();
+  const [state, setState] = react.useState({ pending: [] });
+  const [loaded, setLoaded] = react.useState(false);
+  react.useEffect(() => getClient().onCosignStateChange(setState), [getClient]);
+  const refresh = react.useCallback(async () => {
+    if (!isAuthenticated) return;
+    try {
+      await getClient().cosign.pending();
+    } finally {
+      setLoaded(true);
+    }
+  }, [getClient, isAuthenticated]);
+  react.useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  return {
+    pending: state.pending,
+    ...state.lastResolved ? { lastResolved: state.lastResolved } : {},
+    loaded,
+    refresh,
+    approve: react.useCallback((request) => getClient().cosign.approve(request), [getClient]),
+    reject: react.useCallback((request) => getClient().cosign.reject(request), [getClient]),
+    verify: react.useCallback((request) => getClient().cosign.verify(request), [getClient]),
+    inspectQuorum: react.useCallback(() => getClient().cosign.inspectQuorum(), [getClient]),
+    devices: react.useCallback(() => getClient().cosign.devices(), [getClient]),
+    revokeDevice: react.useCallback(
+      (deviceId, options) => getClient().cosign.revokeDevice(deviceId, options),
+      [getClient]
+    )
+  };
+}
+var OPERATION_LABELS = {
+  payment: "Send",
+  path_payment_strict_send: "Swap",
+  change_trust: "Add asset",
+  create_account: "Create account",
+  invoke_contract: "Contract call",
+  manage_data: "Manage data"
+};
+function labelOf(request) {
+  const op = request.operation ?? "";
+  return OPERATION_LABELS[op] ?? (op ? op.replace(/_/g, " ") : "Transaction");
+}
+function expiresIn(request) {
+  const ms = new Date(request.expiresAt).getTime() - Date.now();
+  if (!Number.isFinite(ms) || ms <= 0) return "expired";
+  const h = Math.floor(ms / 36e5);
+  const m = Math.floor(ms % 36e5 / 6e4);
+  return h > 0 ? `${h}h ${m}m` : `${m}m`;
+}
+function detailRows(request) {
+  const details = request.details ?? {};
+  const rows = [];
+  const push = (label, value) => {
+    if (value === void 0 || value === null || value === "") return;
+    rows.push([
+      label,
+      typeof value === "string" && value.length > 24 && /^[GC][A-Z2-7]{55}$/.test(value) ? cropAddress(value) : String(value)
+    ]);
+  };
+  push("Destination", details.destination);
+  push("Amount", details.amount);
+  push("Asset", details.asset ?? details.assetCode);
+  push("Network", request.network);
+  return rows;
+}
+function CloseIcon2() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 3 8 8M11 3l-8 8", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
+}
+function CosignModalTemplate({
+  theme,
+  accentColor,
+  styleOverrides,
+  pending,
+  current,
+  verification,
+  busy,
+  error,
+  approveBlocked = false,
+  lastResolved,
+  explorerUrl,
+  onSelect,
+  onApprove,
+  onReject,
+  onClose
+}) {
+  const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
+  const verified = verification?.ok === true;
+  const canVote = !!current && verified && !busy && !approveBlocked;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-cosign-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Confirm with your device" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon2, {}) }) })
+        ] }),
+        pending.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-cosign-empty", children: lastResolved ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          lastResolved.status === "APPROVED" && /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "pollar-cosign-approved-icon", width: "44", height: "44", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                d: "M3.5 7l2.5 2.5 4.5-5",
+                stroke: "white",
+                strokeWidth: "1.2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-empty-title", children: lastResolved.status === "APPROVED" ? "Approved" : lastResolved.status === "REJECTED" ? "Rejected" : lastResolved.status.toLowerCase() }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-muted", children: lastResolved.submit?.hash ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            "Sent. Transaction",
+            " ",
+            explorerUrl ? /* @__PURE__ */ jsxRuntime.jsx("a", { className: "pollar-cosign-tx-link", href: explorerUrl, target: "_blank", rel: "noopener noreferrer", children: cropAddress(lastResolved.submit.hash) }) : cropAddress(lastResolved.submit.hash)
+          ] }) : lastResolved.signedXdr ? "Signed. The app will send it." : "Nothing was signed." })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-muted", children: "Nothing waits for your approval." }) }),
+        pending.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "pollar-cosign-list", children: pending.map((r) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: `pollar-cosign-item${current?.id === r.id ? " pollar-cosign-item-active" : ""}`,
+            onClick: () => onSelect(r),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: labelOf(r) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-cosign-muted", children: expiresIn(r) })
+            ]
+          }
+        ) }, r.id)) }),
+        current && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-detail", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-detail-title", children: labelOf(current) }),
+          current.summary && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-muted", children: current.summary }),
+          /* @__PURE__ */ jsxRuntime.jsx(GroupSteps, { request: current }),
+          /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "pollar-cosign-rows", children: [
+            detailRows(current).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { children: k }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { children: v })
+            ] }, k)),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-row", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("dt", { children: "Expires in" }),
+              /* @__PURE__ */ jsxRuntime.jsx("dd", { children: expiresIn(current) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: `pollar-cosign-verify pollar-cosign-verify-${verification ? verification.ok ? "ok" : "bad" : "pending"}`,
+              children: [
+                !verification && "Checking the transaction against Turnkey...",
+                verification?.ok && "Verified: this is exactly what will be signed.",
+                verification && !verification.ok && `Not verified: ${verification.reason}`
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-cosign-error", children: error }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-cosign-btn pollar-cosign-btn-secondary",
+                disabled: !!busy,
+                onClick: () => onReject(current),
+                children: busy === "rejecting" ? "Rejecting..." : "Reject"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "pollar-cosign-btn pollar-cosign-btn-primary",
+                disabled: !canVote,
+                onClick: () => onApprove(current),
+                children: busy === "approving" ? "Approving..." : "Approve"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function GroupSteps({ request }) {
+  const group = core.cosignGroupOf(request);
+  if (!group || group.steps.length < 2) return null;
+  const stepKey = core.cosignStepKeyOf(request);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-group", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-group-title", children: group.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-muted", children: "Approving covers these steps; each one is checked before it is signed." }),
+    /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "pollar-cosign-group-steps", children: group.steps.map((step) => {
+      const isThis = stepKey !== null && core.stepInGroup({ steps: [step] }, stepKey);
+      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: isThis ? "pollar-cosign-group-step-current" : void 0, children: [
+        step.label,
+        isThis && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-cosign-muted", children: " (this one)" })
+      ] }, step.key);
+    }) })
+  ] });
+}
+function CosignModal({ onClose }) {
+  const { getClient, styles, network } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const { pending, lastResolved, approve, reject, verify, inspectQuorum } = useCosign();
+  const [selectedId, setSelectedId] = react.useState(null);
+  const [verification, setVerification] = react.useState(null);
+  const [busy, setBusy] = react.useState(null);
+  const [error, setError] = react.useState(null);
+  const [approveFailedFor, setApproveFailedFor] = react.useState(null);
+  const [quorumFailure, setQuorumFailure] = react.useState(null);
+  react.useEffect(() => {
+    let cancelled = false;
+    inspectQuorum().then((q) => {
+      if (!cancelled && !q.ok) setQuorumFailure(q.reason);
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [inspectQuorum]);
+  const current = pending.find((r) => r.id === selectedId) ?? pending[0] ?? null;
+  const currentRef = react.useRef(current);
+  currentRef.current = current;
+  const currentId = current?.id ?? null;
+  react.useEffect(() => {
+    const request = currentRef.current;
+    if (!request) return;
+    setVerification(null);
+    setError(null);
+    setApproveFailedFor(null);
+    let cancelled = false;
+    verify(request).then((v) => {
+      if (!cancelled) setVerification(v);
+    }).catch((err) => {
+      if (!cancelled) setVerification({ ok: false, reason: err instanceof Error ? err.message : String(err) });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [currentId, verify]);
+  const onCloseRef = react.useRef(onClose);
+  onCloseRef.current = onClose;
+  react.useEffect(() => {
+    return getClient().onAuthStateChange((authState) => {
+      if (authState.step === "idle") onCloseRef.current();
+    });
+  }, [getClient]);
+  const run = react.useCallback(
+    async (kind, request, action) => {
+      setBusy(kind);
+      setError(null);
+      try {
+        await action(request);
+      } catch (err) {
+        setError(core.transactionErrorMessage(core.isPollarApiError(err) ? err.code : null, err instanceof Error ? err.message : null));
+        if (kind === "approving") setApproveFailedFor(request.id);
+      } finally {
+        setBusy(null);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
+    CosignModalTemplate,
+    {
+      theme,
+      accentColor,
+      styleOverrides,
+      pending,
+      current,
+      verification: current ? quorumFailure ? { ok: false, reason: quorumFailure } : verification : null,
+      busy,
+      error,
+      approveBlocked: !!current && approveFailedFor === current.id,
+      ...lastResolved ? { lastResolved } : {},
+      explorerUrl: lastResolved?.submit?.hash ? explorerTxUrl(lastResolved.network, lastResolved.submit.hash, network) : null,
+      onSelect: (r) => setSelectedId(r.id),
+      onApprove: (r) => void run("approving", r, approve),
+      onReject: (r) => void run("rejecting", r, reject),
+      onClose
+    }
+  ) });
+}
+var OPERATION_LABELS2 = {
+  payment: "Send",
+  path_payment_strict_send: "Swap",
+  change_trust: "Add asset",
+  create_account: "Create account",
+  invoke_contract: "Contract call",
+  manage_data: "Manage data"
+};
+function labelOf2(confirmation) {
+  const op = confirmation.operation ?? "";
+  return OPERATION_LABELS2[op] ?? (op ? op.replace(/_/g, " ") : "Transaction");
+}
+function detailRows2(confirmation) {
+  const details = confirmation.details ?? {};
+  const rows = [];
+  const push = (label, value) => {
+    if (value === void 0 || value === null || value === "") return;
+    const text = typeof value === "object" ? JSON.stringify(value) : String(value);
+    rows.push([label, /^[GC][A-Z2-7]{55}$/.test(text) ? cropAddress(text) : text]);
+  };
+  push("Destination", details.destination);
+  push("Amount", details.amount);
+  push("Asset", details.asset ?? details.assetCode ?? details.mint);
+  push("Network", confirmation.network);
+  return rows;
+}
+function CloseIcon3() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 3 8 8M11 3l-8 8", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round" }) });
+}
+function ConfirmModal({ confirmation }) {
+  const { getClient, styles } = usePollar();
+  const { theme, accentColor, styleOverrides, overlayStyle } = modalChrome(styles);
+  const cssVars = buildModalCssVars(theme, accentColor, styleOverrides);
+  const rejectRef = react.useRef(confirmation.reject);
+  rejectRef.current = confirmation.reject;
+  react.useEffect(() => {
+    return getClient().onAuthStateChange((authState) => {
+      if (authState.step === "idle") rejectRef.current();
+    });
+  }, [getClient]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", style: overlayStyle, onClick: confirmation.reject, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-cosign-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Confirm transaction" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: confirmation.reject, "aria-label": "Close", title: "Close", children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon3, {}) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-detail", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-detail-title", children: labelOf2(confirmation) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-cosign-muted", children: "The app asks you to sign this transaction with your wallet." }),
+          /* @__PURE__ */ jsxRuntime.jsx("dl", { className: "pollar-cosign-rows", children: detailRows2(confirmation).map(([k, v]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-row", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: k }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { children: v })
+          ] }, k)) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-cosign-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-cosign-btn pollar-cosign-btn-secondary", onClick: confirmation.reject, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-cosign-btn pollar-cosign-btn-primary", onClick: confirmation.confirm, children: "Confirm" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  ) });
+}
 function TransactionModalTemplate({
   theme,
   accentColor,
@@ -8088,12 +8605,6 @@ function TransactionModal({ onClose }) {
   ) });
 }
 var PAGE_SIZE = 10;
-function explorerUrlFor(chain, hash, network) {
-  if (chain === "SOLANA") {
-    return `https://explorer.solana.com/tx/${hash}${network === "testnet" ? "?cluster=devnet" : ""}`;
-  }
-  return `https://stellar.expert/explorer/${network === "testnet" ? "testnet" : "public"}/tx/${hash}`;
-}
 function StatusBadge({ status }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-badge", "data-status": status, children: status });
 }
@@ -8210,7 +8721,7 @@ function TxHistoryModalTemplate({
           txHistory.step === "loaded" && records.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No transactions yet." }),
           records.map((record) => {
             const hash = typeof record.hash === "string" && record.hash.length > 0 ? record.hash : void 0;
-            const explorerUrl = hash ? explorerUrlFor(record.chain, hash, record.network) : void 0;
+            const explorerUrl = hash ? explorerTxUrl(record.chain, hash, record.network) : void 0;
             const asset = typeof record.details?.asset === "string" ? record.details.asset : void 0;
             const colon = asset ? asset.indexOf(":") : -1;
             const trustline = record.operation === "change_trust" && asset && colon > 0 ? {
@@ -8619,6 +9130,9 @@ function PollarProvider({
   const [transaction, setTransaction] = react.useState({ step: "idle" });
   const [txHistory, setTxHistory] = react.useState({ step: "idle" });
   const [sessions, setSessions] = react.useState({ step: "idle" });
+  const [cosign, setCosign] = react.useState({ pending: [] });
+  const [confirmations, setConfirmations] = react.useState([]);
+  const firstConfirmation = confirmations[0] ?? null;
   const [walletBalance, setWalletBalance] = react.useState({ step: "idle" });
   const [enabledAssets, setEnabledAssets] = react.useState({ step: "idle" });
   const [resolvedConfig, setResolvedConfig] = react.useState(() => appConfigProp ?? DEFAULT_APP_CONFIG);
@@ -8636,6 +9150,12 @@ function PollarProvider({
   react.useEffect(() => {
     return pollarClient.onTxHistoryStateChange(setTxHistory);
   }, [pollarClient]);
+  react.useEffect(() => {
+    return pollarClient.onCosignStateChange(setCosign);
+  }, [pollarClient]);
+  react.useEffect(() => {
+    return pollarClient.onConfirmationRequest(setConfirmations);
+  }, [pollarClient]);
   react.useEffect(() => {
     return pollarClient.onSessionsStateChange(setSessions);
   }, [pollarClient]);
@@ -8736,6 +9256,12 @@ function PollarProvider({
   const [cardModalKey, setCardModalKey] = react.useState(0);
   const [receiveModalOpen, setReceiveModalOpen] = react.useState(false);
   const [sessionsModalOpen, setSessionsModalOpen] = react.useState(false);
+  const [cosignModalOpen, setCosignModalOpen] = react.useState(false);
+  const cosignPendingCount = react.useRef(0);
+  react.useEffect(() => {
+    if (cosign.pending.length > cosignPendingCount.current) setCosignModalOpen(true);
+    cosignPendingCount.current = cosign.pending.length;
+  }, [cosign.pending.length]);
   const [distributionRulesModalOpen, setDistributionRulesModalOpen] = react.useState(false);
   react.useEffect(
     () => pollarClient.onAuthStateChange((authState) => {
@@ -8752,6 +9278,7 @@ function PollarProvider({
       setCardModalOpen(false);
       setReceiveModalOpen(false);
       setSessionsModalOpen(false);
+      setCosignModalOpen(false);
       setDistributionRulesModalOpen(false);
     }),
     [pollarClient]
@@ -8836,6 +9363,10 @@ function PollarProvider({
       // sessions
       sessions,
       openSessionsModal: () => setSessionsModalOpen(true),
+      // cosign
+      cosign,
+      openCosignModal: () => setCosignModalOpen(true),
+      confirmations,
       // distribution
       openDistributionRulesModal: () => setDistributionRulesModalOpen(true),
       // network
@@ -8865,6 +9396,8 @@ function PollarProvider({
     transaction,
     txHistory,
     sessions,
+    cosign,
+    confirmations,
     walletBalance,
     refreshWalletBalance,
     enabledAssets,
@@ -8912,6 +9445,8 @@ function PollarProvider({
     /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setCardModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(CardModal, { onClose: () => setCardModalOpen(false) }) }, `${cardModalKey}:${walletAddress}`),
     receiveModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) }),
     sessionsModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) }),
+    cosignModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setCosignModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(CosignModal, { onClose: () => setCosignModalOpen(false) }) }),
+    firstConfirmation && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: firstConfirmation.reject, children: /* @__PURE__ */ jsxRuntime.jsx(ConfirmModal, { confirmation: firstConfirmation }, firstConfirmation.id) }),
     distributionRulesModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setDistributionRulesModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(DistributionRulesModal, { onClose: () => setDistributionRulesModalOpen(false) }) })
   ] });
 }
@@ -9493,6 +10028,8 @@ function WalletButton() {
 
 exports.CardModal = CardModal;
 exports.ChainSelect = ChainSelect;
+exports.CosignModal = CosignModal;
+exports.CosignModalTemplate = CosignModalTemplate;
 exports.DistributionRulesModal = DistributionRulesModal;
 exports.DistributionRulesModalTemplate = DistributionRulesModalTemplate;
 exports.EarnModal = EarnModal;
@@ -9534,6 +10071,7 @@ exports.modalChrome = modalChrome;
 exports.readableTextOn = readableTextOn;
 exports.resolveChain = resolveChain;
 exports.useChains = useChains;
+exports.useCosign = useCosign;
 exports.usePollar = usePollar;
 exports.walletNotReadyReason = walletNotReadyReason;
 //# sourceMappingURL=index.js.map