@orderly.network/wallet-connector-privy 2.5.3 → 2.6.0

package/dist/index.mjs

@@ -3,8 +3,8 @@ import * as viemExport from 'viem';
 import { defineChain } from 'viem';
 import { mainnet, abstract, abstractTestnet } from 'viem/chains';
 import { useWalletConnector, useAccount, useSWR, fetcher, WalletConnectorContext, useTrack, useStorageLedgerAddress, useLocalStorage, useStorageChain } from '@orderly.network/hooks';
-import { SOLANA_TESTNET_CHAINID, SOLANA_MAINNET_CHAINID, ChainNamespace, ABSTRACT_CHAIN_ID_MAP, AccountStatusEnum, ABSTRACT_TESTNET_CHAINID, ABSTRACT_MAINNET_CHAINID, SolanaChains as SolanaChains$1, AbstractChains, AbstractTestnetChainInfo, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, TrackerEventName, ConnectorKey } from '@orderly.network/types';
-import { modal, useModal, SimpleSheet, SheetHeader, Text, Flex, Grid, Divider, cn, installExtension, ExtensionPositionEnum, useScreen, formatAddress, Button, SimpleDialog, TooltipProvider, CloseIcon, ScrollArea, ExclamationFillIcon, Tooltip, CopyIcon, Checkbox, toast, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, ChevronDownIcon, ChevronUpIcon, ChainIcon, Popover } from '@orderly.network/ui';
+import { SOLANA_TESTNET_CHAINID, SOLANA_MAINNET_CHAINID, ChainNamespace, ABSTRACT_CHAIN_ID_MAP, AccountStatusEnum, ABSTRACT_TESTNET_CHAINID, ABSTRACT_MAINNET_CHAINID, SolanaChains as SolanaChains$1, AbstractChains, AbstractTestnetChainInfo, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, EMPTY_OBJECT, TrackerEventName, ConnectorKey } from '@orderly.network/types';
+import { modal, useModal, SimpleSheet, SheetHeader, Text, Flex, Divider, cn, installExtension, ExtensionPositionEnum, useScreen, formatAddress, Button, SimpleDialog, TooltipProvider, CloseIcon, ScrollArea, ExclamationFillIcon, Tooltip, CopyIcon, Checkbox, toast, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, ChevronDownIcon, ChevronUpIcon, Grid, ChainIcon, Popover } from '@orderly.network/ui';
 import { useTranslation, Trans } from '@orderly.network/i18n';
 import { AbstractWalletProvider as AbstractWalletProvider$1, useLoginWithAbstract, useAbstractClient, useGlobalWalletSignerAccount } from '@abstract-foundation/agw-react';
 import * as WagmiExport from 'wagmi';
