@turnkey/react-wallet-kit 2.0.1 → 2.1.1

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

@@ -0,0 +1,47 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { ActionButton } from '../../design/Buttons.mjs';
+import { useState } from 'react';
+
+function WalletAuthButton(props) {
+  var onContinue = props.onContinue;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var handleContinue = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
+          case 0:
+            setIsLoading(true);
+            _context.p = 1;
+            _context.n = 2;
+            return Promise.resolve(onContinue());
+          case 2:
+            _context.p = 2;
+            setIsLoading(false);
+            return _context.f(2);
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee, null, [[1,, 2, 3]]);
+    }));
+    return function handleContinue() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return jsx("div", {
+    className: "flex flex-col w-full",
+    children: jsx(ActionButton, {
+      name: "wallet-auth-button",
+      onClick: handleContinue,
+      loading: isLoading,
+      className: "w-full text-inherit bg-button-light dark:bg-button-dark",
+      children: "Continue with wallet"
+    })
+  });
+}
+
+export { WalletAuthButton };
+//# sourceMappingURL=WalletAuthButton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAuthButton.mjs","sources":["../../../../src/components/auth/wallet/WalletAuthButton.tsx"],"sourcesContent":[null],"names":["WalletAuthButton","props","onContinue","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","handleContinue","_ref","_asyncToGenerator","_regenerator","m","_callee","w","_context","p","n","Promise","resolve","f","a","apply","arguments","_jsx","className","children","ActionButton","name","onClick","loading"],"mappings":";;;;;AAMM,SAAUA,gBAAgBA,CAACC,KAA4B,EAAA;AAC3D,EAAA,IAAQC,UAAU,GAAKD,KAAK,CAApBC,UAAU;AAClB,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMI,cAAc,gBAAA,YAAA;IAAA,IAAAC,IAAA,GAAAC,iBAAA,cAAAC,YAAA,EAAA,CAAAC,CAAA,CAAG,SAAAC,OAAAA,GAAA;AAAA,MAAA,OAAAF,YAAA,EAAA,CAAAG,CAAA,CAAA,UAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,CAAA,GAAAD,QAAA,CAAAE,CAAA;AAAA,UAAA,KAAA,CAAA;YACrBV,YAAY,CAAC,IAAI,CAAC;AAACQ,YAAAA,QAAA,CAAAC,CAAA,GAAA,CAAA;AAAAD,YAAAA,QAAA,CAAAE,CAAA,GAAA,CAAA;AAAA,YAAA,OAGXC,OAAO,CAACC,OAAO,CAAClB,UAAU,EAAE,CAAC;AAAA,UAAA,KAAA,CAAA;AAAAc,YAAAA,QAAA,CAAAC,CAAA,GAAA,CAAA;YAEnCT,YAAY,CAAC,KAAK,CAAC;YAAC,OAAAQ,QAAA,CAAAK,CAAA,CAAA,CAAA,CAAA;AAAA,UAAA,KAAA,CAAA;YAAA,OAAAL,QAAA,CAAAM,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,MAAA,CAAA,EAAAR,OAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA;IAAA,CAEvB,CAAA,CAAA;AAAA,IAAA,OAAA,SARKL,cAAcA,GAAA;AAAA,MAAA,OAAAC,IAAA,CAAAa,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA;AAAA,IAAA,CAAA;EAAA,CAAA,EAQnB;EACD,OACEC,GAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAsB;AAAAC,IAAAA,QAAA,EACnCF,GAAA,CAACG,YAAY,EAAA;AACXC,MAAAA,IAAI,EAAC,oBAAoB;AACzBC,MAAAA,OAAO,EAAErB,cAAc;AACvBsB,MAAAA,OAAO,EAAExB,SAAS;AAClBmB,MAAAA,SAAS,EAAC,yDAAyD;AAAAC,MAAAA,QAAA,EAAA;KAAA;AAGtD,GAAA,CACX;AAEV;;;;"}

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

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import type { Chain } from "@turnkey/core";
+interface WalletButtonProps {
+    icon: string | ReactNode;
+    name: string;
+    chains: Array<{
+        namespace: Chain;
+        isConnected: boolean;
+    }>;
+    onClick: () => void;
+    shouldShowDisconnect?: boolean;
+    isMobile?: boolean;
+}
+export declare function WalletButton(props: WalletButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WalletButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletButton.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/WalletButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAG3C,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,KAAK,CAAC;QACZ,SAAS,EAAE,KAAK,CAAC;QACjB,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC,CAAC;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA0FpD"}

package/dist/components/auth/wallet/WalletButton.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 ConnectedIndicator = require('../../design/ConnectedIndicator.js');
+var constants = require('./constants.js');
+
+function WalletButton(props) {
+  const {
+    icon,
+    name,
+    chains,
+    onClick,
+    shouldShowDisconnect = false,
+    isMobile = false
+  } = props;
+  const [isHovering, setIsHovering] = react.useState(false);
+  return jsxRuntime.jsxs(Buttons.ActionButton, {
+    ...(!isMobile && {
+      // This looks weird on mobile since there's no hover state
+      onMouseEnter: () => setIsHovering(true),
+      onMouseLeave: () => setIsHovering(false)
+    }),
+    onClick: onClick,
+    style: {
+      height: `${constants.WALLET_BUTTON_HEIGHT}px`
+    },
+    className: "relative flex items-center justify-between w-full text-inherit bg-button-light dark:bg-button-dark overflow-hidden",
+    children: [jsxRuntime.jsxs("div", {
+      className: "flex items-center gap-2 overflow-hidden w-3/4 ",
+      children: [typeof icon === "string" ? jsxRuntime.jsx("img", {
+        src: icon,
+        alt: name,
+        className: "size-6 rounded-full flex-shrink-0"
+      }) : icon, jsxRuntime.jsx("span", {
+        className: "text-ellipsis whitespace-nowrap overflow-hidden",
+        children: name
+      })]
+    }), jsxRuntime.jsx("div", {
+      className: clsx(`flex items-center transition-all gap-1`),
+      children: chains.map((c, idx) => {
+        let Logo;
+        if (c.namespace === "ethereum") {
+          Logo = Svg.EthereumLogo;
+        } else if (c.namespace === "solana") {
+          Logo = Svg.SolanaLogo;
+        } else {
+          // we should never reach here
+          // if we do then it means we forgot to update the auth component after adding a new chain
+          throw new Error(`Unsupported provider namespace. Expected Ethereum or Solana.`);
+        }
+        const delay = 50 + idx * 30; // Staggered delay: leftmost has largest
+        return jsxRuntime.jsxs("div", {
+          style: {
+            transitionDelay: `${delay}ms`
+          },
+          className: clsx("relative", "size-4", "transition-all duration-200", isHovering ? "-translate-x-8" : "translate-x-0"),
+          children: [jsxRuntime.jsx(Logo, {
+            className: "size-4"
+          }), c.isConnected && jsxRuntime.jsx(ConnectedIndicator.ConnectedIndicator, {
+            isPinging: isHovering
+          })]
+        }, c.namespace);
+      })
+    }), jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+      className: clsx(`absolute transition-all duration-200`, isHovering ? "right-4" : "-right-4", chains.length === 1 && chains[0].isConnected && shouldShowDisconnect ? "text-danger-light dark:text-danger-dark" : "text-icon-text-light dark:text-icon-text-dark"),
+      size: chains.length === 1 && chains[0].isConnected && shouldShowDisconnect ? "lg" : "1x",
+      icon: chains.length === 1 && chains[0].isConnected && shouldShowDisconnect ? freeSolidSvgIcons.faClose : freeSolidSvgIcons.faChevronRight
+    })]
+  });
+}
+
+exports.WalletButton = WalletButton;
+//# sourceMappingURL=WalletButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletButton.js","sources":["../../../../src/components/auth/wallet/WalletButton.tsx"],"sourcesContent":[null],"names":["WalletButton","props","icon","name","chains","onClick","shouldShowDisconnect","isMobile","isHovering","setIsHovering","useState","_jsxs","ActionButton","onMouseEnter","onMouseLeave","style","height","WALLET_BUTTON_HEIGHT","className","children","_jsx","src","alt","clsx","map","c","idx","Logo","namespace","EthereumLogo","SolanaLogo","Error","delay","transitionDelay","isConnected","ConnectedIndicator","isPinging","FontAwesomeIcon","length","size","faClose","faChevronRight"],"mappings":"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"}

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

