@pollar/react 0.7.1 → 0.8.0

package/dist/index.js

@@ -33,7 +33,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 // ../../node_modules/qr.js/lib/ErrorCorrectLevel.js
 var require_ErrorCorrectLevel = __commonJS({
-  "../../node_modules/qr.js/lib/ErrorCorrectLevel.js"(exports$1, module) {
+  "../../node_modules/qr.js/lib/ErrorCorrectLevel.js"(exports, module) {
     module.exports = {
       L: 1,
       M: 0,
@@ -45,7 +45,7 @@ var require_ErrorCorrectLevel = __commonJS({
 
 // ../../node_modules/qr.js/lib/mode.js
 var require_mode = __commonJS({
-  "../../node_modules/qr.js/lib/mode.js"(exports$1, module) {
+  "../../node_modules/qr.js/lib/mode.js"(exports, module) {
     module.exports = {
       MODE_NUMBER: 1 << 0,
       MODE_ALPHA_NUM: 1 << 1,
@@ -57,7 +57,7 @@ var require_mode = __commonJS({
 
 // ../../node_modules/qr.js/lib/8BitByte.js
 var require_BitByte = __commonJS({
-  "../../node_modules/qr.js/lib/8BitByte.js"(exports$1, module) {
+  "../../node_modules/qr.js/lib/8BitByte.js"(exports, module) {
     var mode = require_mode();
     function QR8bitByte(data) {
       this.mode = mode.MODE_8BIT_BYTE;
@@ -79,7 +79,7 @@ var require_BitByte = __commonJS({
 
 // ../../node_modules/qr.js/lib/RSBlock.js
 var require_RSBlock = __commonJS({
-  "../../node_modules/qr.js/lib/RSBlock.js"(exports$1, module) {
+  "../../node_modules/qr.js/lib/RSBlock.js"(exports, module) {
     var ECL = require_ErrorCorrectLevel();
     function QRRSBlock(totalCount, dataCount) {
       this.totalCount = totalCount;
@@ -328,7 +328,7 @@ var require_RSBlock = __commonJS({
 
 // ../../node_modules/qr.js/lib/BitBuffer.js
 var require_BitBuffer = __commonJS({
-  "../../node_modules/qr.js/lib/BitBuffer.js"(exports$1, module) {
+  "../../node_modules/qr.js/lib/BitBuffer.js"(exports, module) {
     function QRBitBuffer() {
       this.buffer = new Array();
       this.length = 0;
@@ -363,7 +363,7 @@ var require_BitBuffer = __commonJS({
 
 // ../../node_modules/qr.js/lib/math.js
 var require_math = __commonJS({
-  "../../node_modules/qr.js/lib/math.js"(exports$1, module) {
+  "../../node_modules/qr.js/lib/math.js"(exports, module) {
     var QRMath = {
       glog: function(n) {
         if (n < 1) {
@@ -401,7 +401,7 @@ var require_math = __commonJS({
 
 // ../../node_modules/qr.js/lib/Polynomial.js
 var require_Polynomial = __commonJS({
-  "../../node_modules/qr.js/lib/Polynomial.js"(exports$1, module) {
+  "../../node_modules/qr.js/lib/Polynomial.js"(exports, module) {
     var math = require_math();
     function QRPolynomial(num, shift) {
       if (num.length == void 0) {
@@ -453,7 +453,7 @@ var require_Polynomial = __commonJS({
 
 // ../../node_modules/qr.js/lib/util.js
 var require_util = __commonJS({
-  "../../node_modules/qr.js/lib/util.js"(exports$1, module) {
+  "../../node_modules/qr.js/lib/util.js"(exports, module) {
     var Mode = require_mode();
     var Polynomial = require_Polynomial();
     var math = require_math();
@@ -684,7 +684,7 @@ var require_util = __commonJS({
 
 // ../../node_modules/qr.js/lib/QRCode.js
 var require_QRCode = __commonJS({
-  "../../node_modules/qr.js/lib/QRCode.js"(exports$1, module) {
+  "../../node_modules/qr.js/lib/QRCode.js"(exports, module) {
     var BitByte = require_BitByte();
     var RSBlock = require_RSBlock();
     var BitBuffer = require_BitBuffer();
@@ -1030,7 +1030,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.7.1"
+        "0.8.0"
       ] })
     ] })
   ] });
@@ -1112,16 +1112,7 @@ function RuleCard({
         validity
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-dist-item-action", children: isClaimed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "claimed", children: "Claimed" }) : effectivelyClaimable ? /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: "pollar-btn-primary pollar-dist-claim-btn",
-        onClick: onClaim,
-        disabled: isClaiming,
-        children: isClaiming ? "Claiming\u2026" : "Claim"
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "unavailable", children: reasonLabel(rule.reason) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-dist-item-action", children: isClaimed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "claimed", children: "Claimed" }) : effectivelyClaimable ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-btn-primary pollar-dist-claim-btn", onClick: onClaim, disabled: isClaiming, children: isClaiming ? "Claiming\u2026" : "Claim" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "unavailable", children: reasonLabel(rule.reason) }) }),
     errorMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-dist-item-error", children: errorMessage })
   ] });
 }
@@ -1335,10 +1326,20 @@ function KycModalTemplate({
     ] }),
     step === "select_provider" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-kyc-providers", children: [
       providers.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { color: "var(--pollar-muted)", textAlign: "center" }, children: "No providers available for your country." }),
-      providers.map((p) => /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "pollar-kyc-provider-btn", disabled: isLoading, onClick: () => onSelectProvider(p), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-kyc-provider-name", children: p.name }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-kyc-provider-flow", children: p.flow })
-      ] }, p.id))
+      providers.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "pollar-kyc-provider-btn",
+          disabled: isLoading,
+          onClick: () => onSelectProvider(p),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-kyc-provider-name", children: p.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-kyc-provider-flow", children: p.flow })
+          ]
+        },
+        p.id
+      ))
     ] }),
     step === "verifying" && selectedProvider && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-kyc-iframe-wrap", children: session?.kycUrl ? /* @__PURE__ */ jsxRuntime.jsx("iframe", { className: "pollar-kyc-iframe", src: session.kycUrl, title: "KYC verification", allow: "camera; microphone" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-kyc-iframe-mock", children: [
@@ -1457,8 +1458,7 @@ function EmailCodeInput({ email, onSubmit }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-code-section", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "pollar-code-label", children: [
-      "Enter the 6-digit code sent to",
-      " ",
+      "Enter the 6-digit code sent to ",
       email ? /* @__PURE__ */ jsxRuntime.jsx("strong", { children: email }) : "your email"
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-code-inputs", children: digits.map((digit, i) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1482,7 +1482,14 @@ function EmailCodeInput({ email, onSubmit }) {
 }
 var GithubButton = ({ disabled, onClick }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "github-button", disabled, onClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "github-button-icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z", clipRule: "evenodd" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "github-button-icon", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z",
+        clipRule: "evenodd"
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "github-button-contents", children: "GitHub" })
   ] });
 };
@@ -1535,6 +1542,36 @@ var GoogleButton = ({ disabled, onClick }) => {
     ] })
   ] });
 };
+function DefaultFreighterAlbedoButtons({ onConnect, isLoading }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-wallet-list", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: isLoading,
+        className: "pollar-wallet-list-btn",
+        onClick: () => onConnect(core.WalletType.FREIGHTER),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_FREIGHTER, alt: "Freighter", className: "pollar-wallet-list-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-wallet-list-name", children: "Freighter" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: isLoading,
+        className: "pollar-wallet-list-btn",
+        onClick: () => onConnect(core.WalletType.ALBEDO),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_ALBEDO, alt: "Albedo", className: "pollar-wallet-list-icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-wallet-list-name", children: "Albedo" })
+        ]
+      }
+    )
+  ] });
+}
 var AUTH_STATE_MESSAGES = {
   idle: "",
   creating_session: "Initializing\u2026",
@@ -1579,8 +1616,8 @@ function LoginModalTemplate({
   onEmailChange,
   onEmailSubmit,
   onSocialLogin,
-  onFreighterConnect,
-  onAlbedoConnect,
+  onWalletConnect,
+  renderWallets,
   authState,
   codeInputKey,
   onCodeSubmit,
@@ -1616,9 +1653,35 @@ function LoginModalTemplate({
   const isEmailCodeError = authState.step === "error" && (authState.errorCode === core.AUTH_ERROR_CODES.EMAIL_CODE_EXPIRED || authState.errorCode === core.AUTH_ERROR_CODES.EMAIL_CODE_INVALID);
   const awaitingEmailCode = authState.step === "entering_code" || authState.step === "verifying_email_code" || isEmailCodeError;
   const statusMessage = authState.step === "error" ? authState.message : AUTH_STATE_MESSAGES[authState.step];
-  const BackButton = ({ onClick }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-back-btn", onClick, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 19l-7-7 7-7" }) }) });
+  const BackButton = ({ onClick }) => /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-back-btn", onClick, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 19l-7-7 7-7" })
+    }
+  ) });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-modal", style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: "18",
+        height: "18",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+      }
+    ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-header", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-logo-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: logoUrl ?? LOGO_POLLAR, alt: "Logo", className: "pollar-logo" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-title", children: appName }),
@@ -1630,34 +1693,7 @@ function LoginModalTemplate({
       }) }, codeInputKey)
     ] }) : showWalletPicker ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(BackButton, { onClick: () => setShowWalletPicker(false) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-wallet-list", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            disabled: isLoading,
-            className: "pollar-wallet-list-btn",
-            onClick: onFreighterConnect,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_FREIGHTER, alt: "Freighter", className: "pollar-wallet-list-icon" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-wallet-list-name", children: "Freighter" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            type: "button",
-            disabled: isLoading,
-            className: "pollar-wallet-list-btn",
-            onClick: onAlbedoConnect,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("img", { src: LOGO_ALBEDO, alt: "Albedo", className: "pollar-wallet-list-icon" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-wallet-list-name", children: "Albedo" })
-            ]
-          }
-        )
-      ] })
+      renderWallets ? renderWallets({ onConnect: onWalletConnect, authState }) : /* @__PURE__ */ jsxRuntime.jsx(DefaultFreighterAlbedoButtons, { onConnect: onWalletConnect, isLoading })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       emailEnabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-email-section", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -1672,7 +1708,17 @@ function LoginModalTemplate({
             onKeyDown: (e) => e.key === "Enter" && onEmailSubmit?.()
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", disabled: isLoading || !email, className: "pollar-btn-primary", style: { marginTop: "0.75rem", width: "100%" }, onClick: onEmailSubmit, children: "Submit" })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            disabled: isLoading || !email,
+            className: "pollar-btn-primary",
+            style: { marginTop: "0.75rem", width: "100%" },
+            onClick: onEmailSubmit,
+            children: "Submit"
+          }
+        )
       ] }),
       emailEnabled && enabledSocial.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-divider", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-divider-line" }),
