@turnkey/react-wallet-kit 2.0.0 → 2.1.0

package/dist/components/auth/wallet/WalletButtonSkeleton.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var constants = require('./constants.js');
+
+function WalletButtonSkeleton() {
+  return jsxRuntime.jsxs("div", {
+    style: {
+      height: `${constants.WALLET_BUTTON_HEIGHT}px`
+    },
+    className: "flex items-center gap-2 rounded-xl bg-button-light dark:bg-button-dark animate-pulse pointer-events-none px-3",
+    "aria-hidden": "true",
+    children: [jsxRuntime.jsx("div", {
+      className: "size-6 rounded-full bg-icon-background-light dark:bg-icon-background-dark"
+    }), jsxRuntime.jsx("div", {
+      className: "h-3 w-full rounded bg-icon-background-light dark:bg-icon-background-dark"
+    })]
+  });
+}
+
+exports.WalletButtonSkeleton = WalletButtonSkeleton;
+//# sourceMappingURL=WalletButtonSkeleton.js.map

package/dist/components/auth/wallet/WalletButtonSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletButtonSkeleton.js","sources":["../../../../src/components/auth/wallet/WalletButtonSkeleton.tsx"],"sourcesContent":[null],"names":["WalletButtonSkeleton","_jsxs","style","height","WALLET_BUTTON_HEIGHT","className","children","_jsx"],"mappings":";;;;;SAEgBA,oBAAoBA,GAAA;EAClC,OACEC,eAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,KAAK,EAAE;MAAEC,MAAM,EAAE,GAAGC,8BAAoB,CAAA,EAAA;KAAM;AAC9CC,IAAAA,SAAS,EAAC,+GAA+G;AAAA,IAAA,aAAA,EAC7G,MAAM;AAAAC,IAAAA,QAAA,EAAA,CAElBC,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAA2E,KAAA,CAAG,EAC7FE,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAA0E,KAAA,CAAG;AAAA,GAAA,CACxF;AAEV;;;;"}

package/dist/components/auth/wallet/WalletButtonSkeleton.mjs

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { WALLET_BUTTON_HEIGHT } from './constants.mjs';
+
+function WalletButtonSkeleton() {
+  return jsxs("div", {
+    style: {
+      height: "".concat(WALLET_BUTTON_HEIGHT, "px")
+    },
+    className: "flex items-center gap-2 rounded-xl bg-button-light dark:bg-button-dark animate-pulse pointer-events-none px-3",
+    "aria-hidden": "true",
+    children: [jsx("div", {
+      className: "size-6 rounded-full bg-icon-background-light dark:bg-icon-background-dark"
+    }), jsx("div", {
+      className: "h-3 w-full rounded bg-icon-background-light dark:bg-icon-background-dark"
+    })]
+  });
+}
+
+export { WalletButtonSkeleton };
+//# sourceMappingURL=WalletButtonSkeleton.mjs.map

package/dist/components/auth/wallet/WalletButtonSkeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletButtonSkeleton.mjs","sources":["../../../../src/components/auth/wallet/WalletButtonSkeleton.tsx"],"sourcesContent":[null],"names":["WalletButtonSkeleton","_jsxs","style","height","concat","WALLET_BUTTON_HEIGHT","className","children","_jsx"],"mappings":";;;SAEgBA,oBAAoBA,GAAA;EAClC,OACEC,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,KAAK,EAAE;MAAEC,MAAM,EAAA,EAAA,CAAAC,MAAA,CAAKC,oBAAoB,EAAA,IAAA;KAAM;AAC9CC,IAAAA,SAAS,EAAC,+GAA+G;AAAA,IAAA,aAAA,EAC7G,MAAM;AAAAC,IAAAA,QAAA,EAAA,CAElBC,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAA2E,KAAA,CAAG,EAC7FE,GAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC;AAA0E,KAAA,CAAG;AAAA,GAAA,CACxF;AAEV;;;;"}

package/dist/components/auth/wallet/WalletConnectAppChainSelector.d.ts

