@swype-org/react-sdk 0.2.364 → 0.2.372

package/dist/index.cjs

@@ -636,6 +636,21 @@ function resolveSelectSourceOption(choices, options, chainName, tokenSymbol, rec
   ));
 }
 
+// src/walletFlow.ts
+var MOBILE_USER_AGENT_PATTERN = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
+function isMobileUserAgent(userAgent) {
+  if (!userAgent) {
+    return false;
+  }
+  return MOBILE_USER_AGENT_PATTERN.test(userAgent);
+}
+function shouldUseWalletConnector(options) {
+  return options.useWalletConnector ?? !isMobileUserAgent(options.userAgent);
+}
+function resolveCoinbasePreferenceOptions(userAgent) {
+  return isMobileUserAgent(userAgent) ? "all" : "eoaOnly";
+}
+
 // src/walletBridge/protocol.ts
 var BRIDGE_PROTOCOL_VERSION = 1;
 function parseBridgeMessage(data) {
@@ -1006,18 +1021,28 @@ function FingerprintVisitorPing() {
   return null;
 }
 function buildStaticConnectors() {
+  const userAgent = typeof navigator === "undefined" ? null : navigator.userAgent;
   return [
     // `unstable_shimAsyncInject` covers wallets whose content scripts wire
     // up after page load (Phantom, Trust, MetaMask in the iframe).
     connectors.injected({ unstable_shimAsyncInject: 2e3 }),
-    // `preference: 'all'` (default) lets the Coinbase Wallet SDK prefer an
-    // injected provider when one is present. This matters inside Base's
-    // mobile in-app WebView: with `smartWalletOnly`, the SDK routes signing
-    // through `keys.coinbase.com`, which in an iOS WKWebView navigates the
-    // webview itself (full page reload after each signature). With `all`,
-    // the SDK uses the Base WebView's injected `window.ethereum` directly,
-    // keeping signing in-process. Desktop/extension users are unaffected.
-    connectors.coinbaseWallet({ appName: "Swype", preference: { options: "all" } })
+    // Coinbase Wallet SDK connection preference is platform-specific
+    // (see `resolveCoinbasePreferenceOptions`):
+    //   • Desktop → `eoaOnly`: in smart-wallet mode the Base extension hands
+    //     the dapp a separate, often-empty smart-wallet account instead of the
+    //     user's funded EOA → "no assets". `eoaOnly` binds the funded EOA.
+    //   • Mobile (Base in-app WebView) → `all`: signing must use the injected
+    //     `window.ethereum`; the SDK path reloads the iOS WKWebView after each
+    //     signature.
+    //
+    // Exactly ONE Coinbase connector: two `@coinbase/wallet-sdk` instances in
+    // one page collide on shared `window` listeners + the Communicator (Privy
+    // connector-init timeout, listener leaks, duplicated `client-project-name`
+    // that 400s the connect), so we never register a second one.
+    connectors.coinbaseWallet({
+      appName: "Blink",
+      preference: { options: resolveCoinbasePreferenceOptions(userAgent) }
+    })
   ];
 }
 function buildWagmiConfig(bridgedWallets) {
@@ -1167,9 +1192,10 @@ function buildTargetMatchers(target) {
       aliases.add("io.metamask");
     }
     if (value === "base" || value === "base account" || value === "base app" || value.includes("coinbase")) {
-      aliases.add("base");
       aliases.add("coinbase");
       aliases.add("coinbasewalletsdk");
+      aliases.add("com.coinbase.wallet");
+      aliases.add("baseaccount");
     }
     if (value.includes("trust")) {
       aliases.add("trust");
@@ -1243,19 +1269,70 @@ async function withTimeout(promise, ms, label) {
     if (timer !== void 0) clearTimeout(timer);
   }
 }
-function isReloadingCoinbaseConnector(connector) {
+function isCoinbaseSdkConnector(connector) {
   if (!connector) return false;
   return connectorMatchesWallet(
     { id: connector.id, name: connector.name ?? "" },
     { wagmiConnectorId: "coinbaseWalletSDK" }
   );
 }
+var COINBASE_SDK_STORAGE_PREFIXES = ["-CBWSDK", "-walletlink"];
+var COINBASE_SIGNER_TYPE_STORAGE_KEY = "-CBWSDK:SignerConfigurator:SignerType";
+function loadCoinbaseSignerType() {
+  if (typeof window === "undefined" || !window.localStorage) return null;
+  try {
+    return window.localStorage.getItem(COINBASE_SIGNER_TYPE_STORAGE_KEY);
+  } catch {
+    return null;
+  }
+}
+function clearCoinbaseWalletSdkSession() {
+  if (typeof window === "undefined" || !window.localStorage) return;
+  try {
+    const store = window.localStorage;
+    const keysToRemove = [];
+    for (let i = 0; i < store.length; i += 1) {
+      const key = store.key(i);
+      if (key && COINBASE_SDK_STORAGE_PREFIXES.some((prefix) => key.startsWith(prefix))) {
+        keysToRemove.push(key);
+      }
+    }
+    keysToRemove.forEach((key) => store.removeItem(key));
+    console.info("[blink-sdk][disconnect] cleared Coinbase Wallet SDK session", {
+      clearedKeys: keysToRemove.length
+    });
+  } catch (err) {
+    console.info("[blink-sdk][disconnect] failed to clear Coinbase Wallet SDK session", err);
+  }
+}
+function resetWagmiConnectionInMemory(wagmiConfig, connector) {
+  if (!connector) return;
+  try {
+    const target = connector;
+    const connections = [...wagmiConfig.state.connections.values()];
+    const match = connections.find((conn) => {
+      const live2 = conn.connector;
+      if (target.uid && live2.uid) return live2.uid === target.uid;
+      return live2.id === target.id;
+    });
+    const live = match?.connector;
+    if (!live?.emitter) return;
+    live.emitter.emit("disconnect");
+    console.info("[blink-sdk][disconnect] reset wagmi in-memory connection via emitter", {
+      connectorId: live.id
+    });
+  } catch (err) {
+    console.info("[blink-sdk][disconnect] failed to reset wagmi in-memory connection", err);
+  }
+}
 async function safeDisconnect(wagmiConfig, connector) {
-  if (isReloadingCoinbaseConnector(connector)) {
+  if (isCoinbaseSdkConnector(connector)) {
     console.info(
-      "[blink-sdk][disconnect] skipping wagmi disconnect for Coinbase WalletLink connector",
+      "[blink-sdk][disconnect] clearing Coinbase Wallet SDK session instead of wagmi disconnect",
       { connectorId: connector?.id }
     );
+    clearCoinbaseWalletSdkSession();
+    resetWagmiConnectionInMemory(wagmiConfig, connector);
     return;
   }
   await core.disconnect(wagmiConfig, { connector }).catch(() => {
@@ -3909,6 +3986,23 @@ function isUserRejection(msg) {
   const lower = msg.toLowerCase();
   return lower.includes("rejected") || lower.includes("denied");
 }
+var EmptyConnectionAccountError = class extends Error {
+  constructor(message = "Wallet connected but returned no account address.") {
+    super(message);
+    this.name = "EmptyConnectionAccountError";
+  }
+};
+var EVM_ADDRESS_RE = /^0x[0-9a-fA-F]{40}$/;
+function assertNonEmptyConnectedAddress(address, ctx) {
+  if (typeof address === "string" && EVM_ADDRESS_RE.test(address)) {
+    return;
+  }
+  appendDebug("error", "OPEN_PROVIDER: empty-or-invalid-connected-address", {
+    ...ctx,
+    address: address ?? null
+  });
+  throw new EmptyConnectionAccountError();
+}
 function requiresExplicitEvmNonce(account) {
   return connectorMatchesWallet(account?.connector, { providerName: "trust" }) || connectorMatchesWallet(account?.connector, { providerName: "phantom" });
 }
@@ -4142,7 +4236,8 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
       accountConnectorId: account.connector?.id ?? null,
       accountConnectorName: account.connector?.name ?? null,
       targetId: targetId ?? null,
-      resolvedConnectorId: connector?.id ?? null
+      resolvedConnectorId: connector?.id ?? null,
+      availableConnectorIds: connectors.map((c) => c.id)
     };
     let disconnectedMismatchedConnector = false;
     if (account.isConnected && account.address) {
@@ -4150,6 +4245,7 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
       if (connectorMatchesTarget) {
         const hexChainId2 = account.chainId ? `0x${account.chainId.toString(16)}` : void 0;
         const branch = !targetId ? "early-return-no-target" : "early-return-connector-match";
+        assertNonEmptyConnectedAddress(account.address, { ...logContext, branch });
         console.info("[blink-sdk][open-provider] Skipping connectAsync; wagmi already connected.", {
           ...logContext,
           branch
@@ -4173,6 +4269,20 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
       disconnectedMismatchedConnector = true;
     }
     if (!disconnectedMismatchedConnector) {
+      const targetIsCoinbase = connectorMatchesWallet(connector, {
+        wagmiConnectorId: "coinbaseWalletSDK"
+      });
+      const isDesktopUa = !isMobileUserAgent(
+        typeof navigator === "undefined" ? null : navigator.userAgent
+      );
+      if (targetIsCoinbase && isDesktopUa && loadCoinbaseSignerType() === "scw") {
+        console.info(
+          "[blink-sdk][open-provider] Clearing stale Coinbase Smart Wallet (scw) session before reconnect so eoaOnly binds the EOA.",
+          logContext
+        );
+        appendDebug("info", "OPEN_PROVIDER: clearing stale scw session before reconnect", logContext);
+        clearCoinbaseWalletSdkSession();
+      }
       console.info("[blink-sdk][open-provider] Attempting silent reconnect.", logContext);
       appendDebug("info", "OPEN_PROVIDER: attempting silent reconnect", logContext);
       const reconnections = await core.reconnect(wagmiConfig).catch(() => []);
@@ -4187,6 +4297,7 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
             reconnectedConnectorId: reconnectedAccount.connector?.id ?? null,
             reconnectionCount: reconnections.length
           };
+          assertNonEmptyConnectedAddress(reconnectedAccount.address, reconnectLogContext);
           console.info(
             "[blink-sdk][open-provider] Silent reconnect succeeded; skipping connectAsync.",
             reconnectLogContext
@@ -4254,6 +4365,10 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
     });
     const result = await connectAsync({ connector });
     const hexChainId = `0x${result.chainId.toString(16)}`;
+    assertNonEmptyConnectedAddress(result.accounts[0], {
+      ...logContext,
+      branch: "connectAsync-result"
+    });
     return actionSuccess(
       action,
       `Connected to ${connector.name}. Account: ${result.accounts[0]}, Chain: ${hexChainId}`,
@@ -4261,15 +4376,23 @@ async function executeOpenProvider(action, wagmiConfig, connectors, connectAsync
     );
   } catch (err) {
     const msg = err instanceof Error ? err.message : "Failed to connect wallet";
-    if (options?.externalAuthorizationAvailable && isUserRejection(msg) && action.metadata?.chainFamily !== "svm") {
-      appendDebug("info", "OPEN_PROVIDER: user-rejection-soft-halt", {
+    const emptyAccount = err instanceof EmptyConnectionAccountError;
+    if (options?.externalAuthorizationAvailable && (isUserRejection(msg) || emptyAccount) && action.metadata?.chainFamily !== "svm") {
+      appendDebug("info", "OPEN_PROVIDER: soft-halt", {
         actionId: action.id,
-        externalAuthorizationAvailable: true
+        externalAuthorizationAvailable: true,
+        reason: emptyAccount ? "empty-account" : "user-rejection"
       });
       return actionPending(
         action,
         "awaiting-external-authorization",
-        "Wallet connection prompt dismissed \u2014 awaiting completion via cross-device authorization."
+        emptyAccount ? "Wallet returned no account \u2014 awaiting completion via cross-device authorization." : "Wallet connection prompt dismissed \u2014 awaiting completion via cross-device authorization."
+      );
+    }
+    if (emptyAccount) {
+      return actionError(
+        action,
+        "We couldn't read an address from that wallet. Please reconnect and make sure an account is selected."
       );
     }
     if (action.metadata?.chainFamily === "svm") {
@@ -6975,18 +7098,6 @@ function updateTrackedSession(sessions, ownerSessionId, reportedSession, actionS
   }
 }
 
-// src/walletFlow.ts
-var MOBILE_USER_AGENT_PATTERN = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
-function isMobileUserAgent(userAgent) {
-  if (!userAgent) {
-    return false;
-  }
-  return MOBILE_USER_AGENT_PATTERN.test(userAgent);
-}
-function shouldUseWalletConnector(options) {
-  return options.useWalletConnector ?? !isMobileUserAgent(options.userAgent);
-}
-
 // src/enterAmountInput.ts
 var MAX_FRACTION_DIGITS = 2;
 function isDigit(value) {
@@ -8586,6 +8697,52 @@ var buttonStyle = (color, hovered) => ({
   flexShrink: 0,
   transition: "background 0.15s ease"
 });
+var INTERCOM_HELP_URL = "https://intercom.help/blinkcash/en/";
+var TERMS_URL = "https://blink.cash/terms";
+function SupportFooter() {
+  const { tokens } = useBlinkConfig();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle2(tokens.textMuted), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: INTERCOM_HELP_URL,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: linkStyle(tokens.textMuted),
+        children: "Help"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", style: dotStyle(tokens.textTertiary), children: "\u2022" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: TERMS_URL,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        style: linkStyle(tokens.textMuted),
+        children: "Terms"
+      }
+    )
+  ] });
+}
+var containerStyle2 = (color) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 10,
+  fontSize: "0.8rem",
+  color,
+  padding: "4px 0"
+});
+var linkStyle = (color) => ({
+  color,
+  fontWeight: 500,
+  textDecoration: "none"
+});
+var dotStyle = (color) => ({
+  color,
+  fontSize: "0.8rem"
+});
 function SettingsMenu({ onLogout }) {
   const { tokens } = useBlinkConfig();
   const [open, setOpen] = react.useState(false);
@@ -8601,7 +8758,7 @@ function SettingsMenu({ onLogout }) {
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [open]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: menuRef, style: containerStyle2, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: menuRef, style: containerStyle3, children: [
     /* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: toggle, "aria-label": "Settings", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", children: [
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "5", r: "2", fill: "currentColor" }),
       /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "2", fill: "currentColor" }),
@@ -8611,7 +8768,7 @@ function SettingsMenu({ onLogout }) {
       /* @__PURE__ */ jsxRuntime.jsxs(
         "a",
         {
-          href: "https://intercom.help/blinkcash/en/",
+          href: INTERCOM_HELP_URL,
           target: "_blank",
           rel: "noopener noreferrer",
           onClick: () => setOpen(false),
@@ -8648,7 +8805,7 @@ function SettingsMenu({ onLogout }) {
     ] })
   ] });
 }
-var containerStyle2 = {
+var containerStyle3 = {
   position: "relative"
 };
 var dropdownStyle = (tokens) => ({
@@ -8738,7 +8895,7 @@ var badgeStyle = (color) => ({
 });
 function PoweredByFooter() {
   const { tokens } = useBlinkConfig();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle3(tokens.textMuted), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: rowStyle, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle4(tokens.textMuted), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: rowStyle, children: [
     /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
       "path",
       {
@@ -8749,7 +8906,7 @@ function PoweredByFooter() {
     /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Powered by Blink" })
   ] }) });
 }
-var containerStyle3 = (color) => ({
+var containerStyle4 = (color) => ({
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -9459,12 +9616,12 @@ var defaultIcon = /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "
 ) });
 function InfoBanner({ children, icon }) {
   const { tokens } = useBlinkConfig();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle4(tokens.accent), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle5(tokens.accent), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: iconStyle, children: icon ?? defaultIcon }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: textStyle, children })
   ] });
 }
-var containerStyle4 = (accent) => ({
+var containerStyle5 = (accent) => ({
   display: "flex",
   alignItems: "flex-start",
   gap: 10,
@@ -9482,7 +9639,7 @@ var iconStyle = {
 };
 var textStyle = { flex: 1 };
 function WarningBanner({ title, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle5, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle6, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: headerStyle2, children: [
       /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", style: iconStyle2, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z", fill: "#F57C00" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("strong", { children: title })
@@ -9490,7 +9647,7 @@ function WarningBanner({ title, children }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { style: bodyStyle2, children })
   ] });
 }
-var containerStyle5 = {
+var containerStyle6 = {
   padding: "14px 16px",
   background: "#FFF8E1",
   border: "1px solid #FFE082",
@@ -9540,7 +9697,7 @@ function NotificationBanner({
 }) {
   const { tokens } = useBlinkConfig();
   const color = variant === "negative" ? NEGATIVE_FG : tokens.text;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle6(tokens.bgRecessed), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: containerStyle7(tokens.bgRecessed), children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...iconWrapStyle2, color }, children: icon ?? defaultIcon2 }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...textColStyle, color }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { style: titleStyle3, children: title }),
@@ -9548,7 +9705,7 @@ function NotificationBanner({
     ] })
   ] });
 }
