@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.
Files changed (234) hide show
  1. package/README.md +6 -1
  2. package/api/getTransactions.d.ts +8 -2
  3. package/api/getTransactions.js +23 -3
  4. package/api/getTransactions.mjs +23 -3
  5. package/api/tests/getChains.spec.js +2 -1
  6. package/api/tests/getChains.spec.mjs +2 -1
  7. package/api/tests/getTokens.spec.js +2 -2
  8. package/api/tests/getTokens.spec.mjs +2 -2
  9. package/api/tests/getTransactions.spec.js +79 -69
  10. package/api/tests/getTransactions.spec.mjs +79 -69
  11. package/constants/index.d.ts +1 -1
  12. package/constants/index.js +1 -1
  13. package/constants/index.mjs +1 -1
  14. package/dto/Chain.dto.d.ts +3 -1
  15. package/dto/ConfirmRate.dto.d.ts +1 -0
  16. package/dto/Token.dto.d.ts +7 -2
  17. package/index.js +44 -16
  18. package/index.mjs +14 -16
  19. package/package.json +10 -6
  20. package/reactjs/components/BridgeForm/BridgeForm.d.ts +3 -1
  21. package/reactjs/components/BridgeForm/BridgeForm.js +182 -87
  22. package/reactjs/components/BridgeForm/BridgeForm.mjs +153 -58
  23. package/reactjs/components/BridgeHistory/BridgeHistory.js +73 -26
  24. package/reactjs/components/BridgeHistory/BridgeHistory.mjs +68 -21
  25. package/reactjs/components/Connect/BridgeAccountDisplay.js +2 -5
  26. package/reactjs/components/Connect/BridgeAccountDisplay.mjs +2 -5
  27. package/reactjs/components/Connect/CustomConnectButton.js +2 -5
  28. package/reactjs/components/Connect/CustomConnectButton.mjs +1 -4
  29. package/reactjs/components/Connect/MvxConnectButton.d.ts +2 -4
  30. package/reactjs/components/Connect/MvxConnectButton.js +2 -2
  31. package/reactjs/components/Connect/MvxConnectButton.mjs +2 -2
  32. package/reactjs/components/Connect/SwitchChainButton.js +2 -6
  33. package/reactjs/components/Connect/SwitchChainButton.mjs +1 -5
  34. package/reactjs/components/CopyButton/CopyButton.js +2 -2
  35. package/reactjs/components/CopyButton/CopyButton.mjs +2 -2
  36. package/reactjs/components/DisplayAmount/components/AnimateNumber/AnimateNumber.js +5 -5
  37. package/reactjs/components/Error/Error.d.ts +6 -0
  38. package/reactjs/components/Error/Error.js +67 -0
  39. package/reactjs/components/Error/Error.mjs +66 -0
  40. package/reactjs/components/Error/index.d.ts +1 -0
  41. package/reactjs/components/Error/index.js +5 -0
  42. package/reactjs/components/Error/index.mjs +4 -0
  43. package/reactjs/components/TokenSelector/TokenSelector.d.ts +2 -1
  44. package/reactjs/components/TokenSelector/TokenSelector.js +17 -9
  45. package/reactjs/components/TokenSelector/TokenSelector.mjs +13 -5
  46. package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.d.ts +2 -1
  47. package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.js +7 -3
  48. package/reactjs/components/TokenSelector/components/ChainSelect/ChainSelect.mjs +4 -0
  49. package/reactjs/components/TokenSelector/components/SelectContent.d.ts +2 -1
  50. package/reactjs/components/TokenSelector/components/SelectContent.js +12 -9
  51. package/reactjs/components/TokenSelector/components/SelectContent.mjs +4 -1
  52. package/reactjs/components/TokenSelector/components/TokenIcon.js +3 -3
  53. package/reactjs/components/TokenSelector/components/TokenItem.js +9 -9
  54. package/reactjs/components/TokenSelector/components/TokenItem.mjs +6 -6
  55. package/reactjs/components/base/MxCard/MxCard.js +2 -2
  56. package/reactjs/components/base/MxCircleLoader/MxCircleLoader.d.ts +4 -0
  57. package/reactjs/components/base/MxCircleLoader/MxCircleLoader.js +29 -0
  58. package/reactjs/components/base/MxCircleLoader/MxCircleLoader.mjs +28 -0
  59. package/reactjs/components/base/MxCircleLoader/index.d.ts +1 -0
  60. package/reactjs/components/base/MxCircleLoader/index.js +5 -0
  61. package/reactjs/components/base/MxCircleLoader/index.mjs +4 -0
  62. package/reactjs/components/base/MxLink/MxLink.js +2 -2
  63. package/reactjs/components/base/MxSearch/MxSearch.js +4 -4
  64. package/reactjs/components/base/MxSlideover/MxSlideover.js +4 -4
  65. package/reactjs/components/base/MxTooltip/MxTooltip.js +9 -9
  66. package/reactjs/components/base/MxTooltip/components/TooltipContainer/TooltipContainer.js +2 -2
  67. package/reactjs/components/index.d.ts +1 -0
  68. package/reactjs/components/index.js +2 -0
  69. package/reactjs/components/index.mjs +2 -0
  70. package/reactjs/context/Web3AppProvider.d.ts +3 -1
  71. package/reactjs/context/Web3AppProvider.js +7 -5
  72. package/reactjs/context/Web3AppProvider.mjs +4 -2
  73. package/reactjs/context/useWeb3App.js +2 -2
  74. package/reactjs/hooks/index.js +1 -1
  75. package/reactjs/hooks/index.mjs +1 -1
  76. package/reactjs/hooks/useAccount.js +1 -5
  77. package/reactjs/hooks/useAccount.mjs +1 -5
  78. package/reactjs/hooks/useBalances.d.ts +4 -4
  79. package/reactjs/hooks/useBalances.js +16 -1
  80. package/reactjs/hooks/useBalances.mjs +16 -1
  81. package/reactjs/hooks/useBridgeFormik.js +9 -16
  82. package/reactjs/hooks/useBridgeFormik.mjs +0 -7
  83. package/reactjs/hooks/useDebounce.js +3 -3
  84. package/reactjs/hooks/useFetchBridgeData.d.ts +14 -4
  85. package/reactjs/hooks/useFetchTokens.d.ts +14 -4
  86. package/reactjs/hooks/useFetchTokens.js +9 -9
  87. package/reactjs/hooks/useFetchTokens.mjs +2 -2
  88. package/reactjs/hooks/useFiatData.d.ts +7 -2
  89. package/reactjs/hooks/useFiatData.js +6 -6
  90. package/reactjs/hooks/useFiatData.mjs +1 -1
  91. package/reactjs/hooks/useGetChainId.js +3 -3
  92. package/reactjs/hooks/useGetChainId.mjs +1 -1
  93. package/reactjs/hooks/useResolveTokenChain.js +2 -2
  94. package/reactjs/hooks/useSendTransactions.js +2 -2
  95. package/reactjs/hooks/useSignTransaction.d.ts +93 -67
  96. package/reactjs/hooks/useSignTransaction.js +53 -4
  97. package/reactjs/hooks/useSignTransaction.mjs +53 -4
  98. package/reactjs/hooks/validation/useTestHasEnoughFunds.js +3 -3
  99. package/reactjs/hooks/validation/useTestIsConnected.js +2 -2
  100. package/reactjs/index.js +44 -16
  101. package/reactjs/index.mjs +14 -16
  102. package/reactjs/init/init.d.ts +220 -1
  103. package/reactjs/init/init.js +34 -10
  104. package/reactjs/init/init.mjs +31 -7
  105. package/reactjs/init/tests/init.spec.js +5 -6
  106. package/reactjs/init/tests/init.spec.mjs +5 -6
  107. package/reactjs/queries/index.d.ts +0 -1
  108. package/reactjs/queries/index.js +0 -2
  109. package/reactjs/queries/index.mjs +1 -3
  110. package/reactjs/queries/useGetEvmTokensBalances.query.d.ts +8 -3
  111. package/reactjs/queries/useGetEvmTokensBalances.query.js +15 -18
  112. package/reactjs/queries/useGetEvmTokensBalances.query.mjs +15 -18
  113. package/reactjs/queries/useGetHistory.query.d.ts +9 -1
  114. package/reactjs/queries/useGetHistory.query.js +23 -5
  115. package/reactjs/queries/useGetHistory.query.mjs +23 -5
  116. package/reactjs/queries/useGetMvxTokensBalances.query.d.ts +7 -2
  117. package/reactjs/queries/useGetMvxTokensBalances.query.js +2 -2
  118. package/reactjs/reexports.d.ts +2 -1
  119. package/reactjs/reexports.js +41 -13
  120. package/reactjs/reexports.mjs +11 -13
  121. package/reactjs/utils/getInitialTokens.d.ts +4 -1
  122. package/reactjs/utils/getInitialTokens.js +3 -3
  123. package/reactjs/utils/getInitialTokens.mjs +3 -3
  124. package/style.css +33 -1730
  125. package/types/chainType.d.ts +6 -0
  126. package/types/chainType.js +11 -0
  127. package/types/chainType.mjs +10 -0
  128. package/types/transaction.d.ts +28 -0
  129. package/types/utxo.d.ts +11 -0
  130. package/types/utxo.js +2 -0
  131. package/types/utxo.mjs +1 -0
  132. package/{useBalances-C_69CFoa.mjs → useBalances-Bom1mw1J.mjs} +101 -23
  133. package/{useBalances-C4YhEYxy.js → useBalances-gZTsFZHe.js} +102 -24
  134. package/index-BIVnypNe.mjs +0 -108
  135. package/index-Ben8n3bd.js +0 -58656
  136. package/index-CnKr4rL1.mjs +0 -91
  137. package/index-CnuruJNu.js +0 -329
  138. package/index-DsBh-EBw.js +0 -108
  139. package/index-iN9APQ6x.mjs +0 -58735
  140. package/modules/fiat/components/FiatForm/FiatForm.d.ts +0 -9
  141. package/modules/fiat/components/FiatForm/FiatForm.js +0 -314
  142. package/modules/fiat/components/FiatForm/FiatForm.mjs +0 -313
  143. package/modules/fiat/components/FiatForm/components/AmountInput/AmountInput.d.ts +0 -13
  144. package/modules/fiat/components/FiatForm/components/AmountInput/AmountInput.js +0 -117
  145. package/modules/fiat/components/FiatForm/components/AmountInput/AmountInput.mjs +0 -116
  146. package/modules/fiat/components/FiatForm/components/AmountInput/index.d.ts +0 -1
  147. package/modules/fiat/components/FiatForm/components/AmountInput/index.js +0 -5
  148. package/modules/fiat/components/FiatForm/components/AmountInput/index.mjs +0 -4
  149. package/modules/fiat/components/FiatForm/components/RateReloading/RateReloading.d.ts +0 -7
  150. package/modules/fiat/components/FiatForm/components/RateReloading/RateReloading.js +0 -74
  151. package/modules/fiat/components/FiatForm/components/RateReloading/RateReloading.mjs +0 -73
  152. package/modules/fiat/components/FiatForm/components/TokenSelector/TokenSelector.d.ts +0 -14
  153. package/modules/fiat/components/FiatForm/components/TokenSelector/TokenSelector.js +0 -94
  154. package/modules/fiat/components/FiatForm/components/TokenSelector/TokenSelector.mjs +0 -93
  155. package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContainer.d.ts +0 -7
  156. package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContainer.js +0 -82
  157. package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContainer.mjs +0 -81
  158. package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContent.d.ts +0 -7
  159. package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContent.js +0 -91
  160. package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectContent.mjs +0 -90
  161. package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectedOption.d.ts +0 -5
  162. package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectedOption.js +0 -30
  163. package/modules/fiat/components/FiatForm/components/TokenSelector/components/SelectedOption.mjs +0 -29
  164. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenIcon.d.ts +0 -8
  165. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenIcon.js +0 -103
  166. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenIcon.mjs +0 -102
  167. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenItem.d.ts +0 -7
  168. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenItem.js +0 -33
  169. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenItem.mjs +0 -32
  170. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenList.d.ts +0 -7
  171. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenList.js +0 -21
  172. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenList.mjs +0 -20
  173. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenSymbol.d.ts +0 -9
  174. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenSymbol.js +0 -26
  175. package/modules/fiat/components/FiatForm/components/TokenSelector/components/TokenSymbol.mjs +0 -25
  176. package/modules/fiat/components/FiatForm/components/TokenSelector/index.d.ts +0 -1
  177. package/modules/fiat/components/FiatForm/components/TokenSelector/index.js +0 -5
  178. package/modules/fiat/components/FiatForm/components/TokenSelector/index.mjs +0 -4
  179. package/modules/fiat/components/FiatForm/index.d.ts +0 -1
  180. package/modules/fiat/components/FiatForm/index.js +0 -5
  181. package/modules/fiat/components/FiatForm/index.mjs +0 -4
  182. package/modules/fiat/components/index.d.ts +0 -1
  183. package/modules/fiat/components/index.js +0 -5
  184. package/modules/fiat/components/index.mjs +0 -4
  185. package/modules/fiat/context/FiatProvider.d.ts +0 -8
  186. package/modules/fiat/context/FiatProvider.js +0 -24
  187. package/modules/fiat/context/FiatProvider.mjs +0 -23
  188. package/modules/fiat/context/queryClient.d.ts +0 -3
  189. package/modules/fiat/context/queryClient.js +0 -12
  190. package/modules/fiat/context/queryClient.mjs +0 -11
  191. package/modules/fiat/context/useFiat.d.ts +0 -1
  192. package/modules/fiat/context/useFiat.js +0 -13
  193. package/modules/fiat/context/useFiat.mjs +0 -12
  194. package/modules/fiat/hooks/index.d.ts +0 -2
  195. package/modules/fiat/hooks/index.js +0 -7
  196. package/modules/fiat/hooks/index.mjs +0 -6
  197. package/modules/fiat/hooks/useFiatData.d.ts +0 -7
  198. package/modules/fiat/hooks/useFiatData.js +0 -75
  199. package/modules/fiat/hooks/useFiatData.mjs +0 -74
  200. package/modules/fiat/hooks/validation/index.d.ts +0 -1
  201. package/modules/fiat/hooks/validation/index.js +0 -5
  202. package/modules/fiat/hooks/validation/index.mjs +0 -4
  203. package/modules/fiat/hooks/validation/useAmountSchema.d.ts +0 -2
  204. package/modules/fiat/hooks/validation/useAmountSchema.js +0 -27
  205. package/modules/fiat/hooks/validation/useAmountSchema.mjs +0 -9
  206. package/modules/fiat/index.d.ts +0 -8
  207. package/modules/fiat/index.js +0 -22
  208. package/modules/fiat/index.mjs +0 -21
  209. package/modules/fiat/init/index.d.ts +0 -2
  210. package/modules/fiat/init/index.js +0 -5
  211. package/modules/fiat/init/index.mjs +0 -4
  212. package/modules/fiat/init/init.d.ts +0 -22
  213. package/modules/fiat/init/init.js +0 -15
  214. package/modules/fiat/init/init.mjs +0 -14
  215. package/modules/fiat/queries/index.d.ts +0 -2
  216. package/modules/fiat/queries/index.js +0 -7
  217. package/modules/fiat/queries/index.mjs +0 -6
  218. package/modules/fiat/queries/useGetRate.mutation.d.ts +0 -6
  219. package/modules/fiat/queries/useGetRate.mutation.js +0 -20
  220. package/modules/fiat/queries/useGetRate.mutation.mjs +0 -19
  221. package/modules/fiat/queries/useGetTokens.query.d.ts +0 -5
  222. package/modules/fiat/queries/useGetTokens.query.js +0 -33
  223. package/modules/fiat/queries/useGetTokens.query.mjs +0 -32
  224. package/react-47kZTyAT.mjs +0 -51
  225. package/react-B_iI3-1z.mjs +0 -3133
  226. package/react-BomcNL1v.js +0 -254
  227. package/react-CqKlu0W0.js +0 -51
  228. package/react-R_xxu7fN.js +0 -3133
  229. package/react-cXurUY4Z.mjs +0 -254
  230. package/reactjs/queries/useGetTokens.query.d.ts +0 -3
  231. package/reactjs/queries/useGetTokens.query.js +0 -34
  232. package/reactjs/queries/useGetTokens.query.mjs +0 -33
  233. package/w3m-modal-Bhg44d6I.js +0 -356
  234. 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,4 +0,0 @@
1
- import { AmountInput } from "./AmountInput.mjs";
2
- export {
3
- AmountInput
4
- };
@@ -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
- };
@@ -1,7 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- export declare const SelectContainer: ({ children, className, onClose }: {
4
- className?: string;
5
- children?: ReactNode;
6
- onClose: () => void;
7
- }) => import("react/jsx-runtime").JSX.Element;