@@ -0,0 +1,12 @@
+import { type WalletConnectAppEntry } from "@turnkey/core";
+interface WalletConnectAppChainSelectorProps {
+    apps: WalletConnectAppEntry[];
+    onSelect: (app: WalletConnectAppEntry) => Promise<void>;
+}
+/**
+ * A chain selector specifically for WalletConnect app entries.
+ * Displays available chains for a wallet app and allows the user to select one.
+ */
+export declare function WalletConnectAppChainSelector(props: WalletConnectAppChainSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WalletConnectAppChainSelector.d.ts.map

package/dist/components/auth/wallet/WalletConnectAppChainSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectAppChainSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/WalletConnectAppChainSelector.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAS,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGlE,UAAU,kCAAkC;IAC1C,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,qBAAqB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACzD;AAED;;;GAGG;AACH,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,kCAAkC,2CA0E1C"}

package/dist/components/auth/wallet/WalletConnectAppChainSelector.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Buttons = require('../../design/Buttons.js');
+var Svg = require('../../design/Svg.js');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var react = require('react');
+var clsx = require('clsx');
+var core = require('@turnkey/core');
+var Hook = require('../../../providers/modal/Hook.js');
+
+/**
+ * A chain selector specifically for WalletConnect app entries.
+ * Displays available chains for a wallet app and allows the user to select one.
+ */
+function WalletConnectAppChainSelector(props) {
+  const {
+    apps,
+    onSelect
+  } = props;
+  const {
+    isMobile
+  } = Hook.useModal();
+  const [loadingApp, setLoadingApp] = react.useState();
+  const handleSelect = async app => {
+    setLoadingApp(app);
+    try {
+      await onSelect(app);
+    } finally {
+      setLoadingApp(undefined);
+    }
+  };
+  const first = apps[0];
+  return jsxRuntime.jsxs("div", {
+    className: clsx("flex flex-col w-72 gap-4 mt-11 items-center justify-center", isMobile ? "w-full" : "w-72"),
+    children: [jsxRuntime.jsx("img", {
+      src: first?.icon,
+      className: "size-14 rounded-full"
+    }), jsxRuntime.jsxs("span", {
+      className: "text-sm text-center text-icon-text-light dark:text-icon-text-dark",
+      children: [first?.name ?? "This wallet", " supports multiple chains. Select which chain you would like to use."]
+    }), jsxRuntime.jsx("div", {
+      className: "w-full flex flex-col gap-2",
+      children: apps.map(app => {
+        const [isHovering, setIsHovering] = react.useState(false);
+        const isEthereum = app.chain === core.Chain.Ethereum;
+        const isSolana = app.chain === core.Chain.Solana;
+        return jsxRuntime.jsxs(Buttons.ActionButton, {
+          loading: loadingApp === app,
+          loadingText: "Preparing...",
+          onClick: () => handleSelect(app),
+          ...(!isMobile && {
+            onMouseEnter: () => setIsHovering(true),
+            onMouseLeave: () => setIsHovering(false)
+          }),
+          className: "relative overflow-hidden flex items-center justify-start gap-2 w-full text-inherit bg-button-light dark:bg-button-dark",
+          children: [isEthereum ? jsxRuntime.jsx(Svg.EthereumLogo, {
+            className: "size-5"
+          }) : isSolana ? jsxRuntime.jsx(Svg.SolanaLogo, {
+            className: "size-5"
+          }) : jsxRuntime.jsx("span", {
+            className: "size-5 flex items-center justify-center rounded bg-gray-300 dark:bg-gray-700",
+            children: "?"
+          }), jsxRuntime.jsx("div", {
+            className: "flex flex-col items-start",
+            children: isEthereum ? "EVM" : isSolana ? "Solana" : "Unknown"
+          }), jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            className: clsx("absolute transition-all duration-200 text-icon-text-light dark:text-icon-text-dark", isHovering ? "right-4" : "-right-4"),
+            icon: freeSolidSvgIcons.faChevronRight
+          })]
+        }, app.chain);
+      })
+    })]
+  });
+}
+
+exports.WalletConnectAppChainSelector = WalletConnectAppChainSelector;
+//# sourceMappingURL=WalletConnectAppChainSelector.js.map