-var containerStyle6 = (bg) => ({
+var containerStyle7 = (bg) => ({
   display: "flex",
   alignItems: "flex-start",
   gap: 16,
@@ -9643,7 +9800,7 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     onChange(pasted);
     focusInput(Math.min(pasted.length, length - 1));
   }, [onChange, length, focusInput]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle7, children: digits.map((digit, i) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle8, children: digits.map((digit, i) => /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
       ref: (el) => {
@@ -9664,7 +9821,7 @@ function OtpInput({ value, onChange, length = 6, disabled }) {
     i
   )) });
 }
-var containerStyle7 = {
+var containerStyle8 = {
   display: "flex",
   gap: 8,
   justifyContent: "center",
@@ -11130,7 +11287,8 @@ function LoginScreen({
             style: secondaryTextStyle(tokens, loading),
             children: secondaryLabel
           }
-        )
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(SupportFooter, {})
       ] }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(ScreenHeader, { onBack, right: headerRight }),
@@ -11302,7 +11460,7 @@ function DepositOptionsScreen({
   const { tokens, promoTagText } = useBlinkConfig();
   const [manualHovered, setManualHovered] = react.useState(false);
   const [manualPressed, setManualPressed] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { hideScrollbar: true, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { hideScrollbar: true, footer: /* @__PURE__ */ jsxRuntime.jsx(SupportFooter, {}), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ScreenHeader,
       {
@@ -11457,7 +11615,7 @@ function WelcomeBackScreen({
   const [depositPressed, setDepositPressed] = react.useState(false);
   const [manualHovered, setManualHovered] = react.useState(false);
   const [manualPressed, setManualPressed] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { footer: /* @__PURE__ */ jsxRuntime.jsx(SupportFooter, {}), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ScreenHeader,
       {
@@ -15170,7 +15328,7 @@ function DepositAddressScreen({
   const waitingForQr = !!depositAddress && !qrReady;
   const awaitingSession = !!selectedOption && !session && !loading;
   const showShimmer = loadingSources || showLoading || waitingForQr || awaitingSession;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(ScreenLayout, { footer: /* @__PURE__ */ jsxRuntime.jsx(SupportFooter, {}), children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       ScreenHeader,
       {