@turnkey/react-wallet-kit 2.0.1 → 2.1.0

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

@@ -0,0 +1,299 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faQrcode } from '@fortawesome/free-solid-svg-icons';
+import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
+import clsx from 'clsx';
+import { Chain } from '@turnkey/core';
+import { useModal } from '../../../providers/modal/Hook.mjs';
+import { useTurnkey } from '../../../providers/client/Hook.mjs';
+import { useWalletConnect } from '../../../providers/WalletConnectProvider.mjs';
+import { useDebouncedCallback, findWalletConnectProvider } from '../../../utils/utils.mjs';
+import { WalletButton } from './WalletButton.mjs';
+import { WalletConnectAppChainSelector } from './WalletConnectAppChainSelector.mjs';
+import { SearchInputBox } from '../../design/Inputs.mjs';
+import { Spinner } from '../../design/Spinners.mjs';
+import { INITIAL_VISIBLE_ROWS, ROW_STRIDE, BUFFER_SIZE } from './constants.mjs';
+import { WalletButtonSkeleton } from './WalletButtonSkeleton.mjs';
+
+var sameRange = function sameRange(a, b) {
+  return a.start === b.start && a.end === b.end;
+};
+function ShowAllWalletsScreen(props) {
+  var onSelect = props.onSelect,
+    onSelectQRCode = props.onSelectQRCode;
+  var _useTurnkey = useTurnkey(),
+    walletProviders = _useTurnkey.walletProviders,
+    disconnectWalletAccount = _useTurnkey.disconnectWalletAccount;
+  var _useWalletConnect = useWalletConnect(),
+    walletConnectApps = _useWalletConnect.walletConnectApps,
+    isLoadingApps = _useWalletConnect.isLoadingApps;
+  var _useModal = useModal(),
+    isMobile = _useModal.isMobile,
+    pushPage = _useModal.pushPage,
+    popPage = _useModal.popPage;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchQuery = _useState2[0],
+    setSearchQuery = _useState2[1];
+  // renderRange (buffered, debounced) governs which real WalletButtons are mounted.
+  // viewportRange (unbuffered, rAF-synchronous) governs the skeleton layer behind them.
+  var _useState3 = useState({
+      start: 0,
+      end: INITIAL_VISIBLE_ROWS
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    renderRange = _useState4[0],
+    setRenderRange = _useState4[1];
+  var _useState5 = useState({
+      start: 0,
+      end: INITIAL_VISIBLE_ROWS
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    viewportRange = _useState6[0],
+    setViewportRange = _useState6[1];
+  var scrollContainerRef = useRef(null);
+  var rafIdRef = useRef(null);
+  // Group wallet apps by id (same wallet across different chains)
+  var grouped = useMemo(function () {
+    return walletConnectApps.reduce(function (acc, app) {
+      if (!acc[app.id]) acc[app.id] = [];
+      acc[app.id].push(app);
+      return acc;
+    }, {});
+  }, [walletConnectApps]);
+  // Filter by search query
+  var walletEntries = useMemo(function () {
+    var entries = Object.entries(grouped);
+    if (!searchQuery.trim()) return entries;
+    var query = searchQuery.toLowerCase();
+    return entries.filter(function (_ref) {
+      var _group$0$name$toLower, _group$, _group$$name;
+      var _ref2 = _slicedToArray(_ref, 2);
+        _ref2[0];
+        var group = _ref2[1];
+      var walletName = (_group$0$name$toLower = (_group$ = group[0]) === null || _group$ === void 0 ? void 0 : (_group$$name = _group$.name) === null || _group$$name === void 0 ? void 0 : _group$$name.toLowerCase()) !== null && _group$0$name$toLower !== void 0 ? _group$0$name$toLower : "";
+      return walletName.includes(query);
+    });
+  }, [grouped, searchQuery]);
+  // The QR-code row takes the slot at global row 0 when not searching.
+  // renderRange/viewportRange are in *global* row indices, so wallet entry i
+  // lives at global row (qrRowCount + i).
+  var qrRowCount = searchQuery ? 0 : 1;
+  var totalRows = walletEntries.length + qrRowCount;
+  /**
+   * Merges WalletConnectAppEntry (display info) with the actual WalletProvider
+   * and triggers selection. Disconnects any existing session first.
+   */
+  var selectApp = useCallback(/*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(targetApp) {
+      var provider, mergedProvider;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            provider = findWalletConnectProvider(walletProviders, targetApp.chain);
+            if (provider) {
+              _context.n = 1;
+              break;
+            }
+            // WalletConnect provider not ready - go back
+            popPage();
+            return _context.a(2);
+          case 1:
+            if (!(provider.connectedAddresses.length > 0)) {
+              _context.n = 2;
+              break;
+            }
+            _context.n = 2;
+            return disconnectWalletAccount(provider);
+          case 2:
+            // Merge app display info with the actual provider
+            mergedProvider = _objectSpread2(_objectSpread2({}, provider), {}, {
+              uri: targetApp.uri,
+              info: _objectSpread2(_objectSpread2({}, provider.info), {}, {
+                name: targetApp.name,
+                icon: targetApp.icon
+              })
+            });
+            _context.n = 3;
+            return onSelect(mergedProvider);
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [walletProviders, disconnectWalletAccount, onSelect, popPage]);
+  var handleSelectGroup = useCallback(function (group) {
+    if (group.length === 1) {
+      selectApp(group[0]);
+    } else {
+      pushPage({
+        key: "Select chain",
+        content: jsx(WalletConnectAppChainSelector, {
+          apps: group,
+          onSelect: selectApp
+        })
+      });
+    }
+  }, [selectApp, pushPage]);
+  var computeRange = useCallback(function (buffer) {
+    if (!scrollContainerRef.current) return null;
+    var _scrollContainerRef$c = scrollContainerRef.current,
+      scrollTop = _scrollContainerRef$c.scrollTop,
+      clientHeight = _scrollContainerRef$c.clientHeight;
+    return {
+      start: Math.max(0, Math.floor(scrollTop / ROW_STRIDE) - buffer),
+      end: Math.min(totalRows, Math.ceil((scrollTop + clientHeight) / ROW_STRIDE) + buffer)
+    };
+  }, [totalRows]);
+  var handleScroll = useDebouncedCallback(function () {
+    var next = computeRange(BUFFER_SIZE);
+    if (next) setRenderRange(function (prev) {
+      return sameRange(prev, next) ? prev : next;
+    });
+  }, 50);
+  var onScroll = useCallback(function () {
+    if (rafIdRef.current === null) {
+      rafIdRef.current = requestAnimationFrame(function () {
+        rafIdRef.current = null;
+        var next = computeRange(0);
+        if (next) setViewportRange(function (prev) {
+          return sameRange(prev, next) ? prev : next;
+        });
+      });
+    }
+    handleScroll();
+  }, [computeRange, handleScroll]);
+  useEffect(function () {
+    return function () {
+      if (rafIdRef.current !== null) {
+        cancelAnimationFrame(rafIdRef.current);
+      }
+    };
+  }, []);
+  // Reset scroll when search results change (or QR row toggles)
+  useEffect(function () {
+    var initial = {
+      start: 0,
+      end: Math.min(INITIAL_VISIBLE_ROWS, totalRows)
+    };
+    setRenderRange(initial);
+    setViewportRange(initial);
+    if (scrollContainerRef.current) {
+      scrollContainerRef.current.scrollTop = 0;
+    }
+  }, [totalRows]);
+  var debouncedSetSearch = useDebouncedCallback(function (value) {
+    return setSearchQuery(value);
+  }, 300);
+  // renderRange is in global row indices; subtract qrRowCount to slice walletEntries
+  var visibleItems = useMemo(function () {
+    var sliceStart = Math.max(0, renderRange.start - qrRowCount);
+    var sliceEnd = Math.max(0, renderRange.end - qrRowCount);
+    return walletEntries.slice(sliceStart, sliceEnd);
+  }, [walletEntries, renderRange, qrRowCount]);
+  var totalHeight = totalRows * ROW_STRIDE;
+  var offsetY = renderRange.start * ROW_STRIDE;
+  if (isLoadingApps) {
+    return jsx("div", {
+      className: "flex flex-col items-center py-5",
+      children: jsx(Spinner, {
+        strokeWidth: 2,
+        className: "w-12 h-12"
+      })
+    });
+  }
+  return jsxs("div", {
+    className: clsx("flex flex-col mt-10 gap-3", isMobile ? "w-full" : "w-80"),
+    children: [jsx(SearchInputBox, {
+      value: searchQuery,
+      onChange: debouncedSetSearch,
+      onClear: function onClear() {
+        return setSearchQuery("");
+      },
+      placeholder: "Search wallets..."
+    }), jsxs("div", {
+      ref: scrollContainerRef,
+      onScroll: onScroll,
+      className: clsx("min-h-42 overflow-y-auto tk-scrollbar p-0.5", isMobile ? "max-h-80" : "max-h-72"),
+      children: [jsxs("div", {
+        style: {
+          height: totalHeight,
+          position: "relative"
+        },
+        children: [jsx("div", {
+          style: {
+            transform: "translateY(".concat(viewportRange.start * ROW_STRIDE, "px)"),
+            position: "absolute",
+            width: "100%"
+          },
+          className: "flex flex-col gap-2",
+          "aria-hidden": "true",
+          children: Array.from({
+            length: Math.max(0, viewportRange.end - viewportRange.start)
+          }).map(function (_, i) {
+            return jsx(WalletButtonSkeleton, {}, "skeleton-".concat(viewportRange.start + i));
+          })
+        }), jsxs("div", {
+          style: {
+            transform: "translateY(".concat(offsetY, "px)"),
+            position: "absolute",
+            width: "100%"
+          },
+          className: "flex flex-col gap-2",
+          children: [qrRowCount > 0 && renderRange.start === 0 && jsx(WalletButton, {
+            icon: jsx("div", {
+              className: "flex items-center justify-center size-6 rounded-full text-icon-text-light dark:text-icon-text-dark bg-icon-background-light dark:bg-icon-background-dark",
+              children: jsx(FontAwesomeIcon, {
+                icon: faQrcode
+              })
+            }),
+            name: "Scan QR Code",
+            chains: [{
+              namespace: Chain.Ethereum,
+              isConnected: false
+            }, {
+              namespace: Chain.Solana,
+              isConnected: false
+            }],
+            onClick: onSelectQRCode,
+            isMobile: isMobile
+          }, "qr-code-walletconnect"), visibleItems.map(function (_ref4) {
+            var _first$icon, _first$name;
+            var _ref5 = _slicedToArray(_ref4, 2),
+              id = _ref5[0],
+              group = _ref5[1];
+            var first = group[0];
+            return jsx(WalletButton, {
+              icon: (_first$icon = first === null || first === void 0 ? void 0 : first.icon) !== null && _first$icon !== void 0 ? _first$icon : "",
+              name: (_first$name = first === null || first === void 0 ? void 0 : first.name) !== null && _first$name !== void 0 ? _first$name : "",
+              chains: group.map(function (app) {
+                return {
+                  namespace: app.chain,
+                  isConnected: false
+                };
+              }),
+              onClick: function onClick() {
+                return handleSelectGroup(group);
+              },
+              shouldShowDisconnect: false,
+              isMobile: isMobile
+            }, id);
+          })]
+        })]
+      }), searchQuery && walletEntries.length === 0 && jsxs("div", {
+        className: "flex items-center justify-center w-full h-40 text-center text-icon-text-light dark:text-icon-text-dark",
+        children: ["No wallets found matching \"", searchQuery, "\""]
+      })]
+    }), searchQuery && walletEntries.length > 0 && jsxs("div", {
+      className: "text-xs text-center text-icon-text-light dark:text-icon-text-dark",
+      children: ["Showing ", walletEntries.length, " wallet", walletEntries.length !== 1 ? "s" : ""]
+    })]
+  });
+}
+
+export { ShowAllWalletsScreen };
+//# sourceMappingURL=ShowAllWalletsScreen.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShowAllWalletsScreen.mjs","sources":["../../../../src/components/auth/wallet/ShowAllWalletsScreen.tsx"],"sourcesContent":[null],"names":["sameRange","a","b","start","end","ShowAllWalletsScreen","props","onSelect","onSelectQRCode","_useTurnkey","useTurnkey","walletProviders","disconnectWalletAccount","_useWalletConnect","useWalletConnect","walletConnectApps","isLoadingApps","_useModal","useModal","isMobile","pushPage","popPage","_useState","useState","_useState2","_slicedToArray","searchQuery","setSearchQuery","_useState3","INITIAL_VISIBLE_ROWS","_useState4","renderRange","setRenderRange","_useState5","_useState6","viewportRange","setViewportRange","scrollContainerRef","useRef","rafIdRef","grouped","useMemo","reduce","acc","app","id","push","walletEntries","entries","Object","trim","query","toLowerCase","filter","_ref","_group$0$name$toLower","_group$","_group$$name","_ref2","_","group","walletName","name","includes","qrRowCount","totalRows","length","selectApp","useCallback","_ref3","_asyncToGenerator","_regenerator","m","_callee","targetApp","provider","mergedProvider","w","_context","n","findWalletConnectProvider","chain","connectedAddresses","_objectSpread","uri","info","icon","_x","apply","arguments","handleSelectGroup","key","content","_jsx","WalletConnectAppChainSelector","apps","computeRange","buffer","current","_scrollContainerRef$c","scrollTop","clientHeight","Math","max","floor","ROW_STRIDE","min","ceil","handleScroll","useDebouncedCallback","next","BUFFER_SIZE","prev","onScroll","requestAnimationFrame","useEffect","cancelAnimationFrame","initial","debouncedSetSearch","value","visibleItems","sliceStart","sliceEnd","slice","totalHeight","offsetY","className","children","Spinner","strokeWidth","_jsxs","clsx","SearchInputBox","onChange","onClear","placeholder","ref","style","height","position","transform","concat","width","Array","from","map","i","WalletButtonSkeleton","WalletButton","FontAwesomeIcon","faQrcode","chains","namespace","Chain","Ethereum","isConnected","Solana","onClick","_ref4","_first$icon","_first$name","_ref5","first","shouldShowDisconnect"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+interface WalletAuthButtonProps {
+    onContinue: () => Promise<void>;
+}
+export declare function WalletAuthButton(props: WalletAuthButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=WalletAuthButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAuthButton.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/wallet/WalletAuthButton.tsx"],"names":[],"mappings":"AAGA,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC;AACD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAyB5D"}

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

@@ -0,0 +1,33 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Buttons = require('../../design/Buttons.js');
+var react = require('react');
+
+function WalletAuthButton(props) {
+  const {
+    onContinue
+  } = props;
+  const [isLoading, setIsLoading] = react.useState(false);
+  const handleContinue = async () => {
+    setIsLoading(true);
+    try {
+      await Promise.resolve(onContinue());
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return jsxRuntime.jsx("div", {
+    className: "flex flex-col w-full",
+    children: jsxRuntime.jsx(Buttons.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"
+    })
+  });
+}
+
+exports.WalletAuthButton = WalletAuthButton;
+//# sourceMappingURL=WalletAuthButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAuthButton.js","sources":["../../../../src/components/auth/wallet/WalletAuthButton.tsx"],"sourcesContent":[null],"names":["WalletAuthButton","props","onContinue","isLoading","setIsLoading","useState","handleContinue","Promise","resolve","_jsx","className","children","ActionButton","name","onClick","loading"],"mappings":";;;;;;AAMM,SAAUA,gBAAgBA,CAACC,KAA4B,EAAA;EAC3D,MAAM;AAAEC,IAAAA;AAAU,GAAE,GAAGD,KAAK;EAC5B,MAAM,CAACE,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAEjD,EAAA,MAAMC,cAAc,GAAG,YAAW;IAChCF,YAAY,CAAC,IAAI,CAAC;IAElB,IAAI;AACF,MAAA,MAAMG,OAAO,CAACC,OAAO,CAACN,UAAU,EAAE,CAAC;AACrC,IAAA,CAAC,SAAS;MACRE,YAAY,CAAC,KAAK,CAAC;AACrB,IAAA;EACF,CAAC;EACD,OACEK,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sBAAsB;AAAAC,IAAAA,QAAA,EACnCF,cAAA,CAACG,oBAAY,EAAA;AACXC,MAAAA,IAAI,EAAC,oBAAoB;AACzBC,MAAAA,OAAO,EAAER,cAAc;AACvBS,MAAAA,OAAO,EAAEZ,SAAS;AAClBO,MAAAA,SAAS,EAAC,yDAAyD;AAAAC,MAAAA,QAAA,EAAA;KAAA;AAGtD,GAAA,CACX;AAEV;;;;"}

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