@mysten/dapp-kit 0.0.0-experimental-20230928204256

package/dist/cjs/components/connect-modal/ConnectModal.js

@@ -0,0 +1,421 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/ConnectModal.tsx
+var ConnectModal_exports = {};
+__export(ConnectModal_exports, {
+  ConnectModal: () => ConnectModal
+});
+module.exports = __toCommonJS(ConnectModal_exports);
+var Dialog = __toESM(require("@radix-ui/react-dialog"));
+var import_clsx3 = __toESM(require("clsx"));
+var import_react3 = require("react");
+
+// src/hooks/wallet/useConnectWallet.ts
+var import_react_query = require("@tanstack/react-query");
+
+// src/constants/walletMutationKeys.ts
+var walletMutationKeys = {
+  all: { baseScope: "wallet" },
+  connectWallet: formMutationKeyFn("connect-wallet"),
+  disconnectWallet: formMutationKeyFn("disconnect-wallet"),
+  signPersonalMessage: formMutationKeyFn("sign-personal-message"),
+  signTransactionBlock: formMutationKeyFn("sign-transaction-block"),
+  signAndExecuteTransactionBlock: formMutationKeyFn("sign-and-execute-transaction-block"),
+  switchAccount: formMutationKeyFn("switch-account")
+};
+function formMutationKeyFn(baseEntity) {
+  return function mutationKeyFn(additionalKeys = []) {
+    return [{ ...walletMutationKeys.all, baseEntity }, ...additionalKeys];
+  };
+}
+
+// src/hooks/wallet/useWalletStore.ts
+var import_react2 = require("react");
+var import_zustand = require("zustand");
+
+// src/contexts/walletContext.ts
+var import_react = require("react");
+var WalletContext = (0, import_react.createContext)(null);
+
+// src/hooks/wallet/useWalletStore.ts
+function useWalletStore(selector) {
+  const store = (0, import_react2.useContext)(WalletContext);
+  if (!store) {
+    throw new Error(
+      "Could not find WalletContext. Ensure that you have set up the WalletProvider."
+    );
+  }
+  return (0, import_zustand.useStore)(store, selector);
+}
+
+// src/hooks/wallet/useConnectWallet.ts
+function useConnectWallet({
+  mutationKey,
+  ...mutationOptions
+} = {}) {
+  const setWalletConnected = useWalletStore((state) => state.setWalletConnected);
+  return (0, import_react_query.useMutation)({
+    mutationKey: walletMutationKeys.connectWallet(mutationKey),
+    mutationFn: async ({ wallet, accountAddress, ...standardConnectInput }) => {
+      const connectResult = await wallet.features["standard:connect"].connect(standardConnectInput);
+      const selectedAccount = getSelectedAccount(connectResult.accounts, accountAddress);
+      setWalletConnected(wallet, selectedAccount);
+      return connectResult;
+    },
+    ...mutationOptions
+  });
+}
+function getSelectedAccount(connectedAccounts, accountAddress) {
+  if (connectedAccounts.length === 0) {
+    return null;
+  }
+  if (accountAddress) {
+    const selectedAccount = connectedAccounts.find((account) => account.address === accountAddress);
+    return selectedAccount ?? connectedAccounts[0];
+  }
+  return connectedAccounts[0];
+}
+
+// src/components/icons/BackIcon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function BackIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: 24, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "path",
+    {
+      d: "M7.57 12.262c0 .341.13.629.403.895l5.175 5.059c.204.205.45.307.751.307.609 0 1.101-.485 1.101-1.087 0-.293-.123-.574-.349-.8L10.14 12.27l4.511-4.375A1.13 1.13 0 0 0 15 7.087C15 6.485 14.508 6 13.9 6c-.295 0-.54.103-.752.308l-5.175 5.058c-.28.28-.404.56-.404.896Z",
+      fill: "#383F47"
+    }
+  ) });
+}
+
+// src/components/icons/CloseIcon.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CloseIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: 10, height: 10, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "path",
+    {
+      d: "M9.708.292a.999.999 0 0 0-1.413 0l-3.289 3.29L1.717.291A.999.999 0 0 0 .305 1.705l3.289 3.289-3.29 3.289a.999.999 0 1 0 1.413 1.412l3.29-3.289 3.288 3.29a.999.999 0 0 0 1.413-1.413l-3.29-3.29 3.29-3.288a.999.999 0 0 0 0-1.413Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+
+// src/components/connect-modal/ConnectModal.css.ts
+var backButton = "ConnectModal_backButton__gz8z97";
+var closeButton = "ConnectModal_closeButton__gz8z98";
+var content = "ConnectModal_content__gz8z92";
+var overlay = "ConnectModal_overlay__gz8z90";
+var selectedViewContainer = "ConnectModal_selectedViewContainer__gz8z95";
+var title = "ConnectModal_title__gz8z91";
+var triggerButton = "ConnectModal_triggerButton__gz8z96";
+var viewContainer = "ConnectModal_viewContainer__gz8z94";
+var walletListContainer = "ConnectModal_walletListContainer__gz8z9a";
+var walletListContainerWithViewSelected = "ConnectModal_walletListContainerWithViewSelected__gz8z9b";
+var walletListContent = "ConnectModal_walletListContent__gz8z99";
+var whatIsAWalletButton = "ConnectModal_whatIsAWalletButton__gz8z93";
+
+// src/components/connect-modal/views/ConnectionStatus.tsx
+var import_clsx = __toESM(require("clsx"));
+
+// src/components/connect-modal/views/ConnectionStatus.css.ts
+var connectionStatus = "ConnectionStatus_connectionStatus__nckm2d3";
+var connectionStatusWithError = "ConnectionStatus_connectionStatusWithError__nckm2d4";
+var container = "ConnectionStatus_container__nckm2d0";
+var walletIcon = "ConnectionStatus_walletIcon__nckm2d1";
+var walletName = "ConnectionStatus_walletName__nckm2d2";
+
+// src/components/connect-modal/views/ConnectionStatus.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function ConnectionStatus({
+  selectedWallet,
+  hadConnectionError,
+  onRetryConnection
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "img",
+      {
+        className: walletIcon,
+        src: selectedWallet.icon,
+        alt: `${selectedWallet.name} logo`
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: walletName, children: [
+      "Opening ",
+      selectedWallet.name
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "div",
+      {
+        className: (0, import_clsx.default)(connectionStatus, {
+          [connectionStatusWithError]: hadConnectionError
+        }),
+        children: hadConnectionError ? "Connection failed" : "Confirm connection in the wallet..."
+      }
+    ),
+    hadConnectionError ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => onRetryConnection(selectedWallet), children: "Retry Connection" }) : null
+  ] });
+}
+
+// src/components/connect-modal/InfoSection.css.ts
+var container2 = "InfoSection_container__1wtioi70";
+var description = "InfoSection_description__1wtioi72";
+var heading = "InfoSection_heading__1wtioi71";
+
+// src/components/connect-modal/InfoSection.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function InfoSection({ title: title4, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: container2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: heading, children: title4 }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: description, children })
+  ] });
+}
+
+// src/components/connect-modal/views/GettingStarted.css.ts
+var container3 = "GettingStarted_container__1fp07e10";
+var content2 = "GettingStarted_content__1fp07e12";
+var installLink = "GettingStarted_installLink__1fp07e13";
+var title2 = "GettingStarted_title__1fp07e11";
+
+// src/components/connect-modal/views/GettingStarted.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function GettingStarted() {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: container3, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: title2, children: "Get Started with Sui" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: content2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoSection, { title: "Install the Sui Wallet Extension", children: "We recommend pinning Sui Wallet to your taskbar for quicker access." }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoSection, { title: "Create or Import a Wallet", children: "Be sure to back up your wallet using a secure method. Never share your secret phrase with anyone." }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InfoSection, { title: "Refresh Your Browser", children: "Once you set up your wallet, refresh this window browser to load up the extension." }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "a",
+        {
+          className: installLink,
+          href: "https://chrome.google.com/webstore/detail/sui-wallet/opcgpfmipidbgpenhmajoajpbobppdil",
+          target: "_blank",
+          rel: "noreferrer",
+          children: "Install Wallet Extension"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/connect-modal/views/WhatIsAWallet.css.ts
+var container4 = "WhatIsAWallet_container__1ktpkq90";
+var content3 = "WhatIsAWallet_content__1ktpkq92";
+var title3 = "WhatIsAWallet_title__1ktpkq91";
+
+// src/components/connect-modal/views/WhatIsAWallet.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function WhatIsAWallet() {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: container4, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { className: title3, children: "What is a Wallet" }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: content3, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InfoSection, { title: "Easy Login", children: "No need to create new accounts and passwords for every website. Just connect your wallet and get going." }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InfoSection, { title: "Store your Digital Assets", children: "Send, receive, store, and display your digital assets like NFTs & coins." })
+    ] })
+  ] });
+}
+
+// src/hooks/wallet/useWallets.ts
+function useWallets() {
+  return useWalletStore((state) => state.wallets);
+}
+
+// src/components/icons/SuiIcon.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function SuiIcon(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: 28, height: 28, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { width: 28, height: 28, rx: 6, fill: "#6FBCF0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M7.942 20.527A6.875 6.875 0 0 0 13.957 24c2.51 0 4.759-1.298 6.015-3.473a6.875 6.875 0 0 0 0-6.945l-5.29-9.164a.837.837 0 0 0-1.45 0l-5.29 9.164a6.875 6.875 0 0 0 0 6.945Zm4.524-11.75 1.128-1.953a.418.418 0 0 1 .725 0l4.34 7.516a5.365 5.365 0 0 1 .449 4.442 4.675 4.675 0 0 0-.223-.73c-.599-1.512-1.954-2.68-4.029-3.47-1.426-.54-2.336-1.336-2.706-2.364-.476-1.326.021-2.77.316-3.44Zm-1.923 3.332L9.255 14.34a5.373 5.373 0 0 0 0 5.43 5.373 5.373 0 0 0 4.702 2.714 5.38 5.38 0 0 0 3.472-1.247c.125-.314.51-1.462.034-2.646-.44-1.093-1.5-1.965-3.15-2.594-1.864-.707-3.076-1.811-3.6-3.28a4.601 4.601 0 0 1-.17-.608Z",
+        fill: "#fff"
+      }
+    )
+  ] });
+}
+
+// src/components/connect-modal/wallet-list/WalletList.css.ts
+var container5 = "WalletList_container__1v2s6cz0";
+
+// src/components/connect-modal/wallet-list/WalletListItem.tsx
+var import_clsx2 = require("clsx");
+
+// src/components/connect-modal/wallet-list/WalletListItem.css.ts
+var buttonContainer = "WalletListItem_buttonContainer__1dqqtqs2";
+var container6 = "WalletListItem_container__1dqqtqs0";
+var selectedContainer = "WalletListItem_selectedContainer__1dqqtqs1";
+var walletIcon2 = "WalletListItem_walletIcon__1dqqtqs4";
+var walletName2 = "WalletListItem_walletName__1dqqtqs3";
+
+// src/components/connect-modal/wallet-list/WalletListItem.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function WalletListItem({ name, icon, onClick, isSelected = false }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { className: (0, import_clsx2.clsx)(container6, { [selectedContainer]: isSelected }), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("button", { className: buttonContainer, type: "button", onClick, children: [
+    typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { className: walletIcon2, src: icon, alt: `${name} logo` }) : icon,
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: walletName2, children: name })
+  ] }) });
+}
+
+// src/components/connect-modal/wallet-list/WalletList.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function WalletList({ selectedWalletName, onPlaceholderClick, onSelect }) {
+  const wallets = useWallets();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: container5, children: wallets.length > 0 ? wallets.map((wallet) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    WalletListItem,
+    {
+      name: wallet.name,
+      icon: wallet.icon,
+      isSelected: wallet.name === selectedWalletName,
+      onClick: () => onSelect(wallet)
+    },
+    wallet.name
+  )) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    WalletListItem,
+    {
+      name: "Sui Wallet",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SuiIcon, {}),
+      onClick: onPlaceholderClick,
+      isSelected: true
+    }
+  ) });
+}
+
+// src/components/connect-modal/ConnectModal.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function ConnectModal({ trigger }) {
+  const [isConnectModalOpen, setConnectModalOpen] = (0, import_react3.useState)(false);
+  const [currentView, setCurrentView] = (0, import_react3.useState)();
+  const [selectedWallet, setSelectedWallet] = (0, import_react3.useState)();
+  const { mutate, isError } = useConnectWallet();
+  const connectWallet = (wallet) => {
+    setCurrentView("connection-status");
+    mutate({ wallet }, { onSuccess: () => setConnectModalOpen(false) });
+  };
+  const resetSelection = () => {
+    setSelectedWallet(void 0);
+    setCurrentView(void 0);
+  };
+  const onOpenChange = (open) => {
+    if (!open) {
+      resetSelection();
+    }
+    setConnectModalOpen(open);
+  };
+  let modalContent;
+  switch (currentView) {
+    case "what-is-a-wallet":
+      modalContent = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(WhatIsAWallet, {});
+      break;
+    case "getting-started":
+      modalContent = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(GettingStarted, {});
+      break;
+    case "connection-status":
+      modalContent = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        ConnectionStatus,
+        {
+          selectedWallet,
+          hadConnectionError: isError,
+          onRetryConnection: connectWallet
+        }
+      );
+      break;
+    default:
+      modalContent = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(WhatIsAWallet, {});
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Dialog.Root, { open: isConnectModalOpen, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Trigger, { className: triggerButton, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Dialog.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Overlay, { className: overlay }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Dialog.Content, { className: content, "aria-describedby": void 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          "div",
+          {
+            className: (0, import_clsx3.default)(walletListContainer, {
+              [walletListContainerWithViewSelected]: !!currentView
+            }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: walletListContent, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Title, { className: title, children: "Connect a Wallet" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                  WalletList,
+                  {
+                    selectedWalletName: selectedWallet?.name,
+                    onPlaceholderClick: () => setCurrentView("getting-started"),
+                    onSelect: (wallet) => {
+                      setSelectedWallet(wallet);
+                      connectWallet(wallet);
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "button",
+                {
+                  className: whatIsAWalletButton,
+                  onClick: () => setCurrentView("what-is-a-wallet"),
+                  type: "button",
+                  children: "What is a Wallet?"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          "div",
+          {
+            className: (0, import_clsx3.default)(viewContainer, {
+              [selectedViewContainer]: !!currentView
+            }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                "button",
+                {
+                  className: backButton,
+                  onClick: () => resetSelection(),
+                  type: "button",
+                  "aria-label": "Back",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BackIcon, {})
+                }
+              ),
+              modalContent
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Dialog.Close, { className: closeButton, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseIcon, {}) })
+      ] })
+    ] })
+  ] });
+}
+//# sourceMappingURL=ConnectModal.js.map

