@blockend/widget 1.0.31 → 1.0.32

package/dist/TxnButton-CF-TLZrD.js

@@ -1,302 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useSwitchNetwork, useDynamicContext, useIsLoggedIn } from "@dynamic-labs/sdk-react-core";
-import { a as useWallet, u as useStore, aJ as useBlockendEvents, aK as blockendEvents } from "./index-D5OnT-__.js";
-import { s as styles } from "./WidgetForm.module-DhUUlwZP.js";
-import { useAccount, useSwitchChain, useBalance } from "wagmi";
-import { u as useWalletDetails, k as useRegisterError, j as fixString, C as CircularProgress } from "./useRegisterError-W_UfecIN.js";
-import "./getCosmosAddress-BgD5iV6f.js";
-import { v as validError } from "./validError-rariWQ7G.js";
-import { u as useCosmosBalance, p as parseAddress } from "./index-m2O0cbD8.js";
-function useTronBalance(fromChain) {
-  const { wallet, address } = useWallet();
-  const [balance, setBalance] = useState(0);
-  async function getBalance() {
-    const balanceTron = await window.tronWeb.trx.getBalance(address);
-    setBalance(balanceTron / Math.pow(10, 6));
-  }
-  useEffect(() => {
-    if (address && (fromChain == null ? void 0 : fromChain.networkType) === "tron") getBalance();
-  }, [address, fromChain == null ? void 0 : fromChain.networkType]);
-  return { tronBal: balance };
-}
-function getWalletSupport(primaryWallet) {
-  if (primaryWallet.key.toLowerCase() === "backpacksol") {
-    return true;
-  }
-}
-function TxnButton({ routesData, routes, amount, isAmountTyped, handleShowWallet, setConnectWalletField, handleConfirmClose, balanceSol, getCoinBalance, handleSuccess }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const gradient = useStore((state) => state.gradient);
-  const configuration = useStore((state) => state.configuration);
-  const fromChain = useStore((state) => state.fromChain);
-  const fromCoin = useStore((state) => state.fromCoin);
-  const toChain = useStore((state) => state.toChain);
-  const toCoin = useStore((state) => state.toCoin);
-  const { isConnected, address, chain } = useAccount();
-  const switchNetwork = useSwitchNetwork();
-  const { getBothWalletConnection, getConnectWallet } = useWalletDetails({
-    chainData: fromChain
-  });
-  const { connected, address: tronAdrress, disconnect } = useWallet();
-  const toDisconnect = useStore((state) => state.toDisconnect);
-  const customWallet = useStore((state) => state.customWallet);
-  const { getWallet } = useWalletDetails({ chainData: fromChain });
-  const connectWalletName = getConnectWallet(fromChain, toChain);
-  const [solNetwork, setSolNetwork] = useState("101");
-  const { tronBal } = useTronBalance(fromChain);
-  const { cosmosBalance } = useCosmosBalance();
-  const isChainsLoaded = ((_a = fromChain.chain) == null ? void 0 : _a.length) && ((_b = toChain.chain) == null ? void 0 : _b.length);
-  const isCoinsLoaded = ((_c = fromCoin.address) == null ? void 0 : _c.length) && ((_d = toCoin.address) == null ? void 0 : _d.length);
-  const registerError = useRegisterError();
-  const blockendEvents$1 = useBlockendEvents();
-  const { switchChain, isPending } = useSwitchChain({
-    chainId: Number((fromChain == null ? void 0 : fromChain.chainId) || "0"),
-    throwForSwitchChainNotSupported: true,
-    onError(error) {
-      let isValidError = validError(error.message);
-      if (isValidError) registerError({ module: "wallet-error-switch", error: error.message });
-    }
-  });
-  const balances = useBalance({
-    address,
-    token: "",
-    chainId: Number((fromChain == null ? void 0 : fromChain.chainId) || 0),
-    enabled: (fromChain == null ? void 0 : fromChain.networkType) == "evm" ? true : false
-  });
-  const parseCoinBalance = getCoinBalance;
-  const selectedCoinbalance = fixString(parseCoinBalance || 0, 11);
-  const [ctaInfoText, setCtaInfoText] = useState({
-    text: "",
-    isGradient: false,
-    color: "bw-bg-border-primary"
-  });
-  async function handleSubmit() {
-    if ((fromChain == null ? void 0 : fromChain.networkType) === "evm" && Number((fromChain == null ? void 0 : fromChain.chainId) || "0") !== (chain == null ? void 0 : chain.id)) {
-      try {
-        switchChain({ chainId: Number((fromChain == null ? void 0 : fromChain.chainId) || "0") });
-      } catch (err) {
-      }
-    } else if ((fromChain == null ? void 0 : fromChain.networkType) === "sol" && solNetwork !== ((fromChain == null ? void 0 : fromChain.chainId) == "eclipse-svm" ? "201" : "101")) {
-      try {
-        let network = await switchNetwork({ wallet: primaryWallet, network: fromChain.chainId == "eclipse-svm" ? "201" : "101" });
-        getCurrentNetwork();
-      } catch (err) {
-      }
-    } else {
-      blockendEvents$1.emit(blockendEvents.TransactionStarted, {
-        ...routesData
-      });
-      handleSuccess(false);
-      handleConfirmClose();
-    }
-  }
-  const { primaryWallet } = useDynamicContext();
-  const isFullyConnected = useIsLoggedIn();
-  const isBothWalletConnected = (fromChain == null ? void 0 : fromChain.networkType) === toChain.networkType ? Boolean(((_f = (_e = getWallet(fromChain)) == null ? void 0 : _e.address) == null ? void 0 : _f.length) || 0) : getBothWalletConnection(fromChain == null ? void 0 : fromChain.networkType, (customWallet == null ? void 0 : customWallet.length) > 30 ? "customWallet" : toChain == null ? void 0 : toChain.networkType);
-  const getCurrentNetwork = async () => {
-    if (primaryWallet) {
-      try {
-        const network = await primaryWallet.getNetwork();
-        setSolNetwork(network);
-      } catch (error) {
-      }
-    } else {
-      return;
-    }
-  };
-  useEffect(() => {
-    getCurrentNetwork();
-  }, [primaryWallet]);
-  function getGas(amountInEther, decimals) {
-    let parsedVal = amountInEther / Math.pow(10, decimals);
-    if (parsedVal < 1e-6) {
-      return parsedVal.toFixed(20);
-    } else {
-      return parsedVal;
-    }
-  }
-  function getNativeBal() {
-    var _a2;
-    return Number(((_a2 = balances == null ? void 0 : balances.data) == null ? void 0 : _a2.formatted) || 0);
-  }
-  function getCosmosNativeBalance(token) {
-    var _a2;
-    return Number(((_a2 = cosmosBalance[parseAddress(token.address)]) == null ? void 0 : _a2.amount) || 0) / Math.pow(10, token.decimals);
-  }
-  function handleError() {
-    var _a2;
-    let gasItem = {};
-    function setGasObj(token, item) {
-      let keyArray = Object.keys(gasItem);
-      if (gasItem[token == null ? void 0 : token.chainId]) {
-        gasItem[token == null ? void 0 : token.chainId].amountInToken += item.amountInToken;
-        gasItem[token == null ? void 0 : token.chainId].gas += getGas(item.amountInToken, token == null ? void 0 : token.decimals);
-      } else {
-        gasItem[token == null ? void 0 : token.chainId] = {
-          amountInToken: item.amountInToken,
-          gas: getGas(item.amountInToken, token == null ? void 0 : token.decimals),
-          token,
-          nativeBal: (customWallet == null ? void 0 : customWallet.length) > 30 && !toDisconnect && (token == null ? void 0 : token.chainId) == (toChain == null ? void 0 : toChain.chainId) && (toChain == null ? void 0 : toChain.chainId) !== (fromChain == null ? void 0 : fromChain.chainId) ? 0 : (token == null ? void 0 : token.networkType) == "sol" ? balanceSol : (token == null ? void 0 : token.networkType) == "tron" ? tronBal : (token == null ? void 0 : token.networkType) == "cosmos" ? getCosmosNativeBalance(token) : getNativeBal(),
-          isFromChain: (fromChain == null ? void 0 : fromChain.chainId) === (token == null ? void 0 : token.chainId.toString()),
-          order: (fromChain == null ? void 0 : fromChain.chainId) === (token == null ? void 0 : token.chainId) ? 1 : (toChain == null ? void 0 : toChain.chainId) === (token == null ? void 0 : token.chainId) ? 2 : keyArray.length > 2 ? 3 : 2
-        };
-      }
-    }
-    (_a2 = routesData == null ? void 0 : routesData.fee) == null ? void 0 : _a2.forEach((item) => {
-      const { token } = item;
-      if (item.source.toLowerCase() == "from_source_wallet") {
-        setGasObj(token, item);
-      }
-    });
-    let coinBalance = selectedCoinbalance;
-    if (Number(amount) > Number(coinBalance)) {
-      setCtaInfoText({
-        text: `Insufficient Balance ${fromCoin.coin || ""}`,
-        isGradient: false,
-        color: "bw-bg-border-primary"
-      });
-    } else if (((balances == null ? void 0 : balances.isLoading) || balances.isFetching) && (fromChain == null ? void 0 : fromChain.networkType) === "evm" || (typeof balanceSol == "undefined" || balanceSol === null) && (fromChain == null ? void 0 : fromChain.networkType) === "sol" || !tronBal && (fromChain == null ? void 0 : fromChain.networkType) === "tron") {
-      setCtaInfoText({
-        text: `Fetching Balance..`,
-        isGradient: false,
-        color: "bw-bg-border-primary"
-      });
-    } else {
-      let sortGas = Object.values(gasItem).sort((a, b) => a.order - b.order);
-      sortGas.some((val) => {
-        var _a3, _b2, _c2;
-        if ((val == null ? void 0 : val.isFromChain) && Number(amount) <= Number(coinBalance) && Number(val.nativeBal) - Number(amount) < val.gas && (fromCoin == null ? void 0 : fromCoin.isNative) || Number(amount) <= Number(coinBalance) && Number(val.nativeBal) < val.gas && !(fromCoin == null ? void 0 : fromCoin.isNative) && (val == null ? void 0 : val.isFromChain)) {
-          setCtaInfoText({
-            text: `Insufficient ${((_a3 = val == null ? void 0 : val.token) == null ? void 0 : _a3.symbol) || ""} for gas on ${val.token.blockchain}`,
-            isGradient: false,
-            color: "bw-bg-border-primary"
-          });
-          return true;
-        } else {
-          if (val.nativeBal < val.gas && !((customWallet == null ? void 0 : customWallet.length) > 30 && ((_b2 = val == null ? void 0 : val.token) == null ? void 0 : _b2.chainId) == (toChain == null ? void 0 : toChain.chainId))) {
-            setCtaInfoText({
-              text: `Insufficient ${((_c2 = val == null ? void 0 : val.token) == null ? void 0 : _c2.symbol) || ""} for gas on ${val.token.blockchain}`,
-              isGradient: false,
-              color: "bw-bg-border-primary"
-            });
-            return true;
-          } else
-            setCtaInfoText({
-              text: "",
-              isGradient: true,
-              color: gradient ? gradient : styles.gradientbutton
-            });
-          return true;
-        }
-      });
-      if (sortGas.length == 0 && ((routesData == null ? void 0 : routesData.gasless) || (routesData == null ? void 0 : routesData.provider) == "meson")) {
-        setCtaInfoText({
-          text: "",
-          isGradient: true,
-          color: gradient ? gradient : styles.gradientbutton
-        });
-      }
-    }
-  }
-  useEffect(() => {
-    var _a2, _b2, _c2;
-    if (!fromCoin.coin.length || !(toCoin == null ? void 0 : toCoin.coin.length)) {
-      setCtaInfoText({
-        text: "Select Token",
-        isGradient: true,
-        color: gradient ? gradient : styles.gradientbutton
-      });
-    } else if (!isBothWalletConnected) {
-      setCtaInfoText({
-        text: ``,
-        isGradient: true,
-        color: gradient ? gradient : styles.gradientbutton
-      });
-    } else if (typeof amount !== "undefined" && Number(amount || 0) <= 0) {
-      setCtaInfoText({
-        text: "Enter Amount",
-        isGradient: false,
-        color: "bw-bg-border-primary"
-      });
-    } else if (routes.isFetching || !isAmountTyped) {
-      setCtaInfoText({
-        text: "Loading Routes...",
-        isGradient: false,
-        color: "bw-bg-border-primary"
-      });
-    } else if (fromChain.chainId === "eclipse-svm" && !getWalletSupport(primaryWallet)) {
-      setCtaInfoText({
-        text: `Select ${fromChain.name} wallet`,
-        isGradient: true,
-        color: gradient ? gradient : styles.gradientbutton
-      });
-    } else if (toChain.chainId === "eclipse-svm" && fromChain.chainId !== "eclipse-svm" && !getWalletSupport(primaryWallet) && customWallet.length < 30) {
-      setCtaInfoText({
-        text: `Enter recipient wallet address`,
-        isGradient: true,
-        color: gradient ? gradient : styles.gradientbutton
-      });
-    } else if ((fromCoin == null ? void 0 : fromCoin.address) == (toCoin == null ? void 0 : toCoin.address) && (fromChain == null ? void 0 : fromChain.chainId) == (toChain == null ? void 0 : toChain.chainId) && !(customWallet == null ? void 0 : customWallet.length) || (fromChain == null ? void 0 : fromChain.networkType) == "evm" && address === customWallet && (fromCoin == null ? void 0 : fromCoin.address) == (toCoin == null ? void 0 : toCoin.address) || (fromChain == null ? void 0 : fromChain.networkType) == "sol" && (primaryWallet == null ? void 0 : primaryWallet.address) === customWallet && (fromCoin == null ? void 0 : fromCoin.address) == (toCoin == null ? void 0 : toCoin.address)) {
-      setCtaInfoText({
-        text: "From and To asset can not be the same!",
-        isGradient: false,
-        color: "bw-bg-border-primary"
-      });
-    } else if (!((_c2 = (_b2 = (_a2 = routes == null ? void 0 : routes.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.quotes) == null ? void 0 : _c2.length)) {
-      setCtaInfoText({
-        text: "No Routes Found",
-        isGradient: false,
-        color: "bw-bg-border-primary"
-      });
-    } else if (isConnected && Number((fromChain == null ? void 0 : fromChain.chainId) || "0") !== (chain == null ? void 0 : chain.id) && (fromChain == null ? void 0 : fromChain.networkType) === "evm" || isFullyConnected && ((fromChain == null ? void 0 : fromChain.chainId) === "eclipse-svm" ? "201" : "101") !== solNetwork && (fromChain == null ? void 0 : fromChain.networkType) === "sol") {
-      setCtaInfoText({
-        text: `Switch Chain to ${fromChain.chain}`,
-        isGradient: true,
-        color: gradient ? gradient : styles.gradientbutton
-      });
-    } else {
-      handleError();
-    }
-  }, [solNetwork, primaryWallet, fromCoin, toCoin, amount, fromChain, toChain, (_g = balances.data) == null ? void 0 : _g.formatted, routesData, balances.isFetching, balances.isLoading, isConnected, selectedCoinbalance, isBothWalletConnected, routes.isFetching, chain == null ? void 0 : chain.id, isAmountTyped, tronBal, balanceSol, customWallet, cosmosBalance]);
-  let enableButtonText = [`switch chain to ${(_h = fromChain.chain) == null ? void 0 : _h.toLowerCase()}`, `select ${(_i = fromChain.chain) == null ? void 0 : _i.toLowerCase()} wallet`, "connect custom wallet", "enter recipient wallet address"];
-  function handleDisable() {
-    var _a2, _b2, _c2, _d2;
-    return isBothWalletConnected ? routes.isFetching ? true : ctaInfoText.text.length ? enableButtonText.includes((_a2 = ctaInfoText.text) == null ? void 0 : _a2.toLowerCase()) ? false : true : !((_d2 = (_c2 = (_b2 = routes.data) == null ? void 0 : _b2.data) == null ? void 0 : _c2.quotes) == null ? void 0 : _d2.length) ? true : false : false;
-  }
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      disabled: handleDisable(),
-      style: (ctaInfoText == null ? void 0 : ctaInfoText.isGradient) && isChainsLoaded && isCoinsLoaded ? {
-        ...configuration == null ? void 0 : configuration.gradientStyle,
-        boxShadow: configuration && configuration.customTheme && ((_k = (_j = configuration.customTheme) == null ? void 0 : _j.shadow) == null ? void 0 : _k.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.15)"
-      } : {
-        boxShadow: configuration && configuration.customTheme && ((_m = (_l = configuration.customTheme) == null ? void 0 : _l.shadow) == null ? void 0 : _m.boxShadow) || "1px 1px 7px rgba(0, 0, 0, 0.15)"
-      },
-      className: `bw-w-full bw-rounded-sm bw-h-[52px] ${(ctaInfoText == null ? void 0 : ctaInfoText.isGradient) ? "bw-p-[3px]" : "bw-p-[1px]"} bw-mt-3 bw-border-0 bw-relative bw-z-0  disabled:bw-opacity-70 ${isChainsLoaded && isCoinsLoaded && ctaInfoText.color} ${ctaInfoText.text.length > 29 ? "bw-text-xl" : "bw-text-2xl"} ${(ctaInfoText == null ? void 0 : ctaInfoText.isGradient) ? "bw-font-bold bw-text-text-primary" : "bw-font-normal bw-text-text-secondary"}`,
-      onClick: () => {
-        if (!isBothWalletConnected) {
-          handleShowWallet(true);
-          if (((fromChain == null ? void 0 : fromChain.networkType) !== "evm" && isConnected || (fromChain == null ? void 0 : fromChain.networkType) !== "sol" && isFullyConnected && primaryWallet !== null || (fromChain == null ? void 0 : fromChain.networkType) !== "tron" && connected && tronAdrress) && !toDisconnect) {
-            setConnectWalletField("from");
-          } else if (isConnected && (toChain == null ? void 0 : toChain.networkType) !== "evm" || isFullyConnected && (toChain == null ? void 0 : toChain.networkType) !== "sol" || (toChain == null ? void 0 : toChain.networkType) !== "tron" && connected && tronAdrress || toDisconnect) setConnectWalletField("to");
-          else {
-            setConnectWalletField("from");
-          }
-        }
-        if (fromChain.chainId === "eclipse-svm" && !getWalletSupport(primaryWallet)) {
-          handleShowWallet(true);
-          setConnectWalletField("from");
-        } else if (toChain.chainId === "eclipse-svm" && fromChain.chainId !== "eclipse-svm" && !getWalletSupport(primaryWallet) && customWallet.length < 30) {
-          handleShowWallet(true);
-          setConnectWalletField("to");
-        } else handleSubmit();
-      },
-      children: /* @__PURE__ */ jsx("div", { className: "bw-rounded-sm bw-bg-background-container bw-flex bw-items-center bw-justify-center b-w-full bw-h-full", children: /* @__PURE__ */ jsx("p", { className: `bw-relative bw-z-20`, children: isChainsLoaded && isCoinsLoaded ? !isPending ? isBothWalletConnected ? ctaInfoText.text.length ? ctaInfoText.text : "Start Transaction" : `Connect ${connectWalletName} Wallet` : /* @__PURE__ */ jsx("div", { className: "bw-w-[30px] bw-flex bw-text-text-secondary bw-justify-center bw-items-center bw-h-[30px]", children: /* @__PURE__ */ jsx(CircularProgress, { size: 22, thickness: 5, color: "inherit" }) }) : /* @__PURE__ */ jsx("div", { className: "bw-w-[30px] bw-flex bw-text-text-secondary bw-justify-center bw-items-center bw-h-[30px]", children: /* @__PURE__ */ jsx(CircularProgress, { size: 22, thickness: 5, color: "inherit" }) }) }) })
-    }
-  );
-}
-export {
-  TxnButton as default
-};

package/dist/WidgetForm.module-DhUUlwZP.js

@@ -1,13 +0,0 @@
-const gradientbutton = "_gradientbutton_1b5f1_4";
-const overlay = "_overlay_1b5f1_8";
-const overlayshow = "_overlayshow_1b5f1_18";
-const gradienttext = "_gradienttext_1b5f1_31";
-const styles = {
-  gradientbutton,
-  overlay,
-  overlayshow,
-  gradienttext
-};
-export {
-  styles as s
-};