@multiversx/sdk-dapp-liquidity 1.1.0-alpha.2 → 1.1.0-alpha.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -1
- package/api/getTransactions.d.ts +8 -2
- package/api/getTransactions.js +23 -3
- package/api/getTransactions.mjs +23 -3
- package/api/tests/getChains.spec.js +2 -1
- package/api/tests/getChains.spec.mjs +2 -1
- package/api/tests/getTokens.spec.js +2 -2
- package/api/tests/getTokens.spec.mjs +2 -2
- package/api/tests/getTransactions.spec.js +79 -69
- package/api/tests/getTransactions.spec.mjs +79 -69
- package/constants/index.d.ts +1 -1
- package/constants/index.js +1 -1
- package/constants/index.mjs +1 -1
- package/dto/Chain.dto.d.ts +3 -1
- package/dto/ConfirmRate.dto.d.ts +1 -0
- package/dto/Token.dto.d.ts +7 -2
- package/index.js +44 -16
- package/index.mjs +14 -16
- package/package.json +10 -6
- package/reactjs/components/BridgeForm/BridgeForm.d.ts +3 -1
- package/reactjs/components/BridgeForm/BridgeForm.js +182 -87
- package/reactjs/components/BridgeForm/BridgeForm.mjs +153 -58
- package/reactjs/components/BridgeHistory/BridgeHistory.js +73 -26
- package/reactjs/components/BridgeHistory/BridgeHistory.mjs +68 -21
- package/reactjs/components/Connect/BridgeAccountDisplay.js +2 -5
- package/reactjs/components/Connect/BridgeAccountDisplay.mjs +2 -5
- package/reactjs/components/Connect/CustomConnectButton.js +2 -5
- package/reactjs/components/Connect/CustomConnectButton.mjs +1 -4
- package/reactjs/components/Connect/MvxConnectButton.d.ts +2 -4
- package/reactjs/components/Connect/MvxConnectButton.js +2 -2
- package/reactjs/components/Connect/MvxConnectButton.mjs +2 -2
- package/reactjs/components/Connect/SwitchChainButton.js +2 -6
- package/reactjs/components/Connect/SwitchChainButton.mjs +1 -5
- package/reactjs/components/CopyButton/CopyButton.js +2 -2
- package/reactjs/components/CopyButton/CopyButton.mjs +2 -2
- package/reactjs/components/DisplayAmount/components/AnimateNumber/AnimateNumber.js +5 -5
- package/reactjs/components/Error/Error.d.ts +6 -0
- package/reactjs/components/Error/Error.js +67 -0
- package/reactjs/components/Error/Error.mjs +66 -0
- package/reactjs/components/Error/index.d.ts +1 -0
- package/reactjs/components/Error/index.js +5 -0
- package/reactjs/components/Error/index.mjs +4 -0
- package/reactjs/components/TokenSelector/TokenSelector.d.ts +2 -1
- package/reactjs/components/TokenSelector/TokenSelector.js +17 -9
- package/reactjs/components/TokenSelector/TokenSelector.mjs +13 -5
- package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.d.ts +2 -1
- package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.js +7 -3
- package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.mjs +4 -0
- package/reactjs/components/TokenSelector/components/SelectContent.d.ts +2 -1
- package/reactjs/components/TokenSelector/components/SelectContent.js +12 -9
- package/reactjs/components/TokenSelector/components/SelectContent.mjs +4 -1
- package/reactjs/components/TokenSelector/components/TokenIcon.js +3 -3
- package/reactjs/components/TokenSelector/components/TokenItem.js +9 -9
- package/reactjs/components/TokenSelector/components/TokenItem.mjs +6 -6
- package/reactjs/components/base/MxCard/MxCard.js +2 -2
- package/reactjs/components/base/MxCircleLoader/MxCircleLoader.d.ts +4 -0
- package/reactjs/components/base/MxCircleLoader/MxCircleLoader.js +29 -0
- package/reactjs/components/base/MxCircleLoader/MxCircleLoader.mjs +28 -0
- package/reactjs/components/base/MxCircleLoader/index.d.ts +1 -0
- package/reactjs/components/base/MxCircleLoader/index.js +5 -0
- package/reactjs/components/base/MxCircleLoader/index.mjs +4 -0
- package/reactjs/components/base/MxLink/MxLink.js +2 -2
- package/reactjs/components/base/MxSearch/MxSearch.js +4 -4
- package/reactjs/components/base/MxSlideover/MxSlideover.js +4 -4
- package/reactjs/components/base/MxTooltip/MxTooltip.js +9 -9
- package/reactjs/components/base/MxTooltip/components/TooltipContainer/TooltipContainer.js +2 -2
- package/reactjs/components/index.d.ts +1 -0
- package/reactjs/components/index.js +2 -0
- package/reactjs/components/index.mjs +2 -0
- package/reactjs/context/Web3AppProvider.d.ts +3 -1
- package/reactjs/context/Web3AppProvider.js +7 -5
- package/reactjs/context/Web3AppProvider.mjs +4 -2
- package/reactjs/context/useWeb3App.js +2 -2
- package/reactjs/hooks/index.js +1 -1
- package/reactjs/hooks/index.mjs +1 -1
- package/reactjs/hooks/useAccount.js +1 -5
- package/reactjs/hooks/useAccount.mjs +1 -5
- package/reactjs/hooks/useBalances.d.ts +4 -4
- package/reactjs/hooks/useBalances.js +16 -1
- package/reactjs/hooks/useBalances.mjs +16 -1
- package/reactjs/hooks/useBridgeFormik.js +9 -16
- package/reactjs/hooks/useBridgeFormik.mjs +0 -7
- package/reactjs/hooks/useDebounce.js +3 -3
- package/reactjs/hooks/useFetchBridgeData.d.ts +14 -4
- package/reactjs/hooks/useFetchTokens.d.ts +14 -4
- package/reactjs/hooks/useFetchTokens.js +9 -9
- package/reactjs/hooks/useFetchTokens.mjs +2 -2
- package/reactjs/hooks/useFiatData.d.ts +7 -2
- package/reactjs/hooks/useFiatData.js +6 -6
- package/reactjs/hooks/useFiatData.mjs +1 -1
- package/reactjs/hooks/useGetChainId.js +3 -3
- package/reactjs/hooks/useGetChainId.mjs +1 -1
- package/reactjs/hooks/useResolveTokenChain.js +2 -2
- package/reactjs/hooks/useSendTransactions.js +2 -2
- package/reactjs/hooks/useSignTransaction.d.ts +93 -67
- package/reactjs/hooks/useSignTransaction.js +53 -4
- package/reactjs/hooks/useSignTransaction.mjs +53 -4
- package/reactjs/hooks/validation/useTestHasEnoughFunds.js +3 -3
- package/reactjs/hooks/validation/useTestIsConnected.js +2 -2
- package/reactjs/index.js +44 -16
- package/reactjs/index.mjs +14 -16
- package/reactjs/init/init.d.ts +220 -1
- package/reactjs/init/init.js +34 -10
- package/reactjs/init/init.mjs +31 -7
- package/reactjs/init/tests/init.spec.js +5 -6
- package/reactjs/init/tests/init.spec.mjs +5 -6
- package/reactjs/queries/index.d.ts +0 -1
- package/reactjs/queries/index.js +0 -2
- package/reactjs/queries/index.mjs +1 -3
- package/reactjs/queries/useGetEvmTokensBalances.query.d.ts +8 -3
- package/reactjs/queries/useGetEvmTokensBalances.query.js +15 -18
- package/reactjs/queries/useGetEvmTokensBalances.query.mjs +15 -18
- package/reactjs/queries/useGetHistory.query.d.ts +9 -1
- package/reactjs/queries/useGetHistory.query.js +23 -5
- package/reactjs/queries/useGetHistory.query.mjs +23 -5
- package/reactjs/queries/useGetMvxTokensBalances.query.d.ts +7 -2
- package/reactjs/queries/useGetMvxTokensBalances.query.js +2 -2
- package/reactjs/reexports.d.ts +2 -1
- package/reactjs/reexports.js +41 -13
- package/reactjs/reexports.mjs +11 -13
- package/reactjs/utils/getInitialTokens.d.ts +4 -1
- package/reactjs/utils/getInitialTokens.js +3 -3
- package/reactjs/utils/getInitialTokens.mjs +3 -3
- package/style.css +33 -1730
- package/types/chainType.d.ts +6 -0
- package/types/chainType.js +11 -0
- package/types/chainType.mjs +10 -0
- package/types/transaction.d.ts +28 -0
- package/types/utxo.d.ts +11 -0
- package/types/utxo.js +2 -0
- package/types/utxo.mjs +1 -0
- package/{useBalances-C_69CFoa.mjs → useBalances-Bom1mw1J.mjs} +101 -23
- package/{useBalances-C4YhEYxy.js → useBalances-gZTsFZHe.js} +102 -24
- package/index-BIVnypNe.mjs +0 -108
- package/index-Ben8n3bd.js +0 -58656
- package/index-CnKr4rL1.mjs +0 -91
- package/index-CnuruJNu.js +0 -329
- package/index-DsBh-EBw.js +0 -108
- package/index-iN9APQ6x.mjs +0 -58735
- package/modules/fiat/components/FiatForm/FiatForm.d.ts +0 -9
- package/modules/fiat/components/FiatForm/FiatForm.js +0 -314
- package/modules/fiat/components/FiatForm/FiatForm.mjs +0 -313
- package/modules/fiat/components/FiatForm/components/AmountInput/AmountInput.d.ts +0 -13
- package/modules/fiat/components/FiatForm/components/AmountInput/AmountInput.js +0 -117
- package/modules/fiat/components/FiatForm/components/AmountInput/AmountInput.mjs +0 -116
- package/modules/fiat/components/FiatForm/components/AmountInput/index.d.ts +0 -1
- package/modules/fiat/components/FiatForm/components/AmountInput/index.js +0 -5
- package/modules/fiat/components/FiatForm/components/AmountInput/index.mjs +0 -4
- package/modules/fiat/components/FiatForm/components/RateReloading/RateReloading.d.ts +0 -7
- package/modules/fiat/components/FiatForm/components/RateReloading/RateReloading.js +0 -74
- package/modules/fiat/components/FiatForm/components/RateReloading/RateReloading.mjs +0 -73
- package/modules/fiat/components/FiatForm/components/TokenSelector/TokenSelector.d.ts +0 -14
- package/modules/fiat/components/FiatForm/components/TokenSelector/TokenSelector.js +0 -94
- package/modules/fiat/components/FiatForm/components/TokenSelector/TokenSelector.mjs +0 -93
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContainer.d.ts +0 -7
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContainer.js +0 -82
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContainer.mjs +0 -81
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContent.d.ts +0 -7
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContent.js +0 -91
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContent.mjs +0 -90
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectedOption.d.ts +0 -5
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectedOption.js +0 -30
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectedOption.mjs +0 -29
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenIcon.d.ts +0 -8
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenIcon.js +0 -103
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenIcon.mjs +0 -102
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenItem.d.ts +0 -7
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenItem.js +0 -33
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenItem.mjs +0 -32
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenList.d.ts +0 -7
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenList.js +0 -21
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenList.mjs +0 -20
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenSymbol.d.ts +0 -9
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenSymbol.js +0 -26
- package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenSymbol.mjs +0 -25
- package/modules/fiat/components/FiatForm/components/TokenSelector/index.d.ts +0 -1
- package/modules/fiat/components/FiatForm/components/TokenSelector/index.js +0 -5
- package/modules/fiat/components/FiatForm/components/TokenSelector/index.mjs +0 -4
- package/modules/fiat/components/FiatForm/index.d.ts +0 -1
- package/modules/fiat/components/FiatForm/index.js +0 -5
- package/modules/fiat/components/FiatForm/index.mjs +0 -4
- package/modules/fiat/components/index.d.ts +0 -1
- package/modules/fiat/components/index.js +0 -5
- package/modules/fiat/components/index.mjs +0 -4
- package/modules/fiat/context/FiatProvider.d.ts +0 -8
- package/modules/fiat/context/FiatProvider.js +0 -24
- package/modules/fiat/context/FiatProvider.mjs +0 -23
- package/modules/fiat/context/queryClient.d.ts +0 -3
- package/modules/fiat/context/queryClient.js +0 -12
- package/modules/fiat/context/queryClient.mjs +0 -11
- package/modules/fiat/context/useFiat.d.ts +0 -1
- package/modules/fiat/context/useFiat.js +0 -13
- package/modules/fiat/context/useFiat.mjs +0 -12
- package/modules/fiat/hooks/index.d.ts +0 -2
- package/modules/fiat/hooks/index.js +0 -7
- package/modules/fiat/hooks/index.mjs +0 -6
- package/modules/fiat/hooks/useFiatData.d.ts +0 -7
- package/modules/fiat/hooks/useFiatData.js +0 -75
- package/modules/fiat/hooks/useFiatData.mjs +0 -74
- package/modules/fiat/hooks/validation/index.d.ts +0 -1
- package/modules/fiat/hooks/validation/index.js +0 -5
- package/modules/fiat/hooks/validation/index.mjs +0 -4
- package/modules/fiat/hooks/validation/useAmountSchema.d.ts +0 -2
- package/modules/fiat/hooks/validation/useAmountSchema.js +0 -27
- package/modules/fiat/hooks/validation/useAmountSchema.mjs +0 -9
- package/modules/fiat/index.d.ts +0 -8
- package/modules/fiat/index.js +0 -22
- package/modules/fiat/index.mjs +0 -21
- package/modules/fiat/init/index.d.ts +0 -2
- package/modules/fiat/init/index.js +0 -5
- package/modules/fiat/init/index.mjs +0 -4
- package/modules/fiat/init/init.d.ts +0 -22
- package/modules/fiat/init/init.js +0 -15
- package/modules/fiat/init/init.mjs +0 -14
- package/modules/fiat/queries/index.d.ts +0 -2
- package/modules/fiat/queries/index.js +0 -7
- package/modules/fiat/queries/index.mjs +0 -6
- package/modules/fiat/queries/useGetRate.mutation.d.ts +0 -6
- package/modules/fiat/queries/useGetRate.mutation.js +0 -20
- package/modules/fiat/queries/useGetRate.mutation.mjs +0 -19
- package/modules/fiat/queries/useGetTokens.query.d.ts +0 -5
- package/modules/fiat/queries/useGetTokens.query.js +0 -33
- package/modules/fiat/queries/useGetTokens.query.mjs +0 -32
- package/react-47kZTyAT.mjs +0 -51
- package/react-B_iI3-1z.mjs +0 -3133
- package/react-BomcNL1v.js +0 -254
- package/react-CqKlu0W0.js +0 -51
- package/react-R_xxu7fN.js +0 -3133
- package/react-cXurUY4Z.mjs +0 -254
- package/reactjs/queries/useGetTokens.query.d.ts +0 -3
- package/reactjs/queries/useGetTokens.query.js +0 -34
- package/reactjs/queries/useGetTokens.query.mjs +0 -33
- package/w3m-modal-Bhg44d6I.js +0 -356
- package/w3m-modal-Br2Ec3MM.mjs +0 -356
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
#!/usr/bin/env node
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
5
|
-
const reactNumberFormat = require("react-number-format");
|
|
6
|
-
;/* empty css */
|
|
7
|
-
const reactjs_utils_mxClsx = require("../../../../../../reactjs/utils/mxClsx.js");
|
|
8
|
-
require("../../../../../../reactjs/components/base/MxCard/MxCard.js");
|
|
9
|
-
require("../../../../../../reactjs/components/base/MxLink/MxLink.js");
|
|
10
|
-
require("../../../../../../reactjs/components/base/MxSearch/MxSearch.js");
|
|
11
|
-
require("@fortawesome/free-solid-svg-icons/faClose");
|
|
12
|
-
require("@fortawesome/react-fontawesome");
|
|
13
|
-
require("@headlessui/react");
|
|
14
|
-
require("react");
|
|
15
|
-
require("react-dom");
|
|
16
|
-
require("react-popper");
|
|
17
|
-
require("../../../../../../reactjs/components/base/MxTooltip/components/TooltipContainer/TooltipContainer.js");
|
|
18
|
-
require("../../../../../../reactjs/constants/index.js");
|
|
19
|
-
require("@fortawesome/free-solid-svg-icons/faSpinner");
|
|
20
|
-
require("@multiversx/sdk-dapp-utils/out/helpers/formatAmount");
|
|
21
|
-
require("lodash/debounce");
|
|
22
|
-
require("react-toastify");
|
|
23
|
-
require("wagmi");
|
|
24
|
-
require("../../../../../../reactjs/context/Web3AppProvider.js");
|
|
25
|
-
require("../../../../../../index-Ben8n3bd.js");
|
|
26
|
-
require("viem");
|
|
27
|
-
require("viem/chains");
|
|
28
|
-
require("formik");
|
|
29
|
-
require("yup");
|
|
30
|
-
require("@multiversx/sdk-dapp-utils/out/helpers/parseAmount");
|
|
31
|
-
require("../../../../../../bignumber-B8vjg9qn.js");
|
|
32
|
-
require("axios");
|
|
33
|
-
require("@tanstack/react-query");
|
|
34
|
-
require("@fortawesome/free-solid-svg-icons/faCircleCheck");
|
|
35
|
-
require("@fortawesome/free-solid-svg-icons/faCircleXmark");
|
|
36
|
-
require("@fortawesome/free-solid-svg-icons/faClock");
|
|
37
|
-
require("@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger");
|
|
38
|
-
require("@fortawesome/free-solid-svg-icons/faPowerOff");
|
|
39
|
-
require("@fortawesome/free-solid-svg-icons/faCheck");
|
|
40
|
-
require("@fortawesome/free-solid-svg-icons/faCopy");
|
|
41
|
-
require("@fortawesome/free-solid-svg-icons/faChevronDown");
|
|
42
|
-
require("@fortawesome/free-solid-svg-icons/faWallet");
|
|
43
|
-
require("react-select");
|
|
44
|
-
require("@fortawesome/free-solid-svg-icons/faDiamond");
|
|
45
|
-
require("lodash/isString");
|
|
46
|
-
require("animated-number-react");
|
|
47
|
-
require("numeral");
|
|
48
|
-
require("@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare");
|
|
49
|
-
require("@reown/appkit-adapter-wagmi");
|
|
50
|
-
const AmountInput = ({
|
|
51
|
-
inputName,
|
|
52
|
-
inputValue,
|
|
53
|
-
disabled,
|
|
54
|
-
amountError,
|
|
55
|
-
omitDisableClass = false,
|
|
56
|
-
className,
|
|
57
|
-
onBlur,
|
|
58
|
-
onInputDebounceChange,
|
|
59
|
-
onInputChange
|
|
60
|
-
}) => {
|
|
61
|
-
const handleAmountChange = (event) => {
|
|
62
|
-
event.stopPropagation();
|
|
63
|
-
const { value } = event.target;
|
|
64
|
-
const amount = value.replace(/,/g, "");
|
|
65
|
-
onInputChange == null ? void 0 : onInputChange({
|
|
66
|
-
...event,
|
|
67
|
-
target: { name: inputName, value: amount }
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
const checkKeyDown = (e) => {
|
|
71
|
-
if (e.key === "Enter") {
|
|
72
|
-
e.preventDefault();
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liq-flex liq-w-full liq-flex-col liq-justify-between", children: [
|
|
76
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
77
|
-
"div",
|
|
78
|
-
{
|
|
79
|
-
className: reactjs_utils_mxClsx.mxClsx(
|
|
80
|
-
"liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative",
|
|
81
|
-
{
|
|
82
|
-
"liq-disabled liq-animate-loader": disabled
|
|
83
|
-
}
|
|
84
|
-
),
|
|
85
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
86
|
-
reactNumberFormat.NumericFormat,
|
|
87
|
-
{
|
|
88
|
-
name: inputName,
|
|
89
|
-
value: inputValue,
|
|
90
|
-
placeholder: "€0",
|
|
91
|
-
allowLeadingZeros: true,
|
|
92
|
-
thousandSeparator: ",",
|
|
93
|
-
prefix: Boolean(inputValue) || inputValue === "0" ? "€" : void 0,
|
|
94
|
-
defaultValue: "0",
|
|
95
|
-
allowNegative: false,
|
|
96
|
-
disabled,
|
|
97
|
-
className: reactjs_utils_mxClsx.mxClsx(
|
|
98
|
-
"liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent liq-text-center",
|
|
99
|
-
{
|
|
100
|
-
"liq-disabled liq-animate-pulse": disabled && !omitDisableClass
|
|
101
|
-
},
|
|
102
|
-
className
|
|
103
|
-
),
|
|
104
|
-
onChange: handleAmountChange,
|
|
105
|
-
onValueChange: async ({ value }) => {
|
|
106
|
-
onInputDebounceChange == null ? void 0 : onInputDebounceChange(value);
|
|
107
|
-
},
|
|
108
|
-
onBlur,
|
|
109
|
-
onKeyDown: (e) => checkKeyDown(e)
|
|
110
|
-
}
|
|
111
|
-
)
|
|
112
|
-
}
|
|
113
|
-
),
|
|
114
|
-
amountError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-min-h-[2rem] liq-items-end", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-text-danger liq-text-xs", children: amountError }) })
|
|
115
|
-
] });
|
|
116
|
-
};
|
|
117
|
-
exports.AmountInput = AmountInput;
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { NumericFormat } from "react-number-format";
|
|
3
|
-
/* empty css */
|
|
4
|
-
import { mxClsx } from "../../../../../../reactjs/utils/mxClsx.mjs";
|
|
5
|
-
import "../../../../../../reactjs/components/base/MxCard/MxCard.mjs";
|
|
6
|
-
import "../../../../../../reactjs/components/base/MxLink/MxLink.mjs";
|
|
7
|
-
import "../../../../../../reactjs/components/base/MxSearch/MxSearch.mjs";
|
|
8
|
-
import "@fortawesome/free-solid-svg-icons/faClose";
|
|
9
|
-
import "@fortawesome/react-fontawesome";
|
|
10
|
-
import "@headlessui/react";
|
|
11
|
-
import "react";
|
|
12
|
-
import "react-dom";
|
|
13
|
-
import "react-popper";
|
|
14
|
-
import "../../../../../../reactjs/components/base/MxTooltip/components/TooltipContainer/TooltipContainer.mjs";
|
|
15
|
-
import "../../../../../../reactjs/constants/index.mjs";
|
|
16
|
-
import "@fortawesome/free-solid-svg-icons/faSpinner";
|
|
17
|
-
import "@multiversx/sdk-dapp-utils/out/helpers/formatAmount";
|
|
18
|
-
import "lodash/debounce";
|
|
19
|
-
import "react-toastify";
|
|
20
|
-
import "wagmi";
|
|
21
|
-
import "../../../../../../reactjs/context/Web3AppProvider.mjs";
|
|
22
|
-
import "../../../../../../index-iN9APQ6x.mjs";
|
|
23
|
-
import "viem";
|
|
24
|
-
import "viem/chains";
|
|
25
|
-
import "formik";
|
|
26
|
-
import "yup";
|
|
27
|
-
import "@multiversx/sdk-dapp-utils/out/helpers/parseAmount";
|
|
28
|
-
import "../../../../../../bignumber-CKZkoo0g.mjs";
|
|
29
|
-
import "axios";
|
|
30
|
-
import "@tanstack/react-query";
|
|
31
|
-
import "@fortawesome/free-solid-svg-icons/faCircleCheck";
|
|
32
|
-
import "@fortawesome/free-solid-svg-icons/faCircleXmark";
|
|
33
|
-
import "@fortawesome/free-solid-svg-icons/faClock";
|
|
34
|
-
import "@multiversx/sdk-dapp-utils/out/helpers/stringIsInteger";
|
|
35
|
-
import "@fortawesome/free-solid-svg-icons/faPowerOff";
|
|
36
|
-
import "@fortawesome/free-solid-svg-icons/faCheck";
|
|
37
|
-
import "@fortawesome/free-solid-svg-icons/faCopy";
|
|
38
|
-
import "@fortawesome/free-solid-svg-icons/faChevronDown";
|
|
39
|
-
import "@fortawesome/free-solid-svg-icons/faWallet";
|
|
40
|
-
import "react-select";
|
|
41
|
-
import "@fortawesome/free-solid-svg-icons/faDiamond";
|
|
42
|
-
import "lodash/isString";
|
|
43
|
-
import "animated-number-react";
|
|
44
|
-
import "numeral";
|
|
45
|
-
import "@fortawesome/free-solid-svg-icons/faArrowUpRightFromSquare";
|
|
46
|
-
import "@reown/appkit-adapter-wagmi";
|
|
47
|
-
const AmountInput = ({
|
|
48
|
-
inputName,
|
|
49
|
-
inputValue,
|
|
50
|
-
disabled,
|
|
51
|
-
amountError,
|
|
52
|
-
omitDisableClass = false,
|
|
53
|
-
className,
|
|
54
|
-
onBlur,
|
|
55
|
-
onInputDebounceChange,
|
|
56
|
-
onInputChange
|
|
57
|
-
}) => {
|
|
58
|
-
const handleAmountChange = (event) => {
|
|
59
|
-
event.stopPropagation();
|
|
60
|
-
const { value } = event.target;
|
|
61
|
-
const amount = value.replace(/,/g, "");
|
|
62
|
-
onInputChange == null ? void 0 : onInputChange({
|
|
63
|
-
...event,
|
|
64
|
-
target: { name: inputName, value: amount }
|
|
65
|
-
});
|
|
66
|
-
};
|
|
67
|
-
const checkKeyDown = (e) => {
|
|
68
|
-
if (e.key === "Enter") {
|
|
69
|
-
e.preventDefault();
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
return /* @__PURE__ */ jsxs("div", { className: "liq-flex liq-w-full liq-flex-col liq-justify-between", children: [
|
|
73
|
-
/* @__PURE__ */ jsx(
|
|
74
|
-
"div",
|
|
75
|
-
{
|
|
76
|
-
className: mxClsx(
|
|
77
|
-
"liq-flex liq-text-base liq-max-w-none liq-w-full liq-bg-transparent liq-relative",
|
|
78
|
-
{
|
|
79
|
-
"liq-disabled liq-animate-loader": disabled
|
|
80
|
-
}
|
|
81
|
-
),
|
|
82
|
-
children: /* @__PURE__ */ jsx(
|
|
83
|
-
NumericFormat,
|
|
84
|
-
{
|
|
85
|
-
name: inputName,
|
|
86
|
-
value: inputValue,
|
|
87
|
-
placeholder: "€0",
|
|
88
|
-
allowLeadingZeros: true,
|
|
89
|
-
thousandSeparator: ",",
|
|
90
|
-
prefix: Boolean(inputValue) || inputValue === "0" ? "€" : void 0,
|
|
91
|
-
defaultValue: "0",
|
|
92
|
-
allowNegative: false,
|
|
93
|
-
disabled,
|
|
94
|
-
className: mxClsx(
|
|
95
|
-
"liq-text-3xl liq-leading-9 liq-min-h-12 liq-py-0 liq-w-full liq-h-full liq-border-none liq-font-medium liq-px-0 liq-outline-0 liq-bg-transparent liq-text-center",
|
|
96
|
-
{
|
|
97
|
-
"liq-disabled liq-animate-pulse": disabled && !omitDisableClass
|
|
98
|
-
},
|
|
99
|
-
className
|
|
100
|
-
),
|
|
101
|
-
onChange: handleAmountChange,
|
|
102
|
-
onValueChange: async ({ value }) => {
|
|
103
|
-
onInputDebounceChange == null ? void 0 : onInputDebounceChange(value);
|
|
104
|
-
},
|
|
105
|
-
onBlur,
|
|
106
|
-
onKeyDown: (e) => checkKeyDown(e)
|
|
107
|
-
}
|
|
108
|
-
)
|
|
109
|
-
}
|
|
110
|
-
),
|
|
111
|
-
amountError && /* @__PURE__ */ jsx("div", { className: "liq-flex liq-min-h-[2rem] liq-items-end", children: /* @__PURE__ */ jsx("div", { className: "liq-text-danger liq-text-xs", children: amountError }) })
|
|
112
|
-
] });
|
|
113
|
-
};
|
|
114
|
-
export {
|
|
115
|
-
AmountInput
|
|
116
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './AmountInput.tsx';
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
#!/usr/bin/env node
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const modules_fiat_components_FiatForm_components_AmountInput_AmountInput = require("./AmountInput.js");
|
|
5
|
-
exports.AmountInput = modules_fiat_components_FiatForm_components_AmountInput_AmountInput.AmountInput;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const RateReloading: ({ interval, size, bgColor, progressColor, progressWidth }: {
|
|
2
|
-
interval?: number | undefined;
|
|
3
|
-
size?: number | undefined;
|
|
4
|
-
bgColor?: string | undefined;
|
|
5
|
-
progressColor?: string | undefined;
|
|
6
|
-
progressWidth?: number | undefined;
|
|
7
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
#!/usr/bin/env node
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
5
|
-
const require$$0 = require("react");
|
|
6
|
-
const RateReloading = ({
|
|
7
|
-
interval = 6e4,
|
|
8
|
-
size = 16,
|
|
9
|
-
bgColor = "#2A2C34",
|
|
10
|
-
progressColor = "#CDD0DB",
|
|
11
|
-
progressWidth = 16
|
|
12
|
-
}) => {
|
|
13
|
-
const [timeLeft, setTimeLeft] = require$$0.useState(interval);
|
|
14
|
-
require$$0.useEffect(() => {
|
|
15
|
-
const decrement = 1e3;
|
|
16
|
-
const timer = setInterval(() => {
|
|
17
|
-
setTimeLeft((prev) => Math.max(prev - decrement, 0));
|
|
18
|
-
}, decrement);
|
|
19
|
-
const resetTimer = setInterval(() => {
|
|
20
|
-
setTimeLeft(interval);
|
|
21
|
-
}, interval);
|
|
22
|
-
return () => {
|
|
23
|
-
clearInterval(timer);
|
|
24
|
-
clearInterval(resetTimer);
|
|
25
|
-
};
|
|
26
|
-
}, [interval]);
|
|
27
|
-
const progress = timeLeft / interval * 283;
|
|
28
|
-
const sizeClass = `${size}px`;
|
|
29
|
-
const radius = 50 - progressWidth / 2;
|
|
30
|
-
const circumference = 2 * Math.PI * radius;
|
|
31
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
32
|
-
"div",
|
|
33
|
-
{
|
|
34
|
-
className: "relative flex items-center justify-center",
|
|
35
|
-
style: { width: sizeClass, height: sizeClass },
|
|
36
|
-
children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
37
|
-
"svg",
|
|
38
|
-
{
|
|
39
|
-
className: "transform -rotate-90",
|
|
40
|
-
viewBox: "0 0 100 100",
|
|
41
|
-
style: { width: sizeClass, height: sizeClass },
|
|
42
|
-
children: [
|
|
43
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
44
|
-
"circle",
|
|
45
|
-
{
|
|
46
|
-
cx: "50",
|
|
47
|
-
cy: "50",
|
|
48
|
-
r: radius,
|
|
49
|
-
stroke: bgColor,
|
|
50
|
-
strokeWidth: progressWidth,
|
|
51
|
-
fill: "transparent"
|
|
52
|
-
}
|
|
53
|
-
),
|
|
54
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
55
|
-
"circle",
|
|
56
|
-
{
|
|
57
|
-
cx: "50",
|
|
58
|
-
cy: "50",
|
|
59
|
-
r: radius,
|
|
60
|
-
stroke: progressColor,
|
|
61
|
-
strokeWidth: progressWidth,
|
|
62
|
-
fill: "transparent",
|
|
63
|
-
strokeDasharray: circumference,
|
|
64
|
-
strokeDashoffset: progress / 283 * circumference,
|
|
65
|
-
className: "transition-all duration-1000"
|
|
66
|
-
}
|
|
67
|
-
)
|
|
68
|
-
]
|
|
69
|
-
}
|
|
70
|
-
)
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
};
|
|
74
|
-
exports.RateReloading = RateReloading;
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useEffect } from "react";
|
|
3
|
-
const RateReloading = ({
|
|
4
|
-
interval = 6e4,
|
|
5
|
-
size = 16,
|
|
6
|
-
bgColor = "#2A2C34",
|
|
7
|
-
progressColor = "#CDD0DB",
|
|
8
|
-
progressWidth = 16
|
|
9
|
-
}) => {
|
|
10
|
-
const [timeLeft, setTimeLeft] = useState(interval);
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
const decrement = 1e3;
|
|
13
|
-
const timer = setInterval(() => {
|
|
14
|
-
setTimeLeft((prev) => Math.max(prev - decrement, 0));
|
|
15
|
-
}, decrement);
|
|
16
|
-
const resetTimer = setInterval(() => {
|
|
17
|
-
setTimeLeft(interval);
|
|
18
|
-
}, interval);
|
|
19
|
-
return () => {
|
|
20
|
-
clearInterval(timer);
|
|
21
|
-
clearInterval(resetTimer);
|
|
22
|
-
};
|
|
23
|
-
}, [interval]);
|
|
24
|
-
const progress = timeLeft / interval * 283;
|
|
25
|
-
const sizeClass = `${size}px`;
|
|
26
|
-
const radius = 50 - progressWidth / 2;
|
|
27
|
-
const circumference = 2 * Math.PI * radius;
|
|
28
|
-
return /* @__PURE__ */ jsx(
|
|
29
|
-
"div",
|
|
30
|
-
{
|
|
31
|
-
className: "relative flex items-center justify-center",
|
|
32
|
-
style: { width: sizeClass, height: sizeClass },
|
|
33
|
-
children: /* @__PURE__ */ jsxs(
|
|
34
|
-
"svg",
|
|
35
|
-
{
|
|
36
|
-
className: "transform -rotate-90",
|
|
37
|
-
viewBox: "0 0 100 100",
|
|
38
|
-
style: { width: sizeClass, height: sizeClass },
|
|
39
|
-
children: [
|
|
40
|
-
/* @__PURE__ */ jsx(
|
|
41
|
-
"circle",
|
|
42
|
-
{
|
|
43
|
-
cx: "50",
|
|
44
|
-
cy: "50",
|
|
45
|
-
r: radius,
|
|
46
|
-
stroke: bgColor,
|
|
47
|
-
strokeWidth: progressWidth,
|
|
48
|
-
fill: "transparent"
|
|
49
|
-
}
|
|
50
|
-
),
|
|
51
|
-
/* @__PURE__ */ jsx(
|
|
52
|
-
"circle",
|
|
53
|
-
{
|
|
54
|
-
cx: "50",
|
|
55
|
-
cy: "50",
|
|
56
|
-
r: radius,
|
|
57
|
-
stroke: progressColor,
|
|
58
|
-
strokeWidth: progressWidth,
|
|
59
|
-
fill: "transparent",
|
|
60
|
-
strokeDasharray: circumference,
|
|
61
|
-
strokeDashoffset: progress / 283 * circumference,
|
|
62
|
-
className: "transition-all duration-1000"
|
|
63
|
-
}
|
|
64
|
-
)
|
|
65
|
-
]
|
|
66
|
-
}
|
|
67
|
-
)
|
|
68
|
-
}
|
|
69
|
-
);
|
|
70
|
-
};
|
|
71
|
-
export {
|
|
72
|
-
RateReloading
|
|
73
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { TokenType } from 'types/token';
|
|
2
|
-
|
|
3
|
-
export declare const TokenSelector: ({ name, options, selectedOption, areOptionsLoading, className, disabled, color, onBlur, onChange, onTokenSelectorDisplay }: {
|
|
4
|
-
name: string;
|
|
5
|
-
options: TokenType[];
|
|
6
|
-
selectedOption?: TokenType;
|
|
7
|
-
areOptionsLoading?: boolean;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
className?: string;
|
|
10
|
-
color?: "neutral-750" | "neutral-850";
|
|
11
|
-
onChange: (option?: TokenType) => void;
|
|
12
|
-
onBlur?: (e: React.FocusEvent<any, HTMLButtonElement>) => void;
|
|
13
|
-
onTokenSelectorDisplay?: (visible: boolean) => void;
|
|
14
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
#!/usr/bin/env node
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
5
|
-
const faChevronDown = require("@fortawesome/free-solid-svg-icons/faChevronDown");
|
|
6
|
-
const reactFontawesome = require("@fortawesome/react-fontawesome");
|
|
7
|
-
const require$$0 = require("react");
|
|
8
|
-
const reactjs_utils_mxClsx = require("../../../../../../reactjs/utils/mxClsx.js");
|
|
9
|
-
const modules_fiat_components_FiatForm_components_TokenSelector_components_SelectContainer = require("./components/SelectContainer.js");
|
|
10
|
-
const modules_fiat_components_FiatForm_components_TokenSelector_components_SelectContent = require("./components/SelectContent.js");
|
|
11
|
-
const modules_fiat_components_FiatForm_components_TokenSelector_components_SelectedOption = require("./components/SelectedOption.js");
|
|
12
|
-
const TokenSelector = ({
|
|
13
|
-
name,
|
|
14
|
-
options = [],
|
|
15
|
-
selectedOption,
|
|
16
|
-
areOptionsLoading = false,
|
|
17
|
-
className = "",
|
|
18
|
-
disabled = false,
|
|
19
|
-
color = "neutral-750",
|
|
20
|
-
onBlur,
|
|
21
|
-
onChange,
|
|
22
|
-
onTokenSelectorDisplay
|
|
23
|
-
}) => {
|
|
24
|
-
const [show, setShow] = require$$0.useState(false);
|
|
25
|
-
const handleOnClick = () => setShow(true);
|
|
26
|
-
require$$0.useEffect(() => {
|
|
27
|
-
onTokenSelectorDisplay == null ? void 0 : onTokenSelectorDisplay(show);
|
|
28
|
-
}, [show]);
|
|
29
|
-
if (areOptionsLoading) {
|
|
30
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
31
|
-
"div",
|
|
32
|
-
{
|
|
33
|
-
className: reactjs_utils_mxClsx.mxClsx(
|
|
34
|
-
"liq-h-12 liq-w-40 liq-animate-pulse",
|
|
35
|
-
{
|
|
36
|
-
"liq-rounded-xl": true,
|
|
37
|
-
"liq-rounded-lg": true
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"liq-bg-neutral-100 liq-bg-opacity-[0.1] hover:liq-bg-opacity-[0.25]": color === "neutral-750",
|
|
41
|
-
"liq-bg-neutral-100 liq-bg-opacity-[0.05] hover:liq-bg-opacity-[0.15]": color === "neutral-850"
|
|
42
|
-
},
|
|
43
|
-
className
|
|
44
|
-
)
|
|
45
|
-
}
|
|
46
|
-
);
|
|
47
|
-
}
|
|
48
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
49
|
-
show && /* @__PURE__ */ jsxRuntime.jsx(modules_fiat_components_FiatForm_components_TokenSelector_components_SelectContainer.SelectContainer, { onClose: () => setShow(false), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
50
|
-
modules_fiat_components_FiatForm_components_TokenSelector_components_SelectContent.SelectContent,
|
|
51
|
-
{
|
|
52
|
-
onSelect: (token) => {
|
|
53
|
-
onChange(token);
|
|
54
|
-
setShow(false);
|
|
55
|
-
},
|
|
56
|
-
tokens: options,
|
|
57
|
-
selectedToken: selectedOption
|
|
58
|
-
}
|
|
59
|
-
) }),
|
|
60
|
-
!show && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liq-flex liq-flex-col liq-items-end liq-justify-between liq-gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
61
|
-
"button",
|
|
62
|
-
{
|
|
63
|
-
name,
|
|
64
|
-
type: "button",
|
|
65
|
-
role: "combobox",
|
|
66
|
-
className: reactjs_utils_mxClsx.mxClsx(
|
|
67
|
-
"focus-primary liq-px-2 liq-py-1 liq-group liq-flex liq-cursor-pointer liq-items-center liq-gap-2 liq-transition-colors liq-duration-200 liq-rounded-lg liq-relative",
|
|
68
|
-
{
|
|
69
|
-
"liq-bg-neutral-750/50 hover:enabled:liq-bg-neutral-750": color === "neutral-750",
|
|
70
|
-
"liq-bg-neutral-900/50 liq-outline liq-outline-1 liq-outline-neutral-700/20 hover:enabled:liq-bg-neutral-600/50 hover:enabled:liq-outline-neutral-600": color === "neutral-850"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"!liq-cursor-not-allowed": disabled
|
|
74
|
-
},
|
|
75
|
-
className
|
|
76
|
-
),
|
|
77
|
-
onBlur,
|
|
78
|
-
onClick: handleOnClick,
|
|
79
|
-
disabled,
|
|
80
|
-
children: [
|
|
81
|
-
/* @__PURE__ */ jsxRuntime.jsx(modules_fiat_components_FiatForm_components_TokenSelector_components_SelectedOption.SelectedOption, { value: selectedOption }),
|
|
82
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
83
|
-
reactFontawesome.FontAwesomeIcon,
|
|
84
|
-
{
|
|
85
|
-
icon: faChevronDown.faChevronDown,
|
|
86
|
-
className: "liq-text-neutral-200 group-hover:liq-text-neutral-50"
|
|
87
|
-
}
|
|
88
|
-
)
|
|
89
|
-
]
|
|
90
|
-
}
|
|
91
|
-
) })
|
|
92
|
-
] });
|
|
93
|
-
};
|
|
94
|
-
exports.TokenSelector = TokenSelector;
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { faChevronDown } from "@fortawesome/free-solid-svg-icons/faChevronDown";
|
|
3
|
-
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
4
|
-
import { useState, useEffect } from "react";
|
|
5
|
-
import { mxClsx } from "../../../../../../reactjs/utils/mxClsx.mjs";
|
|
6
|
-
import { SelectContainer } from "./components/SelectContainer.mjs";
|
|
7
|
-
import { SelectContent } from "./components/SelectContent.mjs";
|
|
8
|
-
import { SelectedOption } from "./components/SelectedOption.mjs";
|
|
9
|
-
const TokenSelector = ({
|
|
10
|
-
name,
|
|
11
|
-
options = [],
|
|
12
|
-
selectedOption,
|
|
13
|
-
areOptionsLoading = false,
|
|
14
|
-
className = "",
|
|
15
|
-
disabled = false,
|
|
16
|
-
color = "neutral-750",
|
|
17
|
-
onBlur,
|
|
18
|
-
onChange,
|
|
19
|
-
onTokenSelectorDisplay
|
|
20
|
-
}) => {
|
|
21
|
-
const [show, setShow] = useState(false);
|
|
22
|
-
const handleOnClick = () => setShow(true);
|
|
23
|
-
useEffect(() => {
|
|
24
|
-
onTokenSelectorDisplay == null ? void 0 : onTokenSelectorDisplay(show);
|
|
25
|
-
}, [show]);
|
|
26
|
-
if (areOptionsLoading) {
|
|
27
|
-
return /* @__PURE__ */ jsx(
|
|
28
|
-
"div",
|
|
29
|
-
{
|
|
30
|
-
className: mxClsx(
|
|
31
|
-
"liq-h-12 liq-w-40 liq-animate-pulse",
|
|
32
|
-
{
|
|
33
|
-
"liq-rounded-xl": true,
|
|
34
|
-
"liq-rounded-lg": true
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
"liq-bg-neutral-100 liq-bg-opacity-[0.1] hover:liq-bg-opacity-[0.25]": color === "neutral-750",
|
|
38
|
-
"liq-bg-neutral-100 liq-bg-opacity-[0.05] hover:liq-bg-opacity-[0.15]": color === "neutral-850"
|
|
39
|
-
},
|
|
40
|
-
className
|
|
41
|
-
)
|
|
42
|
-
}
|
|
43
|
-
);
|
|
44
|
-
}
|
|
45
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
46
|
-
show && /* @__PURE__ */ jsx(SelectContainer, { onClose: () => setShow(false), children: /* @__PURE__ */ jsx(
|
|
47
|
-
SelectContent,
|
|
48
|
-
{
|
|
49
|
-
onSelect: (token) => {
|
|
50
|
-
onChange(token);
|
|
51
|
-
setShow(false);
|
|
52
|
-
},
|
|
53
|
-
tokens: options,
|
|
54
|
-
selectedToken: selectedOption
|
|
55
|
-
}
|
|
56
|
-
) }),
|
|
57
|
-
!show && /* @__PURE__ */ jsx("div", { className: "liq-flex liq-flex-col liq-items-end liq-justify-between liq-gap-4", children: /* @__PURE__ */ jsxs(
|
|
58
|
-
"button",
|
|
59
|
-
{
|
|
60
|
-
name,
|
|
61
|
-
type: "button",
|
|
62
|
-
role: "combobox",
|
|
63
|
-
className: mxClsx(
|
|
64
|
-
"focus-primary liq-px-2 liq-py-1 liq-group liq-flex liq-cursor-pointer liq-items-center liq-gap-2 liq-transition-colors liq-duration-200 liq-rounded-lg liq-relative",
|
|
65
|
-
{
|
|
66
|
-
"liq-bg-neutral-750/50 hover:enabled:liq-bg-neutral-750": color === "neutral-750",
|
|
67
|
-
"liq-bg-neutral-900/50 liq-outline liq-outline-1 liq-outline-neutral-700/20 hover:enabled:liq-bg-neutral-600/50 hover:enabled:liq-outline-neutral-600": color === "neutral-850"
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
"!liq-cursor-not-allowed": disabled
|
|
71
|
-
},
|
|
72
|
-
className
|
|
73
|
-
),
|
|
74
|
-
onBlur,
|
|
75
|
-
onClick: handleOnClick,
|
|
76
|
-
disabled,
|
|
77
|
-
children: [
|
|
78
|
-
/* @__PURE__ */ jsx(SelectedOption, { value: selectedOption }),
|
|
79
|
-
/* @__PURE__ */ jsx(
|
|
80
|
-
FontAwesomeIcon,
|
|
81
|
-
{
|
|
82
|
-
icon: faChevronDown,
|
|
83
|
-
className: "liq-text-neutral-200 group-hover:liq-text-neutral-50"
|
|
84
|
-
}
|
|
85
|
-
)
|
|
86
|
-
]
|
|
87
|
-
}
|
|
88
|
-
) })
|
|
89
|
-
] });
|
|
90
|
-
};
|
|
91
|
-
export {
|
|
92
|
-
TokenSelector
|
|
93
|
-
};
|