package/dist/components/auth/wallet/WalletConnectAppChainSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectAppChainSelector.js","sources":["../../../../src/components/auth/wallet/WalletConnectAppChainSelector.tsx"],"sourcesContent":[null],"names":["WalletConnectAppChainSelector","props","apps","onSelect","isMobile","useModal","loadingApp","setLoadingApp","useState","handleSelect","app","undefined","first","_jsxs","className","clsx","children","_jsx","src","icon","name","map","isHovering","setIsHovering","isEthereum","chain","Chain","Ethereum","isSolana","Solana","ActionButton","loading","loadingText","onClick","onMouseEnter","onMouseLeave","EthereumLogo","SolanaLogo","FontAwesomeIcon","faChevronRight"],"mappings":";;;;;;;;;;;;AAcA;;;AAGG;AACG,SAAUA,6BAA6BA,CAC3CC,KAAyC,EAAA;EAEzC,MAAM;IAAEC,IAAI;AAAEC,IAAAA;AAAQ,GAAE,GAAGF,KAAK;EAChC,MAAM;AAAEG,IAAAA;GAAU,GAAGC,aAAQ,EAAE;EAC/B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAQ,EAAyB;AAErE,EAAA,MAAMC,YAAY,GAAG,MAAOC,GAA0B,IAAI;IACxDH,aAAa,CAACG,GAAG,CAAC;IAClB,IAAI;MACF,MAAMP,QAAQ,CAACO,GAAG,CAAC;AACrB,IAAA,CAAC,SAAS;MACRH,aAAa,CAACI,SAAS,CAAC;AAC1B,IAAA;EACF,CAAC;AAED,EAAA,MAAMC,KAAK,GAAGV,IAAI,CAAC,CAAC,CAAC;EAErB,OACEW,eAAA,CAAA,KAAA,EAAA;IACEC,SAAS,EAAEC,IAAI,CACb,4DAA4D,EAC5DX,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAC7B;AAAAY,IAAAA,QAAA,EAAA,CAEDC,cAAA,CAAA,KAAA,EAAA;MAAKC,GAAG,EAAEN,KAAK,EAAEO,IAAI;AAAEL,MAAAA,SAAS,EAAC;AAAsB,KAAA,CAAG,EAC1DD,eAAA,CAAA,MAAA,EAAA;AAAMC,MAAAA,SAAS,EAAC,mEAAmE;MAAAE,QAAA,EAAA,CAChFJ,KAAK,EAAEQ,IAAI,IAAI,aAAa,EAC5B,sEAAsE;AAAA,KAAA,CAClE,EACPH,cAAA,CAAA,KAAA,EAAA;AAAKH,MAAAA,SAAS,EAAC,4BAA4B;AAAAE,MAAAA,QAAA,EACxCd,IAAI,CAACmB,GAAG,CAAEX,GAAG,IAAI;QAChB,MAAM,CAACY,UAAU,EAAEC,aAAa,CAAC,GAAGf,cAAQ,CAAC,KAAK,CAAC;QACnD,MAAMgB,UAAU,GAAGd,GAAG,CAACe,KAAK,KAAKC,UAAK,CAACC,QAAQ;QAC/C,MAAMC,QAAQ,GAAGlB,GAAG,CAACe,KAAK,KAAKC,UAAK,CAACG,MAAM;QAE3C,OACEhB,eAAA,CAACiB,oBAAY,EAAA;UAEXC,OAAO,EAAEzB,UAAU,KAAKI,GAAG;AAC3BsB,UAAAA,WAAW,EAAC,cAAc;AAC1BC,UAAAA,OAAO,EAAEA,MAAMxB,YAAY,CAACC,GAAG,CAAC;UAAA,IAC3B,CAACN,QAAQ,IAAI;AAChB8B,YAAAA,YAAY,EAAEA,MAAMX,aAAa,CAAC,IAAI,CAAC;AACvCY,YAAAA,YAAY,EAAEA,MAAMZ,aAAa,CAAC,KAAK;WACxC,CAAC;AACFT,UAAAA,SAAS,EAAC,wHAAwH;qBAEjIU,UAAU,GACTP,eAACmB,gBAAY,EAAA;AAACtB,YAAAA,SAAS,EAAC;YAAW,GACjCc,QAAQ,GACVX,eAACoB,cAAU,EAAA;AAACvB,YAAAA,SAAS,EAAC;AAAQ,WAAA,CAAG,GAEjCG,cAAA,CAAA,MAAA,EAAA;AAAMH,YAAAA,SAAS,EAAC,8EAA8E;;YAG/F,EAEDG,cAAA,CAAA,KAAA,EAAA;AAAKH,YAAAA,SAAS,EAAC,2BAA2B;sBACvCU,UAAU,GAAG,KAAK,GAAGI,QAAQ,GAAG,QAAQ,GAAG;AAAS,WAAA,CACjD,EAENX,cAAA,CAACqB,gCAAe,EAAA;YACdxB,SAAS,EAAEC,IAAI,CACb,oFAAoF,EACpFO,UAAU,GAAG,SAAS,GAAG,UAAU,CACpC;AACDH,YAAAA,IAAI,EAAEoB;AAAc,WAAA,CACpB;AAAA,SAAA,EA9BG7B,GAAG,CAACe,KAAK,CA+BD;MAEnB,CAAC;AAAC,KAAA,CACE;AAAA,GAAA,CACF;AAEV;;;;"}

