@getpara/react-sdk-lite 2.0.0-alpha.39 → 2.0.0-alpha.41

package/dist/modal/components/Controls/Selects.js

@@ -1,173 +0,0 @@
-"use client";
-import {
-  __async,
-  __spreadProps,
-  __spreadValues
-} from "../../../chunk-MMUBH76A.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CpslButton, CpslIcon, CpslIdenticon, CpslText } from "@getpara/react-components";
-import { safeStyled } from "@getpara/react-common";
-import { truncateAddress } from "@getpara/web-sdk";
-import { useEffect, useRef } from "react";
-import { useDropdownPosition } from "../AuthInput/hooks/useDropdownPosition.js";
-import { useAccount, useWallet, useWalletState } from "../../../provider/index.js";
-import { HeaderSelect, HeaderSelectContainer, HeaderSelectItem } from "../common.js";
-import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
-import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
-import { useStore } from "../../../provider/stores/useStore.js";
-import { useCopyToClipboard } from "@getpara/react-common";
-import { getWalletDisplayName } from "../../utils/getWalletDisplayName.js";
-const getValue = (id, type) => {
-  return id && type ? `${id}~${type}` : void 0;
-};
-const ChainSelect = () => {
-  var _a, _b;
-  const containerRef = useRef(null);
-  const { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize } = useDropdownPosition(containerRef);
-  const { data: activeWallet } = useWallet();
-  const { switchChain, chainId, chains, chainIdSwitchingTo } = useExternalWallets();
-  useEffect(() => {
-    if (dropdownMaxHeight && chainId) {
-      resize();
-    }
-  }, [chainId, chainIdSwitchingTo, dropdownMaxHeight]);
-  const handleChainChange = (chainId2) => __async(void 0, null, function* () {
-    yield switchChain(chainId2);
-  });
-  if (!activeWallet || !activeWallet.isExternal || activeWallet.type === "SOLANA") {
-    return null;
-  }
-  const chainIdToUse = chainIdSwitchingTo != null ? chainIdSwitchingTo : chainId;
-  const selectedChainName = (_a = chains.find((c) => c.id.toString() === chainIdToUse)) == null ? void 0 : _a.name;
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(HeaderSelectContainer, { ref: containerRef, id: "inputContainer", children: /* @__PURE__ */ jsxs(
-    HeaderSelect,
-    {
-      selectedValue: (_b = chainIdToUse == null ? void 0 : chainIdToUse.toString()) != null ? _b : "",
-      onCpslSelectValueChange: (e) => {
-        handleChainChange(e.detail);
-      },
-      showFormattedSelectedItem: true,
-      placeholder: "Choose chain...",
-      anchorElId: "inputContainer",
-      dropdownMaxHeight,
-      $width: dropdownWidth != null ? dropdownWidth : 0,
-      $top: (mobileAnchor != null ? mobileAnchor : 0) + 16 + 1,
-      autoWidth: true,
-      selectedItemVariant: "bodyXS",
-      children: [
-        chainIdToUse && /* @__PURE__ */ jsx(ChainName, { variant: "bodyXS", color: "contrast", slot: "selected-item", children: selectedChainName }),
-        chains == null ? void 0 : chains.map((chain) => /* @__PURE__ */ jsx(HeaderSelectItem, { slot: "items", value: chain.id.toString(), children: /* @__PURE__ */ jsx(ChainName, { variant: "bodyXS", color: "contrast", children: chain.name }) }, chain.id))
-      ]
-    }
-  ) }) });
-};
-const AccountSelect = () => {
-  var _a;
-  const hideWallets = useStore((state) => {
-    var _a2;
-    return (_a2 = state.modalConfig) == null ? void 0 : _a2.hideWallets;
-  });
-  const para = useInternalClient();
-  const containerRef = useRef(null);
-  const { dropdownMaxHeight, dropdownWidth, mobileAnchor, resize } = useDropdownPosition(containerRef);
-  const [isCopied, copy] = useCopyToClipboard();
-  const { setSelectedWallet } = useWalletState();
-  const { data: activeWallet } = useWallet();
-  const { embedded } = useAccount();
-  const availableWallets = embedded == null ? void 0 : embedded.wallets;
-  const isGuest = para.isGuestMode && (activeWallet == null ? void 0 : activeWallet.pregenIdentifierType) === "GUEST_ID";
-  const handleCopy = () => {
-    copy((activeWallet == null ? void 0 : activeWallet.address) ? para.getDisplayAddress(activeWallet.id, { addressType: activeWallet.type }) : "");
-  };
-  const ActiveWalletNode = activeWallet ? /* @__PURE__ */ jsxs(FlexRow, { slot: "selected-item", style: { height: "24px" }, children: [
-    !isGuest && /* @__PURE__ */ jsx(CpslIdenticon, { variant: "avatar", size: "24px", hash: para.getIdenticonHash(activeWallet.id, activeWallet.type) }),
-    /* @__PURE__ */ jsx(WalletName, { variant: "bodyXS", color: "contrast", style: { marginLeft: isGuest ? "8px" : "0px" }, children: isGuest ? "Guest" : getWalletDisplayName(para, __spreadProps(__spreadValues({}, activeWallet), { hideWallets })) }),
-    !hideWallets && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", children: (_a = activeWallet.ensName) != null ? _a : para.getDisplayAddress(activeWallet.id, { truncate: true, addressType: activeWallet.type }) }),
-      /* @__PURE__ */ jsx(
-        CpslButton,
-        {
-          id: "ignore-click",
-          size: "small",
-          variant: "ghost",
-          onClick: (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-            handleCopy();
-          },
-          children: /* @__PURE__ */ jsx(CpslIcon, { id: "ignore-click", slot: "start", icon: isCopied ? "check" : "copy" })
-        }
-      )
-    ] })
-  ] }) : null;
-  useEffect(() => {
-    if (dropdownMaxHeight && (activeWallet == null ? void 0 : activeWallet.address)) {
-      resize();
-    }
-  }, [activeWallet, availableWallets, dropdownMaxHeight]);
-  return /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(HeaderSelectContainer, { ref: containerRef, id: "addressInputContainer", children: availableWallets && availableWallets.length > 1 ? /* @__PURE__ */ jsxs(
-    HeaderSelect,
-    {
-      selectedValue: getValue(activeWallet == null ? void 0 : activeWallet.id, activeWallet == null ? void 0 : activeWallet.type),
-      onCpslSelectValueChange: (e) => {
-        const [id, type] = e.detail.split("~");
-        setSelectedWallet({ id, type });
-      },
-      showFormattedSelectedItem: true,
-      placeholder: "Choose wallet...",
-      anchorElId: "addressInputContainer",
-      dropdownMaxHeight,
-      $width: dropdownWidth != null ? dropdownWidth : 0,
-      $top: (mobileAnchor != null ? mobileAnchor : 0) + 16 + 1,
-      autoWidth: true,
-      selectedItemVariant: "bodyXS",
-      children: [
-        activeWallet && ActiveWalletNode,
-        availableWallets.map(({ address, name: _name, id, type, isExternal }) => {
-          const key = getValue(id, type);
-          const name = _name != null ? _name : getWalletDisplayName(para, { type, isExternal, isMenu: true, hideWallets });
-          return /* @__PURE__ */ jsx(HeaderSelectItem, { slot: "items", value: key, children: /* @__PURE__ */ jsxs(FlexRow, { children: [
-            /* @__PURE__ */ jsx(CpslIdenticon, { size: "40px", hash: para.getIdenticonHash(id, type) }),
-            /* @__PURE__ */ jsxs(FlexCol, { children: [
-              name && /* @__PURE__ */ jsx(CpslText, { variant: "bodyS", color: "contrast", children: name }),
-              !hideWallets && address && type && /* @__PURE__ */ jsx(CpslText, { variant: "bodyXS", color: "secondary", children: truncateAddress(address, type, { prefix: para.cosmosPrefix }) })
-            ] })
-          ] }) }, key);
-        })
-      ]
-    }
-  ) : ActiveWalletNode }) });
-};
-const Container = safeStyled.div`
-  flex: 0;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-`;
-const FlexRow = safeStyled.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`;
-const FlexCol = safeStyled.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-`;
-const WalletName = safeStyled(CpslText)`
-  white-space: nowrap;
-`;
-const ChainName = safeStyled(CpslText)`
-  max-width: 150px;
-  text-transform: capitalize;
-
-  &::part(text-element) {
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-`;
-export {
-  AccountSelect,
-  ChainSelect
-};