@@ -669,7 +669,7 @@ var WagmiWalletProvider = ({
       setWallet(void 0);
       return;
     }
-    connector.getProvider().then((provider) => {
+    connector.getProvider?.().then((provider) => {
       setWallet({
         label: connector.name,
         icon: "",
@@ -813,15 +813,14 @@ var PwaDialog = modal.create((props) => {
       index: 1,
       title: t("connector.privy.pwa.step1"),
       content: /* @__PURE__ */ React19.createElement(Flex, { className: "oui-w-full oui-bg-dark-8" }, /* @__PURE__ */ React19.createElement(
-        Grid,
+        Flex,
         {
-          rows: 1,
-          cols: 3,
-          className: "oui-bg-black/[0.08] oui-p-2 oui-h-[52px] oui-rounded-[44px] oui-w-full oui-px-4"
+          className: "oui-bg-black/[0.08] oui-p-2 oui-h-[52px] oui-rounded-[44px] oui-w-full oui-px-4 oui-relative",
+          itemAlign: "center",
+          justify: "center"
         },
-        /* @__PURE__ */ React19.createElement("div", null),
-        /* @__PURE__ */ React19.createElement(Text, { className: "oui-text-black/[0.88] oui-text-[20px] oui-leading-[36px] oui-flex-1" }, domain),
-        /* @__PURE__ */ React19.createElement(Flex, { itemAlign: "center", justify: "end" }, /* @__PURE__ */ React19.createElement(ShareIcon, null))
+        /* @__PURE__ */ React19.createElement(Text, { className: "oui-text-black/[0.88] oui-text-[18px] oui-leading-[36px] oui-flex-1 oui-text-center oui-whitespace-nowrap" }, domain),
+        /* @__PURE__ */ React19.createElement(ShareIcon, { className: "oui-absolute oui-right-4 oui-top-1/2 oui-translate-y-[-50%]" })
       ))
     }
   ), /* @__PURE__ */ React19.createElement(
@@ -848,12 +847,21 @@ var PwaDialog = modal.create((props) => {
           /* @__PURE__ */ React19.createElement(Text, { className: "oui-text-black/[0.2] oui-text-[18px]" }, t("connector.privy.pwa.findOnPage"))
         ),
         /* @__PURE__ */ React19.createElement(Divider, { className: "oui-bg-black/[0.15] oui-w-full" }),
-        /* @__PURE__ */ React19.createElement(Grid, { cols: 3, className: "oui-w-full oui-px-4 oui-py-3" }, /* @__PURE__ */ React19.createElement(Text, { className: "oui-text-black/[0.88] oui-text-[18px] oui-col-span-2" }, t("connector.privy.pwa.addToHomeScreen")), /* @__PURE__ */ React19.createElement(Flex, { itemAlign: "center", justify: "end" }, /* @__PURE__ */ React19.createElement(AddIcon, null)))
+        /* @__PURE__ */ React19.createElement(
+          Flex,
+          {
+            className: "oui-w-full oui-px-4 oui-py-3",
+            justify: "between",
+            itemAlign: "center"
+          },
+          /* @__PURE__ */ React19.createElement(Text, { className: "oui-text-black/[0.88] oui-text-[18px] oui-col-span-2 oui-whitespace-nowrap" }, t("connector.privy.pwa.addToHomeScreen")),
+          /* @__PURE__ */ React19.createElement(AddIcon, null)
+        )
       )
     }
   ))));
 });
-var ShareIcon = () => {
+var ShareIcon = (props) => {
   return /* @__PURE__ */ React19.createElement(
     "svg",
     {
@@ -861,7 +869,8 @@ var ShareIcon = () => {
       width: "28",
       height: "28",
       viewBox: "0 0 28 28",
-      fill: "none"
+      fill: "none",
+      className: props.className
     },
     /* @__PURE__ */ React19.createElement(
       "path",
@@ -1670,7 +1679,7 @@ function SwitchNetworkTips({
     ), /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-warning-darken" }, t("connector.privy.switchNetwork.tips", {
       chainName: tipsContent
     }))),
-    /* @__PURE__ */ React19.createElement(ArrowRightIcon, { className: "oui-text-[#FF7D00]" })
+    /* @__PURE__ */ React19.createElement(ArrowRightIcon, { size: 14, className: "oui-text-[#FF7D00]" })
   );
 }
 var StorageChainNotCurrentWalletType = ({
@@ -2878,20 +2887,21 @@ installExtension({
 });
 
 // src/main.tsx
-function Main(props) {
+var Main = (props) => {
+  const { headerProps, children } = props;
   const { wallet, connectedChain, setChain, namespace, onDisconnect } = useWallet2();
   const { openConnectDrawer, setOpenConnectDrawer, setTargetWalletType } = useWalletConnectorPrivy();
-  const connect = (props2) => {
-    if (props2 && props2.autoSelect) {
+  const connect = (options) => {
+    if (options && options.autoSelect) {
       return Promise.resolve([]);
     }
     setTargetWalletType(void 0);
-    return new Promise((resolve, reject) => {
+    return new Promise((resolve) => {
       setOpenConnectDrawer(true);
       resolve([]);
     });
   };
-  const value = useMemo(
+  const memoizedValue = useMemo(
     () => ({
       connect,
       disconnect: onDisconnect,
@@ -2903,17 +2913,17 @@ function Main(props) {
       chains: [],
       settingChain: false
     }),
-    [connect, setChain, connectedChain, wallet, namespace]
+    [connect, setChain, onDisconnect, connectedChain, wallet, namespace]
   );
-  return /* @__PURE__ */ React19.createElement(WalletConnectorContext.Provider, { value }, /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement(WalletConnectorContext.Provider, { value: memoizedValue }, /* @__PURE__ */ React19.createElement(
     ConnectDrawer,
     {
       open: openConnectDrawer,
       onChangeOpen: setOpenConnectDrawer,
-      headerProps: props.headerProps
+      headerProps
     }
-  ), props.children);
-}
+  ), children);
+};
 var InitAbstractProvider = (props) => {
   const { network } = useWalletConnectorPrivy();
   const chain = useMemo(() => {
@@ -3029,7 +3039,7 @@ function InitWagmiProvider({
     return children;
   }
   const [queryClient] = useState(() => new QueryClient());
-  const [config, setConfig] = useState(
+  const [config] = useState(
     () => createConfig({
       chains: initChains && initChains.length ? initChains : [mainnet],
       multiInjectedProviderDiscovery: true,
@@ -3047,16 +3057,16 @@ function InitWagmiProvider({
 }
 
 // src/providers/wagmi/index.tsx
-function WagmiWallet(props) {
+var WagmiWallet = (props) => {
   return /* @__PURE__ */ React19.createElement(
     InitWagmiProvider,
     {
-      wagmiConfig: props.wagmiConfig ?? {},
-      initChains: props.initChains
+      initChains: props.initChains,
+      wagmiConfig: props.wagmiConfig ?? EMPTY_OBJECT
     },
     /* @__PURE__ */ React19.createElement(WagmiWalletProvider, null, props.children)
   );
-}
+};
 
 // src/provider.tsx
 var commonSwrOpts = {