package/dist/components/auth/wallet/WalletConnectAppChainSelector.mjs

@@ -0,0 +1,102 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ActionButton } from '../../design/Buttons.mjs';
+import { EthereumLogo, SolanaLogo } from '../../design/Svg.mjs';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
+import { useState } from 'react';
+import clsx from 'clsx';
+import { Chain } from '@turnkey/core';
+import { useModal } from '../../../providers/modal/Hook.mjs';
+
+/**
+ * A chain selector specifically for WalletConnect app entries.
+ * Displays available chains for a wallet app and allows the user to select one.
+ */
+function WalletConnectAppChainSelector(props) {
+  var _first$name;
+  var apps = props.apps,
+    onSelect = props.onSelect;
+  var _useModal = useModal(),
+    isMobile = _useModal.isMobile;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    loadingApp = _useState2[0],
+    setLoadingApp = _useState2[1];
+  var handleSelect = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(app) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            setLoadingApp(app);
+            _context.p = 1;
+            _context.n = 2;
+            return onSelect(app);
+          case 2:
+            _context.p = 2;
+            setLoadingApp(undefined);
+            return _context.f(2);
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1,, 2, 3]]);
+    }));
+    return function handleSelect(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var first = apps[0];
+  return jsxs("div", {
+    className: clsx("flex flex-col w-72 gap-4 mt-11 items-center justify-center", isMobile ? "w-full" : "w-72"),
+    children: [jsx("img", {
+      src: first === null || first === void 0 ? void 0 : first.icon,
+      className: "size-14 rounded-full"
+    }), jsxs("span", {
+      className: "text-sm text-center text-icon-text-light dark:text-icon-text-dark",
+      children: [(_first$name = first === null || first === void 0 ? void 0 : first.name) !== null && _first$name !== void 0 ? _first$name : "This wallet", " supports multiple chains. Select which chain you would like to use."]
+    }), jsx("div", {
+      className: "w-full flex flex-col gap-2",
+      children: apps.map(function (app) {
+        var _useState3 = useState(false),
+          _useState4 = _slicedToArray(_useState3, 2),
+          isHovering = _useState4[0],
+          setIsHovering = _useState4[1];
+        var isEthereum = app.chain === Chain.Ethereum;
+        var isSolana = app.chain === Chain.Solana;
+        return jsxs(ActionButton, _objectSpread2(_objectSpread2({
+          loading: loadingApp === app,
+          loadingText: "Preparing...",
+          onClick: function onClick() {
+            return handleSelect(app);
+          }
+        }, !isMobile && {
+          onMouseEnter: function onMouseEnter() {
+            return setIsHovering(true);
+          },
+          onMouseLeave: function onMouseLeave() {
+            return setIsHovering(false);
+          }
+        }), {}, {
+          className: "relative overflow-hidden flex items-center justify-start gap-2 w-full text-inherit bg-button-light dark:bg-button-dark",
+          children: [isEthereum ? jsx(EthereumLogo, {
+            className: "size-5"
+          }) : isSolana ? jsx(SolanaLogo, {
+            className: "size-5"
+          }) : jsx("span", {
+            className: "size-5 flex items-center justify-center rounded bg-gray-300 dark:bg-gray-700",
+            children: "?"
+          }), jsx("div", {
+            className: "flex flex-col items-start",
+            children: isEthereum ? "EVM" : isSolana ? "Solana" : "Unknown"
+          }), jsx(FontAwesomeIcon, {
+            className: clsx("absolute transition-all duration-200 text-icon-text-light dark:text-icon-text-dark", isHovering ? "right-4" : "-right-4"),
+            icon: faChevronRight
+          })]
+        }), app.chain);
+      })
+    })]
+  });
+}
+
+export { WalletConnectAppChainSelector };
+//# sourceMappingURL=WalletConnectAppChainSelector.mjs.map

