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

package/README.md

@@ -35,6 +35,13 @@ If abstractConfig is not configured, the Abstract Global Wallet connector will b
 
 At least one of privyConfig, wagmiConfig, or solanaConfig must be provided.
 
+**Available Login Methods for Privy:**
+
+- `email` - Email/password login
+- `google` - Google OAuth login
+- `twitter` - Twitter OAuth login
+- `telegram` - Telegram login (optional)
+
 If customChains only includes a Solana chain, then Privy will only display the Solana injected wallet, and the Wagmi connector will be disabled.
 
 If customChains only includes EVM chains, then Privy will only display the EVM injected wallet, and the Solana connector will be disabled.
@@ -54,6 +61,7 @@ eg:
             accentColor: "#181C23",
             logo: "/orderly-logo.svg",
           },
+          loginMethods: ["email", "google", "twitter", "telegram"],
         },
       }}
       wagmiConfig={{

package/dist/index.js

@@ -232,6 +232,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,
@@ -1345,7 +1347,7 @@ var RenderLoginMethodsDom = ({
         {
           className: ui.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" })
         },
@@ -1356,7 +1358,7 @@ var RenderLoginMethodsDom = ({
             className: "oui-size-[18px]"
           }
         ),
-        isDesktop && /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.email"))
+        /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.email"))
       )
     );
   }
@@ -1367,7 +1369,7 @@ var RenderLoginMethodsDom = ({
         {
           className: ui.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" })
         },
@@ -1378,7 +1380,7 @@ var RenderLoginMethodsDom = ({
             className: "oui-size-[18px]"
           }
         ),
-        isDesktop && /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.google"))
+        /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.google"))
       )
     );
   }
@@ -1389,7 +1391,7 @@ var RenderLoginMethodsDom = ({
         {
           className: ui.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" })
         },
@@ -1400,7 +1402,39 @@ var RenderLoginMethodsDom = ({
             className: "oui-size-[18px]"
           }
         ),
-        isDesktop && /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.twitter"))
+        /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.twitter"))
+      )
+    );
+  }
+  if (loginMethods?.includes("telegram")) {
+    arr.push(
+      /* @__PURE__ */ React19__default.default.createElement(
+        "div",
+        {
+          className: ui.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__default.default.createElement(
+          "svg",
+          {
+            width: "18",
+            height: "18",
+            viewBox: "0 0 18 18",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          },
+          /* @__PURE__ */ React19__default.default.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__default.default.createElement("div", { className: "oui-text-2xs oui-text-base-contrast" }, t("connector.privy.telegram"))
       )
     );
   }
@@ -1415,7 +1449,7 @@ var PrivyConnectAreaMobile = ({
   const { isMobile, isDesktop } = ui.useScreen();
   const { connectorWalletType, privyConfig } = useWalletConnectorPrivy();
   const loginMethods = privyConfig.loginMethods;
-  return /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { direction: "column", className: "oui-w-full" }, /* @__PURE__ */ React19__default.default.createElement(ui.Grid, { cols: 3, rows: 1, className: "oui-w-full", gap: 2 }, /* @__PURE__ */ React19__default.default.createElement(RenderLoginMethodsDom, { connect, loginMethods })), (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" }));
+  return /* @__PURE__ */ React19__default.default.createElement(ui.Flex, { direction: "column", className: "oui-w-full" }, /* @__PURE__ */ React19__default.default.createElement(ui.Grid, { cols: 2, rows: 2, className: "oui-w-full", gap: 2 }, /* @__PURE__ */ React19__default.default.createElement(RenderLoginMethodsDom, { connect, loginMethods })), (!connectorWalletType.disableWagmi || !connectorWalletType.disableSolana) && /* @__PURE__ */ React19__default.default.createElement("div", { className: "oui-mt-4 oui-h-px oui-w-full oui-bg-line md:oui-mt-5" }));
 };
 var PrivyConnectAreaDesktop = ({
   connect
@@ -1466,6 +1500,25 @@ function RenderPrivyTypeIcon({
       }
     );
   }
+  if (type === "telegram") {
+    return /* @__PURE__ */ React19__default.default.createElement(
+      "svg",
+      {
+        width: size,
+        height: size,
+        viewBox: "0 0 18 18",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      },
+      /* @__PURE__ */ React19__default.default.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__default.default.createElement(
     "img",
     {
@@ -2589,7 +2642,7 @@ function ConnectDrawer(props) {
       }
     ),
     /* @__PURE__ */ React19__default.default.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__default.default.createElement("div", { className: "oui-flex oui-flex-none oui-items-center oui-justify-between" }, renderHeader(), /* @__PURE__ */ React19__default.default.createElement(
-      ui.CloseIcon,
+      ui.CloseSquareFillIcon,
       {
         className: "oui-size-5 oui-cursor-pointer oui-text-base-contrast-20 hover:oui-text-base-contrast-80",
         onClick: () => props.onChangeOpen(false)
@@ -3239,7 +3292,7 @@ function WalletConnectorPrivyProvider(props) {
   }, [initChains]);
   const { data: swapChainInfoRes, isLoading: swapLoading } = hooks.useSWR(
     !props.customChains && props.enableSwapDeposit ? "https://fi-api.woo.org/swap_support" : null,
-    hooks.fetcher,
+    (url) => fetch(url).then((res) => res.json()),
     commonSwrOpts
   );
   const { data: mainnetChainInfos } = hooks.useSWR(