package/dist/provider/utils/externalWalletDefaults.d.ts

@@ -1,6 +0,0 @@
-import { Chain, Transport } from 'viem';
-import { ParaEvmProviderConfigNoWallets } from '../types/externalWalletProviders.js';
-export declare const getEVMExternalWalletConfigDefault: ({ appName, projectId, }: {
-    appName: string;
-    projectId?: string;
-}) => ParaEvmProviderConfigNoWallets<readonly [Chain, ...Chain[]], Record<[Chain, ...Chain[]][number]["id"], Transport>>;

package/dist/provider/utils/externalWalletDefaults.js

@@ -1,33 +0,0 @@
-"use client";
-import "../../chunk-MMUBH76A.js";
-const getEVMExternalWalletConfigDefault = ({
-  appName,
-  projectId
-}) => ({
-  appName,
-  chains: [
-    {
-      id: 11155111,
-      name: "Sepolia",
-      nativeCurrency: { name: "Sepolia Ether", symbol: "ETH", decimals: 18 },
-      rpcUrls: { default: { http: ["https://rpc.sepolia.org"] } },
-      blockExplorers: {
-        default: {
-          name: "Etherscan",
-          url: "https://sepolia.etherscan.io",
-          apiUrl: "https://api-sepolia.etherscan.io/api"
-        }
-      },
-      contracts: {
-        multicall3: { address: "0xca11bde05977b3631167028862be2a173976ca11", blockCreated: 751532 },
-        ensRegistry: { address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e" },
-        ensUniversalResolver: { address: "0xc8Af999e38273D658BE1b921b88A9Ddf005769cC", blockCreated: 5317080 }
-      },
-      testnet: true
-    }
-  ],
-  projectId: projectId != null ? projectId : ""
-});
-export {
-  getEVMExternalWalletConfigDefault
-};