package/dist/components/auth/wallet/WalletConnectAppChainSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectAppChainSelector.mjs","sources":["../../../../src/components/auth/wallet/WalletConnectAppChainSelector.tsx"],"sourcesContent":[null],"names":["WalletConnectAppChainSelector","props","_first$name","apps","onSelect","_useModal","useModal","isMobile","_useState","useState","_useState2","_slicedToArray","loadingApp","setLoadingApp","handleSelect","_ref","_asyncToGenerator","_regenerator","m","_callee","app","w","_context","p","n","undefined","f","a","_x","apply","arguments","first","_jsxs","className","clsx","children","_jsx","src","icon","name","map","_useState3","_useState4","isHovering","setIsHovering","isEthereum","chain","Chain","Ethereum","isSolana","Solana","ActionButton","_objectSpread","loading","loadingText","onClick","onMouseEnter","onMouseLeave","EthereumLogo","SolanaLogo","FontAwesomeIcon","faChevronRight"],"mappings":"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"}

package/dist/components/auth/wallet/WalletConnectFlow.d.ts

@@ -0,0 +1,21 @@
+import type { WalletProvider } from "@turnkey/core";
+import { WalletSelectorMode } from "../../../types/base";
+interface WalletConnectFlowProps {
+    /** The WalletConnect provider group (one per chain) */
+    providers: WalletProvider[];
+    /** The mode determines the flow behavior */
+    mode: WalletSelectorMode;
+    /** Session key for auth flow (only used when mode is Auth) */
+    sessionKey?: string | undefined;
+    /** Custom disconnect handler (e.g. to show success page). Falls back to a simple disconnect + pop. */
+    onDisconnect?: ((provider: WalletProvider) => Promise<void>) | undefined;
+}
+/**
+ * Orchestrates the WalletConnect connection flow.
+ *
+ * Desktop flow: Chain selector → QR code screen
+ * Mobile flow: App selector → Deep link screen (with QR fallback)
+ */
+export declare function WalletConnectFlow(props: WalletConnectFlowProps): null;
+export {};
+//# sourceMappingURL=WalletConnectFlow.d.ts.map

package/dist/components/auth/wallet/WalletConnectFlow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectFlow.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/WalletConnectFlow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAQpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,UAAU,sBAAsB;IAC9B,uDAAuD;IACvD,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,4CAA4C;IAC5C,IAAI,EAAE,kBAAkB,CAAC;IACzB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,sGAAsG;IACtG,YAAY,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,SAAS,CAAC;CAC1E;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,QAwK9D"}

package/dist/components/auth/wallet/WalletConnectFlow.js

