@multiversx/sdk-dapp-liquidity 1.1.0-alpha.2 → 1.1.0-alpha.21

package/modules/fiat/components/FiatForm/FiatForm.d.ts

@@ -1,9 +0,0 @@
-interface FiatFormProps {
-    mvxChainId: string;
-    mvxAddress?: string;
-    nativeAuthToken?: string;
-    showHistory?: boolean;
-    onHistoryClose?: () => void;
-}
-export declare const FiatForm: ({ mvxChainId, mvxAddress, nativeAuthToken, showHistory, onHistoryClose }: FiatFormProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/modules/fiat/components/FiatForm/FiatForm.js

@@ -1,314 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const axios = require("axios");
-const debounce = require("lodash/debounce");
-const require$$0 = require("react");
-;/* empty css                          */
-const reactjs_utils_mxClsx = require("../../../../reactjs/utils/mxClsx.js");
-const reactjs_components_base_MxButton_MxButton = require("../../../../reactjs/components/base/MxButton/MxButton.js");
-const reactjs_components_base_MxCard_MxCard = require("../../../../reactjs/components/base/MxCard/MxCard.js");
-require("../../../../reactjs/components/base/MxLink/MxLink.js");
-require("../../../../reactjs/components/base/MxSearch/MxSearch.js");
-require("@fortawesome/free-solid-svg-icons/faClose");
-require("@fortawesome/react-fontawesome");
-require("@headlessui/react");
-require("react-dom");
-require("react-popper");
-require("../../../../reactjs/components/base/MxTooltip/components/TooltipContainer/TooltipContainer.js");
-require("../../../../reactjs/constants/index.js");
-require("react-number-format");
-require("@fortawesome/free-solid-svg-icons/faSpinner");
-require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount");
-require("react-toastify");
-require("wagmi");
-const helpers_getApiURL = require("../../../../helpers/getApiURL.js");
-require("../../../../reactjs/context/Web3AppProvider.js");
-require("../../../../index-Ben8n3bd.js");
-require("viem");
-require("viem/chains");
-require("formik");
-require("yup");
-require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");
-require("../../../../bignumber-B8vjg9qn.js");
-const types_providerType = require("../../../../types/providerType.js");
-require("@tanstack/react-query");
-const reactjs_components_BridgeHistory_BridgeHistory = require("../../../../reactjs/components/BridgeHistory/BridgeHistory.js");
-require("@fortawesome/free-solid-svg-icons/faPowerOff");
-require("@fortawesome/free-solid-svg-icons/faCheck");
-require("@fortawesome/free-solid-svg-icons/faCopy");
-require("@fortawesome/free-solid-svg-icons/faChevronDown");
-require("@fortawesome/free-solid-svg-icons/faWallet");
-require("react-select");
-require("@fortawesome/free-solid-svg-icons/faDiamond");
-require("lodash/isString");
-require("animated-number-react");
-require("numeral");
-require("@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger");
-require("@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare");
-require("@reown/appkit-adapter-wagmi");
-const modules_fiat_components_FiatForm_components_AmountInput_AmountInput = require("./components/AmountInput/AmountInput.js");
-const modules_fiat_components_FiatForm_components_RateReloading_RateReloading = require("./components/RateReloading/RateReloading.js");
-const modules_fiat_components_FiatForm_components_TokenSelector_TokenSelector = require("./components/TokenSelector/TokenSelector.js");
-const api_confirmFiatRate = require("../../../../api/confirmFiatRate.js");
-const modules_fiat_hooks_useFiatData = require("../../hooks/useFiatData.js");
-const modules_fiat_queries_useGetRate_mutation = require("../../queries/useGetRate.mutation.js");
-const ArrowUpRight = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%206V13C15%2013.5625%2014.5312%2014%2014%2014C13.4375%2014%2013%2013.5625%2013%2013V8.4375L6.6875%2014.7188C6.3125%2015.125%205.65625%2015.125%205.28125%2014.7188C4.875%2014.3438%204.875%2013.6875%205.28125%2013.3125L11.5625%207H7C6.4375%207%206%206.5625%206%206C6%205.46875%206.4375%205%207%205H14C14.5312%205%2015%205.46875%2015%206Z'%20fill='%23CDD0DB'/%3e%3c/svg%3e";
-let fetchRateInterval;
-const FiatForm = ({
-  mvxChainId,
-  mvxAddress,
-  nativeAuthToken,
-  showHistory,
-  onHistoryClose
-}) => {
-  const ref = require$$0.useRef(null);
-  const [isTokenSelectorVisible, setIsTokenSelectorVisible] = require$$0.useState(false);
-  const [firstToken, setFirstToken] = require$$0.useState();
-  const [amount, setAmount] = require$$0.useState("");
-  const [conversionRate, setConversionRate] = require$$0.useState();
-  const {
-    currencies,
-    mvxTokens,
-    isTokensLoading: tokensLoading
-  } = modules_fiat_hooks_useFiatData.useFiatData();
-  const [selectedCurrency, setSelectedCurrency] = require$$0.useState();
-  const {
-    mutate: getRate,
-    data: rate,
-    isPending: isPendingRate,
-    error: rateError
-  } = modules_fiat_queries_useGetRate_mutation.useGetRateMutation();
-  const availableTokens = require$$0.useMemo(() => {
-    if (!(selectedCurrency == null ? void 0 : selectedCurrency.availableTokens)) {
-      return [];
-    }
-    const foundTokens = [];
-    for (const ticker of selectedCurrency.availableTokens) {
-      const foundToken = mvxTokens == null ? void 0 : mvxTokens.find(
-        (mvxToken) => mvxToken.address === ticker
-      );
-      if (foundToken) {
-        foundTokens.push(foundToken);
-      }
-    }
-    return foundTokens;
-  }, [mvxTokens, selectedCurrency]);
-  const fromOptions = require$$0.useMemo(
-    () => (availableTokens && availableTokens.map((token) => {
-      return {
-        ...token,
-        identifier: token.address,
-        ticker: token.symbol
-      };
-    })) ?? [],
-    [availableTokens]
-  );
-  const fetchRateDebounced = require$$0.useCallback(
-    debounce(async (value) => {
-      if (!value || !(firstToken == null ? void 0 : firstToken.address) || !selectedCurrency) {
-        return;
-      }
-      getRate({
-        nativeAuthToken: nativeAuthToken ?? "",
-        body: {
-          tokenIn: selectedCurrency.address,
-          amountIn: value,
-          fromChainId: mvxChainId.toString(),
-          tokenOut: firstToken.address,
-          toChainId: mvxChainId
-        }
-      });
-    }, 500),
-    [firstToken == null ? void 0 : firstToken.address, firstToken == null ? void 0 : firstToken.chainId, selectedCurrency]
-  );
-  const onChangeFirstSelect = require$$0.useCallback((option) => {
-    if (!option) {
-      return;
-    }
-    setFirstToken(() => option);
-  }, []);
-  const handleAmountChange = (value) => {
-    setAmount(value);
-  };
-  const handleOnSubmit = async (e) => {
-    e.preventDefault();
-    const { data } = await api_confirmFiatRate.confirmFiatRate({
-      url: helpers_getApiURL.getApiURL(),
-      nativeAuthToken: nativeAuthToken ?? "",
-      body: {
-        tokenIn: (selectedCurrency == null ? void 0 : selectedCurrency.symbol) ?? "",
-        amountIn: (amount == null ? void 0 : amount.toString()) ?? "",
-        fromChainId: "",
-        tokenOut: (firstToken == null ? void 0 : firstToken.address) ?? "",
-        toChainId: mvxChainId.toString(),
-        amountOut: (rate == null ? void 0 : rate.amountOut) ?? "",
-        sender: mvxAddress ?? "",
-        receiver: mvxAddress ?? "",
-        fee: (rate == null ? void 0 : rate.fee) ?? "0",
-        provider: (rate == null ? void 0 : rate.provider) ?? types_providerType.ProviderType.None,
-        orderId: (rate == null ? void 0 : rate.orderId) ?? ""
-      }
-    });
-    const responseData = data == null ? void 0 : data[0];
-    if (!responseData) {
-      return;
-    }
-    const paymentURL = responseData.additionalInfo.url;
-    if (!paymentURL) {
-      return;
-    }
-    axios.post(paymentURL, {
-      checksum: responseData.additionalInfo.checksum,
-      jsonRequest: responseData.additionalInfo.jsonRequest
-    });
-  };
-  require$$0.useEffect(() => {
-    fetchRateDebounced(amount);
-    if (fetchRateInterval) {
-      clearInterval(fetchRateInterval);
-    }
-    fetchRateInterval = setInterval(() => {
-      fetchRateDebounced(amount);
-    }, 60 * 1e3);
-    return () => clearInterval(fetchRateInterval);
-  }, [amount, fetchRateDebounced]);
-  require$$0.useEffect(() => {
-    if (!(rate == null ? void 0 : rate.amountOut)) {
-      setConversionRate(void 0);
-      return;
-    }
-    setConversionRate(Number(amount || "1") / Number(rate.amountOut || "1"));
-  }, [rate == null ? void 0 : rate.amountOut, amount]);
-  require$$0.useEffect(() => {
-    if (currencies == null ? void 0 : currencies.length) {
-      setSelectedCurrency(() => currencies == null ? void 0 : currencies[0]);
-    }
-  }, [currencies == null ? void 0 : currencies.length]);
-  require$$0.useEffect(() => {
-    setFirstToken(fromOptions == null ? void 0 : fromOptions[0]);
-  }, [fromOptions]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "form",
-    {
-      ref,
-      noValidate: true,
-      className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
-      autoComplete: "off",
-      onSubmit: handleOnSubmit,
-      children: [
-        showHistory && /* @__PURE__ */ jsxRuntime.jsx(
-          reactjs_components_BridgeHistory_BridgeHistory.BridgeHistory,
-          {
-            mvxAddress,
-            onClose: () => onHistoryClose == null ? void 0 : onHistoryClose()
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          reactjs_components_base_MxCard_MxCard.MxCard,
-          {
-            cardSize: "lg",
-            variant: "neutral-750",
-            className: reactjs_utils_mxClsx.mxClsx(
-              "liq-flex liq-flex-col liq-gap-4 liq-outline liq-outline-transparent",
-              "liq-py-12 sm:liq-py-6",
-              {
-                "liq-pointer-events-none": isTokenSelectorVisible
-              }
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-                modules_fiat_components_FiatForm_components_TokenSelector_TokenSelector.TokenSelector,
-                {
-                  name: "firstToken",
-                  disabled: isPendingRate,
-                  options: fromOptions,
-                  areOptionsLoading: tokensLoading,
-                  color: "neutral-850",
-                  onChange: onChangeFirstSelect,
-                  selectedOption: firstToken,
-                  onTokenSelectorDisplay: (visible) => setIsTokenSelectorVisible(visible)
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-flex-col liq-justify-between liq-gap-1 liq-text-center", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  modules_fiat_components_FiatForm_components_AmountInput_AmountInput.AmountInput,
-                  {
-                    inputName: "amount",
-                    inputValue: amount,
-                    disabled: false,
-                    onInputDebounceChange: handleAmountChange
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "p",
-                  {
-                    className: `liq-text-sm mt-2 ${rateError ? "liq-text-danger" : "liq-text-gray-400"}`,
-                    children: [
-                      "⇅",
-                      rateError ? "Error fetching rate" : `${(rate == null ? void 0 : rate.amountOut) ? Number(rate == null ? void 0 : rate.amountOut).toFixed(4) : 0} ${firstToken == null ? void 0 : firstToken.symbol}`
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-justify-center liq-gap-3 liq-mt-6", children: ["50", "100", "500"].map((value) => /* @__PURE__ */ jsxRuntime.jsxs(
-                "button",
-                {
-                  className: "liq-bg-neutral-750/50 hover:liq-bg-neutral-700/50 liq-px-4 liq-py-2 liq-rounded-lg liq-text-neutral-200 hover:liq-text-neutral-50",
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleAmountChange(value);
-                  },
-                  children: [
-                    "€",
-                    value
-                  ]
-                },
-                value
-              )) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          reactjs_components_base_MxButton_MxButton.MxButton,
-          {
-            type: "submit",
-            variant: "neutral-850",
-            className: "liq-w-full disabled:liq-bg-neutral-850/50 liq-py-2 hover:enabled:liq-bg-primary !liq-text-primary-200",
-            disabled: isPendingRate || !mvxAddress || Boolean(rateError),
-            children: [
-              Boolean(amount) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: "Continue" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "img",
-                  {
-                    src: ArrowUpRight,
-                    alt: "",
-                    className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-fill-primary-200"
-                  }
-                )
-              ] }),
-              !Boolean(amount) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "liq-text-neutral-100", children: "Enter amount" })
-            ]
-          }
-        ),
-        amount && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-transition-colors liq-duration-200 liq-bg-neutral-900/50 liq-flex liq-justify-between liq-items-center liq-border liq-border-neutral-750 liq-rounded-xl liq-p-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-items-center", children: "Exchange Rate" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-items-center liq-ml-2", children: [
-            conversionRate && /* @__PURE__ */ jsxRuntime.jsx(modules_fiat_components_FiatForm_components_RateReloading_RateReloading.RateReloading, { progressWidth: 16 }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "liq-flex liq-items-center liq-ml-2", children: [
-              "1 ",
-              firstToken == null ? void 0 : firstToken.symbol,
-              " = ",
-              selectedCurrency == null ? void 0 : selectedCurrency.symbol,
-              " ",
-              conversionRate ? conversionRate.toFixed(4) : "..."
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-exports.FiatForm = FiatForm;

package/modules/fiat/components/FiatForm/FiatForm.mjs

@@ -1,313 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import axios from "axios";
-import debounce from "lodash/debounce";
-import { useRef, useState, useMemo, useCallback, useEffect } from "react";
-/* empty css                          */
-import { mxClsx } from "../../../../reactjs/utils/mxClsx.mjs";
-import { MxButton } from "../../../../reactjs/components/base/MxButton/MxButton.mjs";
-import { MxCard } from "../../../../reactjs/components/base/MxCard/MxCard.mjs";
-import "../../../../reactjs/components/base/MxLink/MxLink.mjs";
-import "../../../../reactjs/components/base/MxSearch/MxSearch.mjs";
-import "@fortawesome/free-solid-svg-icons/faClose";
-import "@fortawesome/react-fontawesome";
-import "@headlessui/react";
-import "react-dom";
-import "react-popper";
-import "../../../../reactjs/components/base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
-import "../../../../reactjs/constants/index.mjs";
-import "react-number-format";
-import "@fortawesome/free-solid-svg-icons/faSpinner";
-import "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
-import "react-toastify";
-import "wagmi";
-import { getApiURL } from "../../../../helpers/getApiURL.mjs";
-import "../../../../reactjs/context/Web3AppProvider.mjs";
-import "../../../../index-iN9APQ6x.mjs";
-import "viem";
-import "viem/chains";
-import "formik";
-import "yup";
-import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
-import "../../../../bignumber-CKZkoo0g.mjs";
-import { ProviderType } from "../../../../types/providerType.mjs";
-import "@tanstack/react-query";
-import { BridgeHistory } from "../../../../reactjs/components/BridgeHistory/BridgeHistory.mjs";
-import "@fortawesome/free-solid-svg-icons/faPowerOff";
-import "@fortawesome/free-solid-svg-icons/faCheck";
-import "@fortawesome/free-solid-svg-icons/faCopy";
-import "@fortawesome/free-solid-svg-icons/faChevronDown";
-import "@fortawesome/free-solid-svg-icons/faWallet";
-import "react-select";
-import "@fortawesome/free-solid-svg-icons/faDiamond";
-import "lodash/isString";
-import "animated-number-react";
-import "numeral";
-import "@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger";
-import "@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare";
-import "@reown/appkit-adapter-wagmi";
-import { AmountInput } from "./components/AmountInput/AmountInput.mjs";
-import { RateReloading } from "./components/RateReloading/RateReloading.mjs";
-import { TokenSelector } from "./components/TokenSelector/TokenSelector.mjs";
-import { confirmFiatRate } from "../../../../api/confirmFiatRate.mjs";
-import { useFiatData } from "../../hooks/useFiatData.mjs";
-import { useGetRateMutation } from "../../queries/useGetRate.mutation.mjs";
-const ArrowUpRight = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15%206V13C15%2013.5625%2014.5312%2014%2014%2014C13.4375%2014%2013%2013.5625%2013%2013V8.4375L6.6875%2014.7188C6.3125%2015.125%205.65625%2015.125%205.28125%2014.7188C4.875%2014.3438%204.875%2013.6875%205.28125%2013.3125L11.5625%207H7C6.4375%207%206%206.5625%206%206C6%205.46875%206.4375%205%207%205H14C14.5312%205%2015%205.46875%2015%206Z'%20fill='%23CDD0DB'/%3e%3c/svg%3e";
-let fetchRateInterval;
-const FiatForm = ({
-  mvxChainId,
-  mvxAddress,
-  nativeAuthToken,
-  showHistory,
-  onHistoryClose
-}) => {
-  const ref = useRef(null);
-  const [isTokenSelectorVisible, setIsTokenSelectorVisible] = useState(false);
-  const [firstToken, setFirstToken] = useState();
-  const [amount, setAmount] = useState("");
-  const [conversionRate, setConversionRate] = useState();
-  const {
-    currencies,
-    mvxTokens,
-    isTokensLoading: tokensLoading
-  } = useFiatData();
-  const [selectedCurrency, setSelectedCurrency] = useState();
-  const {
-    mutate: getRate,
-    data: rate,
-    isPending: isPendingRate,
-    error: rateError
-  } = useGetRateMutation();
-  const availableTokens = useMemo(() => {
-    if (!(selectedCurrency == null ? void 0 : selectedCurrency.availableTokens)) {
-      return [];
-    }
-    const foundTokens = [];
-    for (const ticker of selectedCurrency.availableTokens) {
-      const foundToken = mvxTokens == null ? void 0 : mvxTokens.find(
-        (mvxToken) => mvxToken.address === ticker
-      );
-      if (foundToken) {
-        foundTokens.push(foundToken);
-      }
-    }
-    return foundTokens;
-  }, [mvxTokens, selectedCurrency]);
-  const fromOptions = useMemo(
-    () => (availableTokens && availableTokens.map((token) => {
-      return {
-        ...token,
-        identifier: token.address,
-        ticker: token.symbol
-      };
-    })) ?? [],
-    [availableTokens]
-  );
-  const fetchRateDebounced = useCallback(
-    debounce(async (value) => {
-      if (!value || !(firstToken == null ? void 0 : firstToken.address) || !selectedCurrency) {
-        return;
-      }
-      getRate({
-        nativeAuthToken: nativeAuthToken ?? "",
-        body: {
-          tokenIn: selectedCurrency.address,
-          amountIn: value,
-          fromChainId: mvxChainId.toString(),
-          tokenOut: firstToken.address,
-          toChainId: mvxChainId
-        }
-      });
-    }, 500),
-    [firstToken == null ? void 0 : firstToken.address, firstToken == null ? void 0 : firstToken.chainId, selectedCurrency]
-  );
-  const onChangeFirstSelect = useCallback((option) => {
-    if (!option) {
-      return;
-    }
-    setFirstToken(() => option);
-  }, []);
-  const handleAmountChange = (value) => {
-    setAmount(value);
-  };
-  const handleOnSubmit = async (e) => {
-    e.preventDefault();
-    const { data } = await confirmFiatRate({
-      url: getApiURL(),
-      nativeAuthToken: nativeAuthToken ?? "",
-      body: {
-        tokenIn: (selectedCurrency == null ? void 0 : selectedCurrency.symbol) ?? "",
-        amountIn: (amount == null ? void 0 : amount.toString()) ?? "",
-        fromChainId: "",
-        tokenOut: (firstToken == null ? void 0 : firstToken.address) ?? "",
-        toChainId: mvxChainId.toString(),
-        amountOut: (rate == null ? void 0 : rate.amountOut) ?? "",
-        sender: mvxAddress ?? "",
-        receiver: mvxAddress ?? "",
-        fee: (rate == null ? void 0 : rate.fee) ?? "0",
-        provider: (rate == null ? void 0 : rate.provider) ?? ProviderType.None,
-        orderId: (rate == null ? void 0 : rate.orderId) ?? ""
-      }
-    });
-    const responseData = data == null ? void 0 : data[0];
-    if (!responseData) {
-      return;
-    }
-    const paymentURL = responseData.additionalInfo.url;
-    if (!paymentURL) {
-      return;
-    }
-    axios.post(paymentURL, {
-      checksum: responseData.additionalInfo.checksum,
-      jsonRequest: responseData.additionalInfo.jsonRequest
-    });
-  };
-  useEffect(() => {
-    fetchRateDebounced(amount);
-    if (fetchRateInterval) {
-      clearInterval(fetchRateInterval);
-    }
-    fetchRateInterval = setInterval(() => {
-      fetchRateDebounced(amount);
-    }, 60 * 1e3);
-    return () => clearInterval(fetchRateInterval);
-  }, [amount, fetchRateDebounced]);
-  useEffect(() => {
-    if (!(rate == null ? void 0 : rate.amountOut)) {
-      setConversionRate(void 0);
-      return;
-    }
-    setConversionRate(Number(amount || "1") / Number(rate.amountOut || "1"));
-  }, [rate == null ? void 0 : rate.amountOut, amount]);
-  useEffect(() => {
-    if (currencies == null ? void 0 : currencies.length) {
-      setSelectedCurrency(() => currencies == null ? void 0 : currencies[0]);
-    }
-  }, [currencies == null ? void 0 : currencies.length]);
-  useEffect(() => {
-    setFirstToken(fromOptions == null ? void 0 : fromOptions[0]);
-  }, [fromOptions]);
-  return /* @__PURE__ */ jsxs(
-    "form",
-    {
-      ref,
-      noValidate: true,
-      className: "liq-flex liq-flex-col liq-gap-1 liq-relative",
-      autoComplete: "off",
-      onSubmit: handleOnSubmit,
-      children: [
-        showHistory && /* @__PURE__ */ jsx(
-          BridgeHistory,
-          {
-            mvxAddress,
-            onClose: () => onHistoryClose == null ? void 0 : onHistoryClose()
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          MxCard,
-          {
-            cardSize: "lg",
-            variant: "neutral-750",
-            className: mxClsx(
-              "liq-flex liq-flex-col liq-gap-4 liq-outline liq-outline-transparent",
-              "liq-py-12 sm:liq-py-6",
-              {
-                "liq-pointer-events-none": isTokenSelectorVisible
-              }
-            ),
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center liq-justify-center liq-gap-1", children: /* @__PURE__ */ jsx(
-                TokenSelector,
-                {
-                  name: "firstToken",
-                  disabled: isPendingRate,
-                  options: fromOptions,
-                  areOptionsLoading: tokensLoading,
-                  color: "neutral-850",
-                  onChange: onChangeFirstSelect,
-                  selectedOption: firstToken,
-                  onTokenSelectorDisplay: (visible) => setIsTokenSelectorVisible(visible)
-                }
-              ) }),
-              /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-flex-col liq-justify-between liq-gap-1 liq-text-center", children: [
-                /* @__PURE__ */ jsx(
-                  AmountInput,
-                  {
-                    inputName: "amount",
-                    inputValue: amount,
-                    disabled: false,
-                    onInputDebounceChange: handleAmountChange
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "p",
-                  {
-                    className: `liq-text-sm mt-2 ${rateError ? "liq-text-danger" : "liq-text-gray-400"}`,
-                    children: [
-                      "⇅",
-                      rateError ? "Error fetching rate" : `${(rate == null ? void 0 : rate.amountOut) ? Number(rate == null ? void 0 : rate.amountOut).toFixed(4) : 0} ${firstToken == null ? void 0 : firstToken.symbol}`
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "liq-flex liq-justify-center liq-gap-3 liq-mt-6", children: ["50", "100", "500"].map((value) => /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  className: "liq-bg-neutral-750/50 hover:liq-bg-neutral-700/50 liq-px-4 liq-py-2 liq-rounded-lg liq-text-neutral-200 hover:liq-text-neutral-50",
-                  onClick: (e) => {
-                    e.preventDefault();
-                    handleAmountChange(value);
-                  },
-                  children: [
-                    "€",
-                    value
-                  ]
-                },
-                value
-              )) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          MxButton,
-          {
-            type: "submit",
-            variant: "neutral-850",
-            className: "liq-w-full disabled:liq-bg-neutral-850/50 liq-py-2 hover:enabled:liq-bg-primary !liq-text-primary-200",
-            disabled: isPendingRate || !mvxAddress || Boolean(rateError),
-            children: [
-              Boolean(amount) && /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-justify-center liq-items-center liq-gap-2", children: [
-                /* @__PURE__ */ jsx("div", { className: "flex-1", children: "Continue" }),
-                /* @__PURE__ */ jsx(
-                  "img",
-                  {
-                    src: ArrowUpRight,
-                    alt: "",
-                    className: "liq-flex liq-items-center liq-justify-center liq-rounded-full liq-fill-primary-200"
-                  }
-                )
-              ] }),
-              !Boolean(amount) && /* @__PURE__ */ jsx("span", { className: "liq-text-neutral-100", children: "Enter amount" })
-            ]
-          }
-        ),
-        amount && /* @__PURE__ */ jsxs("div", { className: "liq-transition-colors liq-duration-200 liq-bg-neutral-900/50 liq-flex liq-justify-between liq-items-center liq-border liq-border-neutral-750 liq-rounded-xl liq-p-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "liq-flex liq-items-center", children: "Exchange Rate" }),
-          /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-items-center liq-ml-2", children: [
-            conversionRate && /* @__PURE__ */ jsx(RateReloading, { progressWidth: 16 }),
-            /* @__PURE__ */ jsxs("span", { className: "liq-flex liq-items-center liq-ml-2", children: [
-              "1 ",
-              firstToken == null ? void 0 : firstToken.symbol,
-              " = ",
-              selectedCurrency == null ? void 0 : selectedCurrency.symbol,
-              " ",
-              conversionRate ? conversionRate.toFixed(4) : "..."
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  FiatForm
-};

package/modules/fiat/components/FiatForm/components/AmountInput/AmountInput.d.ts

@@ -1,13 +0,0 @@
-import { ChangeEvent, FocusEvent } from 'react';
-
-export declare const AmountInput: ({ inputName, inputValue, disabled, amountError, omitDisableClass, className, onBlur, onInputDebounceChange, onInputChange }: {
-    inputName: string;
-    inputValue: string;
-    disabled?: boolean;
-    amountError?: string;
-    omitDisableClass?: boolean;
-    className?: string;
-    onBlur?: (e: FocusEvent<HTMLElement>) => void;
-    onInputDebounceChange?: (amount: string) => void;
-    onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-}) => import("react/jsx-runtime").JSX.Element;