@orderly.network/wallet-connector-privy 2.8.1 → 2.8.2-alpha.0

package/dist/index.js

@@ -50,11 +50,11 @@ var Network = /* @__PURE__ */ ((Network3) => {
   Network3["testnet"] = "testnet";
   return Network3;
 })(Network || {});
-var WalletType = /* @__PURE__ */ ((WalletType5) => {
-  WalletType5["EVM"] = "EVM";
-  WalletType5["SOL"] = "SOL";
-  WalletType5["ABSTRACT"] = "Abstract";
-  return WalletType5;
+var WalletType = /* @__PURE__ */ ((WalletType4) => {
+  WalletType4["EVM"] = "EVM";
+  WalletType4["SOL"] = "SOL";
+  WalletType4["ABSTRACT"] = "Abstract";
+  return WalletType4;
 })(WalletType || {});
 var WalletConnectType = /* @__PURE__ */ ((WalletConnectType2) => {
   WalletConnectType2["EVM"] = "EVM";
@@ -1647,7 +1647,24 @@ function EVMConnectArea({
 // src/components/renderConnector/index.tsx
 function RenderConnector() {
   const { connect } = useWallet2();
-  const { setOpenConnectDrawer, connectorWalletType, walletChainTypeConfig } = useWalletConnectorPrivy();
+  const {
+    setOpenConnectDrawer,
+    connectorWalletType,
+    walletChainTypeConfig,
+    targetWalletType
+  } = useWalletConnectorPrivy();
+  const { storageChain } = hooks.useStorageChain();
+  const selectedWalletType = (() => {
+    if (targetWalletType)
+      return targetWalletType;
+    if (!storageChain?.chainId)
+      return void 0;
+    try {
+      return getChainType(parseInt(storageChain.chainId));
+    } catch {
+      return void 0;
+    }
+  })();
   const handleConnect = (params) => {
     connect(params);
     if (params.walletType === "privy" /* PRIVY */) {
@@ -1716,7 +1733,30 @@ function RenderConnector() {
       }
     );
   };
-  return /* @__PURE__ */ React19__default.default.createElement(ui.ScrollArea, { className: "oui-flex oui-grow oui-shrik oui-basis-auto oui-custom-scrollbar" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: ui.cn("oui-flex oui-flex-col oui-gap-4", "md:oui-gap-5") }, renderPrivyConnectArea(), renderWagmiConnectArea(), renderSolanaConnectArea(), renderAbstractConnectArea()));
+  const walletOrder = ["evm", "sol", "abstract"];
+  const typeToKey = {
+    ["EVM" /* EVM */]: "evm",
+    ["SOL" /* SOL */]: "sol",
+    ["Abstract" /* ABSTRACT */]: "abstract"
+  };
+  const prioritizedKey = selectedWalletType ? typeToKey[selectedWalletType] : void 0;
+  const orderedWalletKeys = prioritizedKey ? [
+    prioritizedKey,
+    ...walletOrder.filter((k) => k !== prioritizedKey)
+  ] : walletOrder;
+  const renderByKey = (key) => {
+    switch (key) {
+      case "evm":
+        return renderWagmiConnectArea();
+      case "sol":
+        return renderSolanaConnectArea();
+      case "abstract":
+        return renderAbstractConnectArea();
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ React19__default.default.createElement(ui.ScrollArea, { className: "oui-flex oui-grow oui-shrik oui-basis-auto oui-custom-scrollbar" }, /* @__PURE__ */ React19__default.default.createElement("div", { className: ui.cn("oui-flex oui-flex-col oui-gap-4", "md:oui-gap-5") }, renderPrivyConnectArea(), orderedWalletKeys.map((key) => /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, { key }, renderByKey(key)))));
 }
 function SwitchNetworkTips({
   tipsContent
@@ -3148,19 +3188,6 @@ var WagmiWallet = (props) => {
 };
 
 // src/provider.tsx
-var commonSwrOpts = {
-  revalidateIfStale: false,
-  revalidateOnFocus: false,
-  revalidateOnReconnect: false,
-  // If false, undefined data gets cached against the key.
-  revalidateOnMount: true,
-  // don't duplicate a request with the same key for 1hr
-  dedupingInterval: 36e5
-};
-types.TesntTokenFallback([
-  types.ArbitrumSepoliaTokenInfo,
-  types.SolanaDevnetTokenInfo
-]);
 var testnetChainFallback = [types.ArbitrumSepoliaChainInfo, types.SolanaDevnetChainInfo];
 var formatSwapChainInfo = (data = {}) => {
   return Object.keys(data).map((key) => {
@@ -3245,7 +3272,18 @@ function WalletConnectorPrivyProvider(props) {
   const [initChains, setInitChains] = React19.useState([]);
   const [mainnetChains, setMainnetChains] = React19.useState([]);
   const [testnetChains, setTestnetChains] = React19.useState([]);
-  const initRef = React19.useRef(false);
+  const [mainnetChainInfos, setMainnetChainInfos] = React19.useState(null);
+  const [testChainInfos, setTestChainInfos] = React19.useState(
+    null
+  );
+  const fetchMainChains = hooks.useMainnetChainsStore((state) => state.fetchData);
+  const fetchTestChains = hooks.useTestnetChainsStore((state) => state.fetchData);
+  const mainnetChainInfosFromStore = hooks.useMainnetChainsStore(
+    (state) => state.data
+  );
+  const testChainInfosFromStore = hooks.useTestnetChainsStore((state) => state.data);
+  const hasCustomChains = Array.isArray(props.customChains) && props.customChains.length > 0;
+  const initRef = React19.useRef(hasCustomChains);
   const [openConnectDrawer, setOpenConnectDrawer] = React19.useState(false);
   const [targetWalletType, setTargetWalletType] = React19.useState();
   const [privyConfig, setPrivyConfig] = React19.useState({
@@ -3290,24 +3328,24 @@ function WalletConnectorPrivyProvider(props) {
     });
     return chainTypeObj;
   }, [initChains]);
-  const { data: swapChainInfoRes, isLoading: swapLoading } = hooks.useSWR(
-    !props.customChains && props.enableSwapDeposit ? "https://fi-api.woo.org/swap_support" : null,
-    (url) => fetch(url).then((res) => res.json()),
-    commonSwrOpts
-  );
-  const { data: mainnetChainInfos } = hooks.useSWR(
-    !props.customChains ? "https://api.orderly.org/v1/public/chain_info" : null,
-    hooks.fetcher,
-    commonSwrOpts
-  );
-  const { data: testChainInfos } = hooks.useSWR(
-    !props.customChains ? "https://testnet-api.orderly.org/v1/public/chain_info" : null,
-    hooks.fetcher,
-    {
-      ...commonSwrOpts,
-      fallbackData: testnetChainFallback
-    }
-  );
+  const {
+    data: swapChainInfoRes,
+    // loading: swapLoading,
+    fetchData: fetchSwapData
+  } = hooks.useSwapSupportStore();
+  React19.useEffect(() => {
+    if (!props.enableSwapDeposit || !!props.customChains)
+      return;
+    fetchSwapData();
+  }, [props.enableSwapDeposit, props.customChains]);
+  React19.useEffect(() => {
+    fetchMainChains().then((data) => {
+      setMainnetChainInfos(data);
+    });
+    fetchTestChains().then((data) => {
+      setTestChainInfos(data);
+    });
+  }, []);
   const handleCustomerChains = () => {
     const testChains = processChainInfo(
       props.customChains.testnet?.map((item) => item.network_infos)
@@ -3390,21 +3428,33 @@ function WalletConnectorPrivyProvider(props) {
     ]
   );
   React19.useEffect(() => {
-    if (props.customChains) {
+    if (initRef.current)
+      return;
+    if (hasCustomChains) {
       return;
     }
-    if (!mainnetChainInfos || !testChainInfos || swapLoading) {
+    const hasStoreData = mainnetChainInfosFromStore && testChainInfosFromStore;
+    const hasApiData = mainnetChainInfos && testChainInfos;
+    if (!hasStoreData && !hasApiData) {
+      return;
+    }
+    if (!swapChainInfoRes) {
       return;
     }
     let testChainsList = [];
     let mainnetChainsList = [];
     try {
-      testChainsList = testChainInfos;
-      mainnetChainsList = mainnetChainInfos;
+      if (hasStoreData) {
+        testChainsList = testChainInfosFromStore;
+        mainnetChainsList = mainnetChainInfosFromStore;
+      } else {
+        testChainsList = testChainInfos || testnetChainFallback;
+        mainnetChainsList = mainnetChainInfos || [];
+      }
       const testChains = processChainInfo(testChainsList);
       const mainnetChains2 = processChainInfo(mainnetChainsList);
       const swapChains = processChainInfo(
-        formatSwapChainInfo(swapChainInfoRes?.data || {})
+        formatSwapChainInfo(swapChainInfoRes || {})
       );
       const chains = [...testChains, ...mainnetChains2];
       const filterSwapChains = swapChains.filter(
@@ -3422,8 +3472,10 @@ function WalletConnectorPrivyProvider(props) {
     props.customChains,
     mainnetChainInfos,
     testChainInfos,
-    swapChainInfoRes,
-    swapLoading
+    mainnetChainInfosFromStore,
+    testChainInfosFromStore,
+    swapChainInfoRes
+    // swapLoading,
   ]);
   React19.useEffect(() => {
     if (props.customChains) {