@wallet-ui/react 1.1.0-canary-20250313141953 → 1.1.0-canary-20250313144314

package/dist/index.browser.cjs

@@ -1,32 +1,55 @@
 'use strict';
 
-var React4 = require('react');
+var React10 = require('react');
 var gill = require('gill');
 var react = require('@wallet-standard/react');
+var dialog = require('@zag-js/dialog');
+var menu = require('@zag-js/menu');
+var react$1 = require('@zag-js/react');
 var core = require('@wallet-ui/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React4__default = /*#__PURE__*/_interopDefault(React4);
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React10__default = /*#__PURE__*/_interopDefault(React10);
+var dialog__namespace = /*#__PURE__*/_interopNamespace(dialog);
+var menu__namespace = /*#__PURE__*/_interopNamespace(menu);
 
 // src/solana-client-context.tsx
-var SolanaClientContext = React4.createContext({});
+var SolanaClientContext = React10.createContext({});
 function useSolanaClient() {
-  return React4.useContext(SolanaClientContext);
+  return React10.useContext(SolanaClientContext);
 }
 function SolanaClientProvider({
   children,
   urlOrMoniker
 }) {
-  const value = React4.useMemo(() => gill.createSolanaClient({ urlOrMoniker }), [urlOrMoniker]);
-  return /* @__PURE__ */ React4__default.default.createElement(SolanaClientContext.Provider, { value }, children);
+  const value = React10.useMemo(() => gill.createSolanaClient({ urlOrMoniker }), [urlOrMoniker]);
+  return /* @__PURE__ */ React10__default.default.createElement(SolanaClientContext.Provider, { value }, children);
 }
-var SolanaClusterContext = React4.createContext({});
+var SolanaClusterContext = React10.createContext({});
 function useSolanaCluster() {
-  return React4.useContext(SolanaClusterContext);
+  return React10.useContext(SolanaClusterContext);
 }
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = React4.useState(() => {
+  const [storedValue, setStoredValue] = React10.useState(() => {
     try {
       if (typeof window === "undefined") {
         return initialValue;
@@ -41,7 +64,7 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = React4.useCallback(
+  const setValue = React10.useCallback(
     (value) => {
       try {
         const valueToStore = value instanceof Function ? value(storedValue) : value;
@@ -69,7 +92,7 @@ function SolanaClusterProvider({ clusters, children }) {
   if (!clusters.length) {
     throw new Error("No clusters provided");
   }
-  const cluster = React4.useMemo(() => {
+  const cluster = React10.useMemo(() => {
     for (const cluster2 of clusters) {
       if (cluster2.id === clusterId) {
         return cluster2;
@@ -77,10 +100,10 @@ function SolanaClusterProvider({ clusters, children }) {
     }
     return clusters[0];
   }, [clusterId, clusters]);
-  return /* @__PURE__ */ React4__default.default.createElement(
+  return /* @__PURE__ */ React10__default.default.createElement(
     SolanaClusterContext.Provider,
     {
-      value: React4.useMemo(
+      value: React10.useMemo(
         () => ({
           cluster,
           clusters,
@@ -95,13 +118,13 @@ function SolanaClusterProvider({ clusters, children }) {
     children
   );
 }
-var SolanaWalletContext = React4.createContext([
+var SolanaWalletContext = React10.createContext([
   void 0,
   function setSelectedWalletAccount() {
   }
 ]);
 function useSolanaWallet() {
-  return React4.useContext(SolanaWalletContext);
+  return React10.useContext(SolanaWalletContext);
 }
 function useSolanaWalletAddress() {
   const [wallet] = useSolanaWallet();
@@ -138,7 +161,7 @@ function getSavedWalletAccount(wallets, savedWalletNameAndAddress) {
 function SolanaWalletProvider({ children }) {
   const [storedKey, setStoredKey] = useLocalStorage(STORAGE_KEY2, null);
   const wallets = react.useWallets();
-  const [selectedWalletAccount, setSelectedWalletAccountInternal] = React4.useState(
+  const [selectedWalletAccount, setSelectedWalletAccountInternal] = React10.useState(
     () => getSavedWalletAccount(wallets, storedKey)
   );
   const setSelectedWalletAccount2 = (setStateAction) => {
@@ -154,13 +177,13 @@ function SolanaWalletProvider({ children }) {
       return nextWalletAccount;
     });
   };
-  React4.useEffect(() => {
+  React10.useEffect(() => {
     const savedWalletAccount = getSavedWalletAccount(wallets, storedKey);
     if (savedWalletAccount) {
       setSelectedWalletAccountInternal(savedWalletAccount);
     }
   }, [wallets]);
-  const walletAccount = React4.useMemo(() => {
+  const walletAccount = React10.useMemo(() => {
     if (selectedWalletAccount) {
       for (const uiWallet of wallets) {
         for (const uiWalletAccount of uiWallet.accounts) {
@@ -174,23 +197,195 @@ function SolanaWalletProvider({ children }) {
       }
     }
   }, [selectedWalletAccount, wallets]);
-  React4.useEffect(() => {
+  React10.useEffect(() => {
     if (selectedWalletAccount && !walletAccount) {
       setSelectedWalletAccountInternal(void 0);
     }
   }, [selectedWalletAccount, walletAccount]);
-  return /* @__PURE__ */ React4__default.default.createElement(SolanaWalletContext.Provider, { value: React4.useMemo(() => [walletAccount, setSelectedWalletAccount2], [walletAccount]) }, children);
+  return /* @__PURE__ */ React10__default.default.createElement(SolanaWalletContext.Provider, { value: React10.useMemo(() => [walletAccount, setSelectedWalletAccount2], [walletAccount]) }, children);
+}
+var SolanaWalletUiContext = React10__default.default.createContext(
+  {}
+);
+function useSolanaWalletUi() {
+  return React10__default.default.useContext(SolanaWalletUiContext);
+}
+
+// src/solana-wallet-ui-provider.tsx
+function SolanaWalletUiProvider(props) {
+  const wallets = react.useWallets();
+  const [walletAccount, setWalletAccount] = useSolanaWallet();
+  const [wallet, setWallet] = React10.useState(void 0);
+  const dialogService = react$1.useMachine(dialog__namespace.machine, { id: React10.useId(), modal: true });
+  const dialogApi = dialog__namespace.connect(dialogService, react$1.normalizeProps);
+  const menuService = react$1.useMachine(menu__namespace.machine, { id: React10.useId() });
+  const menuApi = menu__namespace.connect(menuService, react$1.normalizeProps);
+  const [connected, setConnected] = React10.useState(false);
+  function change() {
+    menuService.send({ type: "CLOSE" });
+    dialogService.send({ type: "OPEN" });
+  }
+  function connectAccount(wallet2, account) {
+    console.log("connectAccount", account);
+    setWalletAccount(account);
+    setWallet(wallet2);
+    setConnected(true);
+    dialogService.send({ type: "CLOSE" });
+  }
+  async function copy() {
+    if (!walletAccount) {
+      return;
+    }
+    await navigator.clipboard.writeText(walletAccount.address);
+    menuService.send({ type: "CLOSE" });
+    dialogService.send({ type: "CLOSE" });
+  }
+  function disconnect() {
+    setConnected(false);
+    setWalletAccount(void 0);
+    dialogService.send({ type: "CLOSE" });
+    menuService.send({ type: "CLOSE" });
+  }
+  const value = {
+    change,
+    connectAccount,
+    connected: connected && walletAccount !== void 0,
+    copy,
+    dialogApi,
+    disconnect,
+    menuApi,
+    wallet,
+    walletAccount,
+    wallets: React10.useMemo(() => wallets.filter((wallet2) => wallet2.chains.some((i) => i.startsWith("solana:"))), [wallets])
+  };
+  return /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiContext.Provider, { value }, props.children);
 }
 
 // src/solana-provider.tsx
 function SolanaProvider({ clusters, children }) {
-  return /* @__PURE__ */ React4__default.default.createElement(SolanaClusterProvider, { clusters }, /* @__PURE__ */ React4__default.default.createElement(SolanaClientProviderLoader, null, /* @__PURE__ */ React4__default.default.createElement(SolanaWalletProvider, null, children)));
+  return /* @__PURE__ */ React10__default.default.createElement(SolanaClusterProvider, { clusters }, /* @__PURE__ */ React10__default.default.createElement(SolanaClientProviderLoader, null, /* @__PURE__ */ React10__default.default.createElement(SolanaWalletProvider, null, /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiProvider, null, children))));
 }
 function SolanaClientProviderLoader({ children }) {
   const { cluster } = useSolanaCluster();
-  return /* @__PURE__ */ React4__default.default.createElement(SolanaClientProvider, { urlOrMoniker: cluster.urlOrMoniker }, children);
+  return /* @__PURE__ */ React10__default.default.createElement(SolanaClientProvider, { urlOrMoniker: cluster.urlOrMoniker }, children);
+}
+function SolanaWalletUiDialogTrigger(props) {
+  const { dialogApi } = useSolanaWalletUi();
+  console.log("SolanaWalletUiDialogTrigger", dialogApi);
+  return /* @__PURE__ */ React10__default.default.createElement("button", { ...props, ...dialogApi.getTriggerProps() }, "Select Wallet");
+}
+function SolanaWalletUiDropdown() {
+  const { change, connected, copy, disconnect, menuApi: api, wallet } = useSolanaWalletUi();
+  const menuItems = [
+    {
+      handler: copy,
+      label: "Copy Address",
+      value: "copy"
+    },
+    {
+      handler: change,
+      label: "Change Wallet",
+      value: "change"
+    },
+    {
+      handler: disconnect,
+      label: "Disconnect",
+      value: "disconnect"
+    }
+  ];
+  const trigger = /* @__PURE__ */ React10__default.default.createElement(
+    AppMenuButton,
+    {
+      ...api.getTriggerProps(),
+      className: `wallet-trigger ${connected ? "connected" : ""}`,
+      "data-part": "trigger"
+    },
+    connected ? wallet?.name : "Select Wallet",
+    /* @__PURE__ */ React10__default.default.createElement("span", { className: "wallet-actions" }, /* @__PURE__ */ React10__default.default.createElement("span", { ...api.getIndicatorProps(), className: "indicator" }, "\u25BE"))
+  );
+  return /* @__PURE__ */ React10__default.default.createElement("div", { className: "wallet-menu" }, trigger, /* @__PURE__ */ React10__default.default.createElement("div", { ...api.getPositionerProps(), className: "wallet-positioner" }, /* @__PURE__ */ React10__default.default.createElement("ul", { ...api.getContentProps(), className: "wallet-content", "data-part": "content" }, menuItems.map((item) => /* @__PURE__ */ React10__default.default.createElement(
+    "li",
+    {
+      key: item.value,
+      ...api.getItemProps({ value: item.value }),
+      className: "wallet-item",
+      "data-part": "item",
+      onClick: () => {
+        if (item.disabled) {
+          return;
+        }
+        void item.handler();
+      }
+    },
+    item.label
+  )))));
+}
+function AppMenuButton(props) {
+  return /* @__PURE__ */ React10__default.default.createElement("button", { ...props }, props.children);
+}
+
+// src/solana-wallet-ui-button.tsx
+function SolanaWalletUiButton() {
+  const { connected } = useSolanaWalletUi();
+  return connected ? /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiDropdown, null) : /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiDialogTrigger, null);
+}
+function SolanaWalletUiDialog({ description, title }) {
+  const { dialogApi: api, connected, disconnect } = useSolanaWalletUi();
+  if (!api) {
+    console.log("no api");
+    return null;
+  }
+  if (!api.open) {
+    console.log("no api.open");
+    return null;
+  }
+  return /* @__PURE__ */ React10__default.default.createElement(react$1.Portal, null, /* @__PURE__ */ React10__default.default.createElement("div", { className: "dialog", ...api.getBackdropProps() }), /* @__PURE__ */ React10__default.default.createElement("div", { className: "dialog", ...api.getPositionerProps() }, /* @__PURE__ */ React10__default.default.createElement("div", { className: "dialog", ...api.getContentProps() }, title ? /* @__PURE__ */ React10__default.default.createElement("h2", { className: "dialog", ...api.getTitleProps() }, title) : null, description ? /* @__PURE__ */ React10__default.default.createElement("p", { className: "dialog", ...api.getDescriptionProps() }, description) : null, /* @__PURE__ */ React10__default.default.createElement("div", { style: { marginTop: "32px" } }, /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiDialogList, null), connected ? /* @__PURE__ */ React10__default.default.createElement("button", { onClick: disconnect }, "Disconnect") : null), /* @__PURE__ */ React10__default.default.createElement("button", { className: "dialog", ...api.getCloseTriggerProps() }, "\xD7"))));
+}
+function SolanaWalletUiDialogList() {
+  const { wallets } = useSolanaWalletUi();
+  return /* @__PURE__ */ React10__default.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "16px" } }, wallets.map((item, index) => /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiDialogListItem, { key: `${item.name}-${index}`, wallet: item })));
+}
+function SolanaWalletUiDialogListItem({ wallet }) {
+  const [isConnecting, connect3] = react.useConnect(wallet);
+  const [isDisconnecting, disconnect] = react.useDisconnect(wallet);
+  const { connectAccount, walletAccount } = useSolanaWalletUi();
+  const accounts = wallet.accounts ?? [];
+  const isConnected = wallet.accounts.length > 0;
+  const isPending = isConnecting || isDisconnecting;
+  if (isPending) {
+    return /* @__PURE__ */ React10__default.default.createElement("div", null, "Pending...");
+  }
+  return /* @__PURE__ */ React10__default.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "8px" } }, /* @__PURE__ */ React10__default.default.createElement("div", { style: { display: "flex", justifyContent: "space-between" } }, /* @__PURE__ */ React10__default.default.createElement("div", { style: { alignItems: "center", display: "flex", gap: "8px" } }, /* @__PURE__ */ React10__default.default.createElement("img", { src: wallet.icon, alt: wallet.name, style: { height: 32 } }), /* @__PURE__ */ React10__default.default.createElement("span", { style: { fontSize: "1rem", fontWeight: "500" } }, wallet.name)), isConnected ? /* @__PURE__ */ React10__default.default.createElement(
+    "button",
+    {
+      disabled: isPending,
+      onClick: () => {
+        void disconnect();
+      }
+    },
+    "Disconnect"
+  ) : /* @__PURE__ */ React10__default.default.createElement(
+    "button",
+    {
+      disabled: isPending,
+      onClick: () => {
+        void connect3();
+      }
+    },
+    "Connect"
+  )), accounts.map((item, index) => /* @__PURE__ */ React10__default.default.createElement("div", { key: `${item.address}-${index}` }, /* @__PURE__ */ React10__default.default.createElement(
+    "button",
+    {
+      disabled: item.address === walletAccount?.address,
+      onClick: () => {
+        void connectAccount(wallet, item);
+      }
+    },
+    item.address
+  ))));
 }
 
+exports.AppMenuButton = AppMenuButton;
 exports.SolanaClientContext = SolanaClientContext;
 exports.SolanaClientProvider = SolanaClientProvider;
 exports.SolanaClusterContext = SolanaClusterContext;
@@ -198,10 +393,19 @@ exports.SolanaClusterProvider = SolanaClusterProvider;
 exports.SolanaProvider = SolanaProvider;
 exports.SolanaWalletContext = SolanaWalletContext;
 exports.SolanaWalletProvider = SolanaWalletProvider;
+exports.SolanaWalletUiButton = SolanaWalletUiButton;
+exports.SolanaWalletUiContext = SolanaWalletUiContext;
+exports.SolanaWalletUiDialog = SolanaWalletUiDialog;
+exports.SolanaWalletUiDialogList = SolanaWalletUiDialogList;
+exports.SolanaWalletUiDialogListItem = SolanaWalletUiDialogListItem;
+exports.SolanaWalletUiDialogTrigger = SolanaWalletUiDialogTrigger;
+exports.SolanaWalletUiDropdown = SolanaWalletUiDropdown;
+exports.SolanaWalletUiProvider = SolanaWalletUiProvider;
 exports.useSolanaClient = useSolanaClient;
 exports.useSolanaCluster = useSolanaCluster;
 exports.useSolanaWallet = useSolanaWallet;
 exports.useSolanaWalletAddress = useSolanaWalletAddress;
+exports.useSolanaWalletUi = useSolanaWalletUi;
 Object.keys(react).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/dist/index.browser.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/solana-client-context.tsx","../src/solana-client-provider.tsx","../src/solana-cluster-context.tsx","../src/use-local-storage.ts","../src/solana-cluster-provider.tsx","../src/solana-wallet-context.tsx","../src/solana-wallet-provider.tsx","../src/solana-provider.tsx"],"names":["createContext","useContext","useMemo","createSolanaClient","React","useState","useCallback","cluster","address","STORAGE_KEY","useWallets","setSelectedWalletAccount","getUiWalletAccountStorageKey","useEffect","uiWalletAccountsAreSame","uiWalletAccountBelongsToUiWallet"],"mappings":";;;;;;;;;;;;AAGa,IAAA,mBAAA,GAAsBA,oBAA4B,CAAA,EAAkB;AAE1E,SAAS,eAAkB,GAAA;AAC9B,EAAA,OAAOC,kBAAW,mBAAmB,CAAA;AACzC;ACDO,SAAS,oBAAqB,CAAA;AAAA,EACjC,QAAA;AAAA,EACA;AACJ,CAGG,EAAA;AACC,EAAM,MAAA,KAAA,GAAQC,cAAQ,CAAA,MAAMC,uBAAmB,CAAA,EAAE,cAAc,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEhF,EAAA,uBAAQC,uBAAA,CAAA,aAAA,CAAA,mBAAA,CAAoB,QAApB,EAAA,EAA6B,SAAe,QAAS,CAAA;AACjE;ACPa,IAAA,oBAAA,GAAuBJ,oBAAyC,CAAA,EAA+B;AAErG,SAAS,gBAAmB,GAAA;AAC/B,EAAA,OAAOC,kBAAW,oBAAoB,CAAA;AAC1C;ACXO,SAAS,eAAA,CAAmB,KAAa,YAAiB,EAAA;AAE7D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAII,gBAAY,MAAM;AACpD,IAAI,IAAA;AAEA,MAAI,IAAA,OAAO,WAAW,WAAa,EAAA;AAC/B,QAAO,OAAA,YAAA;AAAA;AAGX,MAAA,MAAM,IAAO,GAAA,MAAA,CAAO,YAAa,CAAA,OAAA,CAAQ,GAAG,CAAA;AAE5C,MAAA,IAAI,IAAI,QAAS,CAAA,QAAQ,KAAK,GAAI,CAAA,QAAA,CAAS,SAAS,CAAG,EAAA;AAEnD,QAAO,OAAA,YAAA;AAAA;AAEX,MAAA,OAAO,IAAO,GAAA,IAAA,CAAK,KAAM,CAAA,IAAI,CAAI,GAAA,YAAA;AAAA,aAC5B,KAAO,EAAA;AACZ,MAAA,OAAA,CAAQ,IAAK,CAAA,CAAA,gCAAA,EAAmC,GAAG,CAAA,EAAA,CAAA,EAAM,KAAK,CAAA;AAC9D,MAAO,OAAA,YAAA;AAAA;AACX,GACH,CAAA;AAGD,EAAA,MAAM,QAAW,GAAAC,kBAAA;AAAA,IACb,CAAC,KAA+B,KAAA;AAC5B,MAAI,IAAA;AAEA,QAAA,MAAM,YAAe,GAAA,KAAA,YAAiB,QAAW,GAAA,KAAA,CAAM,WAAW,CAAI,GAAA,KAAA;AAGtE,QAAA,cAAA,CAAe,YAAY,CAAA;AAG3B,QAAI,IAAA,OAAO,WAAW,WAAa,EAAA;AAC/B,UAAI,IAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,YAAA,KAAiB,IAAM,EAAA;AACrD,YAAO,MAAA,CAAA,YAAA,CAAa,WAAW,GAAG,CAAA;AAAA,WAC/B,MAAA;AACH,YAAA,MAAA,CAAO,aAAa,OAAQ,CAAA,GAAA,EAAK,IAAK,CAAA,SAAA,CAAU,YAAY,CAAC,CAAA;AAAA;AACjE;AACJ,eACK,KAAO,EAAA;AACZ,QAAA,OAAA,CAAQ,IAAK,CAAA,CAAA,gCAAA,EAAmC,GAAG,CAAA,EAAA,CAAA,EAAM,KAAK,CAAA;AAAA;AAClE,KACJ;AAAA,IACA,CAAC,KAAK,WAAW;AAAA,GACrB;AAEA,EAAO,OAAA,CAAC,aAAa,QAAQ,CAAA;AACjC;;;AC5CA,IAAM,WAAc,GAAA,8BAAA;AAEb,SAAS,qBAAsB,CAAA,EAAE,QAAU,EAAA,QAAA,EAAiE,EAAA;AAC/G,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,eAAA,CAAgB,aAAa,eAAe,CAAA;AAE9E,EAAI,IAAA,CAAC,SAAS,MAAQ,EAAA;AAClB,IAAM,MAAA,IAAI,MAAM,sBAAsB,CAAA;AAAA;AAG1C,EAAM,MAAA,OAAA,GAAUJ,eAAuB,MAAM;AACzC,IAAA,KAAA,MAAWK,YAAW,QAAU,EAAA;AAC5B,MAAIA,IAAAA,QAAAA,CAAQ,OAAO,SAAW,EAAA;AAC1B,QAAOA,OAAAA,QAAAA;AAAA;AACX;AAEJ,IAAA,OAAO,SAAS,CAAC,CAAA;AAAA,GAClB,EAAA,CAAC,SAAW,EAAA,QAAQ,CAAC,CAAA;AAExB,EAAA,uBACIH,uBAAA,CAAA,aAAA;AAAA,IAAC,oBAAqB,CAAA,QAAA;AAAA,IAArB;AAAA,MACG,KAAOF,EAAAA,cAAAA;AAAA,QACH,OAAO;AAAA,UACH,OAAA;AAAA,UACA,QAAA;AAAA,UACA,WAAWK,QAAS,EAAA;AAChB,YAAa,YAAA,CAAA,OAAA,CAAQ,aAAaA,QAAO,CAAA;AACzC,YAAA,YAAA,CAAaA,QAAO,CAAA;AAAA;AACxB,SACJ,CAAA;AAAA,QACA,CAAC,SAAS,QAAQ;AAAA;AACtB,KAAA;AAAA,IAEC;AAAA,GACL;AAER;ACnCO,IAAM,sBAAsBP,oBAKjC,CAAA;AAAA,EACE,MAAA;AAAA,EACA,SAAS,wBAA2B,GAAA;AAAA;AAGxC,CAAC;AAEM,SAAS,eAAkB,GAAA;AAC9B,EAAA,OAAOC,kBAAW,mBAAmB,CAAA;AACzC;AAEO,SAAS,sBAAyB,GAAA;AACrC,EAAM,MAAA,CAAC,MAAM,CAAA,GAAI,eAAgB,EAAA;AACjC,EAAI,IAAA,CAAC,QAAQ,OAAS,EAAA;AAClB,IAAO,OAAA,IAAA;AAAA;AAEX,EAAO,OAAAO,YAAA,CAAQ,OAAO,OAAO,CAAA;AACjC;;;AChBA,IAAMC,YAAc,GAAA,yCAAA;AAEpB,IAAI,gBAAmB,GAAA,KAAA;AAEvB,SAAS,qBAAA,CAAsB,SAA8B,yBAA0C,EAAA;AACnG,EAAA,IAAI,gBAAkB,EAAA;AAGlB,IAAA;AAAA;AAEJ,EAAA,IAAI,CAAC,yBAAA,IAA6B,OAAO,yBAAA,KAA8B,QAAU,EAAA;AAC7E,IAAA;AAAA;AAEJ,EAAA,MAAM,CAAC,eAAiB,EAAA,mBAAmB,CAAI,GAAA,yBAAA,CAA0B,MAAM,GAAG,CAAA;AAClF,EAAI,IAAA,CAAC,eAAmB,IAAA,CAAC,mBAAqB,EAAA;AAC1C,IAAA;AAAA;AAEJ,EAAA,KAAA,MAAW,UAAU,OAAS,EAAA;AAC1B,IAAI,IAAA,MAAA,CAAO,SAAS,eAAiB,EAAA;AACjC,MAAW,KAAA,MAAA,OAAA,IAAW,OAAO,QAAU,EAAA;AACnC,QAAI,IAAA,OAAA,CAAQ,YAAY,mBAAqB,EAAA;AACzC,UAAO,OAAA,OAAA;AAAA;AACX;AACJ;AACJ;AAER;AAOO,SAAS,oBAAA,CAAqB,EAAE,QAAA,EAAqC,EAAA;AACxE,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,eAAA,CAA+BA,cAAa,IAAI,CAAA;AAClF,EAAA,MAAM,UAAUC,gBAAW,EAAA;AAC3B,EAAM,MAAA,CAAC,qBAAuB,EAAA,gCAAgC,CAAIL,GAAAA,eAAAA;AAAA,IAAqC,MACnG,qBAAsB,CAAA,OAAA,EAAS,SAAS;AAAA,GAC5C;AACA,EAAA,MAAMM,4BAAiF,CAAkB,cAAA,KAAA;AACrG,IAAA,gCAAA,CAAiC,CAA6B,yBAAA,KAAA;AAC1D,MAAmB,gBAAA,GAAA,IAAA;AACnB,MAAA,MAAM,oBACF,OAAO,cAAA,KAAmB,UAAa,GAAA,cAAA,CAAe,yBAAyB,CAAI,GAAA,cAAA;AACvF,MAAA,MAAM,UAAa,GAAA,iBAAA,GAAoBC,kCAA6B,CAAA,iBAAiB,CAAI,GAAA,MAAA;AACzF,MAAA,IAAI,UAAY,EAAA;AACZ,QAAA,YAAA,CAAa,UAAU,CAAA;AAAA,OACpB,MAAA;AACH,QAAA,YAAA,CAAa,IAAI,CAAA;AAAA;AAErB,MAAO,OAAA,iBAAA;AAAA,KACV,CAAA;AAAA,GACL;AACA,EAAAC,gBAAA,CAAU,MAAM;AACZ,IAAM,MAAA,kBAAA,GAAqB,qBAAsB,CAAA,OAAA,EAAS,SAAS,CAAA;AACnE,IAAA,IAAI,kBAAoB,EAAA;AACpB,MAAA,gCAAA,CAAiC,kBAAkB,CAAA;AAAA;AACvD,GACJ,EAAG,CAAC,OAAO,CAAC,CAAA;AACZ,EAAM,MAAA,aAAA,GAAgBX,eAAQ,MAAM;AAChC,IAAA,IAAI,qBAAuB,EAAA;AACvB,MAAA,KAAA,MAAW,YAAY,OAAS,EAAA;AAC5B,QAAW,KAAA,MAAA,eAAA,IAAmB,SAAS,QAAU,EAAA;AAC7C,UAAI,IAAAY,6BAAA,CAAwB,qBAAuB,EAAA,eAAe,CAAG,EAAA;AACjE,YAAO,OAAA,eAAA;AAAA;AACX;AAEJ,QAAA,IAAIC,uCAAiC,qBAAuB,EAAA,QAAQ,KAAK,QAAS,CAAA,QAAA,CAAS,CAAC,CAAG,EAAA;AAG3F,UAAO,OAAA,QAAA,CAAS,SAAS,CAAC,CAAA;AAAA;AAC9B;AACJ;AACJ,GACD,EAAA,CAAC,qBAAuB,EAAA,OAAO,CAAC,CAAA;AACnC,EAAAF,gBAAA,CAAU,MAAM;AAGZ,IAAI,IAAA,qBAAA,IAAyB,CAAC,aAAe,EAAA;AACzC,MAAA,gCAAA,CAAiC,MAAS,CAAA;AAAA;AAC9C,GACD,EAAA,CAAC,qBAAuB,EAAA,aAAa,CAAC,CAAA;AACzC,EAAA,uBACIT,uBAAA,CAAA,aAAA,CAAC,mBAAoB,CAAA,QAAA,EAApB,EAA6B,KAAOF,EAAAA,cAAAA,CAAQ,MAAM,CAAC,eAAeS,yBAAwB,CAAA,EAAG,CAAC,aAAa,CAAC,KACxG,QACL,CAAA;AAER;;;AC3FO,SAAS,cAAe,CAAA,EAAE,QAAU,EAAA,QAAA,EAAgE,EAAA;AACvG,EAAA,uBACIP,uBAAAA,CAAA,aAAC,CAAA,qBAAA,EAAA,EAAsB,4BACnBA,uBAAAA,CAAA,aAAC,CAAA,0BAAA,EAAA,IAAA,kBACGA,uBAAA,CAAA,aAAA,CAAC,oBAAsB,EAAA,IAAA,EAAA,QAAS,CACpC,CACJ,CAAA;AAER;AAEA,SAAS,0BAAA,CAA2B,EAAE,QAAA,EAAqC,EAAA;AACvE,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,gBAAiB,EAAA;AAErC,EAAA,uBAAOA,uBAAA,CAAA,aAAA,CAAC,wBAAqB,YAAc,EAAA,OAAA,CAAQ,gBAAe,QAAS,CAAA;AAC/E","file":"index.browser.cjs","sourcesContent":["import { SolanaClient } from '@wallet-ui/core';\nimport { createContext, useContext } from 'react';\n\nexport const SolanaClientContext = createContext<SolanaClient>({} as SolanaClient);\n\nexport function useSolanaClient() {\n    return useContext(SolanaClientContext);\n}\n","import { SolanaClientUrlOrMoniker } from '@wallet-ui/core';\nimport { createSolanaClient } from 'gill';\nimport React, { ReactNode, useMemo } from 'react';\n\nimport { SolanaClientContext } from './solana-client-context';\n\nexport function SolanaClientProvider({\n    children,\n    urlOrMoniker,\n}: {\n    children: ReactNode;\n    urlOrMoniker: SolanaClientUrlOrMoniker;\n}) {\n    const value = useMemo(() => createSolanaClient({ urlOrMoniker }), [urlOrMoniker]);\n\n    return <SolanaClientContext.Provider value={value}>{children}</SolanaClientContext.Provider>;\n}\n","import { SolanaCluster } from '@wallet-ui/core';\nimport { createContext, useContext } from 'react';\n\nexport type SolanaClusterContextProps = Readonly<{\n    cluster: SolanaCluster;\n    clusters: SolanaCluster[];\n    setCluster?(cluster: `solana:${string}`): void;\n}>;\n\nexport const SolanaClusterContext = createContext<SolanaClusterContextProps>({} as SolanaClusterContextProps);\n\nexport function useSolanaCluster() {\n    return useContext(SolanaClusterContext);\n}\n","import { useCallback, useState } from 'react';\n\nexport function useLocalStorage<T>(key: string, initialValue: T) {\n    // State to store our value\n    const [storedValue, setStoredValue] = useState<T>(() => {\n        try {\n            // Check if we're on the client side\n            if (typeof window === 'undefined') {\n                return initialValue;\n            }\n\n            const item = window.localStorage.getItem(key);\n            // For wallet-related data, validate the stored value\n            if (key.includes('wallet') || key.includes('account')) {\n                // Return initial value if stored data might be stale\n                return initialValue;\n            }\n            return item ? JSON.parse(item) : initialValue;\n        } catch (error) {\n            console.warn(`Error reading localStorage key \"${key}\":`, error);\n            return initialValue;\n        }\n    });\n\n    // Return a wrapped version of useState's setter function that persists the new value to localStorage\n    const setValue = useCallback(\n        (value: T | ((val: T) => T)) => {\n            try {\n                // Allow value to be a function so we have same API as useState\n                const valueToStore = value instanceof Function ? value(storedValue) : value;\n\n                // Save state\n                setStoredValue(valueToStore);\n\n                // Save to localStorage\n                if (typeof window !== 'undefined') {\n                    if (valueToStore === undefined || valueToStore === null) {\n                        window.localStorage.removeItem(key);\n                    } else {\n                        window.localStorage.setItem(key, JSON.stringify(valueToStore));\n                    }\n                }\n            } catch (error) {\n                console.warn(`Error setting localStorage key \"${key}\":`, error);\n            }\n        },\n        [key, storedValue],\n    );\n\n    return [storedValue, setValue] as const;\n}\n","import { SolanaCluster } from '@wallet-ui/core';\nimport React, { ReactNode, useMemo } from 'react';\n\nimport { SolanaClusterContext } from './solana-cluster-context';\nimport { useLocalStorage } from './use-local-storage';\n\nconst STORAGE_KEY = 'placeholder:selected-cluster';\n\nexport function SolanaClusterProvider({ clusters, children }: { children: ReactNode, clusters: SolanaCluster[]; }) {\n    const [clusterId, setClusterId] = useLocalStorage(STORAGE_KEY, 'solana:devnet');\n\n    if (!clusters.length) {\n        throw new Error('No clusters provided');\n    }\n\n    const cluster = useMemo<SolanaCluster>(() => {\n        for (const cluster of clusters) {\n            if (cluster.id === clusterId) {\n                return cluster;\n            }\n        }\n        return clusters[0];\n    }, [clusterId, clusters]);\n\n    return (\n        <SolanaClusterContext.Provider\n            value={useMemo(\n                () => ({\n                    cluster,\n                    clusters,\n                    setCluster(cluster) {\n                        localStorage.setItem(STORAGE_KEY, cluster);\n                        setClusterId(cluster);\n                    },\n                }),\n                [cluster, clusters],\n            )}\n        >\n            {children}\n        </SolanaClusterContext.Provider>\n    );\n}\n","import type { UiWalletAccount } from '@wallet-standard/react';\nimport { address } from 'gill';\nimport { createContext, Dispatch, SetStateAction, useContext } from 'react';\n\nexport type SelectedWalletAccountState = UiWalletAccount | undefined;\n\nexport const SolanaWalletContext = createContext<\n    readonly [\n        selectedWalletAccount: SelectedWalletAccountState,\n        setSelectedWalletAccount: Dispatch<SetStateAction<SelectedWalletAccountState>>,\n    ]\n>([\n    undefined /* selectedWalletAccount */,\n    function setSelectedWalletAccount() {\n        /* empty */\n    },\n]);\n\nexport function useSolanaWallet() {\n    return useContext(SolanaWalletContext);\n}\n\nexport function useSolanaWalletAddress() {\n    const [wallet] = useSolanaWallet();\n    if (!wallet?.address) {\n        return null;\n    }\n    return address(wallet.address);\n}\n","import {\n    getUiWalletAccountStorageKey,\n    UiWallet,\n    uiWalletAccountBelongsToUiWallet,\n    uiWalletAccountsAreSame,\n    useWallets,\n} from '@wallet-standard/react';\nimport React, { Dispatch, ReactNode, SetStateAction, useEffect, useMemo, useState } from 'react';\n\nimport { SelectedWalletAccountState, SolanaWalletContext } from './solana-wallet-context';\nimport { useLocalStorage } from './use-local-storage';\n\nconst STORAGE_KEY = 'placeholder:selected-wallet-and-address';\n\nlet wasSetterInvoked = false;\n\nfunction getSavedWalletAccount(wallets: readonly UiWallet[], savedWalletNameAndAddress: string | null) {\n    if (wasSetterInvoked) {\n        // After the user makes an explicit choice of wallet, stop trying to auto-select the\n        // saved wallet, if and when it appears.\n        return;\n    }\n    if (!savedWalletNameAndAddress || typeof savedWalletNameAndAddress !== 'string') {\n        return;\n    }\n    const [savedWalletName, savedAccountAddress] = savedWalletNameAndAddress.split(':');\n    if (!savedWalletName || !savedAccountAddress) {\n        return;\n    }\n    for (const wallet of wallets) {\n        if (wallet.name === savedWalletName) {\n            for (const account of wallet.accounts) {\n                if (account.address === savedAccountAddress) {\n                    return account;\n                }\n            }\n        }\n    }\n}\n\n/**\n * Saves the selected wallet account's storage key to the browser's local storage. In future\n * sessions it will try to return that same wallet account, or at least one from the same brand of\n * wallet if the wallet from which it came is still in the Wallet Standard registry.\n */\nexport function SolanaWalletProvider({ children }: { children: ReactNode }) {\n    const [storedKey, setStoredKey] = useLocalStorage<string | null>(STORAGE_KEY, null);\n    const wallets = useWallets();\n    const [selectedWalletAccount, setSelectedWalletAccountInternal] = useState<SelectedWalletAccountState>(() =>\n        getSavedWalletAccount(wallets, storedKey),\n    );\n    const setSelectedWalletAccount: Dispatch<SetStateAction<SelectedWalletAccountState>> = setStateAction => {\n        setSelectedWalletAccountInternal(prevSelectedWalletAccount => {\n            wasSetterInvoked = true;\n            const nextWalletAccount =\n                typeof setStateAction === 'function' ? setStateAction(prevSelectedWalletAccount) : setStateAction;\n            const accountKey = nextWalletAccount ? getUiWalletAccountStorageKey(nextWalletAccount) : undefined;\n            if (accountKey) {\n                setStoredKey(accountKey);\n            } else {\n                setStoredKey(null);\n            }\n            return nextWalletAccount;\n        });\n    };\n    useEffect(() => {\n        const savedWalletAccount = getSavedWalletAccount(wallets, storedKey);\n        if (savedWalletAccount) {\n            setSelectedWalletAccountInternal(savedWalletAccount);\n        }\n    }, [wallets]);\n    const walletAccount = useMemo(() => {\n        if (selectedWalletAccount) {\n            for (const uiWallet of wallets) {\n                for (const uiWalletAccount of uiWallet.accounts) {\n                    if (uiWalletAccountsAreSame(selectedWalletAccount, uiWalletAccount)) {\n                        return uiWalletAccount;\n                    }\n                }\n                if (uiWalletAccountBelongsToUiWallet(selectedWalletAccount, uiWallet) && uiWallet.accounts[0]) {\n                    // If the selected account belongs to this connected wallet, at least, then\n                    // select one of its accounts.\n                    return uiWallet.accounts[0];\n                }\n            }\n        }\n    }, [selectedWalletAccount, wallets]);\n    useEffect(() => {\n        // If there is a selected wallet account but the wallet to which it belongs has since\n        // disconnected, clear the selected wallet.\n        if (selectedWalletAccount && !walletAccount) {\n            setSelectedWalletAccountInternal(undefined);\n        }\n    }, [selectedWalletAccount, walletAccount]);\n    return (\n        <SolanaWalletContext.Provider value={useMemo(() => [walletAccount, setSelectedWalletAccount], [walletAccount])}>\n            {children}\n        </SolanaWalletContext.Provider>\n    );\n}\n","import { SolanaCluster } from '@wallet-ui/core';\nimport React, { ReactNode } from 'react';\n\nimport { SolanaClientProvider } from './solana-client-provider';\nimport { useSolanaCluster } from './solana-cluster-context';\nimport { SolanaClusterProvider } from './solana-cluster-provider';\nimport { SolanaWalletProvider } from './solana-wallet-provider';\n\nexport function SolanaProvider({ clusters, children }: { children: ReactNode; clusters: SolanaCluster[] }) {\n    return (\n        <SolanaClusterProvider clusters={clusters}>\n            <SolanaClientProviderLoader>\n                <SolanaWalletProvider>{children}</SolanaWalletProvider>\n            </SolanaClientProviderLoader>\n        </SolanaClusterProvider>\n    );\n}\n\nfunction SolanaClientProviderLoader({ children }: { children: ReactNode }) {\n    const { cluster } = useSolanaCluster();\n\n    return <SolanaClientProvider urlOrMoniker={cluster.urlOrMoniker}>{children}</SolanaClientProvider>;\n}\n"]}
+{"version":3,"sources":["../src/solana-client-context.tsx","../src/solana-client-provider.tsx","../src/solana-cluster-context.tsx","../src/use-local-storage.ts","../src/solana-cluster-provider.tsx","../src/solana-wallet-context.tsx","../src/solana-wallet-provider.tsx","../src/solana-wallet-ui-context.tsx","../src/solana-wallet-ui-provider.tsx","../src/solana-provider.tsx","../src/solana-wallet-ui-dialog-trigger.tsx","../src/solana-wallet-ui-dropdown.tsx","../src/solana-wallet-ui-button.tsx","../src/solana-wallet-ui-dialog.tsx"],"names":["createContext","useContext","useMemo","createSolanaClient","React","useState","useCallback","cluster","address","STORAGE_KEY","useWallets","setSelectedWalletAccount","getUiWalletAccountStorageKey","useEffect","uiWalletAccountsAreSame","uiWalletAccountBelongsToUiWallet","useMachine","dialog","useId","normalizeProps","menu","wallet","Portal","connect","useConnect","useDisconnect"],"mappings":"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","file":"index.browser.cjs","sourcesContent":["import { SolanaClient } from '@wallet-ui/core';\nimport { createContext, useContext } from 'react';\n\nexport const SolanaClientContext = createContext<SolanaClient>({} as SolanaClient);\n\nexport function useSolanaClient() {\n    return useContext(SolanaClientContext);\n}\n","import { SolanaClientUrlOrMoniker } from '@wallet-ui/core';\nimport { createSolanaClient } from 'gill';\nimport React, { ReactNode, useMemo } from 'react';\n\nimport { SolanaClientContext } from './solana-client-context';\n\nexport function SolanaClientProvider({\n    children,\n    urlOrMoniker,\n}: {\n    children: ReactNode;\n    urlOrMoniker: SolanaClientUrlOrMoniker;\n}) {\n    const value = useMemo(() => createSolanaClient({ urlOrMoniker }), [urlOrMoniker]);\n\n    return <SolanaClientContext.Provider value={value}>{children}</SolanaClientContext.Provider>;\n}\n","import { SolanaCluster } from '@wallet-ui/core';\nimport { createContext, useContext } from 'react';\n\nexport type SolanaClusterContextProps = Readonly<{\n    cluster: SolanaCluster;\n    clusters: SolanaCluster[];\n    setCluster?(cluster: `solana:${string}`): void;\n}>;\n\nexport const SolanaClusterContext = createContext<SolanaClusterContextProps>({} as SolanaClusterContextProps);\n\nexport function useSolanaCluster() {\n    return useContext(SolanaClusterContext);\n}\n","import { useCallback, useState } from 'react';\n\nexport function useLocalStorage<T>(key: string, initialValue: T) {\n    // State to store our value\n    const [storedValue, setStoredValue] = useState<T>(() => {\n        try {\n            // Check if we're on the client side\n            if (typeof window === 'undefined') {\n                return initialValue;\n            }\n\n            const item = window.localStorage.getItem(key);\n            // For wallet-related data, validate the stored value\n            if (key.includes('wallet') || key.includes('account')) {\n                // Return initial value if stored data might be stale\n                return initialValue;\n            }\n            return item ? JSON.parse(item) : initialValue;\n        } catch (error) {\n            console.warn(`Error reading localStorage key \"${key}\":`, error);\n            return initialValue;\n        }\n    });\n\n    // Return a wrapped version of useState's setter function that persists the new value to localStorage\n    const setValue = useCallback(\n        (value: T | ((val: T) => T)) => {\n            try {\n                // Allow value to be a function so we have same API as useState\n                const valueToStore = value instanceof Function ? value(storedValue) : value;\n\n                // Save state\n                setStoredValue(valueToStore);\n\n                // Save to localStorage\n                if (typeof window !== 'undefined') {\n                    if (valueToStore === undefined || valueToStore === null) {\n                        window.localStorage.removeItem(key);\n                    } else {\n                        window.localStorage.setItem(key, JSON.stringify(valueToStore));\n                    }\n                }\n            } catch (error) {\n                console.warn(`Error setting localStorage key \"${key}\":`, error);\n            }\n        },\n        [key, storedValue],\n    );\n\n    return [storedValue, setValue] as const;\n}\n","import { SolanaCluster } from '@wallet-ui/core';\nimport React, { ReactNode, useMemo } from 'react';\n\nimport { SolanaClusterContext } from './solana-cluster-context';\nimport { useLocalStorage } from './use-local-storage';\n\nconst STORAGE_KEY = 'placeholder:selected-cluster';\n\nexport function SolanaClusterProvider({ clusters, children }: { children: ReactNode, clusters: SolanaCluster[]; }) {\n    const [clusterId, setClusterId] = useLocalStorage(STORAGE_KEY, 'solana:devnet');\n\n    if (!clusters.length) {\n        throw new Error('No clusters provided');\n    }\n\n    const cluster = useMemo<SolanaCluster>(() => {\n        for (const cluster of clusters) {\n            if (cluster.id === clusterId) {\n                return cluster;\n            }\n        }\n        return clusters[0];\n    }, [clusterId, clusters]);\n\n    return (\n        <SolanaClusterContext.Provider\n            value={useMemo(\n                () => ({\n                    cluster,\n                    clusters,\n                    setCluster(cluster) {\n                        localStorage.setItem(STORAGE_KEY, cluster);\n                        setClusterId(cluster);\n                    },\n                }),\n                [cluster, clusters],\n            )}\n        >\n            {children}\n        </SolanaClusterContext.Provider>\n    );\n}\n","import type { UiWalletAccount } from '@wallet-standard/react';\nimport { address } from 'gill';\nimport { createContext, Dispatch, SetStateAction, useContext } from 'react';\n\nexport type SelectedWalletAccountState = UiWalletAccount | undefined;\n\nexport const SolanaWalletContext = createContext<\n    readonly [\n        selectedWalletAccount: SelectedWalletAccountState,\n        setSelectedWalletAccount: Dispatch<SetStateAction<SelectedWalletAccountState>>,\n    ]\n>([\n    undefined /* selectedWalletAccount */,\n    function setSelectedWalletAccount() {\n        /* empty */\n    },\n]);\n\nexport function useSolanaWallet() {\n    return useContext(SolanaWalletContext);\n}\n\nexport function useSolanaWalletAddress() {\n    const [wallet] = useSolanaWallet();\n    if (!wallet?.address) {\n        return null;\n    }\n    return address(wallet.address);\n}\n","import {\n    getUiWalletAccountStorageKey,\n    UiWallet,\n    uiWalletAccountBelongsToUiWallet,\n    uiWalletAccountsAreSame,\n    useWallets,\n} from '@wallet-standard/react';\nimport React, { Dispatch, ReactNode, SetStateAction, useEffect, useMemo, useState } from 'react';\n\nimport { SelectedWalletAccountState, SolanaWalletContext } from './solana-wallet-context';\nimport { useLocalStorage } from './use-local-storage';\n\nconst STORAGE_KEY = 'placeholder:selected-wallet-and-address';\n\nlet wasSetterInvoked = false;\n\nfunction getSavedWalletAccount(wallets: readonly UiWallet[], savedWalletNameAndAddress: string | null) {\n    if (wasSetterInvoked) {\n        // After the user makes an explicit choice of wallet, stop trying to auto-select the\n        // saved wallet, if and when it appears.\n        return;\n    }\n    if (!savedWalletNameAndAddress || typeof savedWalletNameAndAddress !== 'string') {\n        return;\n    }\n    const [savedWalletName, savedAccountAddress] = savedWalletNameAndAddress.split(':');\n    if (!savedWalletName || !savedAccountAddress) {\n        return;\n    }\n    for (const wallet of wallets) {\n        if (wallet.name === savedWalletName) {\n            for (const account of wallet.accounts) {\n                if (account.address === savedAccountAddress) {\n                    return account;\n                }\n            }\n        }\n    }\n}\n\n/**\n * Saves the selected wallet account's storage key to the browser's local storage. In future\n * sessions it will try to return that same wallet account, or at least one from the same brand of\n * wallet if the wallet from which it came is still in the Wallet Standard registry.\n */\nexport function SolanaWalletProvider({ children }: { children: ReactNode }) {\n    const [storedKey, setStoredKey] = useLocalStorage<string | null>(STORAGE_KEY, null);\n    const wallets = useWallets();\n    const [selectedWalletAccount, setSelectedWalletAccountInternal] = useState<SelectedWalletAccountState>(() =>\n        getSavedWalletAccount(wallets, storedKey),\n    );\n    const setSelectedWalletAccount: Dispatch<SetStateAction<SelectedWalletAccountState>> = setStateAction => {\n        setSelectedWalletAccountInternal(prevSelectedWalletAccount => {\n            wasSetterInvoked = true;\n            const nextWalletAccount =\n                typeof setStateAction === 'function' ? setStateAction(prevSelectedWalletAccount) : setStateAction;\n            const accountKey = nextWalletAccount ? getUiWalletAccountStorageKey(nextWalletAccount) : undefined;\n            if (accountKey) {\n                setStoredKey(accountKey);\n            } else {\n                setStoredKey(null);\n            }\n            return nextWalletAccount;\n        });\n    };\n    useEffect(() => {\n        const savedWalletAccount = getSavedWalletAccount(wallets, storedKey);\n        if (savedWalletAccount) {\n            setSelectedWalletAccountInternal(savedWalletAccount);\n        }\n    }, [wallets]);\n    const walletAccount = useMemo(() => {\n        if (selectedWalletAccount) {\n            for (const uiWallet of wallets) {\n                for (const uiWalletAccount of uiWallet.accounts) {\n                    if (uiWalletAccountsAreSame(selectedWalletAccount, uiWalletAccount)) {\n                        return uiWalletAccount;\n                    }\n                }\n                if (uiWalletAccountBelongsToUiWallet(selectedWalletAccount, uiWallet) && uiWallet.accounts[0]) {\n                    // If the selected account belongs to this connected wallet, at least, then\n                    // select one of its accounts.\n                    return uiWallet.accounts[0];\n                }\n            }\n        }\n    }, [selectedWalletAccount, wallets]);\n    useEffect(() => {\n        // If there is a selected wallet account but the wallet to which it belongs has since\n        // disconnected, clear the selected wallet.\n        if (selectedWalletAccount && !walletAccount) {\n            setSelectedWalletAccountInternal(undefined);\n        }\n    }, [selectedWalletAccount, walletAccount]);\n    return (\n        <SolanaWalletContext.Provider value={useMemo(() => [walletAccount, setSelectedWalletAccount], [walletAccount])}>\n            {children}\n        </SolanaWalletContext.Provider>\n    );\n}\n","import { UiWallet, UiWalletAccount } from '@wallet-standard/react';\nimport * as dialog from '@zag-js/dialog';\nimport * as menu from '@zag-js/menu';\nimport React from 'react';\n\nexport interface SolanaWalletUiProviderContext {\n    change: () => void;\n    connectAccount: (wallet: UiWallet | undefined, account: UiWalletAccount | undefined) => void;\n    connected: boolean;\n    copy: () => Promise<void>;\n    dialogApi: ReturnType<typeof dialog.connect>;\n    disconnect: () => void;\n    menuApi: ReturnType<typeof menu.connect>;\n    wallet: UiWallet | undefined;\n    walletAccount: UiWalletAccount | undefined;\n    wallets: readonly UiWallet[];\n}\n\nexport const SolanaWalletUiContext = React.createContext<SolanaWalletUiProviderContext>(\n    {} as SolanaWalletUiProviderContext,\n);\n\nexport function useSolanaWalletUi() {\n    return React.useContext(SolanaWalletUiContext);\n}\n","import { UiWallet, UiWalletAccount, useWallets } from '@wallet-standard/react';\nimport * as dialog from '@zag-js/dialog';\nimport * as menu from '@zag-js/menu';\nimport { normalizeProps, useMachine } from '@zag-js/react';\nimport React, { ReactNode, useId, useMemo, useState } from 'react';\n\nimport { useSolanaWallet } from './solana-wallet-context';\nimport { SolanaWalletUiContext, SolanaWalletUiProviderContext } from './solana-wallet-ui-context';\n\nexport function SolanaWalletUiProvider(props: { children: ReactNode }) {\n    const wallets = useWallets();\n    const [walletAccount, setWalletAccount] = useSolanaWallet();\n    const [wallet, setWallet] = useState<UiWallet | undefined>(undefined);\n    const dialogService = useMachine(dialog.machine, { id: useId(), modal: true });\n    const dialogApi = dialog.connect(dialogService, normalizeProps);\n    const menuService = useMachine(menu.machine, { id: useId() });\n    const menuApi = menu.connect(menuService, normalizeProps);\n\n    const [connected, setConnected] = useState(false);\n\n    function change() {\n        menuService.send({ type: 'CLOSE' });\n        dialogService.send({ type: 'OPEN' });\n    }\n\n    function connectAccount(wallet: UiWallet | undefined, account: UiWalletAccount | undefined) {\n        console.log('connectAccount', account);\n        setWalletAccount(account);\n        setWallet(wallet);\n        setConnected(true);\n        dialogService.send({ type: 'CLOSE' });\n    }\n\n    async function copy() {\n        if (!walletAccount) {\n            return;\n        }\n        await navigator.clipboard.writeText(walletAccount.address);\n        menuService.send({ type: 'CLOSE' });\n        dialogService.send({ type: 'CLOSE' });\n    }\n\n    function disconnect() {\n        setConnected(false);\n        setWalletAccount(undefined);\n        dialogService.send({ type: 'CLOSE' });\n        menuService.send({ type: 'CLOSE' });\n    }\n\n    const value: SolanaWalletUiProviderContext = {\n        change,\n        connectAccount,\n        connected: connected && walletAccount !== undefined,\n        copy,\n        dialogApi,\n        disconnect,\n        menuApi,\n        wallet,\n        walletAccount,\n        wallets: useMemo(() => wallets.filter(wallet => wallet.chains.some(i => i.startsWith('solana:'))), [wallets]),\n    };\n\n    return <SolanaWalletUiContext.Provider value={value}>{props.children}</SolanaWalletUiContext.Provider>;\n}\n","import { SolanaCluster } from '@wallet-ui/core';\nimport React, { ReactNode } from 'react';\n\nimport { SolanaClientProvider } from './solana-client-provider';\nimport { useSolanaCluster } from './solana-cluster-context';\nimport { SolanaClusterProvider } from './solana-cluster-provider';\nimport { SolanaWalletProvider } from './solana-wallet-provider';\nimport { SolanaWalletUiProvider } from './solana-wallet-ui-provider';\n\nexport function SolanaProvider({ clusters, children }: { children: ReactNode; clusters: SolanaCluster[] }) {\n    return (\n        <SolanaClusterProvider clusters={clusters}>\n            <SolanaClientProviderLoader>\n                <SolanaWalletProvider>\n                    <SolanaWalletUiProvider>{children}</SolanaWalletUiProvider>\n                </SolanaWalletProvider>\n            </SolanaClientProviderLoader>\n        </SolanaClusterProvider>\n    );\n}\n\nfunction SolanaClientProviderLoader({ children }: { children: ReactNode }) {\n    const { cluster } = useSolanaCluster();\n\n    return <SolanaClientProvider urlOrMoniker={cluster.urlOrMoniker}>{children}</SolanaClientProvider>;\n}\n","import React, { ButtonHTMLAttributes } from 'react';\n\nimport { useSolanaWalletUi } from './solana-wallet-ui-context';\n\nexport type WalletUiDialogTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport function SolanaWalletUiDialogTrigger(props: WalletUiDialogTriggerProps) {\n    const { dialogApi } = useSolanaWalletUi();\n\n    console.log('SolanaWalletUiDialogTrigger', dialogApi);\n    return (\n        <button {...props} {...dialogApi.getTriggerProps()}>\n            Select Wallet\n        </button>\n    );\n}\n","import './solana-wallet-ui-dropdown.css';\n\nimport React, { ButtonHTMLAttributes } from 'react';\n\nimport { useSolanaWalletUi } from './solana-wallet-ui-context';\n\nexport interface AppMenuItem {\n    disabled?: boolean;\n    handler: () => Promise<void> | void;\n    label: string;\n    value: string;\n}\n\nexport function SolanaWalletUiDropdown() {\n    const { change, connected, copy, disconnect, menuApi: api, wallet } = useSolanaWalletUi();\n\n    const menuItems: AppMenuItem[] = [\n        {\n            handler: copy,\n            label: 'Copy Address',\n            value: 'copy',\n        },\n        {\n            handler: change,\n            label: 'Change Wallet',\n            value: 'change',\n        },\n        {\n            handler: disconnect,\n            label: 'Disconnect',\n            value: 'disconnect',\n        },\n    ];\n\n    const trigger = (\n        <AppMenuButton\n            {...api.getTriggerProps()}\n            className={`wallet-trigger ${connected ? 'connected' : ''}`}\n            data-part=\"trigger\"\n        >\n            {connected ? wallet?.name : 'Select Wallet'}\n            <span className=\"wallet-actions\">\n                <span {...api.getIndicatorProps()} className=\"indicator\">\n                    ▾\n                </span>\n            </span>\n        </AppMenuButton>\n    );\n\n    return (\n        <div className=\"wallet-menu\">\n            {trigger}\n            <div {...api.getPositionerProps()} className=\"wallet-positioner\">\n                <ul {...api.getContentProps()} className=\"wallet-content\" data-part=\"content\">\n                    {menuItems.map(item => (\n                        <li\n                            key={item.value}\n                            {...api.getItemProps({ value: item.value })}\n                            className=\"wallet-item\"\n                            data-part=\"item\"\n                            onClick={() => {\n                                if (item.disabled) {\n                                    return;\n                                }\n                                void item.handler();\n                            }}\n                        >\n                            {item.label}\n                        </li>\n                    ))}\n                </ul>\n            </div>\n        </div>\n    );\n}\n\nexport function AppMenuButton(props: ButtonHTMLAttributes<HTMLButtonElement>) {\n    return <button {...props}>{props.children}</button>;\n}\n","import React from 'react';\n\nimport { useSolanaWalletUi } from './solana-wallet-ui-context';\nimport { SolanaWalletUiDialogTrigger } from './solana-wallet-ui-dialog-trigger';\nimport { SolanaWalletUiDropdown } from './solana-wallet-ui-dropdown';\n\nexport function SolanaWalletUiButton() {\n    const { connected } = useSolanaWalletUi();\n\n    return connected ? <SolanaWalletUiDropdown /> : <SolanaWalletUiDialogTrigger />;\n}\n","import './solana-wallet-ui-dialog.css';\n\nimport { UiWallet, useConnect, useDisconnect } from '@wallet-standard/react';\nimport { Portal } from '@zag-js/react';\nimport React from 'react';\n\nimport { useSolanaWalletUi } from './solana-wallet-ui-context';\n\nexport function SolanaWalletUiDialog({ description, title }: { description?: string; title?: string }) {\n    const { dialogApi: api, connected, disconnect } = useSolanaWalletUi();\n\n    if (!api) {\n        console.log('no api');\n        return null;\n    }\n\n    if (!api.open) {\n        console.log('no api.open');\n        return null;\n    }\n\n    return (\n        <Portal>\n            <div className=\"dialog\" {...api.getBackdropProps()} />\n            <div className=\"dialog\" {...api.getPositionerProps()}>\n                <div className=\"dialog\" {...api.getContentProps()}>\n                    {title ? (\n                        <h2 className=\"dialog\" {...api.getTitleProps()}>\n                            {title}\n                        </h2>\n                    ) : null}\n                    {description ? (\n                        <p className=\"dialog\" {...api.getDescriptionProps()}>\n                            {description}\n                        </p>\n                    ) : null}\n                    <div style={{ marginTop: '32px' }}>\n                        <SolanaWalletUiDialogList />\n                        {connected ? <button onClick={disconnect}>Disconnect</button> : null}\n                    </div>\n                    <button className=\"dialog\" {...api.getCloseTriggerProps()}>\n                        &times;\n                    </button>\n                </div>\n            </div>\n        </Portal>\n    );\n}\n\nexport function SolanaWalletUiDialogList() {\n    const { wallets } = useSolanaWalletUi();\n\n    return (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n            {wallets.map((item, index) => (\n                <SolanaWalletUiDialogListItem key={`${item.name}-${index}`} wallet={item} />\n            ))}\n        </div>\n    );\n}\n\nexport function SolanaWalletUiDialogListItem({ wallet }: { wallet: UiWallet }) {\n    const [isConnecting, connect] = useConnect(wallet);\n    const [isDisconnecting, disconnect] = useDisconnect(wallet);\n    const { connectAccount, walletAccount } = useSolanaWalletUi();\n    const accounts = wallet.accounts ?? [];\n    const isConnected = wallet.accounts.length > 0;\n    const isPending = isConnecting || isDisconnecting;\n\n    if (isPending) {\n        return <div>Pending...</div>;\n    }\n\n    return (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n            <div style={{ display: 'flex', justifyContent: 'space-between' }}>\n                <div style={{ alignItems: 'center', display: 'flex', gap: '8px' }}>\n                    <img src={wallet.icon} alt={wallet.name} style={{ height: 32 }} />\n                    <span style={{ fontSize: '1rem', fontWeight: '500' }}>{wallet.name}</span>\n                </div>\n                {isConnected ? (\n                    <button\n                        disabled={isPending}\n                        onClick={() => {\n                            void disconnect();\n                        }}\n                    >\n                        Disconnect\n                    </button>\n                ) : (\n                    <button\n                        disabled={isPending}\n                        onClick={() => {\n                            void connect();\n                        }}\n                    >\n                        Connect\n                    </button>\n                )}\n            </div>\n            {accounts.map((item, index) => (\n                <div key={`${item.address}-${index}`}>\n                    <button\n                        disabled={item.address === walletAccount?.address}\n                        onClick={() => {\n                            void connectAccount(wallet, item);\n                        }}\n                    >\n                        {item.address}\n                    </button>\n                </div>\n            ))}\n        </div>\n    );\n}\n"]}