@@ -0,0 +1,163 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var Hook = require('../../../providers/modal/Hook.js');
+var Hook$1 = require('../../../providers/client/Hook.js');
+var ExternalWalletChainSelector = require('./ExternalWalletChainSelector.js');
+var DesktopWalletConnectScreen = require('./DesktopWalletConnectScreen.js');
+var DisconnectWalletScreen = require('./DisconnectWalletScreen.js');
+var MobileWalletConnectScreen = require('./MobileWalletConnectScreen.js');
+var ShowAllWalletsScreen = require('./ShowAllWalletsScreen.js');
+var base = require('../../../types/base.js');
+
+/**
+ * Orchestrates the WalletConnect connection flow.
+ *
+ * Desktop flow: Chain selector → QR code screen
+ * Mobile flow: App selector → Deep link screen (with QR fallback)
+ */
+function WalletConnectFlow(props) {
+  const {
+    providers,
+    mode,
+    sessionKey,
+    onDisconnect
+  } = props;
+  const {
+    pushPage,
+    popPage,
+    isMobile
+  } = Hook.useModal();
+  const {
+    connectWalletAccount,
+    disconnectWalletAccount,
+    loginOrSignupWithWallet
+  } = Hook$1.useTurnkey();
+  const isConnectMode = mode === base.WalletSelectorMode.Connect;
+  // Check if any provider in the group is already connected
+  const isConnected = isConnectMode && providers.some(p => p.connectedAddresses?.length > 0);
+  // ─────────────────────────────────────────────────────────────────────────────
+  // WalletConnect action handlers
+  // ─────────────────────────────────────────────────────────────────────────────
+  const handleAction = async provider => {
+    if (mode === base.WalletSelectorMode.Auth) {
+      // Auth flow: loginOrSignupWithWallet handles connect + sign
+      await loginOrSignupWithWallet({
+        walletProvider: provider,
+        ...(sessionKey && {
+          sessionKey
+        })
+      });
+    } else {
+      // Connect-only flow
+      await connectWalletAccount(provider);
+    }
+  };
+  const handleDisconnect = async provider => {
+    await disconnectWalletAccount(provider);
+  };
+  /** Push the DisconnectWalletScreen for a connected provider */
+  const pushDisconnectScreen = async provider => {
+    if (onDisconnect) {
+      await onDisconnect(provider);
+      return;
+    }
+    pushPage({
+      key: `Disconnect ${provider.info.name}`,
+      content: jsxRuntime.jsx(DisconnectWalletScreen.DisconnectWalletScreen, {
+        provider: provider,
+        onDisconnect: async p => {
+          await handleDisconnect(p);
+          popPage();
+        }
+      }),
+      showTitle: false
+    });
+  };
+  // ─────────────────────────────────────────────────────────────────────────────
+  // Screen navigation helpers
+  // ─────────────────────────────────────────────────────────────────────────────
+  const pushDesktopQRCodeScreen = (provider, onSelectAllWallets) => {
+    pushPage({
+      key: "Connect WalletConnect",
+      content: jsxRuntime.jsx(DesktopWalletConnectScreen.DesktopWalletConnectScreen, {
+        provider: provider,
+        onAction: handleAction,
+        onDisconnect: handleDisconnect,
+        onSelectAllWallets: onSelectAllWallets
+      })
+    });
+  };
+  const pushDesktopChainSelector = onSelectAllWallets => {
+    pushPage({
+      key: `Select chain`,
+      content: jsxRuntime.jsx(ExternalWalletChainSelector.ExternalWalletChainSelector, {
+        providers: providers,
+        onDisconnect: isConnectMode ? pushDisconnectScreen : undefined,
+        onSelect: async provider => pushDesktopQRCodeScreen(provider, onSelectAllWallets)
+      })
+    });
+  };
+  /** Mobile: Deep link screen to open wallet app */
+  const pushMobileDeepLinkScreen = provider => {
+    pushPage({
+      key: `Open app`,
+      content: jsxRuntime.jsx(MobileWalletConnectScreen.MobileWalletConnectScreen, {
+        provider: provider,
+        onConnect: async p => {
+          await connectWalletAccount(p);
+        },
+        onSign: mode === base.WalletSelectorMode.Auth ? async p => {
+          await loginOrSignupWithWallet({
+            walletProvider: p,
+            ...(sessionKey && {
+              sessionKey
+            })
+          });
+        } : undefined,
+        onSelectQRCode: async chain => {
+          // Fallback to QR code if deep link doesn't work
+          const chainProvider = providers.find(p => p.chainInfo.namespace === chain);
+          pushDesktopQRCodeScreen(chainProvider);
+        }
+      })
+    });
+  };
+  /** Mobile: Show all WalletConnect-compatible apps */
+  const pushMobileAppSelector = () => {
+    pushPage({
+      key: "Connect WalletConnect",
+      content: jsxRuntime.jsx(ShowAllWalletsScreen.ShowAllWalletsScreen, {
+        onSelect: async provider => pushMobileDeepLinkScreen(provider),
+        onSelectQRCode: async () => pushDesktopChainSelector()
+      })
+    });
+  };
+  // ─────────────────────────────────────────────────────────────────────────────
+  // Flow selection
+  // ─────────────────────────────────────────────────────────────────────────────
+  react.useEffect(() => {
+    // Mobile flow: App list -> deep link to wallet app
+    // Desktop flow: Chain selector -> QR code
+    //
+    // Exception: For "Connect Wallet" screen (disconnect possible),
+    // always use desktop flow since it shows connection status.
+    const useDesktopFlow = !isMobile || isConnected;
+    // Pop the WalletConnectFlow page itself so the back button on the next
+    // screen returns to the wallet list, not this empty orchestrator page.
+    popPage();
+    if (useDesktopFlow) {
+      pushDesktopChainSelector(async () => {
+        pushMobileAppSelector();
+      });
+    } else {
+      pushMobileAppSelector();
+    }
+  }, []);
+  // This component doesn't render anything - it just orchestrates navigation
+  return null;
+}
+
+exports.WalletConnectFlow = WalletConnectFlow;
+//# sourceMappingURL=WalletConnectFlow.js.map