package/dist/cjs/components/connect-modal/ConnectModal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/connect-modal/ConnectModal.tsx", "../../../../src/hooks/wallet/useConnectWallet.ts", "../../../../src/constants/walletMutationKeys.ts", "../../../../src/hooks/wallet/useWalletStore.ts", "../../../../src/contexts/walletContext.ts", "../../../../src/components/icons/BackIcon.tsx", "../../../../src/components/icons/CloseIcon.tsx", "../../../../src/components/connect-modal/ConnectModal.css.ts", "../../../../src/components/connect-modal/views/ConnectionStatus.tsx", "../../../../src/components/connect-modal/views/ConnectionStatus.css.ts", "../../../../src/components/connect-modal/InfoSection.css.ts", "../../../../src/components/connect-modal/InfoSection.tsx", "../../../../src/components/connect-modal/views/GettingStarted.css.ts", "../../../../src/components/connect-modal/views/GettingStarted.tsx", "../../../../src/components/connect-modal/views/WhatIsAWallet.css.ts", "../../../../src/components/connect-modal/views/WhatIsAWallet.tsx", "../../../../src/hooks/wallet/useWallets.ts", "../../../../src/components/icons/SuiIcon.tsx", "../../../../src/components/connect-modal/wallet-list/WalletList.css.ts", "../../../../src/components/connect-modal/wallet-list/WalletListItem.tsx", "../../../../src/components/connect-modal/wallet-list/WalletListItem.css.ts", "../../../../src/components/connect-modal/wallet-list/WalletList.tsx"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletWithRequiredFeatures } from '@mysten/wallet-standard';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport clsx from 'clsx';\nimport { useState } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { useConnectWallet } from '../../hooks/wallet/useConnectWallet.js';\nimport { BackIcon } from '../icons/BackIcon.js';\nimport { CloseIcon } from '../icons/CloseIcon.js';\nimport * as styles from './ConnectModal.css.js';\nimport { ConnectionStatus } from './views/ConnectionStatus.js';\nimport { GettingStarted } from './views/GettingStarted.js';\nimport { WhatIsAWallet } from './views/WhatIsAWallet.js';\nimport { WalletList } from './wallet-list/WalletList.js';\n\ntype ConnectModalView = 'getting-started' | 'what-is-a-wallet' | 'connection-status';\n\ntype ConnectModalProps = {\n\ttrigger: ReactNode;\n};\n\nexport function ConnectModal({ trigger }: ConnectModalProps) {\n\tconst [isConnectModalOpen, setConnectModalOpen] = useState(false);\n\tconst [currentView, setCurrentView] = useState<ConnectModalView>();\n\tconst [selectedWallet, setSelectedWallet] = useState<WalletWithRequiredFeatures>();\n\tconst { mutate, isError } = useConnectWallet();\n\n\tconst connectWallet = (wallet: WalletWithRequiredFeatures) => {\n\t\tsetCurrentView('connection-status');\n\t\tmutate({ wallet }, { onSuccess: () => setConnectModalOpen(false) });\n\t};\n\n\tconst resetSelection = () => {\n\t\tsetSelectedWallet(undefined);\n\t\tsetCurrentView(undefined);\n\t};\n\n\tconst onOpenChange = (open: boolean) => {\n\t\tif (!open) {\n\t\t\tresetSelection();\n\t\t}\n\t\tsetConnectModalOpen(open);\n\t};\n\n\tlet modalContent: ReactNode | undefined;\n\tswitch (currentView) {\n\t\tcase 'what-is-a-wallet':\n\t\t\tmodalContent = <WhatIsAWallet />;\n\t\t\tbreak;\n\t\tcase 'getting-started':\n\t\t\tmodalContent = <GettingStarted />;\n\t\t\tbreak;\n\t\tcase 'connection-status':\n\t\t\tmodalContent = (\n\t\t\t\t<ConnectionStatus\n\t\t\t\t\tselectedWallet={selectedWallet!}\n\t\t\t\t\thadConnectionError={isError}\n\t\t\t\t\tonRetryConnection={connectWallet}\n\t\t\t\t/>\n\t\t\t);\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tmodalContent = <WhatIsAWallet />;\n\t}\n\n\treturn (\n\t\t<Dialog.Root open={isConnectModalOpen} onOpenChange={onOpenChange}>\n\t\t\t<Dialog.Trigger className={styles.triggerButton}>{trigger}</Dialog.Trigger>\n\t\t\t<Dialog.Portal>\n\t\t\t\t<Dialog.Overlay className={styles.overlay} />\n\t\t\t\t<Dialog.Content className={styles.content} aria-describedby={undefined}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={clsx(styles.walletListContainer, {\n\t\t\t\t\t\t\t[styles.walletListContainerWithViewSelected]: !!currentView,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={styles.walletListContent}>\n\t\t\t\t\t\t\t<Dialog.Title className={styles.title}>Connect a Wallet</Dialog.Title>\n\t\t\t\t\t\t\t<WalletList\n\t\t\t\t\t\t\t\tselectedWalletName={selectedWallet?.name}\n\t\t\t\t\t\t\t\tonPlaceholderClick={() => setCurrentView('getting-started')}\n\t\t\t\t\t\t\t\tonSelect={(wallet) => {\n\t\t\t\t\t\t\t\t\tsetSelectedWallet(wallet);\n\t\t\t\t\t\t\t\t\tconnectWallet(wallet);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName={styles.whatIsAWalletButton}\n\t\t\t\t\t\t\tonClick={() => setCurrentView('what-is-a-wallet')}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tWhat is a Wallet?\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={clsx(styles.viewContainer, {\n\t\t\t\t\t\t\t[styles.selectedViewContainer]: !!currentView,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\tclassName={styles.backButton}\n\t\t\t\t\t\t\tonClick={() => resetSelection()}\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\taria-label=\"Back\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BackIcon />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t\t{modalContent}\n\t\t\t\t\t</div>\n\t\t\t\t\t<Dialog.Close className={styles.closeButton} aria-label=\"Close\">\n\t\t\t\t\t\t<CloseIcon />\n\t\t\t\t\t</Dialog.Close>\n\t\t\t\t</Dialog.Content>\n\t\t\t</Dialog.Portal>\n\t\t</Dialog.Root>\n\t);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n\tStandardConnectInput,\n\tStandardConnectOutput,\n\tWalletAccount,\n\tWalletWithRequiredFeatures,\n} from '@mysten/wallet-standard';\nimport type { UseMutationOptions } from '@tanstack/react-query';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { walletMutationKeys } from '../../constants/walletMutationKeys.js';\nimport { useWalletStore } from './useWalletStore.js';\n\ntype ConnectWalletArgs = {\n\t/** The wallet to connect to. */\n\twallet: WalletWithRequiredFeatures;\n\n\t/** An optional account address to connect to. Defaults to the first authorized account. */\n\taccountAddress?: string;\n} & StandardConnectInput;\n\ntype ConnectWalletResult = StandardConnectOutput;\n\ntype UseConnectWalletMutationOptions = Omit<\n\tUseMutationOptions<ConnectWalletResult, Error, ConnectWalletArgs, unknown>,\n\t'mutationFn'\n>;\n\n/**\n * Mutation hook for establishing a connection to a specific wallet.\n */\nexport function useConnectWallet({\n\tmutationKey,\n\t...mutationOptions\n}: UseConnectWalletMutationOptions = {}) {\n\tconst setWalletConnected = useWalletStore((state) => state.setWalletConnected);\n\n\treturn useMutation({\n\t\tmutationKey: walletMutationKeys.connectWallet(mutationKey),\n\t\tmutationFn: async ({ wallet, accountAddress, ...standardConnectInput }) => {\n\t\t\tconst connectResult = await wallet.features['standard:connect'].connect(standardConnectInput);\n\t\t\tconst selectedAccount = getSelectedAccount(connectResult.accounts, accountAddress);\n\n\t\t\tsetWalletConnected(wallet, selectedAccount);\n\t\t\treturn connectResult;\n\t\t},\n\t\t...mutationOptions,\n\t});\n}\n\nfunction getSelectedAccount(connectedAccounts: readonly WalletAccount[], accountAddress?: string) {\n\tif (connectedAccounts.length === 0) {\n\t\treturn null;\n\t}\n\n\tif (accountAddress) {\n\t\tconst selectedAccount = connectedAccounts.find((account) => account.address === accountAddress);\n\t\treturn selectedAccount ?? connectedAccounts[0];\n\t}\n\n\treturn connectedAccounts[0];\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { MutationKey } from '@tanstack/react-query';\n\nexport const walletMutationKeys = {\n\tall: { baseScope: 'wallet' },\n\tconnectWallet: formMutationKeyFn('connect-wallet'),\n\tdisconnectWallet: formMutationKeyFn('disconnect-wallet'),\n\tsignPersonalMessage: formMutationKeyFn('sign-personal-message'),\n\tsignTransactionBlock: formMutationKeyFn('sign-transaction-block'),\n\tsignAndExecuteTransactionBlock: formMutationKeyFn('sign-and-execute-transaction-block'),\n\tswitchAccount: formMutationKeyFn('switch-account'),\n};\n\nfunction formMutationKeyFn(baseEntity: string) {\n\treturn function mutationKeyFn(additionalKeys: MutationKey = []) {\n\t\treturn [{ ...walletMutationKeys.all, baseEntity }, ...additionalKeys];\n\t};\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { useStore } from 'zustand';\n\nimport { WalletContext } from '../../contexts/walletContext.js';\nimport type { StoreState } from '../../walletStore.js';\n\nexport function useWalletStore<T>(selector: (state: StoreState) => T): T {\n\tconst store = useContext(WalletContext);\n\tif (!store) {\n\t\tthrow new Error(\n\t\t\t'Could not find WalletContext. Ensure that you have set up the WalletProvider.',\n\t\t);\n\t}\n\treturn useStore(store, selector);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport type { WalletStore } from '../walletStore.js';\n\nexport const WalletContext = createContext<WalletStore | null>(null);\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function BackIcon(props: ComponentProps<'svg'>) {\n\treturn (\n\t\t<svg width={24} height={24} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n\t\t\t<path\n\t\t\t\td=\"M7.57 12.262c0 .341.13.629.403.895l5.175 5.059c.204.205.45.307.751.307.609 0 1.101-.485 1.101-1.087 0-.293-.123-.574-.349-.8L10.14 12.27l4.511-4.375A1.13 1.13 0 0 0 15 7.087C15 6.485 14.508 6 13.9 6c-.295 0-.54.103-.752.308l-5.175 5.058c-.28.28-.404.56-.404.896Z\"\n\t\t\t\tfill=\"#383F47\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function CloseIcon(props: ComponentProps<'svg'>) {\n\treturn (\n\t\t<svg width={10} height={10} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n\t\t\t<path\n\t\t\t\td=\"M9.708.292a.999.999 0 0 0-1.413 0l-3.289 3.29L1.717.291A.999.999 0 0 0 .305 1.705l3.289 3.289-3.29 3.289a.999.999 0 1 0 1.413 1.412l3.29-3.289 3.288 3.29a.999.999 0 0 0 1.413-1.413l-3.29-3.29 3.29-3.288a.999.999 0 0 0 0-1.413Z\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n", "import 'src/components/connect-modal/ConnectModal.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VVXW/aMBR951dYmiq10tI5aYAQXtZ1Qpq0PU1aHysnviTegh3ZptBO/Pc5jgOEJMAQH/GNc3zuvedc7p8E55DqH4KS4kW8gizI28tL9h69zzD6O0IoIemfTIo1p14qCiFjJLOE3AYhepig8QP6hAJ8czc3O0uhmGaCx2jJtkCrEOMKdIxwdf3uMU5hG6NZ85qPdqP7FgHNdAHueN8eXxJKGc+8ApYGKCq33YdSwTVw7R4LBlhvcqZhgGYitBarGPmTCh+h+rBmJVmWHy378kCIMlWa0hnQAuy26tejTBqa9jBDY73i1Z3fa6XZ8s1zvGOkSpKCl4DeANgdVR+WhdjEKGeU1rFESArSk4SytTqwWTHu5VAzHOPX3MbIdh+LxofYhlGdx2iKcV8ZNznR39TjMykK0F/WpiLclfRhoKQfFtNFtIjmhzY1vE6xXxlsTEATxkE61NCi7uvGBYcWUoDLQyHNwaYafhdZQWGugf7qOWHcPqHuTEdypr0ZyFbCk6GEcRCFj1/rdmw9lRNa0TJEUWg+fmC+rDvwR+Te9771xqkIT7sZ1Lm21R6E7agT4mlYi/KghybYlvRVScd5pbvB1PHUn4VdqGprC2da+3bvMpIoI/06bUu1aaxLsleMaSEUtGCjM7B7zUxr5FZFTux7UvnKv+5Gj77xwl8EPVaxHvnOlH5qzZ7Z8cg6JFp51HkvCF3sP+ZFRsqm6eeJHGuf9Gn/mtkzzOO8EXuoPDOdV7786TzqqCV9xt+NPq+AMoJUKg0TRDhFt0eFm07M7L+zT16e/t0sDOu5veHgfIxv6oDVyrhZ1ZrcL7UkXC2FNEaylwXRcOuZ2x9R9W2tvetQujRJe6ZeF2R4ZPa0tfv4gC2vOvq8vC/8E1yC64r0TLeOJIevBj8ru97i7f4BS30qMAcJAAA=';\nexport var backButton = 'ConnectModal_backButton__gz8z97';\nexport var closeButton = 'ConnectModal_closeButton__gz8z98';\nexport var content = 'ConnectModal_content__gz8z92';\nexport var overlay = 'ConnectModal_overlay__gz8z90';\nexport var selectedViewContainer = 'ConnectModal_selectedViewContainer__gz8z95';\nexport var title = 'ConnectModal_title__gz8z91';\nexport var triggerButton = 'ConnectModal_triggerButton__gz8z96';\nexport var viewContainer = 'ConnectModal_viewContainer__gz8z94';\nexport var walletListContainer = 'ConnectModal_walletListContainer__gz8z9a';\nexport var walletListContainerWithViewSelected = 'ConnectModal_walletListContainerWithViewSelected__gz8z9b';\nexport var walletListContent = 'ConnectModal_walletListContent__gz8z99';\nexport var whatIsAWalletButton = 'ConnectModal_whatIsAWalletButton__gz8z93';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletWithRequiredFeatures } from '@mysten/wallet-standard';\nimport clsx from 'clsx';\n\nimport * as styles from './ConnectionStatus.css.js';\n\ntype ConnectionStatusProps = {\n\tselectedWallet: WalletWithRequiredFeatures;\n\thadConnectionError: boolean;\n\tonRetryConnection: (selectedWallet: WalletWithRequiredFeatures) => void;\n};\n\nexport function ConnectionStatus({\n\tselectedWallet,\n\thadConnectionError,\n\tonRetryConnection,\n}: ConnectionStatusProps) {\n\treturn (\n\t\t<div className={styles.container}>\n\t\t\t<img\n\t\t\t\tclassName={styles.walletIcon}\n\t\t\t\tsrc={selectedWallet.icon}\n\t\t\t\talt={`${selectedWallet.name} logo`}\n\t\t\t/>\n\t\t\t<div className={styles.walletName}>Opening {selectedWallet.name}</div>\n\t\t\t<div\n\t\t\t\tclassName={clsx(styles.connectionStatus, {\n\t\t\t\t\t[styles.connectionStatusWithError]: hadConnectionError,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{hadConnectionError ? 'Connection failed' : 'Confirm connection in the wallet...'}\n\t\t\t</div>\n\t\t\t{hadConnectionError ? (\n\t\t\t\t<button type=\"button\" onClick={() => onRetryConnection(selectedWallet)}>\n\t\t\t\t\tRetry Connection\n\t\t\t\t</button>\n\t\t\t) : null}\n\t\t</div>\n\t);\n}\n", "import 'src/components/connect-modal/views/ConnectionStatus.css.ts.vanilla.css?source=LkNvbm5lY3Rpb25TdGF0dXNfY29udGFpbmVyX19uY2ttMmQwIHsKICBkaXNwbGF5OiBmbGV4OwogIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICB3aWR0aDogMTAwJTsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXRJY29uX19uY2ttMmQxIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTsKICBvYmplY3QtZml0OiBjb3ZlcjsKICB3aWR0aDogNzJweDsKICBoZWlnaHQ6IDcycHg7CiAgYm9yZGVyLXJhZGl1czogMTZweDsKfQouQ29ubmVjdGlvblN0YXR1c193YWxsZXROYW1lX19uY2ttMmQyIHsKICBtYXJnaW4tdG9wOiAxMnB4Owp9Ci5Db25uZWN0aW9uU3RhdHVzX2Nvbm5lY3Rpb25TdGF0dXNfX25ja20yZDMgewogIG1hcmdpbi10b3A6IDRweDsKfQouQ29ubmVjdGlvblN0YXR1c19jb25uZWN0aW9uU3RhdHVzV2l0aEVycm9yX19uY2ttMmQ0IHsKICBjb2xvcjogcmVkOwp9';\nexport var connectionStatus = 'ConnectionStatus_connectionStatus__nckm2d3';\nexport var connectionStatusWithError = 'ConnectionStatus_connectionStatusWithError__nckm2d4';\nexport var container = 'ConnectionStatus_container__nckm2d0';\nexport var walletIcon = 'ConnectionStatus_walletIcon__nckm2d1';\nexport var walletName = 'ConnectionStatus_walletName__nckm2d2';", "import 'src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==';\nexport var container = 'InfoSection_container__1wtioi70';\nexport var description = 'InfoSection_description__1wtioi72';\nexport var heading = 'InfoSection_heading__1wtioi71';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport * as styles from './InfoSection.css.js';\n\ntype InfoSectionProps = {\n\ttitle: string;\n\tchildren: string;\n};\n\nexport function InfoSection({ title, children }: InfoSectionProps) {\n\treturn (\n\t\t<section className={styles.container}>\n\t\t\t<h3 className={styles.heading}>{title}</h3>\n\t\t\t<div className={styles.description}>{children}</div>\n\t\t</section>\n\t);\n}\n", "import 'src/components/connect-modal/views/GettingStarted.css.ts.vanilla.css?source=LkdldHRpbmdTdGFydGVkX2NvbnRhaW5lcl9fMWZwMDdlMTAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBhbGlnbi1pdGVtczogY2VudGVyOwp9Ci5HZXR0aW5nU3RhcnRlZF9jb250ZW50X18xZnAwN2UxMiB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGp1c3RpZnktY29udGVudDogY2VudGVyOwogIGZsZXgtZ3JvdzogMTsKICBnYXA6IDIwcHg7CiAgcGFkZGluZzogNDBweDsKfQ==';\nexport var container = 'GettingStarted_container__1fp07e10';\nexport var content = 'GettingStarted_content__1fp07e12';\nexport var installLink = 'GettingStarted_installLink__1fp07e13';\nexport var title = 'GettingStarted_title__1fp07e11';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { InfoSection } from '../InfoSection.js';\nimport * as styles from './GettingStarted.css.js';\n\nexport function GettingStarted() {\n\treturn (\n\t\t<div className={styles.container}>\n\t\t\t<h2 className={styles.title}>Get Started with Sui</h2>\n\t\t\t<div className={styles.content}>\n\t\t\t\t<InfoSection title=\"Install the Sui Wallet Extension\">\n\t\t\t\t\tWe recommend pinning Sui Wallet to your taskbar for quicker access.\n\t\t\t\t</InfoSection>\n\t\t\t\t<InfoSection title=\"Create or Import a Wallet\">\n\t\t\t\t\tBe sure to back up your wallet using a secure method. Never share your secret phrase with\n\t\t\t\t\tanyone.\n\t\t\t\t</InfoSection>\n\t\t\t\t<InfoSection title=\"Refresh Your Browser\">\n\t\t\t\t\tOnce you set up your wallet, refresh this window browser to load up the extension.\n\t\t\t\t</InfoSection>\n\t\t\t\t<a\n\t\t\t\t\tclassName={styles.installLink}\n\t\t\t\t\thref=\"https://chrome.google.com/webstore/detail/sui-wallet/opcgpfmipidbgpenhmajoajpbobppdil\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noreferrer\"\n\t\t\t\t>\n\t\t\t\t\tInstall Wallet Extension\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n", "import 'src/components/connect-modal/views/WhatIsAWallet.css.ts.vanilla.css?source=LldoYXRJc0FXYWxsZXRfY29udGFpbmVyX18xa3Rwa3E5MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7Cn0KLldoYXRJc0FXYWxsZXRfY29udGVudF9fMWt0cGtxOTIgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICBmbGV4LWdyb3c6IDE7CiAgZ2FwOiAyMHB4OwogIHBhZGRpbmc6IDQwcHg7Cn0=';\nexport var container = 'WhatIsAWallet_container__1ktpkq90';\nexport var content = 'WhatIsAWallet_content__1ktpkq92';\nexport var title = 'WhatIsAWallet_title__1ktpkq91';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { InfoSection } from '../InfoSection.js';\nimport * as styles from './WhatIsAWallet.css.js';\n\nexport function WhatIsAWallet() {\n\treturn (\n\t\t<div className={styles.container}>\n\t\t\t<h2 className={styles.title}>What is a Wallet</h2>\n\t\t\t<div className={styles.content}>\n\t\t\t\t<InfoSection title=\"Easy Login\">\n\t\t\t\t\tNo need to create new accounts and passwords for every website. Just connect your wallet\n\t\t\t\t\tand get going.\n\t\t\t\t</InfoSection>\n\t\t\t\t<InfoSection title=\"Store your Digital Assets\">\n\t\t\t\t\tSend, receive, store, and display your digital assets like NFTs & coins.\n\t\t\t\t</InfoSection>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useWalletStore } from './useWalletStore.js';\n\n/**\n * Retrieves a list of registered wallets available to the dApp sorted by preference.\n */\nexport function useWallets() {\n\treturn useWalletStore((state) => state.wallets);\n}\n", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentProps } from 'react';\n\nexport function SuiIcon(props: ComponentProps<'svg'>) {\n\treturn (\n\t\t<svg width={28} height={28} fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n\t\t\t<rect width={28} height={28} rx={6} fill=\"#6FBCF0\" />\n\t\t\t<path\n\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\td=\"M7.942 20.527A6.875 6.875 0 0 0 13.957 24c2.51 0 4.759-1.298 6.015-3.473a6.875 6.875 0 0 0 0-6.945l-5.29-9.164a.837.837 0 0 0-1.45 0l-5.29 9.164a6.875 6.875 0 0 0 0 6.945Zm4.524-11.75 1.128-1.953a.418.418 0 0 1 .725 0l4.34 7.516a5.365 5.365 0 0 1 .449 4.442 4.675 4.675 0 0 0-.223-.73c-.599-1.512-1.954-2.68-4.029-3.47-1.426-.54-2.336-1.336-2.706-2.364-.476-1.326.021-2.77.316-3.44Zm-1.923 3.332L9.255 14.34a5.373 5.373 0 0 0 0 5.43 5.373 5.373 0 0 0 4.702 2.714 5.38 5.38 0 0 0 3.472-1.247c.125-.314.51-1.462.034-2.646-.44-1.093-1.5-1.965-3.15-2.594-1.864-.707-3.076-1.811-3.6-3.28a4.601 4.601 0 0 1-.17-.608Z\"\n\t\t\t\tfill=\"#fff\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n", "import 'src/components/connect-modal/wallet-list/WalletList.css.ts.vanilla.css?source=LldhbGxldExpc3RfY29udGFpbmVyX18xdjJzNmN6MCB7CiAgZGlzcGxheTogZmxleDsKICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogIGdhcDogNHB4Owp9';\nexport var container = 'WalletList_container__1v2s6cz0';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { clsx } from 'clsx';\nimport type { ReactNode } from 'react';\n\nimport * as styles from './WalletListItem.css.js';\n\ntype WalletListItemProps = {\n\tname: string;\n\ticon: ReactNode;\n\tisSelected?: boolean;\n\tonClick: () => void;\n};\n\nexport function WalletListItem({ name, icon, onClick, isSelected = false }: WalletListItemProps) {\n\treturn (\n\t\t<li className={clsx(styles.container, { [styles.selectedContainer]: isSelected })}>\n\t\t\t<button className={styles.buttonContainer} type=\"button\" onClick={onClick}>\n\t\t\t\t{typeof icon === 'string' ? (\n\t\t\t\t\t<img className={styles.walletIcon} src={icon} alt={`${name} logo`} />\n\t\t\t\t) : (\n\t\t\t\t\ticon\n\t\t\t\t)}\n\t\t\t\t<div className={styles.walletName}>{name}</div>\n\t\t\t</button>\n\t\t</li>\n\t);\n}\n", "import 'src/components/connect-modal/wallet-list/WalletListItem.css.ts.vanilla.css?source=LldhbGxldExpc3RJdGVtX2NvbnRhaW5lcl9fMWRxcXRxczAgewogIHBhZGRpbmc6IDhweDsKICBib3JkZXItcmFkaXVzOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3NlbGVjdGVkQ29udGFpbmVyX18xZHFxdHFzMSB7CiAgYmFja2dyb3VuZDogI0ZGRkZGRjsKICBib3gtc2hhZG93OiAwcHggMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMDUpOwp9Ci5XYWxsZXRMaXN0SXRlbV9idXR0b25Db250YWluZXJfXzFkcXF0cXMyIHsKICB3aWR0aDogMTAwJTsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA4cHg7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldE5hbWVfXzFkcXF0cXMzIHsKICBvdmVyZmxvdzogaGlkZGVuOwogIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7Cn0KLldhbGxldExpc3RJdGVtX3dhbGxldEljb25fXzFkcXF0cXM0IHsKICB3aWR0aDogMjhweDsKICBoZWlnaHQ6IDI4cHg7CiAgYm9yZGVyLXJhZGl1czogNnB4OwogIGZsZXgtc2hyaW5rOiAwOwogIGJhY2tncm91bmQ6IHdoaXRlOwogIG9iamVjdC1maXQ6IGNvdmVyOwp9';\nexport var buttonContainer = 'WalletListItem_buttonContainer__1dqqtqs2';\nexport var container = 'WalletListItem_container__1dqqtqs0';\nexport var selectedContainer = 'WalletListItem_selectedContainer__1dqqtqs1';\nexport var walletIcon = 'WalletListItem_walletIcon__1dqqtqs4';\nexport var walletName = 'WalletListItem_walletName__1dqqtqs3';", "// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { WalletWithRequiredFeatures } from '@mysten/wallet-standard';\n\nimport { useWallets } from '../../../hooks/wallet/useWallets.js';\nimport { SuiIcon } from '../../icons/SuiIcon.js';\nimport * as styles from './WalletList.css.js';\nimport { WalletListItem } from './WalletListItem.js';\n\ntype WalletListProps = {\n\tselectedWalletName?: string;\n\tonPlaceholderClick: () => void;\n\tonSelect: (wallet: WalletWithRequiredFeatures) => void;\n};\n\nexport function WalletList({ selectedWalletName, onPlaceholderClick, onSelect }: WalletListProps) {\n\tconst wallets = useWallets();\n\treturn (\n\t\t<ul className={styles.container}>\n\t\t\t{wallets.length > 0 ? (\n\t\t\t\twallets.map((wallet) => (\n\t\t\t\t\t<WalletListItem\n\t\t\t\t\t\tkey={wallet.name}\n\t\t\t\t\t\tname={wallet.name}\n\t\t\t\t\t\ticon={wallet.icon}\n\t\t\t\t\t\tisSelected={wallet.name === selectedWalletName}\n\t\t\t\t\t\tonClick={() => onSelect(wallet)}\n\t\t\t\t\t/>\n\t\t\t\t))\n\t\t\t) : (\n\t\t\t\t<WalletListItem\n\t\t\t\t\tname=\"Sui Wallet\"\n\t\t\t\t\ticon={<SuiIcon />}\n\t\t\t\t\tonClick={onPlaceholderClick}\n\t\t\t\t\tisSelected\n\t\t\t\t/>\n\t\t\t)}\n\t\t</ul>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["import_clsx", "import_react", "import_react", "import_jsx_runtime", "import_jsx_runtime", "clsx", "container", "import_jsx_runtime", "title", "container", "container", "content", "title", "import_jsx_runtime", "container", "title", "content", "container", "content", "title", "import_jsx_runtime", "container", "title", "content", "import_jsx_runtime", "container", "import_clsx", "container", "walletIcon", "walletName", "import_jsx_runtime", "container", "walletIcon", "walletName", "import_jsx_runtime", "container", "import_jsx_runtime", "clsx"]
+}

package/dist/cjs/components/connect-modal/InfoSection.css

@@ -0,0 +1,7 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
+.InfoSection_container__1wtioi70 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+/*# sourceMappingURL=InfoSection.css.map */

package/dist/cjs/components/connect-modal/InfoSection.css.css

@@ -0,0 +1,7 @@
+/* vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ== */
+.InfoSection_container__1wtioi70 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+/*# sourceMappingURL=InfoSection.css.css.map */

package/dist/cjs/components/connect-modal/InfoSection.css.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ=="],
+  "sourcesContent": [".InfoSection_container__1wtioi70 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AAAA;",
+  "names": []
+}

package/dist/cjs/components/connect-modal/InfoSection.css.d.ts

@@ -0,0 +1,3 @@
+export declare const container: string;
+export declare const heading: string;
+export declare const description: string;

package/dist/cjs/components/connect-modal/InfoSection.css.js

@@ -0,0 +1,31 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/InfoSection.css.ts
+var InfoSection_css_exports = {};
+__export(InfoSection_css_exports, {
+  container: () => container,
+  description: () => description,
+  heading: () => heading
+});
+module.exports = __toCommonJS(InfoSection_css_exports);
+var container = "InfoSection_container__1wtioi70";
+var description = "InfoSection_description__1wtioi72";
+var heading = "InfoSection_heading__1wtioi71";
+//# sourceMappingURL=InfoSection.css.js.map

package/dist/cjs/components/connect-modal/InfoSection.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/connect-modal/InfoSection.css.ts"],
+  "sourcesContent": ["import 'src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==';\nexport var container = 'InfoSection_container__1wtioi70';\nexport var description = 'InfoSection_description__1wtioi72';\nexport var heading = 'InfoSection_heading__1wtioi71';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;",
+  "names": []
+}

package/dist/cjs/components/connect-modal/InfoSection.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["vanilla-extract-css-ns:src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ=="],
+  "sourcesContent": [".InfoSection_container__1wtioi70 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}"],
+  "mappings": ";AAAA;AACE;AACA;AACA;AAAA;",
+  "names": []
+}

