@orderly.network/wallet-connector-privy 2.7.4 → 2.8.0-alpha.0

package/dist/index.mjs

@@ -4,7 +4,7 @@ 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, TesntTokenFallback, ArbitrumSepoliaTokenInfo, SolanaDevnetTokenInfo, ABSTRACT_CHAIN_ID_MAP, AccountStatusEnum, ABSTRACT_TESTNET_CHAINID, ABSTRACT_MAINNET_CHAINID, SolanaChains as SolanaChains$1, AbstractChains, 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 { modal, useModal, SimpleSheet, SheetHeader, Text, Flex, Divider, cn, installExtension, ExtensionPositionEnum, useScreen, formatAddress, Button, SimpleDialog, TooltipProvider, CloseSquareFillIcon, 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';
@@ -207,6 +207,8 @@ var PrivyWalletProvider = ({
         address = `@${account.username}`;
       } else if (account.type === "google_oauth") {
         address = `@${account.name}`;
+      } else if (account.type === "telegram") {
+        address = `@${account.username}`;
       }
       return {
         type: account.type,
@@ -1320,7 +1322,7 @@ var RenderLoginMethodsDom = ({
         {
           className: cn(
             "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px]  oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px]",
-            isDesktop && "oui-border-none oui-bg-[#333948]"
+            "oui-border-none oui-bg-[#333948]"
           ),
           onClick: () => connect({ walletType: "privy", extraType: "email" })
         },
@@ -1331,7 +1333,7 @@ var RenderLoginMethodsDom = ({
             className: "oui-size-[18px]"
           }
         ),
-        isDesktop && /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.email"))
+        /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.email"))
       )
     );
   }
@@ -1342,7 +1344,7 @@ var RenderLoginMethodsDom = ({
         {
           className: cn(
             "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px]  oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px]",
-            isDesktop && "oui-border-none oui-bg-[#335FFC]"
+            "oui-border-none oui-bg-[#335FFC]"
           ),
           onClick: () => connect({ walletType: "privy", extraType: "google" })
         },
@@ -1353,7 +1355,7 @@ var RenderLoginMethodsDom = ({
             className: "oui-size-[18px]"
           }
         ),
-        isDesktop && /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.google"))
+        /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.google"))
       )
     );
   }
@@ -1364,7 +1366,7 @@ var RenderLoginMethodsDom = ({
         {
           className: cn(
             "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px]  oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px]",
-            isDesktop && "oui-border-none oui-bg-[#07080A]"
+            "oui-border-none oui-bg-[#07080A]"
           ),
           onClick: () => connect({ walletType: "privy", extraType: "twitter" })
         },
@@ -1375,7 +1377,39 @@ var RenderLoginMethodsDom = ({
             className: "oui-size-[18px]"
           }
         ),
-        isDesktop && /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.twitter"))
+        /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.twitter"))
+      )
+    );
+  }
+  if (loginMethods?.includes("telegram")) {
+    arr.push(
+      /* @__PURE__ */ React19.createElement(
+        "div",
+        {
+          className: cn(
+            "oui-flex oui-cursor-pointer oui-items-center oui-justify-center oui-gap-1 oui-rounded-[6px]  oui-border oui-border-base-contrast-12 oui-px-2 oui-py-[11px]",
+            "oui-border-none oui-bg-[#3D79A9]"
+          ),
+          onClick: () => connect({ walletType: "privy", extraType: "telegram" })
+        },
+        /* @__PURE__ */ React19.createElement(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 18 18",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          },
+          /* @__PURE__ */ React19.createElement(
+            "path",
+            {
+              d: "M2.652 8.12916L15.0683 4.04929C15.6468 3.87358 16.1499 4.16929 15.9587 4.91069L13.8458 13.3962C13.6898 13.9961 13.2672 14.1461 12.6836 13.859L9.46384 11.8362L7.90929 13.109C7.73824 13.2547 7.59234 13.379 7.2603 13.379L7.4867 10.5891L13.4584 5.99923C13.72 5.80638 13.398 5.69495 13.0559 5.8878L5.68061 9.8434L2.50107 8.99914C1.81687 8.81058 1.80178 8.41201 2.652 8.12916Z",
+              fill: "white"
+            }
+          )
+        ),
+        /* @__PURE__ */ React19.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.telegram"))
       )
     );
   }
@@ -1390,7 +1424,7 @@ var PrivyConnectAreaMobile = ({
   const { isMobile, isDesktop } = useScreen();
   const { connectorWalletType, privyConfig } = useWalletConnectorPrivy();
   const loginMethods = privyConfig.loginMethods;
-  return /* @__PURE__ */ React19.createElement(Flex, { direction: "column", className: "oui-w-full" }, /* @__PURE__ */ React19.createElement(Grid, { cols: 3, rows: 1, className: "oui-w-full", gap: 2 }, /* @__PURE__ */ React19.createElement(RenderLoginMethodsDom, { connect, loginMethods })), (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ React19.createElement("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" }));
+  return /* @__PURE__ */ React19.createElement(Flex, { direction: "column", className: "oui-w-full" }, /* @__PURE__ */ React19.createElement(Grid, { cols: 2, rows: 2, className: "oui-w-full", gap: 2 }, /* @__PURE__ */ React19.createElement(RenderLoginMethodsDom, { connect, loginMethods })), (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ React19.createElement("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" }));
 };
 var PrivyConnectAreaDesktop = ({
   connect
@@ -1441,6 +1475,25 @@ function RenderPrivyTypeIcon({
       }
     );
   }
+  if (type === "telegram") {
+    return /* @__PURE__ */ React19.createElement(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: "0 0 18 18",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      },
+      /* @__PURE__ */ React19.createElement(
+        "path",
+        {
+          d: "M2.652 8.12916L15.0683 4.04929C15.6468 3.87358 16.1499 4.16929 15.9587 4.91069L13.8458 13.3962C13.6898 13.9961 13.2672 14.1461 12.6836 13.859L9.46384 11.8362L7.90929 13.109C7.73824 13.2547 7.59234 13.379 7.2603 13.379L7.4867 10.5891L13.4584 5.99923C13.72 5.80638 13.398 5.69495 13.0559 5.8878L5.68061 9.8434L2.50107 8.99914C1.81687 8.81058 1.80178 8.41201 2.652 8.12916Z",
+          fill: black ? "black" : "white"
+        }
+      )
+    );
+  }
   return /* @__PURE__ */ React19.createElement(
     "img",
     {
@@ -2564,7 +2617,7 @@ function ConnectDrawer(props) {
       }
     ),
     /* @__PURE__ */ React19.createElement("div", { className: "oui-relative oui-z-10 oui-flex oui-h-full oui-flex-col oui-gap-4 md:oui-gap-5" }, /* @__PURE__ */ React19.createElement("div", { className: "oui-flex oui-flex-none oui-items-center oui-justify-between" }, renderHeader(), /* @__PURE__ */ React19.createElement(
-      CloseIcon,
+      CloseSquareFillIcon,
       {
         className: "oui-size-5 oui-cursor-pointer oui-text-base-contrast-20 hover:oui-text-base-contrast-80",
         onClick: () => props.onChangeOpen(false)
@@ -3214,7 +3267,7 @@ function WalletConnectorPrivyProvider(props) {
   }, [initChains]);
   const { data: swapChainInfoRes, isLoading: swapLoading } = useSWR(
     !props.customChains && props.enableSwapDeposit ? "https://fi-api.woo.org/swap_support" : null,
-    fetcher,
+    (url) => fetch(url).then((res) => res.json()),
     commonSwrOpts
   );
   const { data: mainnetChainInfos } = useSWR(