package/dist/components/auth/wallet/WalletConnectFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectFlow.js","sources":["../../../../src/components/auth/wallet/WalletConnectFlow.tsx"],"sourcesContent":[null],"names":["WalletConnectFlow","props","providers","mode","sessionKey","onDisconnect","pushPage","popPage","isMobile","useModal","connectWalletAccount","disconnectWalletAccount","loginOrSignupWithWallet","useTurnkey","isConnectMode","WalletSelectorMode","Connect","isConnected","some","p","connectedAddresses","length","handleAction","provider","Auth","walletProvider","handleDisconnect","pushDisconnectScreen","key","info","name","content","_jsx","DisconnectWalletScreen","showTitle","pushDesktopQRCodeScreen","onSelectAllWallets","DesktopWalletConnectScreen","onAction","pushDesktopChainSelector","ExternalWalletChainSelector","undefined","onSelect","pushMobileDeepLinkScreen","MobileWalletConnectScreen","onConnect","onSign","onSelectQRCode","chain","chainProvider","find","chainInfo","namespace","pushMobileAppSelector","ShowAllWalletsScreen","useEffect","useDesktopFlow"],"mappings":";;;;;;;;;;;;;AAsBA;;;;;AAKG;AACG,SAAUA,iBAAiBA,CAACC,KAA6B,EAAA;EAC7D,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,UAAU;AAAEC,IAAAA;AAAY,GAAE,GAAGJ,KAAK;EAE3D,MAAM;IAAEK,QAAQ;IAAEC,OAAO;AAAEC,IAAAA;GAAU,GAAGC,aAAQ,EAAE;EAClD,MAAM;IACJC,oBAAoB;IACpBC,uBAAuB;AACvBC,IAAAA;GACD,GAAGC,iBAAU,EAAE;AAEhB,EAAA,MAAMC,aAAa,GAAGX,IAAI,KAAKY,uBAAkB,CAACC,OAAO;AAEzD;AACA,EAAA,MAAMC,WAAW,GACfH,aAAa,IAAIZ,SAAS,CAACgB,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,kBAAkB,EAAEC,MAAM,GAAG,CAAC,CAAC;AAE1E;AACA;AACA;AAEA,EAAA,MAAMC,YAAY,GAAG,MAAOC,QAAwB,IAAI;AACtD,IAAA,IAAIpB,IAAI,KAAKY,uBAAkB,CAACS,IAAI,EAAE;AACpC;AACA,MAAA,MAAMZ,uBAAuB,CAAC;AAC5Ba,QAAAA,cAAc,EAAEF,QAAQ;AACxB,QAAA,IAAInB,UAAU,IAAI;AAAEA,UAAAA;SAAY;AACjC,OAAA,CAAC;AACJ,IAAA,CAAC,MAAM;AACL;MACA,MAAMM,oBAAoB,CAACa,QAAQ,CAAC;AACtC,IAAA;EACF,CAAC;AAED,EAAA,MAAMG,gBAAgB,GAAG,MAAOH,QAAwB,IAAI;IAC1D,MAAMZ,uBAAuB,CAACY,QAAQ,CAAC;EACzC,CAAC;AAED;AACA,EAAA,MAAMI,oBAAoB,GAAG,MAAOJ,QAAwB,IAAI;AAC9D,IAAA,IAAIlB,YAAY,EAAE;MAChB,MAAMA,YAAY,CAACkB,QAAQ,CAAC;AAC5B,MAAA;AACF,IAAA;AACAjB,IAAAA,QAAQ,CAAC;AACPsB,MAAAA,GAAG,EAAE,CAAA,WAAA,EAAcL,QAAQ,CAACM,IAAI,CAACC,IAAI,CAAA,CAAE;AACvCC,MAAAA,OAAO,EACLC,cAAA,CAACC,6CAAsB;AACrBV,QAAAA,QAAQ,EAAEA,QAAQ;QAClBlB,YAAY,EAAE,MAAOc,CAAC,IAAI;UACxB,MAAMO,gBAAgB,CAACP,CAAC,CAAC;AACzBZ,UAAAA,OAAO,EAAE;AACX,QAAA;QAEH;AACD2B,MAAAA,SAAS,EAAE;AACZ,KAAA,CAAC;EACJ,CAAC;AAED;AACA;AACA;AAEA,EAAA,MAAMC,uBAAuB,GAAGA,CAC9BZ,QAAwB,EACxBa,kBAAwC,KACtC;AACF9B,IAAAA,QAAQ,CAAC;AACPsB,MAAAA,GAAG,EAAE,uBAAuB;AAC5BG,MAAAA,OAAO,EACLC,cAAA,CAACK,qDAA0B;AACzBd,QAAAA,QAAQ,EAAEA,QAAQ;AAClBe,QAAAA,QAAQ,EAAEhB,YAAY;AACtBjB,QAAAA,YAAY,EAAEqB,gBAAgB;AAC9BU,QAAAA,kBAAkB,EAAEA;OAAkB;AAG3C,KAAA,CAAC;EACJ,CAAC;EAED,MAAMG,wBAAwB,GAC5BH,kBAAwC,IACtC;AACF9B,IAAAA,QAAQ,CAAC;AACPsB,MAAAA,GAAG,EAAE,CAAA,YAAA,CAAc;AACnBG,MAAAA,OAAO,EACLC,cAAA,CAACQ,uDAA2B,EAAA;AAC1BtC,QAAAA,SAAS,EAAEA,SAAS;AACpBG,QAAAA,YAAY,EAAES,aAAa,GAAGa,oBAAoB,GAAGc,SAAS;QAC9DC,QAAQ,EAAE,MAAOnB,QAAQ,IACvBY,uBAAuB,CAACZ,QAAQ,EAAEa,kBAAkB;;AAI3D,KAAA,CAAC;EACJ,CAAC;AAED;EACA,MAAMO,wBAAwB,GAAIpB,QAAwB,IAAI;AAC5DjB,IAAAA,QAAQ,CAAC;AACPsB,MAAAA,GAAG,EAAE,CAAA,QAAA,CAAU;AACfG,MAAAA,OAAO,EACLC,cAAA,CAACY,mDAAyB;AACxBrB,QAAAA,QAAQ,EAAEA,QAAQ;QAClBsB,SAAS,EAAE,MAAO1B,CAAC,IAAI;UACrB,MAAMT,oBAAoB,CAACS,CAAC,CAAC;QAC/B,CAAC;QACD2B,MAAM,EACJ3C,IAAI,KAAKY,uBAAkB,CAACS,IAAI,GAC5B,MAAOL,CAAC,IAAI;AACV,UAAA,MAAMP,uBAAuB,CAAC;AAC5Ba,YAAAA,cAAc,EAAEN,CAAC;AACjB,YAAA,IAAIf,UAAU,IAAI;AAAEA,cAAAA;aAAY;AACjC,WAAA,CAAC;AACJ,QAAA,CAAC,GACDqC,SAAS;QAEfM,cAAc,EAAE,MAAOC,KAAK,IAAI;AAC9B;AACA,UAAA,MAAMC,aAAa,GAAG/C,SAAS,CAACgD,IAAI,CACjC/B,CAAC,IAAKA,CAAC,CAACgC,SAAS,CAACC,SAAS,KAAKJ,KAAK,CACtC;UACFb,uBAAuB,CAACc,aAAa,CAAC;AACxC,QAAA;;AAGL,KAAA,CAAC;EACJ,CAAC;AAED;EACA,MAAMI,qBAAqB,GAAGA,MAAK;AACjC/C,IAAAA,QAAQ,CAAC;AACPsB,MAAAA,GAAG,EAAE,uBAAuB;AAC5BG,MAAAA,OAAO,EACLC,cAAA,CAACsB,yCAAoB,EAAA;AACnBZ,QAAAA,QAAQ,EAAE,MAAOnB,QAAQ,IAAKoB,wBAAwB,CAACpB,QAAQ,CAAC;AAChEwB,QAAAA,cAAc,EAAE,YAAYR,wBAAwB;OAAE;AAG3D,KAAA,CAAC;EACJ,CAAC;AAED;AACA;AACA;AAEAgB,EAAAA,eAAS,CAAC,MAAK;AACb;AACA;AACA;AACA;AACA;AACA,IAAA,MAAMC,cAAc,GAAG,CAAChD,QAAQ,IAAIS,WAAW;AAE/C;AACA;AACAV,IAAAA,OAAO,EAAE;AAET,IAAA,IAAIiD,cAAc,EAAE;AAClBjB,MAAAA,wBAAwB,CAAC,YAAW;AAClCc,QAAAA,qBAAqB,EAAE;AACzB,MAAA,CAAC,CAAC;AACJ,IAAA,CAAC,MAAM;AACLA,MAAAA,qBAAqB,EAAE;AACzB,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;AAEN;AACA,EAAA,OAAO,IAAI;AACb;;;;"}