@rabbitio/ui-kit 1.0.0-beta.64 → 1.0.0-beta.65

package/coverage/rabbit-ui-kit/src/robustExteranlApiCallerService/index.html

@@ -191,7 +191,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/robustExteranlApiCallerService/robustExternalAPICallerService.js.html

@@ -1234,7 +1234,7 @@ function punishProvider(provider) {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/external-apis/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/external-apis/swapProvider.js.html

@@ -712,7 +712,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/external-apis/swapspaceSwapProvider.js.html

@@ -2920,7 +2920,7 @@ export class SwapspaceSwapProvider extends SwapProvider {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/models/baseSwapCreationInfo.js.html

@@ -199,7 +199,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/models/existingSwap.js.html

@@ -289,7 +289,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/models/existingSwapWithFiatData.js.html

@@ -472,7 +472,7 @@ export class ExistingSwapWithFiatData extends ExistingSwap {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/models/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/services/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/services/publicSwapService.js.html

@@ -2176,7 +2176,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/utils/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/swaps-lib/utils/swapUtils.js.html

@@ -727,7 +727,7 @@ export class SwapUtils {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/BackgroundTitle.stories.jsx.html

@@ -187,7 +187,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/LinesOfText.stories.jsx.html

@@ -268,7 +268,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/LoadingDots.stories.jsx.html

@@ -211,7 +211,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/QrCode.stories.jsx.html

@@ -160,7 +160,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/RateSelector.stories.jsx.html

@@ -121,7 +121,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/Validation.stories.jsx.html

@@ -163,7 +163,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/buttons/Button.stories.jsx.html

@@ -931,7 +931,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/buttons/Close.stories.jsx.html

@@ -199,7 +199,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/buttons/LinkButton.stories.jsx.html

@@ -280,7 +280,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/buttons/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/index.html

@@ -176,7 +176,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/molecules/LineWithIconLink.stories.jsx.html

@@ -139,7 +139,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/molecules/TitledLineWithIconLink.stories.jsx.html

@@ -145,7 +145,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/molecules/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/Dialog.stories.jsx.html

@@ -574,7 +574,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/DialogButtons/DialogButtons.stories.jsx.html

@@ -313,7 +313,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/DialogButtons/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/DialogStep/DialogStep.stories.jsx.html

@@ -322,7 +322,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/DialogStep/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/stubs/exampleContent.jsx.html

@@ -130,7 +130,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/stubs/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/templates/DeterminedErrorDialogStep.stories.jsx.html

@@ -178,7 +178,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/templates/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-05-24T14:21:16.587Z
+                at 2024-05-25T11:51:39.399Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/dist/index.cjs

@@ -2061,13 +2061,13 @@ var Validation = function Validation(_ref) {
     isSuccessAlert = _ref.isSuccessAlert;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: s$h["validation"]
-  }, isSuccessAlert ?
+  }, /*#__PURE__*/React__default["default"].createElement("div", null, isSuccessAlert ?
   /*#__PURE__*/
   // <img src={successfulValidationIcon} alt="validation icon" />
   React__default["default"].createElement(SuccessfulValidationIcon, null) :
   /*#__PURE__*/
   // <img src={failedValidationIcon} alt="validation icon" />
-  React__default["default"].createElement(FailedValidationIcon, null), /*#__PURE__*/React__default["default"].createElement("span", {
+  React__default["default"].createElement(FailedValidationIcon, null)), /*#__PURE__*/React__default["default"].createElement("span", {
     className: s$h["validation-text"]
   }, text));
 };
@@ -2868,10 +2868,10 @@ var DialogStep = function DialogStep(_ref) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   var handleTransitionEnd = function handleTransitionEnd(event) {
-    if (isMultiStep && isCurrentStep(stepName) && event.propertyName === "opacity" && event.target.classList[0] === DIALOG_STEP_CLASS) {
+    if (isMultiStep && isCurrentStep(stepName) && event.propertyName === "opacity" && event.target.classList[0] === s$f[DIALOG_STEP_CLASS]) {
       disableAnimation(animationConfiguration.animateHeightTransitionEnabled);
     }
-    if (isMultiStep && unmountOnAnimationEndTrigger && event.propertyName === "opacity" && event.target.classList[0] === DIALOG_STEP_CLASS) {
+    if (isMultiStep && unmountOnAnimationEndTrigger && event.propertyName === "opacity" && event.target.classList[0] === s$f[DIALOG_STEP_CLASS]) {
       clearButtonsConfiguration();
       scrollDialogToTop();
       setStepMounted(false);
@@ -4513,6 +4513,21 @@ var RateSelector = function RateSelector(_ref) {
  * @return {void}
  */
 
+/**
+ * Handler for the confirm button click. You should implement errors handling inside it.
+ *
+ * @function
+ * @name handleConfirmButtonClick
+ * @param {function} resetButtonLoader - callback resetting the confirm button loader
+ * @param {function} setValidationContent - Function to set the validation error message on the form.
+ * @param {function} setBalanceValid - Function to set the balance validity, accepts a boolean.
+ * @param {function} setMinimalAmountValid - Function to set the minimal amount validity, accepts a boolean.
+ * @param {function} setMaximumAmountValid - Function to set the maximum amount validity, accepts a boolean.
+ * @param {function} setIsPairSupported - Function to set the pair support status, accepts a boolean.
+ * @param {function} setIsSameCoins - Function to set the status if the same coins are used, accepts a boolean.
+ * @return {void}
+ */
+
 /**
  * Async function that retrieves swap creation info by given params.
  *
@@ -4580,7 +4595,7 @@ var RateSelector = function RateSelector(_ref) {
  * @param {string} [props.receivingAssetBalance] - Balance of the receiving asset.
  * @param {handleClick} props.handleChangeSendingAssetClick - Function to handle clicking on the change sending asset button.
  * @param {handleClick} props.handleChangeReceivingAssetClick - Function to handle clicking on the change receiving asset button.
- * @param {handleClick} props.handleConfirmButtonClick - Function to handle clicking on the confirm button.
+ * @param {handleConfirmButtonClick} props.handleConfirmButtonClick - Function to handle clicking on the confirm button.
  * @param {composeConfirmButtonTo} props.composeConfirmButtonTo - Function to compose the URL for the confirm button.
  * @param {setSwapCreationEstimation} props.setSwapCreationEstimation - Function to set the swap creation estimation.
  * @param {handleUnexpectedError} props.handleUnexpectedError - Function to handle unexpected errors.
@@ -4619,7 +4634,7 @@ function _catch$c(body, recover) {
   return result;
 }
 var SwapForm = function SwapForm(_ref) {
-  var _maximumAmount$curren4, _maximumAmount$curren5, _maximumAmount$curren6, _minimalAmount$curren5;
+  var _isFixedRate$current2, _maximumAmount$curren4, _maximumAmount$curren5, _maximumAmount$curren6, _minimalAmount$curren5, _isFixedRate$current3;
   var sendingAssetTicker = _ref.sendingAssetTicker,
     receivingAssetTicker = _ref.receivingAssetTicker,
     _ref$sendingAssetDeci = _ref.sendingAssetDecimalCount,
@@ -4644,7 +4659,7 @@ var SwapForm = function SwapForm(_ref) {
     handleChangeSendingAssetClick = _ref.handleChangeSendingAssetClick,
     handleChangeReceivingAssetClick = _ref.handleChangeReceivingAssetClick,
     _ref$handleConfirmBut = _ref.handleConfirmButtonClick,
-    handleConfirmButtonClick = _ref$handleConfirmBut === void 0 ? function () {} : _ref$handleConfirmBut,
+    handleConfirmButtonClick = _ref$handleConfirmBut === void 0 ? function (resetButtonLoader, setValidationContent, setBalanceValid, setMinimalAmountValid, setMaximumAmountValid, setIsPairSupported, setIsSameCoins) {} : _ref$handleConfirmBut,
     _ref$composeConfirmBu = _ref.composeConfirmButtonTo,
     composeConfirmButtonTo = _ref$composeConfirmBu === void 0 ? function (fromTicker, toTicker, fromAmount) {
       return "";
@@ -4746,6 +4761,7 @@ var SwapForm = function SwapForm(_ref) {
     _ref$dispatchRateMode = _ref.dispatchRateModeChanged,
     dispatchRateModeChanged = _ref$dispatchRateMode === void 0 ? function (isFixed) {} : _ref$dispatchRateMode;
   var DETAIL_REFRESH_INTERVAL_MS = 1.5 * 60000;
+  var IS_FIXED_BY_DEFAULT = false;
 
   // Updating the states below will insert the new value into the send or receive input field
   var _useState = React.useState(preservedAmount != null ? preservedAmount : null),
@@ -4798,30 +4814,30 @@ var SwapForm = function SwapForm(_ref) {
   var _useState12 = React.useState(false),
     isAddressFieldEnabled = _useState12[0],
     setIsAddressFieldEnabled = _useState12[1];
-  var _useState13 = React.useState(null),
-    isFixedRate = _useState13[0],
-    setIsFixedRate = _useState13[1];
-  var _useState14 = React.useState(composeConfirmButtonTo(sendingAssetTicker, receivingAssetTicker, preservedAmount)),
-    confirmButtonTo = _useState14[0],
-    setConfirmButtonTo = _useState14[1];
-  var _useState15 = React.useState(),
-    transactionFee = _useState15[0],
-    setTransactionFee = _useState15[1];
-  var _useState16 = React.useState(true),
-    balanceValid = _useState16[0],
-    setBalanceValid = _useState16[1]; // Whether the amount is less than total balance
   var _useReferredState5 = useReferredState(null),
-    isSwapAll = _useReferredState5[0],
-    setIsSwapAll = _useReferredState5[1];
-  var _useState17 = React.useState([]),
-    swapAllButtonLoaderReSetter = _useState17[0],
-    setSwapAllButtonLoaderReSetter = _useState17[1];
+    isFixedRate = _useReferredState5[0],
+    setIsFixedRate = _useReferredState5[1];
+  var _useState13 = React.useState(composeConfirmButtonTo(sendingAssetTicker, receivingAssetTicker, preservedAmount)),
+    confirmButtonTo = _useState13[0],
+    setConfirmButtonTo = _useState13[1];
+  var _useState14 = React.useState(),
+    transactionFee = _useState14[0],
+    setTransactionFee = _useState14[1];
+  var _useState15 = React.useState(true),
+    balanceValid = _useState15[0],
+    setBalanceValid = _useState15[1]; // Whether the amount is less than total balance
   var _useReferredState6 = useReferredState(null),
-    dataUpdateTimeoutId = _useReferredState6[0],
-    setDataUpdateTimeoutId = _useReferredState6[1];
+    isSwapAll = _useReferredState6[0],
+    setIsSwapAll = _useReferredState6[1];
+  var _useState16 = React.useState([]),
+    swapAllButtonLoaderReSetter = _useState16[0],
+    setSwapAllButtonLoaderReSetter = _useState16[1];
   var _useReferredState7 = useReferredState(null),
-    idleDataUpdateTimeoutId = _useReferredState7[0],
-    setIdleDataUpdateTimeoutId = _useReferredState7[1];
+    dataUpdateTimeoutId = _useReferredState7[0],
+    setDataUpdateTimeoutId = _useReferredState7[1];
+  var _useReferredState8 = useReferredState(null),
+    idleDataUpdateTimeoutId = _useReferredState8[0],
+    setIdleDataUpdateTimeoutId = _useReferredState8[1];
   var callHandlingErrors = useCallHandlingErrors();
   var recalculationDelayOnTyping = 1000;
   var handleSendAssetAmountChange = function handleSendAssetAmountChange(amount) {
@@ -4934,7 +4950,7 @@ var SwapForm = function SwapForm(_ref) {
     (function () {
       try {
         return _catch$c(function () {
-          var _minimalAmount$curren4, _maximumAmount$curren3;
+          var _minimalAmount$curren4, _maximumAmount$curren3, _isFixedRate$current;
           var dataMemento = {
             rate: swapRate,
             min: (_minimalAmount$curren4 = minimalAmount.current) == null ? void 0 : _minimalAmount$curren4.crypto,
@@ -4951,7 +4967,7 @@ var SwapForm = function SwapForm(_ref) {
           setIsSameCoins(false);
           setIsPairSupported(true);
           setIsSwapCalculated(false);
-          return Promise.resolve(retrieveSwapDetails(sendingAssetTicker, receivingAssetTicker, amount, isSwapAll.current, isFixedRate)).then(function (response) {
+          return Promise.resolve(retrieveSwapDetails(sendingAssetTicker, receivingAssetTicker, amount, isSwapAll.current, (_isFixedRate$current = isFixedRate.current) != null ? _isFixedRate$current : IS_FIXED_BY_DEFAULT)).then(function (response) {
             if (!isSwapAll.current && String(amount) !== String(isForPreserved && sendAssetAmount.current == null ? preservedAmount : sendAssetAmount.current)) {
               // Means amount changed and we no more need to do this exact calculation
               return;
@@ -5220,7 +5236,7 @@ var SwapForm = function SwapForm(_ref) {
     className: s$9["swap-form-information-field"]
   }, /*#__PURE__*/React__default["default"].createElement("p", null, !isPairSupported ? translations.informationBlock.pairNotAvailable : transactionFee && minimalAmountValid ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, translations.informationBlock.transactionFee, /*#__PURE__*/React__default["default"].createElement("span", null, AmountUtils.crypto(transactionFee == null ? void 0 : transactionFee.crypto, sendingAssetFeeCoinTickerPrintable)), (transactionFee == null ? void 0 : transactionFee.fiat) != null && (transactionFee == null ? void 0 : transactionFee.fiat) !== "" ? /*#__PURE__*/React__default["default"].createElement("span", {
     className: s$9["semi-transparent"]
-  }, " ~ " + AmountUtils.fiat(transactionFee == null ? void 0 : transactionFee.fiat, fiatCurrencyCode)) : "") : isSwapCalculated ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, translations.informationBlock.swapRate, /*#__PURE__*/React__default["default"].createElement("span", null, AmountUtils.composeRateText(sendingAssetTickerPrintable, receivingAssetTickerPrintable, swapRate, receivingAssetDecimalCount, isFixedRate))) : minimalAmount.current ? !maximumAmountValid && maximumAmount.current != null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, translations.informationBlock.maximumAmount, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, " ~ " + AmountUtils.fiat(transactionFee == null ? void 0 : transactionFee.fiat, fiatCurrencyCode)) : "") : isSwapCalculated ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, translations.informationBlock.swapRate, /*#__PURE__*/React__default["default"].createElement("span", null, AmountUtils.composeRateText(sendingAssetTickerPrintable, receivingAssetTickerPrintable, swapRate, receivingAssetDecimalCount, (_isFixedRate$current2 = isFixedRate.current) != null ? _isFixedRate$current2 : IS_FIXED_BY_DEFAULT))) : minimalAmount.current ? !maximumAmountValid && maximumAmount.current != null ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, translations.informationBlock.maximumAmount, /*#__PURE__*/React__default["default"].createElement("span", {
     className: s$9["interactable"] + " " + s$9["red"],
     onClick: isLoading.current ? function () {} : function (e) {
       return callHandlingErrors(handleMaximumAmountClick, e);
@@ -5263,8 +5279,8 @@ var SwapForm = function SwapForm(_ref) {
   })) : "") : "", displayRateSelector ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: s$9["swap-form-rate-selector"]
   }, /*#__PURE__*/React__default["default"].createElement(RateSelector, {
-    isFixed: isFixedRate,
-    setIsFixed: handleRateModeChanged,
+    isFixed: (_isFixedRate$current3 = isFixedRate.current) != null ? _isFixedRate$current3 : IS_FIXED_BY_DEFAULT,
+    setIsFixed: !isLoading.current ? handleRateModeChanged : function () {},
     translations: translations.rateSelector
   })) : "", validationContent ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: s$9["swap-form-validation-text"]
@@ -5286,11 +5302,13 @@ var SwapForm = function SwapForm(_ref) {
     size: "lg",
     mode: "primary",
     content: translations.confirmButtonText,
-    onClick: handleConfirmButtonClick,
+    onClick: function onClick(resetButtonLoader) {
+      return handleConfirmButtonClick(resetButtonLoader, setValidationContent, setBalanceValid, setMinimalAmountValid, setMaximumAmountValid, setIsPairSupported, setIsSameCoins);
+    },
     fullWidthOnMobiles: true,
     isDisabled: !readyToSwap,
     to: formHasBalance ? "" : confirmButtonTo,
-    loader: formHasBalance,
+    loader: true,
     handleError: callHandlingErrors
   }))));
 };
@@ -5341,7 +5359,7 @@ SwapForm.defaultProps = {
   sendingAssetProtocolIconSrc: null,
   receivingAssetProtocolIconSrc: null,
   fallBackAssetIconSrc: null,
-  handleConfirmButtonClick: function handleConfirmButtonClick() {},
+  handleConfirmButtonClick: function handleConfirmButtonClick(resetButtonLoader, setValidationContent, setBalanceValid, setMinimalAmountValid, setMaximumAmountValid, setIsPairSupported, setIsSameCoins) {},
   composeConfirmButtonTo: function composeConfirmButtonTo(fromTicker, toTicker, fromAmount) {
     return "";
   },