@@ -1690,7 +1736,20 @@ function LoginModalTemplate({
           className: "pollar-wallet-entry-btn",
           onClick: () => setShowWalletPicker(true),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                width: "18",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" })
+              }
+            ),
             "Wallet"
           ]
         }
@@ -1710,14 +1769,15 @@ function LoginModalTemplate({
 }
 function LoginModal({ onClose }) {
   const [email, setEmail] = react.useState("");
-  const { getClient, styles, appConfig: config } = usePollar();
+  const { getClient, styles, appConfig: config, renderWallets } = usePollar();
   const [authState, setAuthState] = react.useState(() => getClient().getAuthState());
   const [codeInputKey, setCodeInputKey] = react.useState(0);
   const pendingEmail = react.useRef(null);
   const onCloseRef = react.useRef(onClose);
   onCloseRef.current = onClose;
+  const autoCloseTimer = react.useRef(null);
   react.useEffect(() => {
-    return getClient().onAuthStateChange((next) => {
+    const unsubscribe = getClient().onAuthStateChange((next) => {
       setAuthState(next);
       if (next.step === "entering_email" && pendingEmail.current) {
         getClient().sendEmailCode(pendingEmail.current);
@@ -1727,9 +1787,19 @@ function LoginModal({ onClose }) {
         setCodeInputKey((k) => k + 1);
       }
       if (next.step === "authenticated") {
-        setTimeout(onCloseRef.current, 1e3);
+        autoCloseTimer.current = setTimeout(() => {
+          autoCloseTimer.current = null;
+          onCloseRef.current();
+        }, 1e3);
       }
     });
+    return () => {
+      unsubscribe();
+      if (autoCloseTimer.current !== null) {
+        clearTimeout(autoCloseTimer.current);
+        autoCloseTimer.current = null;
+      }
+    };
   }, [getClient]);
   const { theme = "light", accentColor = "#005DB4", logoUrl, emailEnabled, embeddedWallets, providers } = styles;
   function handleClose() {
@@ -1781,8 +1851,8 @@ function LoginModal({ onClose }) {
       onEmailChange: setEmail,
       onEmailSubmit: handleEmailSubmit,
       onSocialLogin: handleSocialLogin,
-      onFreighterConnect: () => handleWalletConnect(core.WalletType.FREIGHTER),
-      onAlbedoConnect: () => handleWalletConnect(core.WalletType.ALBEDO),
+      onWalletConnect: handleWalletConnect,
+      ...renderWallets !== void 0 && { renderWallets },
       authState,
       codeInputKey,
       onCodeSubmit: handleVerifyCode,
@@ -1899,8 +1969,26 @@ function RampWidgetTemplate({
     ] }),
     step === "input" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-tabs", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-ramp-tab", "data-active": direction === "onramp", onClick: () => onDirectionChange("onramp"), children: "Buy" }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-ramp-tab", "data-active": direction === "offramp", onClick: () => onDirectionChange("offramp"), children: "Sell" })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-ramp-tab",
+            "data-active": direction === "onramp",
+            onClick: () => onDirectionChange("onramp"),
+            children: "Buy"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: "pollar-ramp-tab",
+            "data-active": direction === "offramp",
+            onClick: () => onDirectionChange("offramp"),
+            children: "Sell"
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-input-row", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-ramp-field", children: [
@@ -2005,17 +2093,79 @@ function RampWidgetTemplate({
   ] });
 }
 var MOCK_DEFAULT_QUOTES = [
-  { quoteId: "meld-default", provider: "Meld", fee: 1.2, feeCurrency: "USD", rate: 1, rail: "ACH", protocol: "REST", estimatedTime: "~20 min", recommended: true }
+  {
+    quoteId: "meld-default",
+    provider: "Meld",
+    fee: 1.2,
+    feeCurrency: "USD",
+    rate: 1,
+    rail: "ACH",
+    protocol: "REST",
+    estimatedTime: "~20 min",
+    recommended: true
+  }
 ];
 var MOCK_QUOTES = {
   MX: [
-    { quoteId: "etherfuse-mx", provider: "Etherfuse", fee: 0.5, feeCurrency: "MXN", rate: 17.2, rail: "SPEI", protocol: "SEP-24", estimatedTime: "~10 min", recommended: true },
-    { quoteId: "alfredpay-mx", provider: "AlfredPay", fee: 0.8, feeCurrency: "MXN", rate: 17.1, rail: "SPEI", protocol: "REST", estimatedTime: "~15 min", recommended: false }
+    {
+      quoteId: "etherfuse-mx",
+      provider: "Etherfuse",
+      fee: 0.5,
+      feeCurrency: "MXN",
+      rate: 17.2,
+      rail: "SPEI",
+      protocol: "SEP-24",
+      estimatedTime: "~10 min",
+      recommended: true
+    },
+    {
+      quoteId: "alfredpay-mx",
+      provider: "AlfredPay",
+      fee: 0.8,
+      feeCurrency: "MXN",
+      rate: 17.1,
+      rail: "SPEI",
+      protocol: "REST",
+      estimatedTime: "~15 min",
+      recommended: false
+    }
+  ],
+  BR: [
+    {
+      quoteId: "abroad-br",
+      provider: "Abroad",
+      fee: 0.6,
+      feeCurrency: "BRL",
+      rate: 5.1,
+      rail: "PIX",
+      protocol: "REST",
+      estimatedTime: "~5 min",
+      recommended: true
+    }
   ],
-  BR: [{ quoteId: "abroad-br", provider: "Abroad", fee: 0.6, feeCurrency: "BRL", rate: 5.1, rail: "PIX", protocol: "REST", estimatedTime: "~5 min", recommended: true }],
   CO: [
-    { quoteId: "abroad-co", provider: "Abroad", fee: 0.7, feeCurrency: "COP", rate: 4100, rail: "PSE", protocol: "REST", estimatedTime: "~10 min", recommended: true },
-    { quoteId: "koywe-co", provider: "Koywe", fee: 0.9, feeCurrency: "COP", rate: 4095, rail: "PSE", protocol: "REST", estimatedTime: "~15 min", recommended: false }
+    {
+      quoteId: "abroad-co",
+      provider: "Abroad",
+      fee: 0.7,
+      feeCurrency: "COP",
+      rate: 4100,
+      rail: "PSE",
+      protocol: "REST",
+      estimatedTime: "~10 min",
+      recommended: true
+    },
+    {
+      quoteId: "koywe-co",
+      provider: "Koywe",
+      fee: 0.9,
+      feeCurrency: "COP",
+      rate: 4095,
+      rail: "PSE",
+      protocol: "REST",
+      estimatedTime: "~15 min",
+      recommended: false
+    }
   ],
   DEFAULT: MOCK_DEFAULT_QUOTES
 };
@@ -2110,17 +2260,7 @@ function RampWidget({ onClose }) {
 // src/lib/qr-code/index.tsx
 var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
 var import_QRCode = __toESM(require_QRCode());
-var QRCodeSvg = react.forwardRef(function QRCodeSvg2({
-  bgColor,
-  bgD,
-  fgD,
-  fgColor,
-  size,
-  title,
-  viewBoxSize,
-  xmlns = "http://www.w3.org/2000/svg",
-  ...props
-}, ref) {
+var QRCodeSvg = react.forwardRef(function QRCodeSvg2({ bgColor, bgD, fgD, fgColor, size, title, viewBoxSize, xmlns = "http://www.w3.org/2000/svg", ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
     title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: bgD, fill: bgColor }),
@@ -2146,9 +2286,13 @@ var QRCode = react.forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor =
     {
       ...props,
       bgColor,
-      bgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
+      bgD: cells.map(
+        (row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
+      ).join(" "),
       fgColor,
-      fgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
+      fgD: cells.map(
+        (row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")
+      ).join(" "),
       ref,
       size,
       viewBoxSize: cells.length
@@ -2194,15 +2338,7 @@ function ReceiveModalTemplate({
           /* @__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", 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" }) }) }) })
         ] }),
         walletAddress ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-receive-qr", children: /* @__PURE__ */ jsxRuntime.jsx(
-            QRCode,
-            {
-              value: walletAddress,
-              size: 180,
-              fgColor: isDark ? "#ffffff" : "#111827",
-              bgColor: "transparent"
-            }
-          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-receive-qr", children: /* @__PURE__ */ jsxRuntime.jsx(QRCode, { value: walletAddress, size: 180, fgColor: isDark ? "#ffffff" : "#111827", bgColor: "transparent" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-receive-instructions", children: "Share your Stellar address to receive any asset. Only send Stellar assets to this address." }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-receive-address-row", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-receive-address", children: walletAddress }),
@@ -2247,11 +2383,22 @@ function ReceiveModal({ onClose }) {
   const { walletAddress, styles } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [copied, setCopied] = react.useState(false);
+  const copyTimerRef = react.useRef(null);
+  react.useEffect(
+    () => () => {
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+    },
+    []
+  );
   function handleCopy() {
     if (!walletAddress) return;
     navigator.clipboard.writeText(walletAddress).then(() => {
       setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+      copyTimerRef.current = setTimeout(() => {
+        copyTimerRef.current = null;
+        setCopied(false);
+      }, 2e3);
     });
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2270,10 +2417,32 @@ var STATUS_MESSAGES = {
   idle: "",
   building: "Building transaction\u2026",
   built: "Ready to sign and send",
-  signing: "Signing and sending transaction\u2026",
+  signing: "Signing transaction\u2026",
+  signed: "Signed \u2014 ready to submit",
+  submitting: "Submitting transaction\u2026",
+  submitted: "Submitted \u2014 waiting for confirmation\u2026",
+  "signing-submitting": "Signing and submitting transaction\u2026",
+  "building-signing-submitting": "Processing transaction\u2026",
   success: "Transaction sent successfully",
   error: "Transaction failed"
 };
+var IN_FLIGHT_STEPS = /* @__PURE__ */ new Set([
+  "building",
+  "signing",
+  "submitting",
+  "submitted",
+  "signing-submitting",
+  "building-signing-submitting"
+]);
+var SHOW_DETAILS_STEPS = /* @__PURE__ */ new Set([
+  "built",
+  "signing",
+  "signed",
+  "submitting",
+  "submitted",
+  "signing-submitting",
+  "success"
+]);
 function TxStatusView({
   transaction,
   showXdr,
@@ -2290,10 +2459,10 @@ function TxStatusView({
   const hash = transaction.step === "success" ? transaction.hash : null;
   const errorDetails = transaction.step === "error" ? transaction.details ?? null : null;
   const isBuilt = transaction.step === "built";
-  const isSigning = transaction.step === "signing";
+  const isInFlight = IN_FLIGHT_STEPS.has(transaction.step);
   const isSuccess = transaction.step === "success";
   const isError = transaction.step === "error";
-  const showDetails = buildData !== null && (isBuilt || isSigning || isSuccess);
+  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 walletAlt = walletType === core.WalletType.FREIGHTER ? "Freighter" : walletType === core.WalletType.ALBEDO ? "Albedo" : "Pollar";
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2336,7 +2505,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" }),
-    (isSigning || isSuccess || isError) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-wallet-spinner", children: [
+    (isInFlight || isSuccess || isError) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-wallet-spinner", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-spinner-ring", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "svg",
@@ -2344,7 +2513,7 @@ function TxStatusView({
             viewBox: "0 0 88 88",
             width: "88",
             height: "88",
-            className: `pollar-tx-spinner-svg${isSigning ? " pollar-tx-spinner-rotating" : ""}`,
+            className: `pollar-tx-spinner-svg${isInFlight ? " pollar-tx-spinner-rotating" : ""}`,
             "aria-hidden": true,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "44", cy: "44", r: "36", fill: "none", stroke: "var(--pollar-border)", strokeWidth: "3" }),
@@ -2358,9 +2527,9 @@ function TxStatusView({
                   stroke: isSuccess ? "var(--pollar-success-text)" : isError ? "var(--pollar-error-text)" : "var(--pollar-accent)",
                   strokeWidth: "3",
                   strokeLinecap: "round",
-                  strokeDasharray: isSigning ? "169.6 56.6" : "999 0",
+                  strokeDasharray: isInFlight ? "169.6 56.6" : "999 0",
                   transform: "rotate(-90 44 44)",
-                  style: { transition: isSigning ? "none" : "stroke 400ms, stroke-dasharray 400ms" }
+                  style: { transition: isInFlight ? "none" : "stroke 400ms, stroke-dasharray 400ms" }
                 }
               )
             ]
@@ -2368,7 +2537,7 @@ 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" }) })
       ] }),
-      isSigning && /* @__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" }),
+      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" })
     ] }),
     isSuccess && hash && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-tx-result", children: [
@@ -2436,7 +2605,7 @@ function TxStatusView({
       ModalStatusBanner,
       {
         message: STATUS_MESSAGES[transaction.step],
-        status: isError ? "ERROR" : isSigning || transaction.step === "building" ? "LOADING" : isSuccess ? "SUCCESS" : "NONE"
+        status: isError ? "ERROR" : isInFlight ? "LOADING" : isSuccess ? "SUCCESS" : "NONE"
       }
     )
   ] });
@@ -2613,7 +2782,16 @@ function assetParam(record) {
   return { type: "credit_alphanum12", code: record.code, issuer: record.issuer };
 }
 function SendModal({ onClose }) {
-  const { walletBalance, refreshWalletBalance, buildTx, signAndSubmitTx, tx: transaction, walletType, network, styles } = usePollar();
+  const {
+    walletBalance,
+    refreshWalletBalance,
+    buildTx,
+    signAndSubmitTx,
+    tx: transaction,
+    walletType,
+    network,
+    styles
+  } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [step, setStep] = react.useState("form");
   const [amount, setAmount] = react.useState("");
@@ -2622,9 +2800,16 @@ function SendModal({ onClose }) {
   const [showXdr, setShowXdr] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
   const [formError, setFormError] = react.useState("");
+  const copyTimerRef = react.useRef(null);
   react.useEffect(() => {
     void refreshWalletBalance();
   }, [refreshWalletBalance]);
+  react.useEffect(
+    () => () => {
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+    },
+    []
+  );
   const balanceData = walletBalance.step === "loaded" ? walletBalance.data : null;
   const allAssets = balanceData?.balances ?? [];
   const sortedAssets = [
@@ -2635,9 +2820,17 @@ function SendModal({ onClose }) {
   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 ? `https://stellar.expert/explorer/${explorerNetwork}/tx/${hash}` : null;
-  const isInProgress = transaction.step === "building" || transaction.step === "signing";
+  const IN_FLIGHT_STEPS2 = [
+    "building",
+    "signing",
+    "submitting",
+    "submitted",
+    "signing-submitting",
+    "building-signing-submitting"
+  ];
+  const isInProgress = IN_FLIGHT_STEPS2.includes(transaction.step);
   const showBack = step === "tx" && (transaction.step === "error" || transaction.step === "success") && !isInProgress;
-  const txTitle = transaction.step === "signing" ? "Sending\u2026" : transaction.step === "success" ? "Sent!" : transaction.step === "error" ? "Send failed" : "Confirm Send";
+  const txTitle = isInProgress ? "Sending\u2026" : transaction.step === "success" ? "Sent!" : transaction.step === "error" ? "Send failed" : "Confirm Send";
   async function handleSubmit() {
     setFormError("");
     if (!selectedAsset) {
@@ -2669,7 +2862,11 @@ function SendModal({ onClose }) {
     if (!hash) return;
     navigator.clipboard.writeText(hash).then(() => {
       setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+      copyTimerRef.current = setTimeout(() => {
+        copyTimerRef.current = null;
+        setCopied(false);
+      }, 2e3);
     });
   }
   async function handleRetry() {
@@ -2819,16 +3016,7 @@ function SessionsModalTemplate({
                   "aria-hidden": true,
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
-                      {
-                        d: "M10 1v3h-3",
-                        stroke: "currentColor",
-                        strokeWidth: "1.5",
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round"
-                      }
-                    )
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
                   ]
                 }
               ),
@@ -2896,9 +3084,12 @@ function SessionsModal({ onClose }) {
   const [revokingFamilyId, setRevokingFamilyId] = react.useState(null);
   const [signingOutEverywhere, setSigningOutEverywhere] = react.useState(false);
   const mountedRef = react.useRef(true);
-  react.useEffect(() => () => {
-    mountedRef.current = false;
-  }, []);
+  react.useEffect(
+    () => () => {
+      mountedRef.current = false;
+    },
+    []
+  );
   const onCloseRef = react.useRef(onClose);
   onCloseRef.current = onClose;
   react.useEffect(() => {
@@ -2930,9 +3121,7 @@ function SessionsModal({ onClose }) {
         await load();
       } catch {
         if (!mountedRef.current) return;
-        setState(
-          (prev) => prev.step === "loaded" ? { step: "error", message: "Failed to revoke session" } : prev
-        );
+        setState((prev) => prev.step === "loaded" ? { step: "error", message: "Failed to revoke session" } : prev);
       } finally {
         if (mountedRef.current) setRevokingFamilyId(null);
       }
@@ -2996,55 +3185,53 @@ function TransactionModalTemplate({
     "--pollar-input-border-radius": "0.5rem",
     "--pollar-card-border-radius": "10px"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "pollar-modal-card pollar-tx-modal",
-      "data-theme": theme,
-      style: cssVars,
-      onClick: (e) => e.stopPropagation(),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Transaction" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            width: "18",
-            height: "18",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            "aria-hidden": true,
-            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          TxStatusView,
-          {
-            transaction,
-            showXdr,
-            copied,
-            explorerUrl,
-            walletType,
-            onSignAndSend,
-            onToggleXdr,
-            onCopyHash,
-            onRetry,
-            onDone: onClose
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-tx-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Transaction" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-close-btn", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: "18",
+        height: "18",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": true,
+        children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TxStatusView,
+      {
+        transaction,
+        showXdr,
+        copied,
+        explorerUrl,
+        walletType,
+        onSignAndSend,
+        onToggleXdr,
+        onCopyHash,
+        onRetry,
+        onDone: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+  ] });
 }
 function TransactionModal({ onClose }) {
   const { getClient, styles, tx: transaction, network, walletType } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [showXdr, setShowXdr] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
+  const copyTimerRef = react.useRef(null);
+  react.useEffect(
+    () => () => {
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+    },
+    []
+  );
   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";
@@ -3058,7 +3245,11 @@ function TransactionModal({ onClose }) {
     if (!hash) return;
     navigator.clipboard.writeText(hash).then(() => {
       setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+      copyTimerRef.current = setTimeout(() => {
+        copyTimerRef.current = null;
+        setCopied(false);
+      }, 2e3);
     });
   }
   async function handleRetry() {
@@ -3125,97 +3316,128 @@ function TxHistoryModalTemplate({
   const hasPrev = offset > 0;
   const hasNext = offset + PAGE_SIZE < total;
   const showPagination = txHistory.step === "loaded" && total > PAGE_SIZE;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-hist-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: "Transaction History" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "svg",
-            {
-              className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
-              width: "13",
-              height: "13",
-              viewBox: "0 0 13 13",
-              fill: "none",
-              "aria-hidden": true,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "path",
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-hist-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: "Transaction History" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
+                  width: "13",
+                  height: "13",
+                  viewBox: "0 0 13 13",
+                  fill: "none",
+                  "aria-hidden": true,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                  ]
+                }
+              ),
+              "Refresh"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("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" }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-list", children: [
+          txHistory.step === "idle" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Click Refresh to load transactions." }),
+          isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          txHistory.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: txHistory.message }),
+          txHistory.step === "loaded" && records.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No transactions yet." }),
+          records.map((record) => {
+            const explorerUrl = `https://stellar.expert/explorer/${record.network === "testnet" ? "testnet" : "public"}/tx/${record.hash}`;
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-summary", children: record.summary }),
+              /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: record.status }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-meta", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: record.operation }),
+                record.feeXlm && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "\xB7 ",
+                  record.feeXlm,
+                  " XLM"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "\xB7 ",
+                  formatDate(record.createdAt)
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "a",
                   {
-                    d: "M11.5 6.5a5 5 0 11-1.5-3.536",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round"
+                    className: "pollar-hist-item-explorer",
+                    href: explorerUrl,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    "aria-label": "View on Stellar Explorer",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "11", height: "11", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "path",
+                          {
+                            d: "M5 2H2a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V8",
+                            stroke: "currentColor",
+                            strokeWidth: "1.5",
+                            strokeLinecap: "round"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "path",
+                          {
+                            d: "M8 1h4m0 0v4m0-4L6 7",
+                            stroke: "currentColor",
+                            strokeWidth: "1.5",
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        )
+                      ] }),
+                      "Explorer"
+                    ]
                   }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-              ]
-            }
-          ),
-          "Refresh"
+                )
+              ] })
+            ] }, record.id);
+          })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("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" }) }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-list", children: [
-      txHistory.step === "idle" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Click Refresh to load transactions." }),
-      isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
-      txHistory.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: txHistory.message }),
-      txHistory.step === "loaded" && records.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No transactions yet." }),
-      records.map((record) => {
-        const explorerUrl = `https://stellar.expert/explorer/${record.network === "testnet" ? "testnet" : "public"}/tx/${record.hash}`;
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-item", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-hist-item-summary", children: record.summary }),
-          /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: record.status }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-item-meta", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: record.operation }),
-            record.feeXlm && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              "\xB7 ",
-              record.feeXlm,
-              " XLM"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              "\xB7 ",
-              formatDate(record.createdAt)
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("a", { className: "pollar-hist-item-explorer", href: explorerUrl, target: "_blank", rel: "noopener noreferrer", "aria-label": "View on Stellar Explorer", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "11", height: "11", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 2H2a1 1 0 00-1 1v8a1 1 0 001 1h8a1 1 0 001-1V8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 1h4m0 0v4m0-4L6 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-              ] }),
-              "Explorer"
-            ] })
+        showPagination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-pagination", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-pagination-info", children: [
+            offset + 1,
+            "\u2013",
+            Math.min(offset + PAGE_SIZE, total),
+            " of ",
+            total
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-pagination-btns", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-hist-page-btn", onClick: onPrev, disabled: !hasPrev, children: "\u2190 Prev" }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-hist-page-btn", onClick: onNext, disabled: !hasNext, children: "Next \u2192" })
           ] })
-        ] }, record.id);
-      })
-    ] }),
-    showPagination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-pagination", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-hist-pagination-info", children: [
-        offset + 1,
-        "\u2013",
-        Math.min(offset + PAGE_SIZE, total),
-        " of ",
-        total
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-hist-pagination-btns", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-hist-page-btn", onClick: onPrev, disabled: !hasPrev, children: "\u2190 Prev" }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-hist-page-btn", onClick: onNext, disabled: !hasNext, children: "Next \u2192" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
-  ] });
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
 }
 var PAGE_SIZE2 = 10;
 function TxHistoryModal({ onClose }) {
   const { getClient, styles, txHistory } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [offset, setOffset] = react.useState(0);
-  const load = react.useCallback((nextOffset) => {
-    setOffset(nextOffset);
-    void getClient().fetchTxHistory({ limit: PAGE_SIZE2, offset: nextOffset });
-  }, [getClient]);
+  const load = react.useCallback(
+    (nextOffset) => {
+      setOffset(nextOffset);
+      void getClient().fetchTxHistory({ limit: PAGE_SIZE2, offset: nextOffset });
+    },
+    [getClient]
+  );
   react.useEffect(() => {
     load(0);
   }, [load]);
@@ -3338,28 +3560,31 @@ function WalletBalanceModal({ onClose }) {
     }
   ) });
 }
-var emptyResponse = {
-  application: {
-    name: ""
-  },
+var DEFAULT_APP_CONFIG = {
+  application: { name: "" },
   styles: {}
 };
-async function fetchRemoteConfig(client) {
-  const content = await client.getAppConfig();
-  return content ?? emptyResponse;
+function sessionsEqual(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  return a.clientSessionId === b.clientSessionId && a.userId === b.userId && a.status === b.status && a.token?.accessToken === b.token?.accessToken && a.token?.refreshToken === b.token?.refreshToken && a.token?.expiresAt === b.token?.expiresAt && a.wallet?.publicKey === b.wallet?.publicKey;
 }
 var PollarContext = react.createContext(null);
-function PollarProvider({ config, styles: propStyles, adapters, children }) {
-  const [pollarClient] = react.useState(() => new core.PollarClient(config));
+function PollarProvider({
+  client,
+  appConfig: appConfigProp,
+  ui,
+  adapters,
+  onStorageDegrade,
+  children
+}) {
+  const [pollarClient] = react.useState(() => client instanceof core.PollarClient ? client : new core.PollarClient(client));
   const [networkState, setNetworkState] = react.useState(() => pollarClient.getNetworkState());
   const [sessionState, setSessionState] = react.useState(null);
   const [transaction, setTransaction] = react.useState({ step: "idle" });
   const [txHistory, setTxHistory] = react.useState({ step: "idle" });
   const [walletBalance, setWalletBalance] = react.useState({ step: "idle" });
-  const [remoteConfig, setRemoteConfig] = react.useState(emptyResponse);
-  const [styles, setStyles] = react.useState(propStyles ?? {});
-  const propStylesRef = react.useRef(propStyles);
-  propStylesRef.current = propStyles;
+  const [resolvedConfig, setResolvedConfig] = react.useState(() => appConfigProp ?? DEFAULT_APP_CONFIG);
   react.useEffect(() => {
     return pollarClient.onTransactionStateChange(setTransaction);
   }, [pollarClient]);
@@ -3374,28 +3599,32 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
       setNetworkState(state);
     });
   }, [pollarClient]);
+  react.useEffect(() => {
+    if (!onStorageDegrade) return;
+    return pollarClient.onStorageDegrade(onStorageDegrade);
+  }, [pollarClient, onStorageDegrade]);
   react.useEffect(() => {
     return pollarClient.onAuthStateChange((authState) => {
       if (authState.step === "authenticated") {
-        setSessionState((prev) => JSON.stringify(prev) !== JSON.stringify(authState.session) ? authState.session : prev);
+        setSessionState((prev) => sessionsEqual(prev, authState.session) ? prev : authState.session);
       } else if (authState.step === "idle") {
         setSessionState(null);
       }
     });
   }, [pollarClient]);
   react.useEffect(() => {
-    const propStyles2 = propStylesRef.current;
-    fetchRemoteConfig(pollarClient).then((fetched) => {
-      setRemoteConfig(fetched);
-      setStyles({
-        ...fetched.styles,
-        ...propStyles2,
-        providers: { ...fetched.styles?.providers, ...propStyles2?.providers }
-      });
-    }).catch(() => {
-      setStyles(propStyles2 ?? {});
+    if (appConfigProp !== void 0) return;
+    let cancelled = false;
+    pollarClient.getAppConfig().then((fetched) => {
+      if (cancelled || !fetched) return;
+      setResolvedConfig(fetched);
+    }).catch((err) => {
+      console.error("[PollarProvider] getAppConfig failed", err);
     });
-  }, [pollarClient]);
+    return () => {
+      cancelled = true;
+    };
+  }, [pollarClient, appConfigProp]);
   const [loginModalOpen, setLoginModalOpen] = react.useState(false);
   const [transactionModalOpen, setTransactionModalOpen] = react.useState(false);
   const [kycModalOpen, setKycModalOpen] = react.useState(false);
@@ -3407,13 +3636,13 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
   const [receiveModalOpen, setReceiveModalOpen] = react.useState(false);
   const [sessionsModalOpen, setSessionsModalOpen] = react.useState(false);
   const [distributionRulesModalOpen, setDistributionRulesModalOpen] = react.useState(false);
-  const adaptersRef = react.useRef(adapters);
-  adaptersRef.current = adapters;
   const walletAddress = sessionState?.wallet?.publicKey || "";
   const getClient = react.useCallback(() => pollarClient, [pollarClient]);
   const refreshWalletBalance = react.useCallback(() => pollarClient.refreshBalance(walletAddress), [pollarClient, walletAddress]);
-  const contextValue = react.useMemo(
-    () => ({
+  const renderWallets = ui?.renderWallets;
+  const contextValue = react.useMemo(() => {
+    const styles = resolvedConfig.styles ?? {};
+    return {
       // session
       walletAddress,
       isAuthenticated: !!walletAddress,
@@ -3428,6 +3657,10 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
       tx: transaction,
       buildTx: (operation, params, options) => pollarClient.buildTx(operation, params, options),
       signAndSubmitTx: (unsignedXdr) => pollarClient.signAndSubmitTx(unsignedXdr),
+      signTx: (unsignedXdr) => pollarClient.signTx(unsignedXdr),
+      submitTx: (signedXdr) => pollarClient.submitTx(signedXdr),
+      buildAndSignAndSubmitTx: (operation, params, options) => pollarClient.buildAndSignAndSubmitTx(operation, params, options),
+      runTx: (operation, params, options) => pollarClient.runTx(operation, params, options),
       openTxModal: () => setTransactionModalOpen(true),
       // tx history
       txHistory,
@@ -3454,23 +3687,24 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
       // ramp
       openRampModal: () => setRampModalOpen(true),
       // config
-      appConfig: remoteConfig,
+      appConfig: resolvedConfig,
       styles,
-      adapters: adaptersRef.current
-    }),
-    [
-      walletAddress,
-      pollarClient,
-      getClient,
-      transaction,
-      txHistory,
-      walletBalance,
-      refreshWalletBalance,
-      networkState,
-      remoteConfig,
-      styles
-    ]
-  );
+      renderWallets,
+      adapters
+    };
+  }, [
+    walletAddress,
+    pollarClient,
+    getClient,
+    transaction,
+    txHistory,
+    walletBalance,
+    refreshWalletBalance,
+    networkState,
+    resolvedConfig,
+    adapters,
+    renderWallets
+  ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(PollarContext.Provider, { value: contextValue, children: [
     children,
     loginModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setLoginModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(LoginModal, { onClose: () => setLoginModalOpen(false) }) }),
@@ -3514,7 +3748,7 @@ function createPollarAdapterHook(key) {
         name,
         async (params) => {
           const { unsignedTransaction } = await fn(params);
-          await signAndSubmitTx(unsignedTransaction);
+          return signAndSubmitTx(unsignedTransaction);
         }
       ])
     );
@@ -3563,33 +3797,22 @@ function WalletButtonTemplate({
         "aria-busy": isInProgress,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "wallet-btn-label", children: cropWallet(walletAddress) }),
-          isInProgress ? /* @__PURE__ */ jsxRuntime.jsxs(
-            "svg",
-            {
-              className: "wallet-btn-spinner",
-              viewBox: "0 0 12 12",
-              width: "12",
-              height: "12",
-              fill: "none",
-              "aria-hidden": true,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "4.5", stroke: "rgba(255,255,255,0.35)", strokeWidth: "1.5" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "circle",
-                  {
-                    cx: "6",
-                    cy: "6",
-                    r: "4.5",
-                    stroke: "white",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeDasharray: "14 9",
-                    transform: "rotate(-90 6 6)"
-                  }
-                )
-              ]
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
+          isInProgress ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "wallet-btn-spinner", viewBox: "0 0 12 12", width: "12", height: "12", fill: "none", "aria-hidden": true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6", cy: "6", r: "4.5", stroke: "rgba(255,255,255,0.35)", strokeWidth: "1.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "circle",
+              {
+                cx: "6",
+                cy: "6",
+                r: "4.5",
+                stroke: "white",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeDasharray: "14 9",
+                transform: "rotate(-90 6 6)"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx(
             "svg",
             {
               className: `wallet-chevron${open ? " open" : ""}`,
@@ -3607,53 +3830,131 @@ function WalletButtonTemplate({
     ),
     open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "wallet-dropdown", style: { backgroundColor: dropdownBg, borderColor: dropdownBorder }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onSend, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
-          /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+              /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+            ]
+          }
+        ),
         "Send"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onReceive, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "8 17 12 21 16 17" }),
-          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "12", x2: "12", y2: "21" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" })
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "8 17 12 21 16 17" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "12", y1: "12", x2: "12", y2: "21" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" })
+            ]
+          }
+        ),
         "Receive"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "wallet-dropdown-divider" }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onCopy, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+            ]
+          }
+        ),
         copied ? "Copied!" : "Copy address"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onWalletBalance, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "12", r: "2" }),
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 8H12" })
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "4", width: "22", height: "16", rx: "2", ry: "2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "12", r: "2" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22 8H12" })
+            ]
+          }
+        ),
         "Wallet balance"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item", style: { color: itemColor }, onClick: onTxHistory, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-          /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "14,2 14,8 20,8" }),
-          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
-          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
-          /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "10,9 9,9 8,9" })
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+              /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "14,2 14,8 20,8" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+              /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "10,9 9,9 8,9" })
+            ]
+          }
+        ),
         "Transaction history"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "wallet-dropdown-divider" }),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "wallet-dropdown-item danger", onClick: onLogout, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
-          /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16,17 21,12 16,7" }),
-          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
-        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            width: "14",
+            height: "14",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16,17 21,12 16,7" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
+            ]
+          }
+        ),
         "Log out"
       ] })
     ] })
@@ -3675,6 +3976,7 @@ function WalletButton() {
   const [open, setOpen] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
   const wrapperRef = react.useRef(null);
+  const copyTimerRef = react.useRef(null);
   const isInProgress = transaction.step === "building" || transaction.step === "signing";
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const isDark = theme === "dark";
@@ -3690,11 +3992,21 @@ function WalletButton() {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
+  react.useEffect(
+    () => () => {
+      if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+    },
+    []
+  );
   async function handleCopy() {
     if (!walletAddress) return;
     await navigator.clipboard.writeText(walletAddress);
     setCopied(true);
-    setTimeout(() => setCopied(false), 1500);
+    if (copyTimerRef.current !== null) clearTimeout(copyTimerRef.current);
+    copyTimerRef.current = setTimeout(() => {
+      copyTimerRef.current = null;
+      setCopied(false);
+    }, 1500);
   }
   function handleLogout() {
     setOpen(false);