@@ -0,0 +1,84 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } 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 { faClose, faChevronRight } from '@fortawesome/free-solid-svg-icons';
+import { useState } from 'react';
+import clsx from 'clsx';
+import { ConnectedIndicator } from '../../design/ConnectedIndicator.mjs';
+import { WALLET_BUTTON_HEIGHT } from './constants.mjs';
+
+function WalletButton(props) {
+  var icon = props.icon,
+    name = props.name,
+    chains = props.chains,
+    onClick = props.onClick,
+    _props$shouldShowDisc = props.shouldShowDisconnect,
+    shouldShowDisconnect = _props$shouldShowDisc === void 0 ? false : _props$shouldShowDisc,
+    _props$isMobile = props.isMobile,
+    isMobile = _props$isMobile === void 0 ? false : _props$isMobile;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovering = _useState2[0],
+    setIsHovering = _useState2[1];
+  return jsxs(ActionButton, _objectSpread2(_objectSpread2({}, !isMobile && {
+    // This looks weird on mobile since there's no hover state
+    onMouseEnter: function onMouseEnter() {
+      return setIsHovering(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsHovering(false);
+    }
+  }), {}, {
+    onClick: onClick,
+    style: {
+      height: "".concat(WALLET_BUTTON_HEIGHT, "px")
+    },
+    className: "relative flex items-center justify-between w-full text-inherit bg-button-light dark:bg-button-dark overflow-hidden",
+    children: [jsxs("div", {
+      className: "flex items-center gap-2 overflow-hidden w-3/4 ",
+      children: [typeof icon === "string" ? jsx("img", {
+        src: icon,
+        alt: name,
+        className: "size-6 rounded-full flex-shrink-0"
+      }) : icon, jsx("span", {
+        className: "text-ellipsis whitespace-nowrap overflow-hidden",
+        children: name
+      })]
+    }), jsx("div", {
+      className: clsx("flex items-center transition-all gap-1"),
+      children: chains.map(function (c, idx) {
+        var Logo;
+        if (c.namespace === "ethereum") {
+          Logo = EthereumLogo;
+        } else if (c.namespace === "solana") {
+          Logo = SolanaLogo;
+        } else {
+          // we should never reach here
+          // if we do then it means we forgot to update the auth component after adding a new chain
+          throw new Error("Unsupported provider namespace. Expected Ethereum or Solana.");
+        }
+        var delay = 50 + idx * 30; // Staggered delay: leftmost has largest
+        return jsxs("div", {
+          style: {
+            transitionDelay: "".concat(delay, "ms")
+          },
+          className: clsx("relative", "size-4", "transition-all duration-200", isHovering ? "-translate-x-8" : "translate-x-0"),
+          children: [jsx(Logo, {
+            className: "size-4"
+          }), c.isConnected && jsx(ConnectedIndicator, {
+            isPinging: isHovering
+          })]
+        }, c.namespace);
+      })
+    }), jsx(FontAwesomeIcon, {
+      className: clsx("absolute transition-all duration-200", isHovering ? "right-4" : "-right-4", chains.length === 1 && chains[0].isConnected && shouldShowDisconnect ? "text-danger-light dark:text-danger-dark" : "text-icon-text-light dark:text-icon-text-dark"),
+      size: chains.length === 1 && chains[0].isConnected && shouldShowDisconnect ? "lg" : "1x",
+      icon: chains.length === 1 && chains[0].isConnected && shouldShowDisconnect ? faClose : faChevronRight
+    })]
+  }));
+}
+
+export { WalletButton };
+//# sourceMappingURL=WalletButton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletButton.mjs","sources":["../../../../src/components/auth/wallet/WalletButton.tsx"],"sourcesContent":[null],"names":["WalletButton","props","icon","name","chains","onClick","_props$shouldShowDisc","shouldShowDisconnect","_props$isMobile","isMobile","_useState","useState","_useState2","_slicedToArray","isHovering","setIsHovering","_jsxs","ActionButton","_objectSpread","onMouseEnter","onMouseLeave","style","height","concat","WALLET_BUTTON_HEIGHT","className","children","_jsx","src","alt","clsx","map","c","idx","Logo","namespace","EthereumLogo","SolanaLogo","Error","delay","transitionDelay","isConnected","ConnectedIndicator","isPinging","FontAwesomeIcon","length","size","faClose","faChevronRight"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export declare function WalletButtonSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WalletButtonSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletButtonSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/WalletButtonSkeleton.tsx"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,4CAWnC"}

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"}