package/dist/cjs/components/connect-modal/InfoSection.d.ts

@@ -0,0 +1,6 @@
+type InfoSectionProps = {
+    title: string;
+    children: string;
+};
+export declare function InfoSection({ title, children }: InfoSectionProps): import("react/jsx-runtime.js").JSX.Element;
+export {};

package/dist/cjs/components/connect-modal/InfoSection.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/connect-modal/InfoSection.tsx
+var InfoSection_exports = {};
+__export(InfoSection_exports, {
+  InfoSection: () => InfoSection
+});
+module.exports = __toCommonJS(InfoSection_exports);
+
+// src/components/connect-modal/InfoSection.css.ts
+var container = "InfoSection_container__1wtioi70";
+var description = "InfoSection_description__1wtioi72";
+var heading = "InfoSection_heading__1wtioi71";
+
+// src/components/connect-modal/InfoSection.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function InfoSection({ title, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: heading, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: description, children })
+  ] });
+}
+//# sourceMappingURL=InfoSection.js.map

package/dist/cjs/components/connect-modal/InfoSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/connect-modal/InfoSection.tsx", "../../../../src/components/connect-modal/InfoSection.css.ts"],
+  "sourcesContent": ["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport * as styles from './InfoSection.css.js';\n\ntype InfoSectionProps = {\n\ttitle: string;\n\tchildren: string;\n};\n\nexport function InfoSection({ title, children }: InfoSectionProps) {\n\treturn (\n\t\t<section className={styles.container}>\n\t\t\t<h3 className={styles.heading}>{title}</h3>\n\t\t\t<div className={styles.description}>{children}</div>\n\t\t</section>\n\t);\n}\n", "import 'src/components/connect-modal/InfoSection.css.ts.vanilla.css?source=LkluZm9TZWN0aW9uX2NvbnRhaW5lcl9fMXd0aW9pNzAgewogIGRpc3BsYXk6IGZsZXg7CiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsKICBnYXA6IDRweDsKfQ==';\nexport var container = 'InfoSection_container__1wtioi70';\nexport var description = 'InfoSection_description__1wtioi72';\nexport var heading = 'InfoSection_heading__1wtioi71';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;;;ADSnB;AAFK,SAAS,YAAY,EAAE,OAAO,SAAS,GAAqB;AAClE,SACC,6CAAC,aAAQ,WAAkB,WAC1B;AAAA,gDAAC,QAAG,WAAkB,SAAU,iBAAM;AAAA,IACtC,4CAAC,SAAI,WAAkB,aAAc,UAAS;AAAA,KAC/C;AAEF;",
+  "names": []
+}