@rabbitio/ui-kit 1.0.0-beta.83 → 1.0.0-beta.85

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect, useCallback, forwardRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import AnimateHeight from 'react-animate-height';
-import ResizeObserver from 'resize-observer-polyfill';
+import ResizeObserver$1 from 'resize-observer-polyfill';
 import { clearAllBodyScrollLocks, enableBodyScroll, disableBodyScroll } from 'body-scroll-lock';
 import animateScrollTo from 'animated-scroll-to';
 import copy from 'clipboard-copy';
@@ -1414,7 +1414,7 @@ SupportChat.defaultProps = {
   locale: "en"
 };
 
-var s$m = {"asset-icon":"_0RwWA","small":"_QL4L6","asset-icon-primary":"_ltTJa","asset-icon-secondary":"_3rtPy"};
+var s$o = {"asset-icon":"_0RwWA","small":"_QL4L6","asset-icon-primary":"_ltTJa","asset-icon-secondary":"_3rtPy"};
 
 /**
  * AssetIcon component to display an icon for an asset.
@@ -1437,16 +1437,16 @@ const AssetIcon = ({
     e.target.src = _fallbackSrc;
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: s$m["asset-icon"] + (_small ? " " + s$m["small"] : "")
+    className: s$o["asset-icon"] + (_small ? " " + s$o["small"] : "")
   }, /*#__PURE__*/React.createElement("img", {
     src: assetIconSrc,
-    className: s$m["asset-icon-primary"] + (_small ? " " + s$m["small"] : ""),
+    className: s$o["asset-icon-primary"] + (_small ? " " + s$o["small"] : ""),
     alt: " ",
     onError: handleFailedLoad,
     loading: "lazy"
   }), _assetIconProtocolSrc ? /*#__PURE__*/React.createElement("img", {
     src: _assetIconProtocolSrc,
-    className: s$m["asset-icon-secondary"] + (_small ? " " + s$m["small"] : ""),
+    className: s$o["asset-icon-secondary"] + (_small ? " " + s$o["small"] : ""),
     alt: " ",
     onError: handleFailedLoad,
     loading: "lazy"
@@ -1604,7 +1604,7 @@ function useCallHandlingErrors() {
   }, []);
 }
 
-var s$l = {"link-button-text":"_1Qn04","link-button":"_UDMz-","disabled":"_UtHO6","icon-rotate-90deg":"_v0g-W","icon-rotate-180deg":"_oxet9","icon-rotate-270deg":"_0aAbG","colored":"_UlsXW"};
+var s$n = {"link-button-text":"_1Qn04","link-button":"_UDMz-","disabled":"_UtHO6","icon-rotate-90deg":"_v0g-W","icon-rotate-180deg":"_oxet9","icon-rotate-270deg":"_0aAbG","colored":"_UlsXW"};
 
 const ICON_ROTATE_OPTIONS = {
   rotate0: "0deg",
@@ -1661,14 +1661,14 @@ const LinkButton = ({
   return isLoading ? /*#__PURE__*/React.createElement(LoadingDots, {
     isColored: true
   }) : /*#__PURE__*/React.createElement("div", {
-    className: s$l["link-button"] + ` ${processedIconRotation && processedIconRotation !== ICON_ROTATE_OPTIONS.rotate0 ? " " + s$l["icon-rotate-" + processedIconRotation] : ""} ${_isDisabled ? " " + s$l["disabled"] : ""}`,
+    className: s$n["link-button"] + ` ${processedIconRotation && processedIconRotation !== ICON_ROTATE_OPTIONS.rotate0 ? " " + s$n["icon-rotate-" + processedIconRotation] : ""} ${_isDisabled ? " " + s$n["disabled"] : ""}`,
     onClick: handleClick
   }, icon ? /*#__PURE__*/React.createElement("img", {
     src: icon,
     alt: "link button alt",
     loading: "lazy"
   }) : null, IconComponent ? /*#__PURE__*/React.createElement(IconComponent, null) : null, /*#__PURE__*/React.createElement("p", {
-    className: s$l["link-button-text"] + ` ${_isColored ? s$l["colored"] : ""} ${_isDisabled ? s$l["disabled"] : ""}`
+    className: s$n["link-button-text"] + ` ${_isColored ? s$n["colored"] : ""} ${_isDisabled ? s$n["disabled"] : ""}`
   }, _content));
 };
 LinkButton.propTypes = {
@@ -1691,7 +1691,7 @@ LinkButton.defaultProps = {
   iconRotate: ICON_ROTATE_OPTIONS.rotate0
 };
 
-var s$k = {"dialog-buttons":"_UtFG3","hide-on-mobiles":"_fVQUd","space-between-layout":"_zVTkC"};
+var s$m = {"dialog-buttons":"_UtFG3","hide-on-mobiles":"_fVQUd","space-between-layout":"_zVTkC"};
 
 /**
  * Renders a dialog component with configurable primary and secondary buttons.
@@ -1702,11 +1702,13 @@ var s$k = {"dialog-buttons":"_UtFG3","hide-on-mobiles":"_fVQUd","space-between-l
  * @param {Object} props - Props for configuring the DialogButtons.
  * @param {string} [props.primaryButtonTitle] - The text to display on the primary button.
  * @param {Function} props.primaryButtonOnClick - Function to call when the primary button is clicked.
+ * @param {boolean} props.primaryButtonEnabled - Determines whether the secondary button is enabled.
  * @param {boolean} [props.primaryButtonLoader=false] - Whether to show a loader on the primary button.
  * @param {string} [props.primaryButtonTo] - The URL or route the primary button should navigate to.
  * @param {Function} [props.primaryButtonSetClickTrigger] - Additional click handling logic for the primary button.
  * @param {string} [props.secondaryButtonTitle] - The text to display on the secondary button.
  * @param {Function} props.secondaryButtonOnClick - Function to call when the secondary button is clicked.
+ * @param {boolean} props.secondaryButtonEnabled - Determines whether the primary button is enabled.
  * @param {string} [props.secondaryButtonTo] - The URL or route the secondary button should navigate to.
  * @param {boolean} [props.secondaryButtonBig=false] - Makes the secondary button larger for visual emphasis.
  * @param {boolean} [props.withBackgroundImage=false] - Indicates if the button should adjust its styling for background images.
@@ -1716,11 +1718,13 @@ var s$k = {"dialog-buttons":"_UtFG3","hide-on-mobiles":"_fVQUd","space-between-l
 const DialogButtons = ({
   primaryButtonTitle,
   primaryButtonOnClick,
+  primaryButtonEnabled,
   primaryButtonLoader: _primaryButtonLoader = false,
   primaryButtonTo,
   primaryButtonSetClickTrigger,
   secondaryButtonTitle,
   secondaryButtonOnClick,
+  secondaryButtonEnabled,
   secondaryButtonTo,
   secondaryButtonBig: _secondaryButtonBig = false,
   withBackgroundImage: _withBackgroundImage = false,
@@ -1728,7 +1732,7 @@ const DialogButtons = ({
 }) => {
   const callHandlingErrors = useCallHandlingErrors();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: s$k["dialog-buttons"] + (_hideOnMobiles ? " " + s$k["hide-on-mobiles"] : "") + (_secondaryButtonBig ? " " + s$k["space-between-layout"] : "")
+    className: s$m["dialog-buttons"] + (_hideOnMobiles ? " " + s$m["hide-on-mobiles"] : "") + (_secondaryButtonBig ? " " + s$m["space-between-layout"] : "")
   }, secondaryButtonTitle ? secondaryButtonTo ? /*#__PURE__*/React.createElement(Button, {
     mode: "primary-transparent",
     to: secondaryButtonTo,
@@ -1737,7 +1741,8 @@ const DialogButtons = ({
     fullWidthOnMobiles: true,
     content: secondaryButtonTitle,
     onClick: secondaryButtonOnClick,
-    handleError: callHandlingErrors
+    handleError: callHandlingErrors,
+    isDisabled: !secondaryButtonEnabled
   }) : _secondaryButtonBig ? /*#__PURE__*/React.createElement(Button, {
     mode: "transparent",
     size: "lg",
@@ -1745,11 +1750,13 @@ const DialogButtons = ({
     fullWidthOnMobiles: true,
     content: secondaryButtonTitle,
     onClick: secondaryButtonOnClick,
-    handleError: callHandlingErrors
+    handleError: callHandlingErrors,
+    isDisabled: !secondaryButtonEnabled
   }) : /*#__PURE__*/React.createElement(LinkButton, {
     onClick: secondaryButtonOnClick,
     content: secondaryButtonTitle,
-    isColored: !_withBackgroundImage
+    isColored: !_withBackgroundImage,
+    isDisabled: !secondaryButtonEnabled
   }) : null, primaryButtonTitle ? /*#__PURE__*/React.createElement(Button, {
     mode: "primary",
     size: "lg",
@@ -1759,17 +1766,20 @@ const DialogButtons = ({
     fullWidthOnMobiles: true,
     content: primaryButtonTitle,
     setClickTrigger: primaryButtonSetClickTrigger,
-    handleError: callHandlingErrors
+    handleError: callHandlingErrors,
+    isDisabled: !primaryButtonEnabled
   }) : null));
 };
 DialogButtons.propTypes = {
   primaryButtonTitle: PropTypes.string,
   primaryButtonOnClick: PropTypes.func,
+  primaryButtonEnabled: PropTypes.bool,
   primaryButtonLoader: PropTypes.bool,
   primaryButtonTo: PropTypes.string,
   primaryButtonSetClickTrigger: PropTypes.func,
   secondaryButtonTitle: PropTypes.string,
   secondaryButtonOnClick: PropTypes.func,
+  secondaryButtonEnabled: PropTypes.bool,
   secondaryButtonTo: PropTypes.string,
   secondaryButtonBig: PropTypes.bool,
   withBackgroundImage: PropTypes.bool,
@@ -1782,7 +1792,7 @@ DialogButtons.defaultProps = {
   hideOnMobiles: false
 };
 
-var s$j = {"background-title":"_Gzho7","background-title-wrapper":"_Rvcyg","small-margins":"_WjuWI","background-title-wrapper-text":"_cAVcA"};
+var s$l = {"background-title":"_Gzho7","background-title-wrapper":"_Rvcyg","small-margins":"_WjuWI","background-title-wrapper-text":"_cAVcA"};
 
 /**
  * Component for displaying a title with a fancy background text, which
@@ -1798,11 +1808,11 @@ const BackgroundTitle = ({
   smallMargins: _smallMargins = false
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: s$j["background-title"]
+    className: s$l["background-title"]
   }, /*#__PURE__*/React.createElement("div", {
-    className: s$j["background-title-wrapper"] + (_smallMargins ? " " + s$j["small-margins"] : "")
+    className: s$l["background-title-wrapper"] + (_smallMargins ? " " + s$l["small-margins"] : "")
   }, /*#__PURE__*/React.createElement("div", {
-    className: s$j["background-title-wrapper-text"] + (_smallMargins ? " " + s$j["small-margins"] : "")
+    className: s$l["background-title-wrapper-text"] + (_smallMargins ? " " + s$l["small-margins"] : "")
   }, text)));
 };
 BackgroundTitle.propTypes = {
@@ -1813,7 +1823,7 @@ BackgroundTitle.defaultProps = {
   smallMargins: false
 };
 
-var s$i = {"close":"_yMoDc","large":"_clOG2","white":"_145xN","dark-invert":"_-CvSS","dark":"_tTNnu"};
+var s$k = {"close":"_yMoDc","large":"_clOG2","white":"_145xN","dark-invert":"_-CvSS","dark":"_tTNnu"};
 
 const CLOSE_COLORS = {
   WHITE: "white",
@@ -1839,7 +1849,7 @@ const Close = ({
 }) => {
   const callHandlingErrors = useCallHandlingErrors();
   return /*#__PURE__*/React.createElement("svg", {
-    className: s$i["close"] + " " + s$i[_color] + (_large ? " " + s$i["large"] : ""),
+    className: s$k["close"] + " " + s$k[_color] + (_large ? " " + s$k["large"] : ""),
     onClick: e => callHandlingErrors(_onClick, e),
     style: {
       cursor: "pointer"
@@ -1863,7 +1873,7 @@ Close.defaultProps = {
   large: false
 };
 
-var s$h = {"validation-text":"_VIr-M","validation":"_L3OdW"};
+var s$j = {"validation-text":"_VIr-M","validation":"_L3OdW"};
 
 var SuccessfulValidationIcon = (() => /*#__PURE__*/React.createElement("svg", {
   width: "27",
@@ -1957,15 +1967,15 @@ const Validation = ({
   isSuccessAlert
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: s$h["validation"]
-  }, /*#__PURE__*/React.createElement("div", null, isSuccessAlert ?
+    className: s$j["validation"]
+  }, isSuccessAlert ?
   /*#__PURE__*/
   // <img src={successfulValidationIcon} alt="validation icon" />
   React.createElement(SuccessfulValidationIcon, null) :
   /*#__PURE__*/
   // <img src={failedValidationIcon} alt="validation icon" />
-  React.createElement(FailedValidationIcon, null)), /*#__PURE__*/React.createElement("span", {
-    className: s$h["validation-text"]
+  React.createElement(FailedValidationIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: s$j["validation-text"]
   }, _text));
 };
 Validation.propTypes = {
@@ -2049,7 +2059,7 @@ function logErrorOrOutputToConsole(e) {
   }
 }
 
-var s$g = {"dialog":"_AyHwj","hidden":"_hX4Lf","vertical-overflow-disabled":"_gRENy","inline":"_Da-tZ","dialog-transition-enter":"_0YlL9","scrollable":"_LaCqO","dialog-transition-enter-active":"_j35L1","dialog-transition-exit":"_lGJtS","dialog-transition-exit-active":"_Vg6Z2","fixed-buttons-container":"_ZNfnj","fixed-buttons-container-enter":"_vi-ug","fixed-buttons-container-enter-active":"_rIo-s","fixed-buttons-container-enter-done":"_5aNZC","fixed-buttons-container-exit":"_3ImpU","fixed-buttons-container-exit-active":"_dk-DE","fixed-buttons-container-exit-done":"_h9qrO","dialog-wrapper":"_HhhGp","animation-disabled":"_f8vf5","wide":"_hVh9o","dialog-wrapper-rah-content":"_ioVHo","dialog-wrapper-controls-top-padding":"_1bNLu","dialog-wrapper-close":"_nCuuj"};
+var s$i = {"dialog":"_AyHwj","hidden":"_hX4Lf","vertical-overflow-disabled":"_gRENy","inline":"_Da-tZ","dialog-transition-enter":"_0YlL9","scrollable":"_LaCqO","dialog-transition-enter-active":"_j35L1","dialog-transition-exit":"_lGJtS","dialog-transition-exit-active":"_Vg6Z2","fixed-buttons-container":"_ZNfnj","fixed-buttons-container-enter":"_vi-ug","fixed-buttons-container-enter-active":"_rIo-s","fixed-buttons-container-enter-done":"_5aNZC","fixed-buttons-container-exit":"_3ImpU","fixed-buttons-container-exit-active":"_dk-DE","fixed-buttons-container-exit-done":"_h9qrO","dialog-wrapper":"_HhhGp","animation-disabled":"_f8vf5","wide":"_hVh9o","dialog-wrapper-rah-content":"_ioVHo","dialog-wrapper-controls-top-padding":"_1bNLu","dialog-wrapper-close":"_nCuuj"};
 
 const DIALOG_SIZES = {
   small: {
@@ -2288,7 +2298,7 @@ const Dialog = ({
   }, [animationConfiguration]);
   useEffect(() => {
     if (currentStepRef.current) {
-      resizeObserverRef.current = new ResizeObserver((entries = []) => {
+      resizeObserverRef.current = new ResizeObserver$1((entries = []) => {
         entries.forEach(entry => {
           const {
             width,
@@ -2365,10 +2375,10 @@ const Dialog = ({
     in: showDialogProcessed,
     timeout: DIALOG_TRANSITION_STEP_DURATION,
     classNames: _inline ? undefined : {
-      enter: s$g["dialog-transition-enter"],
-      enterActive: s$g["dialog-transition-enter-active"],
-      exit: s$g["dialog-transition-exit"],
-      exitActive: s$g["dialog-transition-exit-active"]
+      enter: s$i["dialog-transition-enter"],
+      enterActive: s$i["dialog-transition-enter-active"],
+      exit: s$i["dialog-transition-exit"],
+      exitActive: s$i["dialog-transition-exit-active"]
     },
     unmountOnExit: true,
     onExited: () => {
@@ -2387,13 +2397,13 @@ const Dialog = ({
       disableBodyScroll(dialogRef.current);
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: s$g["dialog"] + " " + (dialogVerticalHeight > 1 || !isMultiStep ? "" : " " + s$g["hidden"]) + (animationConfiguration.dialogContainerOverflowDisabled ? " " + s$g["vertical-overflow-disabled"] : "") + (_inline ? " " + s$g["inline"] : ""),
+    className: s$i["dialog"] + " " + (dialogVerticalHeight > 1 || !isMultiStep ? "" : " " + s$i["hidden"]) + (animationConfiguration.dialogContainerOverflowDisabled ? " " + s$i["vertical-overflow-disabled"] : "") + (_inline ? " " + s$i["inline"] : ""),
     ref: dialogRef
   }, /*#__PURE__*/React.createElement("div", {
-    className: s$g["scrollable"] + (_inline ? " " + s$g["inline"] : ""),
+    className: s$i["scrollable"] + (_inline ? " " + s$i["inline"] : ""),
     ref: scrollableRef
   }, /*#__PURE__*/React.createElement("div", {
-    className: s$g["dialog-wrapper"] + (animationConfiguration.wrapperWidthAnimationEnabled ? "" : " " + s$g["animation-disabled"]) + (_inline ? " " + s$g["inline"] : ""),
+    className: s$i["dialog-wrapper"] + (animationConfiguration.wrapperWidthAnimationEnabled ? "" : " " + s$i["animation-disabled"]) + (_inline ? " " + s$i["inline"] : ""),
     ref: dialogWrapperRef,
     style: dialogConfiguration.customWidth !== "" ? {
       maxWidth: dialogConfiguration.customWidth
@@ -2404,9 +2414,9 @@ const Dialog = ({
     duration: animationConfiguration.animateHeightTransitionEnabled ? animationConfiguration.animateHeightTransitionSpeed : 0,
     delay: animationConfiguration.animateHeightTransitionEnabled ? animationConfiguration.animateHeightDelay : 0,
     height: isMultiStep ? dialogVerticalHeight : "auto",
-    contentClassName: s$g["dialog-wrapper-rah-content"]
+    contentClassName: s$i["dialog-wrapper-rah-content"]
   }, _inline ? "" : /*#__PURE__*/React.createElement("div", {
-    className: s$g["dialog-wrapper-close"]
+    className: s$i["dialog-wrapper-close"]
   }, /*#__PURE__*/React.createElement(Close, {
     color: "dark",
     onClick: e => _onClose(),
@@ -2417,16 +2427,16 @@ const Dialog = ({
     // classNames={s["fixed-buttons-container"]}
     ,
     classNames: {
-      enter: s$g["fixed-buttons-container-enter"],
-      enterActive: s$g["fixed-buttons-container-enter-active"],
-      enterDone: s$g["fixed-buttons-container-enter-done"],
-      exit: s$g["fixed-buttons-container-exit"],
-      exitActive: s$g["fixed-buttons-container-exit-active"],
-      exitDone: s$g["fixed-buttons-container-exit-done"]
+      enter: s$i["fixed-buttons-container-enter"],
+      enterActive: s$i["fixed-buttons-container-enter-active"],
+      enterDone: s$i["fixed-buttons-container-enter-done"],
+      exit: s$i["fixed-buttons-container-exit"],
+      exitActive: s$i["fixed-buttons-container-exit-active"],
+      exitDone: s$i["fixed-buttons-container-exit-done"]
     },
     unmountOnExit: true
   }, /*#__PURE__*/React.createElement("div", {
-    className: s$g["fixed-buttons-container"]
+    className: s$i["fixed-buttons-container"]
   }, /*#__PURE__*/React.createElement(DialogButtons, buttonsConfiguration)))));
 };
 Dialog.propTypes = {
@@ -2479,7 +2489,7 @@ var arrowWhite = (() => /*#__PURE__*/React.createElement("svg", {
   "stroke-linejoin": "round"
 })));
 
-var s$f = {"dialog-step":"_0e-Qk","dialog":"_hKHTW","hidden":"_OT1zR","vertical-overflow-disabled":"_r1zu9","inline":"_Fl90j","dialog-transition-enter":"_I2XgD","scrollable":"_bzLMI","dialog-transition-enter-active":"_oVr8Y","dialog-transition-exit":"_Z16VM","dialog-transition-exit-active":"_n15oq","fixed-buttons-container":"_wROD2","fixed-buttons-container-enter":"_sjNeR","fixed-buttons-container-enter-active":"_ClXNv","fixed-buttons-container-enter-done":"_RFDsV","fixed-buttons-container-exit":"_biF1s","fixed-buttons-container-exit-active":"_rnsbL","fixed-buttons-container-exit-done":"_fq5hb","dialog-wrapper":"_f3-0r","animation-disabled":"_WC3TT","wide":"_KzekW","dialog-wrapper-rah-content":"_RQkF-","dialog-wrapper-controls-top-padding":"_4IXJZ","dialog-wrapper-close":"_ursQ7","single-step":"_uhIvi","current":"_cf5Kv","with-background":"_50qat","prev":"_XwrWV","next":"_rWauR","dialog-step-background-image":"_BGO3z","dialog-step-background-image-desktop":"_JHVKU","dialog-step-background-image-mobile":"_XCWwZ","primary":"_CZCMe","dialog-step-wrapper":"_abWKW","slideToLeft":"_gUTFZ","slideToRight":"_IvqZI","appear-from-left":"_kCimd","slideFromLeft":"_Qn75y","appear-from-right":"_IJNy-","slideFromRight":"_-pa-6","dialog-step-wrapper-back-button":"_RtjTj","dialog-step-wrapper-header":"_-n02U","text-left":"_KgtZY","with-background-image":"_Lvz6f","dialog-step-wrapper-header-logo":"_ICMMd","dialog-step-wrapper-header-title":"_Sit8v","without-logo":"_GuW8x","close-button-padding":"_ovES2","no-close-button-padding":"_sFNQz","dialog-step-wrapper-header-title-icon":"_Ygqlx","dialog-step-wrapper-header-title-coin-icon":"_wQKfR","dialog-step-wrapper-header-title-loading":"_pR41Y","dialog-step-wrapper-header-title-text-content":"_-kVUI","white":"_JShTb","dialog-step-wrapper-header-text":"_a7sff","break-words":"_I16HH","small-margin":"_w6f6j","no-margin":"_RF8u-","dialog-step-wrapper-content":"_dgGiX","align-left":"_9c1qs","align-center":"_z0o-e","align-right":"_-6p5j","dialog-step-wrapper-buttons":"_uuxmx","big-margin":"_U-vR6"};
+var s$h = {"dialog-step":"_0e-Qk","dialog":"_hKHTW","hidden":"_OT1zR","vertical-overflow-disabled":"_r1zu9","inline":"_Fl90j","dialog-transition-enter":"_I2XgD","scrollable":"_bzLMI","dialog-transition-enter-active":"_oVr8Y","dialog-transition-exit":"_Z16VM","dialog-transition-exit-active":"_n15oq","fixed-buttons-container":"_wROD2","fixed-buttons-container-enter":"_sjNeR","fixed-buttons-container-enter-active":"_ClXNv","fixed-buttons-container-enter-done":"_RFDsV","fixed-buttons-container-exit":"_biF1s","fixed-buttons-container-exit-active":"_rnsbL","fixed-buttons-container-exit-done":"_fq5hb","dialog-wrapper":"_f3-0r","animation-disabled":"_WC3TT","wide":"_KzekW","dialog-wrapper-rah-content":"_RQkF-","dialog-wrapper-controls-top-padding":"_4IXJZ","dialog-wrapper-close":"_ursQ7","single-step":"_uhIvi","current":"_cf5Kv","with-background":"_50qat","prev":"_XwrWV","next":"_rWauR","dialog-step-background-image":"_BGO3z","dialog-step-background-image-desktop":"_JHVKU","dialog-step-background-image-mobile":"_XCWwZ","primary":"_CZCMe","dialog-step-wrapper":"_abWKW","slideToLeft":"_gUTFZ","slideToRight":"_IvqZI","appear-from-left":"_kCimd","slideFromLeft":"_Qn75y","appear-from-right":"_IJNy-","slideFromRight":"_-pa-6","dialog-step-wrapper-back-button":"_RtjTj","dialog-step-wrapper-header":"_-n02U","text-left":"_KgtZY","with-background-image":"_Lvz6f","dialog-step-wrapper-header-logo":"_ICMMd","dialog-step-wrapper-header-title":"_Sit8v","without-logo":"_GuW8x","close-button-padding":"_ovES2","no-close-button-padding":"_sFNQz","dialog-step-wrapper-header-title-icon":"_Ygqlx","dialog-step-wrapper-header-title-coin-icon":"_wQKfR","dialog-step-wrapper-header-title-loading":"_pR41Y","dialog-step-wrapper-header-title-text-content":"_-kVUI","white":"_JShTb","dialog-step-wrapper-header-text":"_a7sff","break-words":"_I16HH","small-margin":"_w6f6j","no-margin":"_RF8u-","dialog-step-wrapper-content":"_dgGiX","align-left":"_9c1qs","align-center":"_z0o-e","align-right":"_-6p5j","dialog-step-wrapper-buttons":"_uuxmx","big-margin":"_U-vR6"};
 
 const DIALOG_STEP_CLASS = "dialog-step";
 
@@ -2500,9 +2510,11 @@ const DIALOG_STEP_CLASS = "dialog-step";
  * @param {string} props.subtitle - Step subtitle.
  * @param {string} props.backButtonText - Secondary button title.
  * @param {function} props.backButtonClick - Secondary button click handler.
+ * @param {boolean} props.backButtonEnabled - Determines whether the secondary button is enabled.
  * @param {string} props.backButtonTo - Secondary button link.
  * @param {string} props.confirmButtonText - Primary button title.
  * @param {function} props.confirmButtonClick - Primary button click handler.
+ * @param {boolean} props.confirmButtonEnabled - Determines whether the primary button is enabled.
  * @param {string} props.confirmButtonLink - Primary button link.
  * @param {boolean} props.primaryButtonLoader - Enable loader for the primary button.
  * @param {boolean} props.fixedButtons - Enable fixed buttons in the bottom for mobile devices.
@@ -2539,9 +2551,11 @@ const DialogStep = ({
   subtitle: _subtitle = "",
   backButtonText: _backButtonText = "",
   backButtonClick: _backButtonClick = () => {},
+  backButtonEnabled: _backButtonEnabled = true,
   backButtonTo: _backButtonTo = "",
   confirmButtonText: _confirmButtonText = "",
   confirmButtonClick: _confirmButtonClick = () => {},
+  confirmButtonEnabled: _confirmButtonEnabled = true,
   confirmButtonLink: _confirmButtonLink = "",
   primaryButtonLoader: _primaryButtonLoader = false,
   fixedButtons: _fixedButtons = false,
@@ -2597,10 +2611,10 @@ const DialogStep = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const handleTransitionEnd = event => {
-    if (isMultiStep && isCurrentStep(_stepName) && event.propertyName === "opacity" && event.target.classList[0] === s$f[DIALOG_STEP_CLASS]) {
+    if (isMultiStep && isCurrentStep(_stepName) && event.propertyName === "opacity" && event.target.classList[0] === s$h[DIALOG_STEP_CLASS]) {
       disableAnimation(animationConfiguration.animateHeightTransitionEnabled);
     }
-    if (isMultiStep && unmountOnAnimationEndTrigger && event.propertyName === "opacity" && event.target.classList[0] === s$f[DIALOG_STEP_CLASS]) {
+    if (isMultiStep && unmountOnAnimationEndTrigger && event.propertyName === "opacity" && event.target.classList[0] === s$h[DIALOG_STEP_CLASS]) {
       clearButtonsConfiguration();
       scrollDialogToTop();
       setStepMounted(false);
@@ -2631,11 +2645,13 @@ const DialogStep = ({
         updateButtonsConfiguration({
           primaryButtonTitle: _confirmButtonText,
           primaryButtonOnClick: resetButtonLoader => _confirmButtonClick(resetButtonLoader),
+          primaryButtonEnabled: _confirmButtonEnabled,
           primaryButtonLoader: _primaryButtonLoader,
           primaryButtonTo: _confirmButtonLink,
           primaryButtonSetClickTrigger: _setClickTrigger,
           secondaryButtonTitle: _backButtonText,
           secondaryButtonOnClick: _backButtonClick,
+          secondaryButtonEnabled: _backButtonEnabled,
           secondaryButtonTo: _backButtonTo,
           fixedButtonsEnabled: _fixedButtons
         }, _stepName);
@@ -2660,45 +2676,47 @@ const DialogStep = ({
       updateButtonsConfiguration({
         primaryButtonTitle: _confirmButtonText,
         primaryButtonOnClick: resetButtonLoader => _confirmButtonClick(resetButtonLoader),
+        primaryButtonEnabled: _confirmButtonEnabled,
         primaryButtonLoader: _primaryButtonLoader,
         primaryButtonTo: _confirmButtonLink,
         primaryButtonSetClickTrigger: _setClickTrigger,
         secondaryButtonTitle: _backButtonText,
         secondaryButtonOnClick: _backButtonClick,
+        secondaryButtonEnabled: _backButtonEnabled,
         secondaryButtonTo: _backButtonTo,
         fixedButtonsEnabled: _fixedButtons
       }, _stepName);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [_confirmButtonText, _confirmButtonClick, _primaryButtonLoader, _confirmButtonLink, _setClickTrigger, _backButtonText, _backButtonClick, _backButtonTo, currentStep]);
+  }, [_confirmButtonText, _confirmButtonClick, _confirmButtonEnabled, _primaryButtonLoader, _confirmButtonLink, _setClickTrigger, _backButtonText, _backButtonClick, _backButtonEnabled, _backButtonTo, currentStep]);
   const {
     assetIconSrc,
     assetIconProtocolSrc,
     fallbackSrc
   } = titleIconCoin && _coinToIconPaths ? _coinToIconPaths(titleIconCoin) : {};
   return /*#__PURE__*/React.createElement("div", {
-    className: s$f[DIALOG_STEP_CLASS] + " " + s$f[stepClass] + (!isMultiStep || !(animationConfiguration != null && animationConfiguration.currentStepAnimationEnabled) ? " " + s$f["animation-disabled"] : "") + (!isMultiStep ? " " + s$f["single-step"] : "") + (backgroundImage || backgroundImageMobile ? " " + s$f["with-background"] : "") + (inline ? " " + s$f["inline"] : ""),
+    className: s$h[DIALOG_STEP_CLASS] + " " + s$h[stepClass] + (!isMultiStep || !(animationConfiguration != null && animationConfiguration.currentStepAnimationEnabled) ? " " + s$h["animation-disabled"] : "") + (!isMultiStep ? " " + s$h["single-step"] : "") + (backgroundImage || backgroundImageMobile ? " " + s$h["with-background"] : "") + (inline ? " " + s$h["inline"] : ""),
     ref: currentStepRef,
     onTransitionEnd: handleTransitionEnd,
     style: height ? {
       height: height
     } : null
   }, stepMounted ? /*#__PURE__*/React.createElement(React.Fragment, null, backgroundImage || backgroundImageMobile ? /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-background-image"] + " " + s$f[stepClass]
+    className: s$h["dialog-step-background-image"] + " " + s$h[stepClass]
   }, backgroundImage ? /*#__PURE__*/React.createElement("img", {
     src: backgroundImage,
-    className: s$f["dialog-step-background-image-desktop"] + " " + stepClass + (!backgroundImageMobile ? " " + s$f["primary"] : ""),
+    className: s$h["dialog-step-background-image-desktop"] + " " + stepClass + (!backgroundImageMobile ? " " + s$h["primary"] : ""),
     alt: "dialog step background",
     loading: "lazy"
   }) : null, backgroundImageMobile ? /*#__PURE__*/React.createElement("img", {
     src: backgroundImageMobile,
-    className: s$f["dialog-step-background-image-mobile"] + " " + stepClass + (!backgroundImage ? " " + s$f["primary"] : ""),
+    className: s$h["dialog-step-background-image-mobile"] + " " + stepClass + (!backgroundImage ? " " + s$h["primary"] : ""),
     alt: "dialog step background",
     loading: "lazy"
   }) : null) : null, /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper"] + " " + s$f[stepClass] + " " + s$f[wrapperDirectionSubclass] + (inline ? " " + s$f["inline"] : "")
+    className: s$h["dialog-step-wrapper"] + " " + s$h[stepClass] + " " + s$h[wrapperDirectionSubclass] + (inline ? " " + s$h["inline"] : "")
   }, isMultiStep && showCornerButtonForStep(_stepName, _showCornerBackButton) ? /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-back-button"]
+    className: s$h["dialog-step-wrapper-back-button"]
   }, /*#__PURE__*/React.createElement(LinkButton, {
     onClick: _cornerBackButtonClick ? _cornerBackButtonClick : previousStep,
     content: _cornerBackButtonTitle ? _cornerBackButtonTitle :
@@ -2708,52 +2726,54 @@ const DialogStep = ({
     iconRotate: ICON_ROTATE_OPTIONS.rotate90,
     isColored: backgroundImage || backgroundImageMobile ? false : undefined
   })) : null, /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-header"] + (_headerTitleLeft ? " " + s$f["text-left"] : "") + (backgroundImage || backgroundImageMobile ? " " + s$f["with-background-image"] : "")
+    className: s$h["dialog-step-wrapper-header"] + (_headerTitleLeft ? " " + s$h["text-left"] : "") + (backgroundImage || backgroundImageMobile ? " " + s$h["with-background-image"] : "")
   }, _image ? /*#__PURE__*/React.createElement("img", {
     src: _image,
     alt: "dialog popup logo",
-    className: s$f["dialog-step-wrapper-header-logo"],
+    className: s$h["dialog-step-wrapper-header-logo"],
     loading: "lazy"
   }) : ImageRaw ? /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-header-logo"]
+    className: s$h["dialog-step-wrapper-header-logo"]
   }, /*#__PURE__*/React.createElement(ImageRaw, null)) : null, /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-header-title"] + (!isTopImagePassed ? " " + s$f["without-logo"] : "") + (!isTopImagePassed && _headerTitleLeft ? " " + s$f["close-button-padding"] : "") + (inline ? " " + s$f["no-close-button-padding"] : "")
+    className: s$h["dialog-step-wrapper-header-title"] + (!isTopImagePassed ? " " + s$h["without-logo"] : "") + (!isTopImagePassed && _headerTitleLeft ? " " + s$h["close-button-padding"] : "") + (inline ? " " + s$h["no-close-button-padding"] : "")
   }, titleIconCoin ? /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-header-title-coin-icon"]
+    className: s$h["dialog-step-wrapper-header-title-coin-icon"]
   }, /*#__PURE__*/React.createElement(AssetIcon, {
     assetIconSrc: assetIconSrc,
     assetIconProtocolSrc: assetIconProtocolSrc,
     fallbackSrc: fallbackSrc
   })) : _titleIcon ? /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-header-title-icon"]
+    className: s$h["dialog-step-wrapper-header-title-icon"]
   }, /*#__PURE__*/React.createElement("img", {
     src: _titleIcon,
     alt: "coin icon to send",
     loading: "lazy"
   })) : null, _titleLoadingDots ? /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-header-title-loading"]
+    className: s$h["dialog-step-wrapper-header-title-loading"]
   }, /*#__PURE__*/React.createElement(LoadingDots, {
     isColored: true
   })) : "", /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-header-title-text"]
+    className: s$h["dialog-step-wrapper-header-title-text"]
   }, !isTopImagePassed && _showBackgroundTitle ? /*#__PURE__*/React.createElement(BackgroundTitle, {
     text: _title
   }) : null, /*#__PURE__*/React.createElement("h5", {
-    className: s$f["dialog-step-wrapper-header-title-text-content"] + (!isTopImagePassed ? " " + s$f["without-logo"] : "") + (backgroundImage || backgroundImageMobile ? " " + s$f["white"] : "")
+    className: s$h["dialog-step-wrapper-header-title-text-content"] + (!isTopImagePassed ? " " + s$h["without-logo"] : "") + (backgroundImage || backgroundImageMobile ? " " + s$h["white"] : "")
   }, _title))), _subtitle ? /*#__PURE__*/React.createElement("p", {
-    className: s$f["dialog-step-wrapper-header-text"] + ` ${!isTopImagePassed ? s$f["without-logo"] : ""} ${_subtitleSmallMargin ? s$f["small-margin"] : ""}${_subtitleNoMargin ? s$f["no-margin"] : ""} ${_headerTitleLeft ? s$f["text-left"] : ""} ${_breakSubtitleWords ? s$f["break-words"] : ""} ${backgroundImage || backgroundImageMobile ? s$f["white"] : ""}`
+    className: s$h["dialog-step-wrapper-header-text"] + ` ${!isTopImagePassed ? s$h["without-logo"] : ""} ${_subtitleSmallMargin ? s$h["small-margin"] : ""}${_subtitleNoMargin ? s$h["no-margin"] : ""} ${_headerTitleLeft ? s$h["text-left"] : ""} ${_breakSubtitleWords ? s$h["break-words"] : ""} ${backgroundImage || backgroundImageMobile ? s$h["white"] : ""}`
   }, _subtitle) : null), /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-content"] + " " + s$f["align-" + _contentAlign]
+    className: s$h["dialog-step-wrapper-content"] + " " + s$h["align-" + _contentAlign]
   }, _children), _backButtonText || _confirmButtonText ? /*#__PURE__*/React.createElement("div", {
-    className: s$f["dialog-step-wrapper-buttons"] + ` ${_bigButtonMargins ? s$f["big-margin"] : ""} ${_noButtonMargins ? s$f["no-margin"] : ""} ${_isSecondaryButtonBig ? s$f["space-between-layout"] : ""}`
+    className: s$h["dialog-step-wrapper-buttons"] + ` ${_bigButtonMargins ? s$h["big-margin"] : ""} ${_noButtonMargins ? s$h["no-margin"] : ""} ${_isSecondaryButtonBig ? s$h["space-between-layout"] : ""}`
   }, /*#__PURE__*/React.createElement(DialogButtons, {
     primaryButtonTitle: _confirmButtonText,
     primaryButtonOnClick: resetButtonLoader => _confirmButtonClick(resetButtonLoader),
+    primaryButtonEnabled: _confirmButtonEnabled,
     primaryButtonLoader: _primaryButtonLoader,
     primaryButtonTo: _confirmButtonLink,
     primaryButtonSetClickTrigger: _setClickTrigger,
     secondaryButtonTitle: _backButtonText,
     secondaryButtonOnClick: _backButtonClick,
+    secondaryButtonEnabled: _backButtonEnabled,
     secondaryButtonTo: _backButtonTo,
     secondaryButtonBig: _isSecondaryButtonBig,
     withBackgroundImage: !!backgroundImage || !!backgroundImageMobile,
@@ -2773,9 +2793,11 @@ DialogStep.propTypes = {
   subtitle: PropTypes.string,
   backButtonText: PropTypes.string,
   backButtonClick: PropTypes.func,
+  backButtonEnabled: PropTypes.bool,
   backButtonTo: PropTypes.string,
   confirmButtonText: PropTypes.string,
   confirmButtonClick: PropTypes.func,
+  confirmButtonEnabled: PropTypes.bool,
   confirmButtonLink: PropTypes.string,
   primaryButtonLoader: PropTypes.bool,
   fixedButtons: PropTypes.bool,
@@ -2809,9 +2831,11 @@ DialogStep.defaultProps = {
   subtitle: "",
   backButtonText: "",
   backButtonClick: () => {},
+  backButtonEnabled: true,
   backButtonTo: "",
   confirmButtonText: "",
   confirmButtonClick: () => {},
+  confirmButtonEnabled: true,
   confirmButtonLink: "",
   primaryButtonLoader: false,
   fixedButtons: false,
@@ -2834,7 +2858,7 @@ DialogStep.defaultProps = {
   isSecondaryButtonBig: false
 };
 
-var s$e = {"asset-selection":"_xevLY","disabled":"_DZRfD","active":"_oBw9O","asset-selection-protocol-wrapper":"_ixAiH","asset-selection-icon-wrapper":"_gJ5LN","arrow":"_W8Ibq"};
+var s$g = {"asset-selection":"_xevLY","disabled":"_DZRfD","active":"_oBw9O","asset-selection-protocol-wrapper":"_ixAiH","asset-selection-icon-wrapper":"_gJ5LN","arrow":"_W8Ibq"};
 
 var ArrowIcon = (() => /*#__PURE__*/React.createElement("svg", {
   width: "16",
@@ -2872,19 +2896,19 @@ const AssetSelection = ({
 }) => {
   const handleError = useCallHandlingErrors();
   return /*#__PURE__*/React.createElement("div", {
-    className: s$e["asset-selection"] + " " + (_disabled ? s$e["disabled"] : ""),
+    className: s$g["asset-selection"] + " " + (_disabled ? s$g["disabled"] : ""),
     onClick: _disabled ? () => {} : e => handleError(_handleClick, e)
   }, /*#__PURE__*/React.createElement("div", {
-    className: s$e["asset-selection-icon-wrapper"]
+    className: s$g["asset-selection-icon-wrapper"]
   }, /*#__PURE__*/React.createElement(AssetIcon, {
     small: true,
     assetIconSrc: assetIconSrc,
     assetIconProtocolSrc: _assetIconProtocolSrc,
     fallbackSrc: fallbackSrc
   })), protocolName ? /*#__PURE__*/React.createElement("div", {
-    className: s$e["asset-selection-protocol-wrapper"]
+    className: s$g["asset-selection-protocol-wrapper"]
   }, protocolName) : "", /*#__PURE__*/React.createElement("div", {
-    className: s$e["arrow"]
+    className: s$g["arrow"]
   }, /*#__PURE__*/React.createElement(ArrowIcon, null)));
 };
 AssetSelection.propTypes = {
@@ -2901,7 +2925,7 @@ AssetSelection.defaultProps = {
   assetIconProtocolSrc: null
 };
 
-var s$d = {"tooltip":"_8eyAx","enter":"_RpNdl","enter-active":"_BJddw","exit":"_BTWC-","exit-active":"_nxU2j","top-left":"_pPuyF","enter-done":"_UTN4U","top-right":"_2ppAB","left":"_--VUv","bottom":"_a1OJb","right":"_KNVu3","wide":"_s17pG","ignore-pointer":"_RCyas","tooltip-enter":"_3372j","tooltip-enter-active":"_-RNGY","tooltip-enter-done":"_90MOt","tooltip-exit":"_QT297","tooltip-exit-active":"_a0CNW"};
+var s$f = {"tooltip":"_8eyAx","enter":"_RpNdl","enter-active":"_BJddw","exit":"_BTWC-","exit-active":"_nxU2j","top-left":"_pPuyF","enter-done":"_UTN4U","top-right":"_2ppAB","left":"_--VUv","bottom":"_a1OJb","right":"_KNVu3","wide":"_s17pG","ignore-pointer":"_RCyas","tooltip-enter":"_3372j","tooltip-enter-active":"_-RNGY","tooltip-enter-done":"_90MOt","tooltip-exit":"_QT297","tooltip-exit-active":"_a0CNW"};
 
 var DarkRectangle = (() => /*#__PURE__*/React.createElement("svg", {
   width: "25",
@@ -2955,7 +2979,7 @@ const Tooltip = ({
     timeout: 400,
     unmountOnExit: true
   }, /*#__PURE__*/React.createElement("span", {
-    className: `${s$d["tooltip"]} ${_wide ? s$d["wide"] : ""} ${s$d[_position]} ${_ignorePointerEvents ? s$d["ignore-pointer"] : ""}`,
+    className: `${s$f["tooltip"]} ${_wide ? s$f["wide"] : ""} ${s$f[_position]} ${_ignorePointerEvents ? s$f["ignore-pointer"] : ""}`,
     onClick: e => handleError(onClick, e),
     onDoubleClick: e => handleError(e => e.stopPropagation(), e)
   }, /*#__PURE__*/React.createElement(DarkRectangle, null), children));
@@ -2975,7 +2999,7 @@ Tooltip.defaultProps = {
   ignorePointerEvents: false
 };
 
-var s$c = {"notice-icon-image":"_MdvCj","notice-icon":"_lFNkE","notice-icon-tooltip":"_l38uS"};
+var s$e = {"notice-icon-image":"_MdvCj","notice-icon":"_lFNkE","notice-icon-tooltip":"_l38uS"};
 
 const handleClickOutside = (exceptionsRefs, callback) => {
   function handleClick(event) {
@@ -3068,18 +3092,18 @@ const NoticeIcon = ({
   useEffect(() => handleClickOutside([noticeRef], () => setShowTooltip(false)), []);
   return /*#__PURE__*/React.createElement("div", {
     ref: noticeRef,
-    className: s$c["notice-icon"]
+    className: s$e["notice-icon"]
   }, _titleNoticeIcon ? /*#__PURE__*/React.createElement("img", {
     src: _titleNoticeIcon,
     alt: "title icon",
     onClick: () => setShowTooltip(prev => !prev),
-    className: s$c["notice-icon-image"],
+    className: s$e["notice-icon-image"],
     loading: "lazy"
   }) : /*#__PURE__*/React.createElement("div", {
-    className: s$c["notice-icon-image"],
+    className: s$e["notice-icon-image"],
     onClick: () => setShowTooltip(prev => !prev)
   }, /*#__PURE__*/React.createElement(NoticeQuestionIcon, null)), /*#__PURE__*/React.createElement("div", {
-    className: s$c["notice-icon-tooltip"]
+    className: s$e["notice-icon-tooltip"]
   }, /*#__PURE__*/React.createElement(Tooltip, {
     showTooltip: showTooltip,
     handleClick: () => setShowTooltip(false),
@@ -3097,7 +3121,7 @@ NoticeIcon.defaultProps = {
   tooltipPosition: TOOLTIP_POSITIONS.TOP
 };
 
-var s$b = {"title-box":"_2Kb-x","full-width":"_-5MIw","title-box-wrapper":"_f8RmO","title-box-wrapper-title":"_Oxg7u","transparent-title":"_NwGqA","title-box-wrapper-link-button":"_f-4ZL"};
+var s$d = {"title-box":"_2Kb-x","full-width":"_-5MIw","title-box-wrapper":"_f8RmO","title-box-wrapper-title":"_Oxg7u","transparent-title":"_NwGqA","title-box-wrapper-link-button":"_f-4ZL"};
 
 /**
  * Copies given text to clipboard inside browser.
@@ -3153,7 +3177,7 @@ const TitleBox = ({
   copyButtonTooltipContent
 }) => {
   const handleError = useCallHandlingErrors();
-  const transparentTitleClass = _transparentTitle ? s$b["transparent-title"] : "";
+  const transparentTitleClass = _transparentTitle ? s$d["transparent-title"] : "";
   const [showCopyNotice, setShowCopyNotice] = useState(false);
   const handleCopyButton = e => {
     handleError(() => {
@@ -3165,19 +3189,19 @@ const TitleBox = ({
     }, e);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: `${s$b["title-box"]} ${_fullWidth ? s$b["full-width"] : ""}`
+    className: `${s$d["title-box"]} ${_fullWidth ? s$d["full-width"] : ""}`
   }, _title || _titleNoticeText || _linkText ? /*#__PURE__*/React.createElement("div", {
-    className: s$b["title-box-wrapper"]
+    className: s$d["title-box-wrapper"]
   }, _bigTitle ? /*#__PURE__*/React.createElement("h5", {
-    className: s$b["title-box-wrapper-title"] + " " + transparentTitleClass
+    className: s$d["title-box-wrapper-title"] + " " + transparentTitleClass
   }, _title) : /*#__PURE__*/React.createElement("h6", {
-    className: s$b["title-box-wrapper-title"] + " " + transparentTitleClass
+    className: s$d["title-box-wrapper-title"] + " " + transparentTitleClass
   }, _title), _titleNoticeText ? /*#__PURE__*/React.createElement(NoticeIcon, {
     noticeText: _titleNoticeText,
     titleNoticeIcon: titleNoticeIcon,
     tooltipPosition: titleNoticePosition
   }) : null, copyButtonContent && copyButtonText ? /*#__PURE__*/React.createElement("div", {
-    className: s$b["title-box-wrapper-link-button"]
+    className: s$d["title-box-wrapper-link-button"]
   }, /*#__PURE__*/React.createElement(LinkButton, {
     content: copyButtonText,
     onClick: handleCopyButton,
@@ -3187,7 +3211,7 @@ const TitleBox = ({
     position: TOOLTIP_POSITIONS.TOP_LEFT,
     showTooltip: showCopyNotice
   }, copyButtonTooltipContent)) : _linkText ? /*#__PURE__*/React.createElement("div", {
-    className: s$b["title-box-wrapper-link-button"]
+    className: s$d["title-box-wrapper-link-button"]
   }, /*#__PURE__*/React.createElement(LinkButton, {
     content: _linkText,
     onClick: _linkButtonClick,
@@ -3225,7 +3249,7 @@ TitleBox.defaultProps = {
   transparentTitle: false
 };
 
-var s$a = {"amount-input-container-input-wrapper":"_OQ-ym","requested-amount-fiat-skeleton-content":"_zck4j","requested-amount-coin-skeleton-content":"_rZsYH","amount-input-container":"_AQaqi","upper-form-position":"_FjX1X","lower-form-position":"_g5zUv","error-encountered":"_XjaEm","focus":"_-jHS0","disabled":"_3y8Yo","bottom-margin":"_3RoIe","asset-balance":"_Z9fcv","red":"_EXTAF","requested-amount-coin":"_AV4qa","requested-amount-coin-currency":"_OGQ9l","requested-amount-coin-input":"_KY6tO","requested-amount-coin-skeleton":"_gIBI7","requested-amount-fiat":"_gwWcz","requested-amount-fiat-currency":"_RACoB","requested-amount-fiat-input":"_L5lVd","requested-amount-fiat-placeholder":"_HV2XM","requested-amount-fiat-skeleton":"_63hUZ"};
+var s$c = {"amount-input-container-input-wrapper":"_OQ-ym","requested-amount-fiat-skeleton-content":"_zck4j","requested-amount-coin-skeleton-content":"_rZsYH","amount-input-container":"_AQaqi","upper-form-position":"_FjX1X","lower-form-position":"_g5zUv","error-encountered":"_XjaEm","focus":"_-jHS0","disabled":"_3y8Yo","bottom-margin":"_3RoIe","asset-balance":"_Z9fcv","red":"_EXTAF","requested-amount-coin":"_AV4qa","requested-amount-coin-currency":"_OGQ9l","requested-amount-coin-input":"_KY6tO","requested-amount-coin-skeleton":"_gIBI7","requested-amount-fiat":"_gwWcz","requested-amount-fiat-enter":"_Q3eUh","requested-amount-fiat-enter-active":"_ijYoP","requested-amount-fiat-exit":"_czDtf","requested-amount-fiat-exit-active":"_Hav2r","requested-amount-fiat-currency":"_RACoB","requested-amount-fiat-input":"_L5lVd","requested-amount-fiat-placeholder":"_HV2XM","requested-amount-fiat-skeleton":"_63hUZ"};
 
 var WalletIcon = (() => /*#__PURE__*/React.createElement("svg", {
   width: "16",
@@ -3797,38 +3821,48 @@ const AmountInput = /*#__PURE__*/React.forwardRef(({
     linkText: _isSendAll !== null ? _isSendAll ? _linkButtonActiveText : _linkButtonInactiveText : null,
     linkButtonClick: _handleSendAllClick
   }, /*#__PURE__*/React.createElement("div", {
-    className: [s$a["amount-input-container"], isInFocus ? s$a["focus"] : "", errorEncountered || highlightInput ? s$a["error-encountered"] : "", upperFormPosition ? s$a["upper-form-position"] : "", lowerFormPosition ? s$a["lower-form-position"] : ""].join(" ")
+    className: [s$c["amount-input-container"], isInFocus ? s$c["focus"] : "", errorEncountered || highlightInput ? s$c["error-encountered"] : "", upperFormPosition ? s$c["upper-form-position"] : "", lowerFormPosition ? s$c["lower-form-position"] : ""].join(" ")
   }, /*#__PURE__*/React.createElement("div", {
-    className: `${s$a["amount-input-container-input-wrapper"]} ${disabled ? s$a["disabled"] : ""}
-                        ${children ? s$a["bottom-margin"] : ""}`
+    className: `${s$c["amount-input-container-input-wrapper"]} ${disabled ? s$c["disabled"] : ""}
+                        ${children ? s$c["bottom-margin"] : ""}`
   }, _showBalance ? /*#__PURE__*/React.createElement("div", {
-    className: s$a["asset-balance"] + " " + (highlightBalance ? s$a["red"] : "")
+    className: s$c["asset-balance"] + " " + (highlightBalance ? s$c["red"] : "")
   }, /*#__PURE__*/React.createElement(WalletIcon, null), /*#__PURE__*/React.createElement("p", null, (_assetBalance == null ? void 0 : _assetBalance.assetAmount) != null && (_assetBalance == null ? void 0 : _assetBalance.fiatAmount) != null && ticker && _fiatCurrencyCode ? /*#__PURE__*/React.createElement(React.Fragment, null, AmountUtils.cryptoFull(_assetBalance.assetAmount, tickerPrintable, assetDecimalPlaces), /*#__PURE__*/React.createElement("span", null, " ~ " + AmountUtils.fiat(_assetBalance.fiatAmount, _fiatCurrencyCode))) : _balanceLoaderText)) : "", /*#__PURE__*/React.createElement("div", {
-    className: s$a["requested-amount-coin"]
+    className: s$c["requested-amount-coin"]
   }, /*#__PURE__*/React.createElement("span", {
-    className: s$a["requested-amount-coin-currency"]
+    className: s$c["requested-amount-coin-currency"]
   }, tickerPrintable ? (_estimateAmount ? "~ " : "") + tickerPrintable : ""), !_isLoading ? /*#__PURE__*/React.createElement("input", {
     type: "text",
     inputMode: "decimal",
     value: coinAmountValue,
     onChange: e => handleChangeAmount(e.target.value),
     placeholder: coinAmountPlaceholder,
-    className: s$a["requested-amount-coin-input"],
+    className: s$c["requested-amount-coin-input"],
     disabled: disabled || locked,
     onFocus: e => callHandlingErrors(() => setIsInFocus(true), e),
     onBlur: e => callHandlingErrors(() => setIsInFocus(false), e)
   }) : /*#__PURE__*/React.createElement("div", {
-    className: s$a["requested-amount-coin-skeleton"]
+    className: s$c["requested-amount-coin-skeleton"]
   }, /*#__PURE__*/React.createElement("span", {
-    className: s$a["requested-amount-coin-skeleton-content"] + " " + "skeleton-dark"
-  }))), _fiatCurrencyCode !== null ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: s$a["requested-amount-fiat"] + (interactedWith ? " " + s$a["interacted"] : "")
+    className: s$c["requested-amount-coin-skeleton-content"] + " " + "skeleton-dark"
+  }))), /*#__PURE__*/React.createElement(CSSTransition, {
+    in: _fiatCurrencyCode !== null,
+    timeout: 200,
+    classNames: {
+      enter: s$c["requested-amount-fiat-enter"],
+      enterActive: s$c["requested-amount-fiat-enter-active"],
+      exit: s$c["requested-amount-fiat-exit"],
+      exitActive: s$c["requested-amount-fiat-exit-active"]
+    },
+    unmountOnExit: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: s$c["requested-amount-fiat"] + (interactedWith ? " " + s$c["interacted"] : "")
   }, interactedWith ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: s$a["requested-amount-fiat-currency"]
+    className: s$c["requested-amount-fiat-currency"]
   }, (_estimateAmount ? "~ " : "") + _fiatCurrencyCode), !_isLoading && _cryptoAssetToFiatRate != null ? /*#__PURE__*/React.createElement("input", {
     type: "text",
     inputMode: "decimal",
-    className: s$a["requested-amount-fiat-input"],
+    className: s$c["requested-amount-fiat-input"],
     value: fiatAmountValue,
     disabled: disabled || locked,
     onChange: e => handleChangeAmountFiat(e.target.value),
@@ -3837,14 +3871,14 @@ const AmountInput = /*#__PURE__*/React.forwardRef(({
     onFocus: e => callHandlingErrors(() => setIsInFocus(true), e),
     onBlur: e => callHandlingErrors(() => setIsInFocus(false), e)
   }) : /*#__PURE__*/React.createElement("div", {
-    className: s$a["requested-amount-fiat-skeleton"]
+    className: s$c["requested-amount-fiat-skeleton"]
   }, /*#__PURE__*/React.createElement("span", {
-    className: s$a["requested-amount-fiat-skeleton-content"] + " " + "skeleton-dark"
+    className: s$c["requested-amount-fiat-skeleton-content"] + " " + "skeleton-dark"
   }))) : /*#__PURE__*/React.createElement("span", {
-    className: s$a["requested-amount-fiat-placeholder"],
+    className: s$c["requested-amount-fiat-placeholder"],
     onClick: e => callHandlingErrors(() => handleFiatInteraction(), e)
-  }, _fiatInputPlaceholderText))) : null), _showChangeAssetButton && ticker ? /*#__PURE__*/React.createElement("div", {
-    className: s$a["amount-input-container-button-wrapper"],
+  }, _fiatInputPlaceholderText)))), _showChangeAssetButton && ticker ? /*#__PURE__*/React.createElement("div", {
+    className: s$c["amount-input-container-button-wrapper"],
     ref: buttonForwardRef
   }, /*#__PURE__*/React.createElement(AssetSelection, {
     assetIconSrc: assetIconSrc,
@@ -3858,9 +3892,9 @@ const AmountInput = /*#__PURE__*/React.forwardRef(({
   }) : null);
 });
 
-var s$9 = {"swap-form-inputs-separator":"_2vSSb","disabled":"_t1R13","swap-form":"_Uwb2p","swap-form-inputs":"_kkR8O","swap-form-information-field":"_ZUAfe","semi-transparent":"_1mu0j","interactable":"_S9zQS","red":"_SbQSO","swap-form-address-field":"_c8Nfv","swap-form-rate-selector":"_Fo9O-","swap-form-validation-text":"_8iEHB","swap-form-button-container":"_cVVfG","swap-form-button-container-consent-text":"_UNMjb","swap-form-button-container-consent-text-link":"_-g020"};
+var s$b = {"swap-form-inputs-separator":"_2vSSb","disabled":"_t1R13","swap-form":"_Uwb2p","swap-form-inputs":"_kkR8O","swap-form-information-field":"_ZUAfe","semi-transparent":"_1mu0j","interactable":"_S9zQS","red":"_SbQSO","swap-form-address-field":"_c8Nfv","swap-form-rate-selector":"_Fo9O-","swap-form-validation-text":"_8iEHB","swap-form-button-container":"_cVVfG","swap-form-button-container-consent-text":"_UNMjb","swap-form-button-container-consent-text-link":"_-g020"};
 
-var s$8 = {"textarea-input":"_EJFn-","textarea":"_YjRAf","full-height":"_kDp5e","textarea-input-label":"_XQC6S","adaptive-height":"_UnSJE","small-text":"_WtRnB","disabled":"_IO5nl","error-encountered":"_00pBS"};
+var s$a = {"textarea-input":"_EJFn-","textarea":"_YjRAf","full-height":"_kDp5e","textarea-input-label":"_XQC6S","adaptive-height":"_UnSJE","small-text":"_WtRnB","disabled":"_IO5nl","error-encountered":"_00pBS"};
 
 /**
  * A textarea component with optional adaptive height and validation messaging.
@@ -3907,12 +3941,12 @@ const Textarea = /*#__PURE__*/forwardRef(({
     if (((_e$target = e.target) == null ? void 0 : _e$target.value.indexOf("\n")) === -1 || !_ignoreEnter) _onChange(e);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: s$8["textarea"] + ` ${_fullHeight ? " " + s$8["full-height"] : ""}`
+    className: s$a["textarea"] + ` ${_fullHeight ? " " + s$a["full-height"] : ""}`
   }, _label ? /*#__PURE__*/React.createElement("label", {
     htmlFor: _id,
-    className: s$8["textarea-input-label"]
+    className: s$a["textarea-input-label"]
   }, _label) : null, _adaptiveHeight ? /*#__PURE__*/React.createElement(TextareaAutosize, {
-    className: s$8["textarea-input"] + " " + s$8["adaptive-height"] + (_disabled ? " " + s$8["disabled"] : "") + (_errorEncountered ? " " + s$8["error-encountered"] : ""),
+    className: s$a["textarea-input"] + " " + s$a["adaptive-height"] + (_disabled ? " " + s$a["disabled"] : "") + (_errorEncountered ? " " + s$a["error-encountered"] : ""),
     minRows: 1,
     maxRows: 3,
     onChange: e => callHandlingErrors(onChangeProxy, e),
@@ -3924,7 +3958,7 @@ const Textarea = /*#__PURE__*/forwardRef(({
     disabled: _disabled
   }) : /*#__PURE__*/React.createElement("textarea", {
     name: _name,
-    className: s$8["textarea-input"] + ` ${_fullHeight ? s$8["full-height"] : ""} ${_smallText ? s$8["small-text"] : ""} ${_disabled ? s$8["disabled"] : ""}`,
+    className: s$a["textarea-input"] + ` ${_fullHeight ? s$a["full-height"] : ""} ${_smallText ? s$a["small-text"] : ""} ${_disabled ? s$a["disabled"] : ""}`,
     onChange: e => callHandlingErrors(_onChange, e),
     placeholder: _placeholder,
     value: _value,
@@ -3972,7 +4006,7 @@ Textarea.defaultProps = {
   ignoreEnter: false
 };
 
-var s$7 = {"rate-selector":"_bqJFm","rate-selector-item":"_te8yb","selected":"_HU2Oq","rate-selector-item-text":"_ew-Z1"};
+var s$9 = {"rate-selector":"_bqJFm","rate-selector-item":"_te8yb","selected":"_HU2Oq","rate-selector-item-text":"_ew-Z1"};
 
 // TODO: [dev] add JSDoc
 const RateSelector = ({
@@ -3984,17 +4018,17 @@ const RateSelector = ({
   }
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: s$7["rate-selector"]
+    className: s$9["rate-selector"]
   }, /*#__PURE__*/React.createElement("div", {
-    className: `${s$7["rate-selector-item"]} ${!_isFixed ? s$7["selected"] : ""}`,
-    onClick: () => _setIsFixed(false)
+    className: `${s$9["rate-selector-item"]} ${!_isFixed ? s$9["selected"] : ""}`,
+    onClick: () => _isFixed ? _setIsFixed(false) : null
   }, /*#__PURE__*/React.createElement("div", {
-    className: s$7["rate-selector-item-text"]
+    className: s$9["rate-selector-item-text"]
   }, _translations.floatingRate)), /*#__PURE__*/React.createElement("div", {
-    className: `${s$7["rate-selector-item"]} ${_isFixed ? s$7["selected"] : ""}`,
-    onClick: () => _setIsFixed(true)
+    className: `${s$9["rate-selector-item"]} ${_isFixed ? s$9["selected"] : ""}`,
+    onClick: () => !_isFixed ? _setIsFixed(true) : null
   }, /*#__PURE__*/React.createElement("div", {
-    className: s$7["rate-selector-item-text"]
+    className: s$9["rate-selector-item-text"]
   }, _translations.fixedRate)));
 };
 
@@ -4419,17 +4453,17 @@ const SwapForm = ({
     setMaximumAmountValid(!maximumAmount.current || BigNumber(amount).eq("0") || BigNumber(amount).lte(maximumAmount.current.crypto));
     setMinimalAmountValid(!minimalAmount.current || BigNumber(amount).eq("0") || BigNumber(amount).gte((_minimalAmount$curren5 = minimalAmount.current) == null ? void 0 : _minimalAmount$curren5.crypto));
   };
-  const requestDataRefresh = (amount, immediately = false, isSwapAll = false) => {
+  const requestDataRefresh = (amount, immediately = false, isSwapAll = false, ignoreEmptyAmount = false) => {
     try {
       clearTimeout(dataUpdateTimeoutId.current);
       if (isSwapAll) {
         loadFullEstimation(null);
         return;
       }
-      if (!amount) {
+      if (!amount && !ignoreEmptyAmount) {
         return;
       }
-      if (BigNumber(amount).eq("0")) {
+      if (BigNumber(amount).eq("0") || amount == null || amount === "") {
         if (immediately) {
           loadMinimalAmountAndSwapRate(true);
         } else {
@@ -4564,7 +4598,7 @@ const SwapForm = ({
         setIsPairSupported(true);
         setIsSwapCalculated(false);
         const swapData = await _retrieveInitialSwapData(sendingAssetTicker, receivingAssetTicker);
-        if (sendAssetAmount.current != null && !isCalledForClearedInput) {
+        if ((isFixedRate.current && isLastEditedReceiving.current ? receiveAssetAmount.current != null : sendAssetAmount.current != null) && !isCalledForClearedInput) {
           // Means user already entered amount after starting the form initialization
           return;
         }
@@ -4604,7 +4638,7 @@ const SwapForm = ({
   };
   const handleRateModeChanged = isFixed => {
     setIsFixedRate(isFixed);
-    requestDataRefresh(isLastEditedReceiving.current ? receiveAssetAmount.current : sendAssetAmount.current, true);
+    requestDataRefresh(isLastEditedReceiving.current ? receiveAssetAmount.current : sendAssetAmount.current, true, null, true);
   };
   useEffect(() => {
     if (isSwapAll.current === true) {
@@ -4621,9 +4655,10 @@ const SwapForm = ({
   }, [isFixedRate.current]);
   useEffect(() => {
     if (!sendingAssetTicker || !receivingAssetTicker) return;
-    const isCurrentAmountNotZero = sendAssetAmount.current && !BigNumber("0").eq(sendAssetAmount.current);
+    const currentAmount = isLastEditedReceiving.current ? receiveAssetAmount.current : sendAssetAmount.current;
+    const isCurrentAmountNotZero = currentAmount && !BigNumber("0").eq(currentAmount);
     if (isCurrentAmountNotZero) {
-      loadFullEstimation(isLastEditedReceiving.current ? receiveAssetAmount.current : sendAssetAmount.current);
+      loadFullEstimation(currentAmount);
     } else {
       loadMinimalAmountAndSwapRate(true);
     }
@@ -4703,7 +4738,7 @@ const SwapForm = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [updateSendInputTo, updateReceiveInputTo]);
   useEffect(() => {
-    if (swapRate != null && sendAssetAmount.current != null) {
+    if (swapRate != null && (isLastEditedReceiving.current ? receiveAssetAmount.current : sendAssetAmount.current) != null) {
       if (isLastEditedReceiving.current) {
         setUpdateSendInputTo(AmountUtils.trim(BigNumber(receiveAssetAmount.current).div(swapRate), _sendingAssetDecimalCount));
       } else {
@@ -4734,20 +4769,20 @@ const SwapForm = ({
   const recipientAddressExtraIdName = _getExtraIdNameByTicker(receivingAssetTicker);
   const refundAddressExtraIdName = _getExtraIdNameByTicker(sendingAssetTicker);
   return /*#__PURE__*/React.createElement("div", {
-    className: s$9["swap-form"]
+    className: s$b["swap-form"]
   }, /*#__PURE__*/React.createElement(TitleBox, {
     linkButtonClick: BigNumber(sendingAssetBalance == null ? void 0 : sendingAssetBalance.assetAmount).eq(0) ? null : resetButtonLoader => handleSwapAllClick(resetButtonLoader),
     linkText: !_formHasBalance ? "" : isSwapAll.current ? _translations.swapAllButtonTitles.cancel : _translations.swapAllButtonTitles.enable,
     linkButtonLoader: true,
     isLinkButtonDisabled: isLoading.current || sendingAssetTicker === receivingAssetTicker || BigNumber(sendingAssetBalance == null ? void 0 : sendingAssetBalance.assetAmount).eq(0)
   }, displayRateSelector ? /*#__PURE__*/React.createElement("div", {
-    className: s$9["swap-form-rate-selector"]
+    className: s$b["swap-form-rate-selector"]
   }, /*#__PURE__*/React.createElement(RateSelector, {
     isFixed: (_isFixedRate$current2 = isFixedRate.current) != null ? _isFixedRate$current2 : IS_FIXED_BY_DEFAULT,
     setIsFixed: handleRateModeChanged,
     translations: _translations.rateSelector
   })) : "", /*#__PURE__*/React.createElement("div", {
-    className: s$9["swap-form-inputs"]
+    className: s$b["swap-form-inputs"]
   }, /*#__PURE__*/React.createElement(AmountInput, {
     ticker: sendingAssetTicker,
     tickerPrintable: sendingAssetTickerPrintable,
@@ -4770,12 +4805,12 @@ const SwapForm = ({
     ref: _fromAssetSelectionButtonRef,
     isLoading: isLastEditedReceiving.current ? isLoading.current : false,
     cryptoAssetToFiatRate: _sendingAssetToFiatRate,
-    fiatCurrencyCode: _formHasFiat ? _fiatCurrencyCode : null,
+    fiatCurrencyCode: _formHasFiat && (isLoading.current || _sendingAssetToFiatRate != null) ? _fiatCurrencyCode : null,
     fiatCurrencyDecimals: _fiatCurrencyDecimals,
     balanceLoaderText: _translations.input.balanceLoaderText,
     fiatInputPlaceholderText: _translations.input.fiatPlaceholder
   }), /*#__PURE__*/React.createElement("div", {
-    className: s$9["swap-form-inputs-separator"] + " " + (isLoading.current || sendingAssetTicker === null || receivingAssetTicker === null ? s$9["disabled"] : "")
+    className: s$b["swap-form-inputs-separator"] + " " + (isLoading.current || sendingAssetTicker === null || receivingAssetTicker === null ? s$b["disabled"] : "")
   }, /*#__PURE__*/React.createElement("img", {
     src: swapSeparatorIconSrc,
     alt: "swap icon",
@@ -4791,7 +4826,7 @@ const SwapForm = ({
     assetIconProtocolSrc: _receivingAssetProtocolIconSrc,
     fallbackAssetIconSrc: _fallBackAssetIconSrc,
     disabled: isSwapAll.current || sendingAssetTicker === null || receivingAssetTicker === null,
-    locked: !_formHasBalance && !isFixedRate.current,
+    locked: !_formHasBalance,
     handleCoinAmountChange: handleReceiveAssetAmountChange,
     handleChangeAssetClick: handleChangeReceivingAssetClick,
     updateAssetInputTo: updateReceiveInputTo,
@@ -4804,26 +4839,26 @@ const SwapForm = ({
     ref: _toAssetSelectionButtonRef,
     isLoading: isLastEditedReceiving.current ? false : isLoading.current,
     cryptoAssetToFiatRate: _receivingAssetToFiatRate,
-    fiatCurrencyCode: _formHasFiat ? _fiatCurrencyCode : null,
+    fiatCurrencyCode: _formHasFiat && (isLoading.current || _receivingAssetToFiatRate != null) ? _fiatCurrencyCode : null,
     fiatCurrencyDecimals: _fiatCurrencyDecimals,
     balanceLoaderText: _translations.input.balanceLoaderText,
     fiatInputPlaceholderText: _translations.input.fiatPlaceholder
   })), /*#__PURE__*/React.createElement("div", {
-    className: s$9["swap-form-information-field"]
+    className: s$b["swap-form-information-field"]
   }, /*#__PURE__*/React.createElement("p", null, !isPairSupported ? _translations.informationBlock.pairNotAvailable : transactionFee && minimalAmountValid ? /*#__PURE__*/React.createElement(React.Fragment, null, _translations.informationBlock.transactionFee, /*#__PURE__*/React.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.createElement("span", {
     className: "semi-transparent"
   }, " ~ " + AmountUtils.fiat(transactionFee == null ? void 0 : transactionFee.fiat, _fiatCurrencyCode)) : "") : !isLoading.current && (isSwapCalculated || !minimalAmount.current && swapRate) ? /*#__PURE__*/React.createElement(React.Fragment, null, _translations.informationBlock.swapRate, /*#__PURE__*/React.createElement("span", null, AmountUtils.composeRateText(sendingAssetTickerPrintable, receivingAssetTickerPrintable, swapRate, _receivingAssetDecimalCount, (_isFixedRate$current3 = isFixedRate.current) != null ? _isFixedRate$current3 : IS_FIXED_BY_DEFAULT))) : minimalAmount.current || maximumAmount.current ? !maximumAmountValid && maximumAmount.current != null ? /*#__PURE__*/React.createElement(React.Fragment, null, _translations.informationBlock.maximumAmount, /*#__PURE__*/React.createElement("span", {
-    className: s$9["interactable"] + " " + s$9["red"],
+    className: s$b["interactable"] + " " + s$b["red"],
     onClick: isLoading.current ? () => {} : e => callHandlingErrors(handleMaximumAmountClick, e)
   }, AmountUtils.crypto((_maximumAmount$curren6 = maximumAmount.current) == null ? void 0 : _maximumAmount$curren6.crypto, isLastEditedReceiving.current ? receivingAssetTickerPrintable : sendingAssetTickerPrintable)), ((_maximumAmount$curren7 = maximumAmount.current) == null ? void 0 : _maximumAmount$curren7.fiat) != null && ((_maximumAmount$curren8 = maximumAmount.current) == null ? void 0 : _maximumAmount$curren8.fiat) !== "" ? /*#__PURE__*/React.createElement("span", {
     className: "semi-transparent"
   }, " ~ " + AmountUtils.fiat(maximumAmount.current.fiat, _fiatCurrencyCode)) : "") : !minimalAmount.current ? "" : /*#__PURE__*/React.createElement(React.Fragment, null, _translations.informationBlock.minimumAmount, /*#__PURE__*/React.createElement("span", {
-    className: s$9["interactable"] + " " + (!minimalAmountValid ? s$9["red"] : ""),
+    className: s$b["interactable"] + " " + (!minimalAmountValid ? s$b["red"] : ""),
     onClick: isLoading.current ? () => {} : e => callHandlingErrors(handleMinimalAmountClick, e)
   }, AmountUtils.crypto(minimalAmount.current.crypto, isLastEditedReceiving.current ? receivingAssetTickerPrintable : sendingAssetTickerPrintable)), ((_minimalAmount$curren7 = minimalAmount.current) == null ? void 0 : _minimalAmount$curren7.fiat) != null && minimalAmount.current.fiat !== "" ? /*#__PURE__*/React.createElement("span", {
     className: "semi-transparent"
-  }, " ~ " + AmountUtils.fiat(minimalAmount.current.fiat, _fiatCurrencyCode)) : "") : isLoading.current ? sendAssetAmount.current || isSwapAll.current ? _translations.informationBlock[_formHasBalance ? "calculatingNetworkFee" : "calculatingSwapRates"] : _translations.informationBlock.loadingMinimalAmount : "")), isAddressFieldEnabled ? /*#__PURE__*/React.createElement("div", {
-    className: s$9["swap-form-address-field"]
+  }, " ~ " + AmountUtils.fiat(minimalAmount.current.fiat, _fiatCurrencyCode)) : "") : isLoading.current ? sendAssetAmount.current || receiveAssetAmount.current || isSwapAll.current ? _translations.informationBlock[_formHasBalance ? "calculatingNetworkFee" : "calculatingSwapRates"] : _translations.informationBlock.loadingMinimalAmount : "")), isAddressFieldEnabled ? /*#__PURE__*/React.createElement("div", {
+    className: s$b["swap-form-address-field"]
   }, /*#__PURE__*/React.createElement(TitleBox, {
     title: _translations.addressFields.addressTitle
   }, /*#__PURE__*/React.createElement(Textarea, {
@@ -4861,20 +4896,20 @@ const SwapForm = ({
     adaptiveHeight: true,
     placeholder: _translations.addressFields.extraIdPlaceholder
   })) : null) : null) : null, validationContent ? /*#__PURE__*/React.createElement("div", {
-    className: s$9["swap-form-validation-text"]
+    className: s$b["swap-form-validation-text"]
   }, /*#__PURE__*/React.createElement(Validation, {
     text: validationContent
   })) : "", /*#__PURE__*/React.createElement("div", {
-    className: s$9["swap-form-button-container"]
+    className: s$b["swap-form-button-container"]
   }, !_termsOfUseUrl || !_privacyPolicyUrl ? null : /*#__PURE__*/React.createElement("p", {
-    className: s$9["swap-form-button-container-consent-text"]
+    className: s$b["swap-form-button-container-consent-text"]
   }, _translations.consents.consentText + " ", /*#__PURE__*/React.createElement("a", {
     href: _termsOfUseUrl,
-    className: s$9["swap-form-button-container-consent-text-link"],
+    className: s$b["swap-form-button-container-consent-text-link"],
     target: "_blank"
   }, _translations.consents.termsOfUse), " " + _translations.consents.and + " ", /*#__PURE__*/React.createElement("a", {
     href: _privacyPolicyUrl,
-    className: s$9["swap-form-button-container-consent-text-link"],
+    className: s$b["swap-form-button-container-consent-text-link"],
     target: "_blank"
   }, _translations.consents.privacyPolicy), "."), /*#__PURE__*/React.createElement(Button, {
     size: "lg",
@@ -4982,7 +5017,7 @@ async function generateQrAndShowInCanvas(encodingString) {
   }
 }
 
-var s$6 = {"qr-code":"_VZ0dT","fill":"_hFE1l"};
+var s$8 = {"qr-code":"_VZ0dT","fill":"_hFE1l"};
 
 /**
  * QrCode component renders a QR code for a provided crypto address.
@@ -5011,7 +5046,7 @@ const QrCode = ({
     })();
   }, [address]);
   return /*#__PURE__*/React.createElement("div", {
-    className: s$6["qr-code"] + (_fill ? " " + s$6["fill"] : ""),
+    className: s$8["qr-code"] + (_fill ? " " + s$8["fill"] : ""),
     ref: canvasRef
   });
 };
@@ -5023,7 +5058,7 @@ QrCode.defaultProps = {
   fill: false
 };
 
-var s$5 = {"first-line-text":"_IGz2I","wrap":"_eKd8P","break":"_mT5i4","full-text":"_PVKxC","shorted":"_wB5qV","horizontal":"_lqJz-","line":"_MGRy0","second-line-text":"_hdF64"};
+var s$7 = {"first-line-text":"_IGz2I","wrap":"_eKd8P","break":"_mT5i4","full-text":"_PVKxC","shorted":"_wB5qV","horizontal":"_lqJz-","line":"_MGRy0","second-line-text":"_hdF64"};
 
 /**
  * Renders up to three lines of text with configurable options for horizontal layout, text wrapping, and breaking.
@@ -5053,19 +5088,19 @@ const LinesOfText = ({
   breakFirstLine: _breakFirstLine = false
 }) => {
   return _defaultTextContent ? /*#__PURE__*/React.createElement("div", {
-    className: s$5["centered-vertically"]
+    className: s$7["centered-vertically"]
   }, _defaultTextContent) : /*#__PURE__*/React.createElement("div", {
-    className: _isHorizontal ? s$5["horizontal"] : ""
+    className: _isHorizontal ? s$7["horizontal"] : ""
   }, /*#__PURE__*/React.createElement("h5", {
-    className: s$5["first-line-text"]
+    className: s$7["first-line-text"]
   }, /*#__PURE__*/React.createElement("span", {
-    className: `${_isFirstLineTextReducible ? s$5["shorted"] : s$5["full-text"]} ${_wrapFirstLine ? " " + s$5["wrap"] : ""} ${_breakFirstLine ? " " + s$5["break"] : ""}`
+    className: `${_isFirstLineTextReducible ? s$7["shorted"] : s$7["full-text"]} ${_wrapFirstLine ? " " + s$7["wrap"] : ""} ${_breakFirstLine ? " " + s$7["break"] : ""}`
   }, _firstLineText), `\u00A0${_firstLineNotReducibleSuffix}`), _isHorizontal ? /*#__PURE__*/React.createElement("div", {
     className: "line"
   }) : null, _secondLineText ? /*#__PURE__*/React.createElement("p", {
-    className: s$5["second-line-text"]
+    className: s$7["second-line-text"]
   }, _secondLineText) : null, _thirdLineText ? /*#__PURE__*/React.createElement("p", {
-    className: s$5["second-line-text"]
+    className: s$7["second-line-text"]
   }, _thirdLineText) : null);
 };
 LinesOfText.propTypes = {
@@ -5091,7 +5126,7 @@ LinesOfText.defaultProps = {
   breakFirstLine: false
 };
 
-var s$4 = {"line-with-icon-link-icon":"_8HT4K","line-with-icon-link":"_m8MBC","line-with-icon-link-text":"_M7e-R"};
+var s$6 = {"line-with-icon-link-icon":"_8HT4K","line-with-icon-link":"_m8MBC","line-with-icon-link-text":"_M7e-R"};
 
 /**
  * Renders a line with text and an accompanying icon that serves as a link.
@@ -5107,9 +5142,9 @@ const LineWithIconLink = ({
   url
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: s$4["line-with-icon-link"]
+    className: s$6["line-with-icon-link"]
   }, /*#__PURE__*/React.createElement("h5", {
-    className: s$4["line-with-icon-link-text"]
+    className: s$6["line-with-icon-link-text"]
   }, text), /*#__PURE__*/React.createElement("a", {
     href: url,
     target: "_blank",
@@ -5351,7 +5386,7 @@ TitledLineWithIconLink.propTypes = {
 };
 TitledLineWithIconLink.defaultProps = {};
 
-var s$3 = {"radio-button-with-text-container":"_n8DcU","radio-button-with-text":"_BcSKE","selected":"_orWq2","disabled":"_2bALK","hide":"_-LxGT","radio-button-with-text-wrapper":"_cRkxm","radio-button-with-text-content":"_gUlt9","radio-button-with-text-dots":"_pyIax","show":"_EOvAZ"};
+var s$5 = {"radio-button-with-text-container":"_n8DcU","radio-button-with-text":"_BcSKE","selected":"_orWq2","disabled":"_2bALK","hide":"_-LxGT","radio-button-with-text-wrapper":"_cRkxm","radio-button-with-text-content":"_gUlt9","radio-button-with-text-dots":"_pyIax","show":"_EOvAZ"};
 
 /**
  * RadioButtonWithText component with a label and optional tooltip.
@@ -5395,26 +5430,26 @@ const RadioButtonWithText = ({
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: s$3["radio-button-with-text-container"]
+    className: s$5["radio-button-with-text-container"]
   }, /*#__PURE__*/React.createElement("label", {
     htmlFor: "radio-button-with-text-" + _id,
-    className: [s$3["radio-button-with-text"], _isSwitchedOn ? s$3["selected"] : "", isLoading ? s$3["hide"] : "", _isDisabled ? s$3["disabled"] : ""].join(" "),
+    className: [s$5["radio-button-with-text"], _isSwitchedOn ? s$5["selected"] : "", isLoading ? s$5["hide"] : "", _isDisabled ? s$5["disabled"] : ""].join(" "),
     onMouseEnter: e => handleError(onMouseEnter, e),
     onMouseLeave: e => handleError(onMouseLeave, e)
   }, _tooltipText && showTooltip ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
     showTooltip: showTooltip,
     handleClick: () => setShowTooltip(false)
   }, _tooltipText)) : null, /*#__PURE__*/React.createElement("div", {
-    className: s$3["radio-button-with-text-dots"] + (isLoading ? s$3["show"] : "")
+    className: s$5["radio-button-with-text-dots"] + (isLoading ? s$5["show"] : "")
   }, /*#__PURE__*/React.createElement(LoadingDots, null)), /*#__PURE__*/React.createElement("div", {
-    className: s$3["radio-button-with-text-content"] + " " + ("")
+    className: s$5["radio-button-with-text-content"] + " " + ("")
   }, /*#__PURE__*/React.createElement("input", {
     id: "radio-button-with-text-" + _id,
     type: "checkbox",
     value: _isSwitchedOn,
     onChange: handleChange
   }), /*#__PURE__*/React.createElement("span", {
-    className: s$3["radio-button-with-text-wrapper"]
+    className: s$5["radio-button-with-text-wrapper"]
   }, _text))));
 };
 RadioButtonWithText.propTypes = {
@@ -5433,7 +5468,7 @@ RadioButtonWithText.defaultProps = {
   id: ""
 };
 
-var s$2 = {"information-message":"_95-Ev","data-loaded":"_-kB8A","big-image":"_2LO1t","information-message-text":"_BiT68","white-text":"_-BraU"};
+var s$4 = {"information-message":"_95-Ev","data-loaded":"_-kB8A","big-image":"_2LO1t","information-message-text":"_BiT68","white-text":"_-BraU"};
 
 var InfoIcon = (() => /*#__PURE__*/React.createElement("svg", {
   width: "24",
@@ -5470,13 +5505,13 @@ const InformationMessage = ({
   children: _children = null
 }) => {
   return /*#__PURE__*/React.createElement("div", {
-    className: s$2["information-message"] + (_bigImage ? " " + s$2["big-image"] : "")
+    className: s$4["information-message"] + (_bigImage ? " " + s$4["big-image"] : "")
   }, _icon ? /*#__PURE__*/React.createElement("img", {
     src: _icon,
     alt: "info icon",
     loading: "lazy"
   }) : /*#__PURE__*/React.createElement(InfoIcon, null), /*#__PURE__*/React.createElement("p", {
-    className: s$2["information-message-text"] + (_whiteText ? " " + s$2["white-text"] : "")
+    className: s$4["information-message-text"] + (_whiteText ? " " + s$4["white-text"] : "")
   }, _text, _children));
 };
 InformationMessage.propTypes = {
@@ -5494,7 +5529,7 @@ InformationMessage.defaultProps = {
   children: null
 };
 
-var s$1 = {"input":"_ulRDR","big-height":"_F2P0V","small-height":"_-B-mJ","disabled":"_nGsPr","fill-width":"_5xJbH","error-encountered":"_zp1RY","input-clear-button":"_iqmlY","image-background":"_YK4ec","image-background-clear-button":"_VOvdT","input-label":"_bICe7"};
+var s$3 = {"input":"_ulRDR","big-height":"_F2P0V","small-height":"_-B-mJ","disabled":"_nGsPr","fill-width":"_5xJbH","error-encountered":"_zp1RY","input-clear-button":"_iqmlY","image-background":"_YK4ec","image-background-clear-button":"_VOvdT","input-label":"_bICe7"};
 
 /**
  * Input component for forms.
@@ -5558,12 +5593,12 @@ const Input = /*#__PURE__*/forwardRef(({
     }
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: [s$1["input"], _isBigHeight ? s$1["big-height"] : "", _isSmallHeight ? s$1["small-height"] : "", _disabled ? s$1["disabled"] : "", _fillWidth ? s$1["fill-width"] : "", _imageBackground ? s$1["image-background"] : ""].join(" ")
+    className: [s$3["input"], _isBigHeight ? s$3["big-height"] : "", _isSmallHeight ? s$3["small-height"] : "", _disabled ? s$3["disabled"] : "", _fillWidth ? s$3["fill-width"] : "", _imageBackground ? s$3["image-background"] : ""].join(" ")
   }, _label ? /*#__PURE__*/React.createElement("label", {
     htmlFor: _id,
-    className: s$1["input-label"]
+    className: s$3["input-label"]
   }, _label) : null, _clearButton ? /*#__PURE__*/React.createElement("div", {
-    className: s$1["input-clear-button"]
+    className: s$3["input-clear-button"]
   }, /*#__PURE__*/React.createElement(Close, {
     onClick: handleClearButtonClick,
     color: "dark-invert"
@@ -5573,7 +5608,7 @@ const Input = /*#__PURE__*/forwardRef(({
     name: _name,
     onChange: e => handleError(_onChange, e),
     placeholder: _placeholder,
-    className: _className + (_errorEncountered ? " " + s$1["error-encountered"] : ""),
+    className: _className + (_errorEncountered ? " " + s$3["error-encountered"] : ""),
     defaultValue: _defaultValue,
     disabled: _disabled,
     onKeyUp: event => _onKeyUp(event),
@@ -5585,7 +5620,7 @@ const Input = /*#__PURE__*/forwardRef(({
     name: _name,
     onChange: e => handleError(_onChange, e),
     placeholder: _placeholder,
-    className: _className + (_errorEncountered ? " " + s$1["error-encountered"] : ""),
+    className: _className + (_errorEncountered ? " " + s$3["error-encountered"] : ""),
     value: _value,
     disabled: _disabled,
     onKeyUp: event => _onKeyUp(event),
@@ -5640,11 +5675,253 @@ Input.defaultProps = {
   errorEncountered: false
 };
 
-var s = {"coin-picker":"_mvuzQ","loading":"_18kIX","item":"_fSxCX","link":"_rOS3q","content":"_ONDTD","name":"_GlPf1","amount":"_kiTZB","icon":"_jrdDI","coin-picker-search":"_9BFcQ","coin-picker-wrapper":"_6Melc","fixed-height":"_pSvdH","reached-top":"_SQFMD","reached-bottom":"_CTcCE","coin-picker-wrapper-content":"_uK6LL","coin-picker-wrapper-content-bottom-message":"_TxE8d","coin-picker-wrapper-content-bottom-message-link":"_jX5uW","coin-picker-wrapper-content-assets":"_YA-nb","outline":"_665-T","disabled":"_hBmLs","toggle-container":"_KZMGR","arrow":"_dgQQJ","coin-picker-wrapper-content-load-more-button":"_DjR6l","coin-picker-wrapper-content-asset-not-found":"_0PUY9"};
+var s$2 = {"coin-picker":"_mvuzQ","loading":"_18kIX","item":"_fSxCX","link":"_rOS3q","content":"_ONDTD","name":"_GlPf1","amount":"_kiTZB","icon":"_jrdDI","coin-picker-search":"_9BFcQ","coin-picker-wrapper":"_6Melc","fixed-height":"_pSvdH","reached-top":"_SQFMD","reached-bottom":"_CTcCE","coin-picker-wrapper-content":"_uK6LL","coin-picker-wrapper-content-bottom-message":"_TxE8d","coin-picker-wrapper-content-bottom-message-link":"_jX5uW","coin-picker-wrapper-content-assets":"_YA-nb","outline":"_665-T","disabled":"_hBmLs","toggle-container":"_KZMGR","arrow":"_dgQQJ","coin-picker-wrapper-content-load-more-button":"_DjR6l","coin-picker-wrapper-content-asset-not-found":"_0PUY9"};
 
 const FALLBACK_ASSET_ICON_URL = "https://rabbit.io/asset-icons/fallback.svg";
 const DEFAULT_CRYPTO_DECIMAL_COUNT = 8;
 
+/**
+ * The model for cryptocurrency coins.
+ *
+ * WARNING: this class should not be instantiated directly. Use only predefined singleton Coin (or descendants) instances.
+ */
+class Coin {
+  /**
+   * Creates new coin
+   *
+   * @param latinName {string} the coin name in latin symbols like "Bitcoin"
+   * @param ticker {string} the coin symbol/ticker/code like 'BTC'. Always upper case. A unique coin identifier
+   * @param tickerPrintable {string} ticker but in printable format. Useful for tokens based on external blockchains
+   *        like ERC20 or TRC20. It is not friendly to display USDTERC20 or BUSDTRC20 - more neat options are just
+   *        USDT and BUSD. Note that you should always care about user's understanding of what coin he/she is working
+   *        with as printable ticker for USDTERC20 and USDTTRC20 are the same.
+   * @param digitsCountAfterComma {number} count of digits after the comma. E.g. 8 for bitcoin
+   * @param maxValue {number|null} max possible value for cryptocurrency. Null means that the currency has no max possible value
+   * @param atomName {string} name of the coin's atomic value. Like 'satoshi' for bitcoin
+   * @param mainnet {Network} main network for this coin
+   * @param testnet {Network} test network for this coin
+   * @param minConfirmations {number} min confirmations count to treat the coin's transaction confirmed
+   * @param payableEntityStringForFeeRate {string|null} the payable fee entity like byte for bitcoin or gas for ether if present
+   * @param feeOptionsTimeStringsSortedDesc {string[]} array of 4 strings for fee options when sending coins. Should be sorted from the highest time to the smallest
+   * @param feeRatesExpirationTimeMs {number} number of milliseconds to treat the fee rates as expired
+   * @param blockchain {Blockchain} blockchain object
+   * @param [protocol] {Protocol|null} token/coin protocol if relevant
+   * @param [tokenAddress] {string|null} address of contract of this token (if the coin is token)
+   * @param [doesUseLowerCaseAddresses] {boolean} flag to clarify whether we can use lower case addresses to ensure more robust comparisons
+   * @param [doesUseOutputs=false] {boolean} true if this coin uses inputs/outputs concept and false if it uses just balances
+   */
+  constructor(latinName, ticker, tickerPrintable, digitsCountAfterComma, maxValue, atomName, mainnet, testnet, minConfirmations, payableEntityStringForFeeRate, feeOptionsTimeStringsSortedDesc, feeRatesExpirationTimeMs, blockchain, protocol = null, tokenAddress = null, doesUseLowerCaseAddresses = true, doesUseOutputs = false) {
+    this.latinName = latinName;
+    this.ticker = ticker;
+    this.tickerPrintable = tickerPrintable;
+    this.digits = digitsCountAfterComma;
+    this.maxValue = maxValue;
+    this.atomName = atomName;
+    this.mainnet = mainnet;
+    this.testnet = testnet;
+    this.minConfirmations = minConfirmations;
+    this.payableEntityStringForFeeRate = payableEntityStringForFeeRate;
+    this.feeOptionsTimeStringsSortedDesc = feeOptionsTimeStringsSortedDesc;
+    this.feeRatesExpirationTimeMs = feeRatesExpirationTimeMs;
+    this.protocol = protocol;
+    this.blockchain = blockchain;
+    // TODO: [bug, critical] use testnet property for testnet contract address as it blocks the app work in testnets
+    this.tokenAddress = tokenAddress;
+    this.feeCoin = this;
+    this._significantDigits = 8;
+    this.doesUseLowerCaseAddresses = doesUseLowerCaseAddresses;
+    this.doesUseOutputs = doesUseOutputs;
+  }
+
+  /**
+   * Sets fee coin
+   *
+   * @param feeCoin {Coin} some tokens use another coin to charge transaction fee as they work on top of some external
+   *        blockchain. So pass here the coin the token uses for fee charging. Like for ERC20 token the fee coin is ETH.
+   *        By default, the creating coin will be set as a value for this field.
+   */
+  setFeeCoin(feeCoin) {
+    this.feeCoin = feeCoin;
+  }
+
+  /**
+   * Checks whether this coin uses another coin (blockchain) to charge fee for transactions (means works on base of
+   * some external blockchain).
+   *
+   * @return {boolean} true if this coin uses external blockchain to perform transactions and charge fee
+   */
+  doesUseDifferentCoinFee() {
+    return this.feeCoin !== this;
+  }
+
+  /**
+   * Converts the given atoms string/number to string representing the same amount in coin itself - floating point number
+   *
+   * @param atoms {string} atoms positive integer amount
+   * @return {string} coin amount floating point number as a string
+   */
+  atomsToCoinAmount(atoms) {
+    throw new Error("Not implemented in base Coin");
+  }
+
+  /**
+   * Converts the given coins amount string/number to string representing the same amount in coin atoms - integer number
+   *
+   * @param coinsAmount {string} coins positive floating point amount
+   * @return {string} coin atoms amount integer number as a string
+   */
+  coinAmountToAtoms(coinsAmount) {
+    throw new Error("Not implemented in base Coin");
+  }
+
+  /**
+   * Composes URL to view the tx with given id in the external blockchain explorer
+   *
+   * @param txId {string} id of transaction
+   * @return {string} URL string
+   */
+  composeUrlToTransactionExplorer(txId) {
+    throw new Error("Not implemented in base Coin");
+  }
+
+  /**
+   * Most of the cryptocurrencies has specific fee rate or fee price metric. This value usually has specific measure
+   * like satoshi/byte or gWei/gas. This function adds the described denomination string to the given amount
+   * as a suffix and returns the result string ready to be show to a user.
+   *
+   * @param coinAtomsString {string} coin atoms positive integer amount
+   * @return {string} string of coin amount and fee rate units
+   */
+  coinAtomsFeeRateToCommonlyUsedAmountFormatWithDenominationString(coinAtomsString) {
+    throw new Error("Not implemented in base Coin");
+  }
+
+  /**
+   * Check whether this coin support transaction prioritisation during the sending process.
+   *
+   * @return {boolean} true if support transaction prioritisation and false otherwise
+   */
+  doesSupportTransactionPrioritisation() {
+    return Array.isArray(this.feeOptionsTimeStringsSortedDesc);
+  }
+  tickerAndProtocol() {
+    try {
+      var _ref;
+      return `${this.tickerPrintable}${this.protocol ? (_ref = " " + this.protocol.protocol) != null ? _ref : "" : ""}`;
+    } catch (e) {
+      improveAndRethrow(e, "tickerAndProtocol");
+    }
+  }
+}
+
+/**
+ * A component that displays a list of coins that can be searched and filtered.
+ *
+ * @param {Object} props - The properties object.
+ * @param {Coin[]} props.coinsList - The list of all available coins.
+ * @param {Array<{coin: Coin, component: React.Component}>} props.coinsBundle - The bundle of coin components to be displayed.
+ * @param {string} props.searchQuery - The search query to filter coins.
+ * @param {boolean} props.partialLoadingEnabled - Determines if partial loading is enabled.
+ * @param {number} props.partialLoadingIncrement - The increment of coins to load when loading more.
+ * @param {Function} props.onListUpdated - Callback when the list of displayed coins is updated.
+ * @param {Function} props.setIsListFull - Callback to set if the list is fully displayed.
+ * @param {Function} props.setIsSearchResultEmpty - Callback to set if the search result is empty.
+ * @param {number} props.triggerLoadMoreCoins - Triggers loading more coins.
+ */
+const SearchableCoinsList = ({
+  coinsList,
+  coinsBundle,
+  searchQuery,
+  partialLoadingEnabled: _partialLoadingEnabled = true,
+  partialLoadingIncrement: _partialLoadingIncrement = 100,
+  onListUpdated: _onListUpdated = () => {},
+  setIsListFull: _setIsListFull = () => {},
+  setIsSearchResultEmpty: _setIsSearchResultEmpty = () => {},
+  triggerLoadMoreCoins
+}) => {
+  const [filteredCoins, setFilteredCoins] = useState([]);
+  const [limitedCoinsNumber, setLimitedCoinsNumber] = useReferredState(0);
+  const [displayedCoins, setDisplayedCoins] = useState([]);
+  const handleSearchAsset = value => {
+    const searchTerm = value.trim().toLowerCase();
+    if (searchTerm !== "") {
+      const searchWords = searchTerm.split(/\s+/); // Split search terms on whitespace
+
+      const filteredAndSortedCoins = coinsList.filter(coin => {
+        // Check if all search words are found in any of the given properties
+        return searchWords.every(word => {
+          var _coin$latinName, _coin$ticker, _coin$tickerPrintable;
+          return (coin == null || (_coin$latinName = coin.latinName) == null ? void 0 : _coin$latinName.toLowerCase().includes(word)) || (coin == null || (_coin$ticker = coin.ticker) == null ? void 0 : _coin$ticker.toLowerCase().includes(word)) || (coin == null || (_coin$tickerPrintable = coin.tickerPrintable) == null ? void 0 : _coin$tickerPrintable.toLowerCase().includes(word));
+        });
+      }).sort((a, b) => {
+        // Check for exact matches
+        const aMatch = a.latinName.toLowerCase() === searchTerm || a.ticker.toLowerCase() === searchTerm || a.tickerPrintable.toLowerCase() === searchTerm ? 1 : 0;
+        const bMatch = b.latinName.toLowerCase() === searchTerm || b.ticker.toLowerCase() === searchTerm || b.tickerPrintable.toLowerCase() === searchTerm ? 1 : 0;
+        if (bMatch - aMatch !== 0) {
+          // Prioritize exact matches to the top
+          return bMatch - aMatch;
+        } else {
+          // Sort remaining items alphabetically by latinName
+          return a.latinName.toLowerCase().localeCompare(b.latinName.toLowerCase());
+        }
+      });
+      setFilteredCoins(filteredAndSortedCoins);
+    } else {
+      setFilteredCoins(coinsList); // Reset to original list if search term is empty
+    }
+  };
+  const updateDisplayedCoins = () => {
+    const fullList = limitedCoinsNumber.current >= filteredCoins.length;
+    setDisplayedCoins(fullList ? filteredCoins : filteredCoins.slice(0, limitedCoinsNumber.current));
+    _setIsListFull(fullList);
+  };
+  const displayMoreCoins = () => {
+    setLimitedCoinsNumber(prev => prev + _partialLoadingIncrement);
+    updateDisplayedCoins();
+  };
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(() => _onListUpdated(), [displayedCoins]);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(() => displayMoreCoins(), [triggerLoadMoreCoins]);
+  useEffect(() => {
+    if ((filteredCoins == null ? void 0 : filteredCoins.length) > _partialLoadingIncrement && _partialLoadingEnabled) {
+      setLimitedCoinsNumber(_partialLoadingIncrement);
+      updateDisplayedCoins();
+    } else {
+      setLimitedCoinsNumber(0);
+      setDisplayedCoins(filteredCoins);
+      _setIsListFull(true);
+    }
+    _setIsSearchResultEmpty((filteredCoins == null ? void 0 : filteredCoins.length) === 0 && searchQuery !== "");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [filteredCoins]);
+  useEffect(() => {
+    if (coinsBundle != null) handleSearchAsset(searchQuery);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [coinsList, searchQuery]);
+  return displayedCoins.map(coin => coinsBundle.find(bundleItem => bundleItem.coin.ticker === coin.ticker).component).map(Item => /*#__PURE__*/React.createElement(Item, null));
+};
+SearchableCoinsList.propTypes = {
+  coinsList: PropTypes.array.isRequired,
+  coinsBundle: PropTypes.array.isRequired,
+  searchQuery: PropTypes.string.isRequired,
+  partialLoadingEnabled: PropTypes.bool,
+  partialLoadingIncrement: PropTypes.number,
+  onListUpdated: PropTypes.func,
+  setIsListFull: PropTypes.func,
+  setIsSearchResultEmpty: PropTypes.func,
+  triggerLoadMoreCoins: PropTypes.number
+};
+SearchableCoinsList.defaultProps = {
+  partialLoadingEnabled: true,
+  partialLoadingIncrement: 100,
+  onListUpdated: () => {},
+  setIsListFull: () => {},
+  setIsSearchResultEmpty: () => {}
+};
+
 const COIN_PICKER_MODES = {
   BUTTON: "BUTTON",
   CHECKBOX: "CHECKBOX"
@@ -5719,7 +5996,6 @@ const CoinPicker = ({
 }) => {
   const handleError = useCallHandlingErrors();
   const [coins, setCoins] = useState(null);
-  const [filteredCoins, setFilteredCoins] = useState([]);
   const [initiallyEnabledCoins, setInitiallyEnabledCoins] = useReferredState({});
   const [currentlyEnabledCoins, setCurrentlyEnabledCoins] = useReferredState({});
   const [searchFieldValue, setSearchFieldValue] = useState("");
@@ -5727,9 +6003,9 @@ const CoinPicker = ({
   const [searchEnabled, setSearchEnabled] = useState(false);
   const [coinsContent, setCoinsContent] = useState(null);
   const [isCoinsDataReloadable, setIsCoinsDataReloadable] = useState(false);
-  const [limitedCoinsNumber, setLimitedCoinsNumber] = useState(0);
-  const [displayedCoins, setDisplayedCoins] = useState([]);
   const [isListFull, setIsListFull] = useState(true);
+  const [isSearchResultEmpty, setIsSearchResultEmpty] = useState(false);
+  const [triggerLoadMoreCoins, setTriggerLoadMoreCoins] = useState(0);
   const searchRef = useRef();
   const scrollContainerRef = useRef();
   const skeletonItemsCount = (initiallyEnabledCoinsList == null ? void 0 : initiallyEnabledCoinsList.length) || (_partialLoadingEnabled ? _partialLoadingIncrement : 6);
@@ -5772,42 +6048,11 @@ const CoinPicker = ({
     if (_mode === COIN_PICKER_MODES.CHECKBOX) handleToggleClick(coin.ticker);
     _handleClick(coin.ticker);
   };
-  const handleSearchAsset = value => {
-    // TODO: [refactoring, high] use unified search function. task_id=be0475316f374dd4a926c948d969e704
-    setSearchFieldValue(value); // Trim the input to handle leading/trailing spaces
-    const searchTerm = value.trim().toLowerCase();
-    if (searchTerm !== "") {
-      const searchWords = searchTerm.split(/\s+/); // Split search terms on whitespace
-
-      const filteredAndSortedCoins = coins.filter(coin => {
-        // Check if all search words are found in any of the given properties
-        return searchWords.every(word => {
-          var _coin$latinName, _coin$ticker, _coin$tickerPrintable;
-          return (coin == null || (_coin$latinName = coin.latinName) == null ? void 0 : _coin$latinName.toLowerCase().includes(word)) || (coin == null || (_coin$ticker = coin.ticker) == null ? void 0 : _coin$ticker.toLowerCase().includes(word)) || (coin == null || (_coin$tickerPrintable = coin.tickerPrintable) == null ? void 0 : _coin$tickerPrintable.toLowerCase().includes(word));
-        });
-      }).sort((a, b) => {
-        // Check for exact matches
-        const aMatch = a.latinName.toLowerCase() === searchTerm || a.ticker.toLowerCase() === searchTerm || a.tickerPrintable.toLowerCase() === searchTerm ? 1 : 0;
-        const bMatch = b.latinName.toLowerCase() === searchTerm || b.ticker.toLowerCase() === searchTerm || b.tickerPrintable.toLowerCase() === searchTerm ? 1 : 0;
-        if (bMatch - aMatch !== 0) {
-          // Prioritize exact matches to the top
-          return bMatch - aMatch;
-        } else {
-          // Sort remaining items alphabetically by latinName
-          return a.latinName.toLowerCase().localeCompare(b.latinName.toLowerCase());
-        }
-      });
-      setFilteredCoins(filteredAndSortedCoins);
-    } else {
-      setFilteredCoins(coins); // Reset to original list if search term is empty
-    }
-  };
   const loadCoinsAndSaveToState = () => {
     (async () => {
       try {
         const data = _loadCoinsAndContent ? await _loadCoinsAndContent() : await defaultLoadCoinsAndContent();
         setCoins(data.coins);
-        setFilteredCoins(data.coins);
         setCoinsContent(data.content);
         setIsCoinsDataReloadable(!!data.isCoinsDataReloadable);
       } catch (e) {
@@ -5846,43 +6091,22 @@ const CoinPicker = ({
     setSearchEnabled(_search ? true : _searchAdaptive && initiallyEnabledCoinsList ? initiallyEnabledCoinsList.length > 6 : false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [_search, _searchAdaptive, coins]);
-  useEffect(() => {
-    if ((filteredCoins == null ? void 0 : filteredCoins.length) > _partialLoadingIncrement && _partialLoadingEnabled) {
-      setLimitedCoinsNumber(_partialLoadingIncrement);
-    } else {
-      setLimitedCoinsNumber(0);
-      setDisplayedCoins(filteredCoins);
-      setIsListFull(true);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filteredCoins]);
-  useEffect(() => {
-    if (limitedCoinsNumber > 0) {
-      const coinsToDisplay = filteredCoins.slice(0, limitedCoinsNumber);
-      setDisplayedCoins(coinsToDisplay);
-      setIsListFull(coinsToDisplay.length === filteredCoins.length);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [limitedCoinsNumber]);
-  const displayMoreCoins = () => {
-    setLimitedCoinsNumber(prev => prev + _partialLoadingIncrement);
-  };
   const skeleton = () => {
     let skeletonItems = [];
     for (let i = 0; i < skeletonItemsCount; i++) {
       skeletonItems.push( /*#__PURE__*/React.createElement("div", {
-        className: s["item"],
+        className: s$2["item"],
         key: "coin-picker-skeleton-" + i
       }, /*#__PURE__*/React.createElement("div", {
-        className: s["link"] + " " + s["loading"]
+        className: s$2["link"] + " " + s$2["loading"]
       }, /*#__PURE__*/React.createElement("div", {
-        className: s["icon"] + " " + "skeleton-dark"
+        className: s$2["icon"] + " " + "skeleton-dark"
       }), /*#__PURE__*/React.createElement("div", {
-        className: s["content"]
+        className: s$2["content"]
       }, /*#__PURE__*/React.createElement("div", {
-        className: s["name"] + " " + "skeleton-dark"
+        className: s$2["name"] + " " + "skeleton-dark"
       }), /*#__PURE__*/React.createElement("div", {
-        className: s["amount"] + " " + "skeleton-dark"
+        className: s$2["amount"] + " " + "skeleton-dark"
       })))));
     }
     return skeletonItems;
@@ -5890,87 +6114,101 @@ const CoinPicker = ({
   const handleScroll = () => {
     var _scrollContainerRef$c, _scrollContainerRef$c2, _scrollContainerRef$c3, _scrollContainerRef$c4, _scrollContainerRef$c5, _scrollContainerRef$c6, _scrollContainerRef$c7;
     if (scrollWrapperClass !== "") setScrollWrapperClass("");
-    if (((_scrollContainerRef$c = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c.scrollTop) === 0) setScrollWrapperClass(s["reached-top"] + (((_scrollContainerRef$c2 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c2.scrollHeight) - ((_scrollContainerRef$c3 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c3.clientHeight) === 0 ? " " + s["reached-bottom"] : ""));
-    if (((_scrollContainerRef$c4 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c4.scrollTop) > 0 && ((_scrollContainerRef$c5 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c5.scrollTop) === ((_scrollContainerRef$c6 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c6.scrollHeight) - ((_scrollContainerRef$c7 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c7.clientHeight)) setScrollWrapperClass(s["reached-bottom"]);
+    if (((_scrollContainerRef$c = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c.scrollTop) === 0) setScrollWrapperClass(s$2["reached-top"] + (((_scrollContainerRef$c2 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c2.scrollHeight) - ((_scrollContainerRef$c3 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c3.clientHeight) === 0 ? " " + s$2["reached-bottom"] : ""));
+    if (((_scrollContainerRef$c4 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c4.scrollTop) > 0 && ((_scrollContainerRef$c5 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c5.scrollTop) === ((_scrollContainerRef$c6 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c6.scrollHeight) - ((_scrollContainerRef$c7 = scrollContainerRef.current) == null ? void 0 : _scrollContainerRef$c7.clientHeight)) setScrollWrapperClass(s$2["reached-bottom"]);
   };
+  const displayMoreCoins = () => setTriggerLoadMoreCoins(prev => prev + 1);
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(handleScroll, []);
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useEffect(handleScroll, [filteredCoins]);
   const shouldShowSkeleton = coins == null;
   return coins ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: s["coin-picker"] + (shouldShowSkeleton ? " " + s["loading"] : "")
+    className: s$2["coin-picker"] + (shouldShowSkeleton ? " " + s$2["loading"] : "")
   }, searchEnabled ? /*#__PURE__*/React.createElement("div", {
-    className: s["coin-picker-search"]
+    className: s$2["coin-picker-search"]
   }, /*#__PURE__*/React.createElement(Input, {
     value: searchFieldValue,
-    onChange: e => handleSearchAsset(e.target.value),
+    onChange: e => {
+      setSearchFieldValue(e.target.value);
+      handleScroll();
+    },
     placeholder: _texts.searchPlaceholder,
     isSmallHeight: true,
     clearButton: true,
     ref: searchRef,
     disabled: shouldShowSkeleton
   })) : "", /*#__PURE__*/React.createElement("div", {
-    className: s["coin-picker-wrapper"] + " " + scrollWrapperClass + (searchEnabled ? " " + s["fixed-height"] : "")
+    className: s$2["coin-picker-wrapper"] + " " + scrollWrapperClass + (searchEnabled ? " " + s$2["fixed-height"] : "")
   }, /*#__PURE__*/React.createElement("div", {
-    className: s["coin-picker-wrapper-content"] + (searchEnabled ? " " + s["fixed-height"] : ""),
+    className: s$2["coin-picker-wrapper-content"] + (searchEnabled ? " " + s$2["fixed-height"] : ""),
     ref: scrollContainerRef,
     onScroll: handleScroll
   }, /*#__PURE__*/React.createElement("div", {
-    className: s["coin-picker-wrapper-content-assets"]
-  }, shouldShowSkeleton ? skeleton() : displayedCoins.map((coin, index) => {
-    var _coinsContent$find$su, _coinsContent$find;
-    const {
-      assetIconSrc,
-      assetIconProtocolSrc
-    } = _coinToIconPaths(coin);
-    return /*#__PURE__*/React.createElement("div", {
-      className: s["item"],
-      key: `picker-${coin.ticker}-${index}`,
-      onClick: e => handleError(() => handleCoinClick(coin), e)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: s["link"] + (currentlyEnabledCoins.current[coin.ticker] !== initiallyEnabledCoins.current[coin.ticker] ? " " + s["outline"] : "")
-    }, /*#__PURE__*/React.createElement(AssetIcon, {
-      assetIconSrc: assetIconSrc,
-      assetIconProtocolSrc: assetIconProtocolSrc,
-      fallbackSrc: FALLBACK_ASSET_ICON_URL
-    }), /*#__PURE__*/React.createElement("div", {
-      className: s["content"],
-      key: coin.ticker
-    }, /*#__PURE__*/React.createElement("p", {
-      className: s["name"]
-    }, coin.latinName), /*#__PURE__*/React.createElement("p", {
-      className: s["amount"]
-    }, (_coinsContent$find$su = coinsContent == null || (_coinsContent$find = coinsContent.find(i => i.coin === coin)) == null ? void 0 : _coinsContent$find.subtitle) != null ? _coinsContent$find$su : "")), _mode === COIN_PICKER_MODES.BUTTON ? /*#__PURE__*/React.createElement("div", {
-      className: s["arrow"]
-    }, /*#__PURE__*/React.createElement(ArrowIcon, null)) : _mode === COIN_PICKER_MODES.CHECKBOX ? /*#__PURE__*/React.createElement("div", {
-      className: s["toggle-container"]
-    }, /*#__PURE__*/React.createElement(RadioButtonWithText, {
-      onStateChange: resetButtonLoader => handleToggleClick(coin.ticker, resetButtonLoader),
-      isSwitchedOn: currentlyEnabledCoins.current[coin.ticker],
-      id: index
-    })) : ""));
-  })), (filteredCoins == null ? void 0 : filteredCoins.length) === 0 && searchFieldValue !== "" ? /*#__PURE__*/React.createElement("div", {
-    className: s["coin-picker-wrapper-content-asset-not-found"]
+    className: s$2["coin-picker-wrapper-content-assets"]
+  }, shouldShowSkeleton ? skeleton() : /*#__PURE__*/React.createElement(SearchableCoinsList, {
+    searchQuery: searchFieldValue,
+    onListUpdated: () => handleScroll(),
+    setIsListFull: setIsListFull,
+    setIsSearchResultEmpty: setIsSearchResultEmpty,
+    triggerLoadMoreCoins: triggerLoadMoreCoins,
+    coinsList: coins,
+    coinsBundle: coins == null ? void 0 : coins.map((coin, index) => {
+      return {
+        coin: coin,
+        component: () => {
+          var _coinsContent$find$su, _coinsContent$find;
+          const {
+            assetIconSrc,
+            assetIconProtocolSrc
+          } = _coinToIconPaths(coin);
+          return /*#__PURE__*/React.createElement("div", {
+            className: s$2["item"],
+            key: `picker-${coin.ticker}-${index}`,
+            onClick: e => handleError(() => handleCoinClick(coin), e)
+          }, /*#__PURE__*/React.createElement("div", {
+            className: s$2["link"] + (currentlyEnabledCoins.current[coin.ticker] !== initiallyEnabledCoins.current[coin.ticker] ? " " + s$2["outline"] : "")
+          }, /*#__PURE__*/React.createElement(AssetIcon, {
+            assetIconSrc: assetIconSrc,
+            assetIconProtocolSrc: assetIconProtocolSrc,
+            fallbackSrc: FALLBACK_ASSET_ICON_URL
+          }), /*#__PURE__*/React.createElement("div", {
+            className: s$2["content"],
+            key: coin.ticker
+          }, /*#__PURE__*/React.createElement("p", {
+            className: s$2["name"]
+          }, coin.latinName), /*#__PURE__*/React.createElement("p", {
+            className: s$2["amount"]
+          }, (_coinsContent$find$su = coinsContent == null || (_coinsContent$find = coinsContent.find(i => i.coin === coin)) == null ? void 0 : _coinsContent$find.subtitle) != null ? _coinsContent$find$su : "")), _mode === COIN_PICKER_MODES.BUTTON ? /*#__PURE__*/React.createElement("div", {
+            className: s$2["arrow"]
+          }, /*#__PURE__*/React.createElement(ArrowIcon, null)) : _mode === COIN_PICKER_MODES.CHECKBOX ? /*#__PURE__*/React.createElement("div", {
+            className: s$2["toggle-container"]
+          }, /*#__PURE__*/React.createElement(RadioButtonWithText, {
+            onStateChange: resetButtonLoader => handleToggleClick(coin.ticker, resetButtonLoader),
+            isSwitchedOn: currentlyEnabledCoins.current[coin.ticker],
+            id: index
+          })) : ""));
+        }
+      };
+    })
+  })), isSearchResultEmpty ? /*#__PURE__*/React.createElement("div", {
+    className: s$2["coin-picker-wrapper-content-asset-not-found"]
   }, /*#__PURE__*/React.createElement("h6", null, _texts.noAssetsMessage)) : "", _partialLoadingEnabled && !isListFull ? /*#__PURE__*/React.createElement("div", {
-    className: s["coin-picker-wrapper-content-load-more-button"]
+    className: s$2["coin-picker-wrapper-content-load-more-button"]
   }, /*#__PURE__*/React.createElement(Button, {
     mode: "primary-transparent",
     size: "sm",
     loader: false,
     content: _texts.loadMoreButton,
-    onClick: displayMoreCoins,
+    onClick: () => displayMoreCoins(),
     handleError: handleError
   })) : "", searchEnabled && _showRequestMissingCoinsInfoMessage ? /*#__PURE__*/React.createElement("div", {
-    className: s["coin-picker-wrapper-content-bottom-message"]
+    className: s$2["coin-picker-wrapper-content-bottom-message"]
   }, /*#__PURE__*/React.createElement(InformationMessage, {
     text: /*#__PURE__*/React.createElement(React.Fragment, null, _texts.assetSuggestionMessage.part1, /*#__PURE__*/React.createElement("a", {
       target: "_blank",
       rel: "noreferrer",
       href: _supportUrl,
-      className: s["coin-picker-wrapper-content-bottom-message-link"]
+      className: s$2["coin-picker-wrapper-content-bottom-message-link"]
     }, " " + _texts.assetSuggestionMessage.part2 + " "), _texts.assetSuggestionMessage.part3)
   })) : "")))) : /*#__PURE__*/React.createElement(LoadingDots, null);
 };
@@ -6076,12 +6314,390 @@ const CoinPickerDialogStep = ({
   }));
 };
 
-const PARAMETER_VALUES_SEPARATOR = "|*|"; // Sting that with high probability will not be in the user's data
+var s$1 = {"colored-notice":"_ZE1ju","colored-notice-text":"_aN0LH"};
 
 /**
- * Adds specified parameter with values to the URL query string
+ * ColoredNotice component displays a notice with optional text and a button.
  *
- * @param parameterName - String - name of the parameter
+ * @component
+ * @param {Object} props - The component props.
+ * @param {string} [props.text] - The text to be displayed in the notice.
+ * @param {string} [props.buttonTitle] - The title of the button.
+ * @param {function} [props.onButtonClick] - Callback function to be called when the button is clicked.
+ * @returns {JSX.Element} The ColoredNotice component.
+ */
+const ColoredNotice = ({
+  text: _text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.",
+  buttonTitle,
+  onButtonClick: _onButtonClick = () => {}
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: s$1["colored-notice"]
+  }, /*#__PURE__*/React.createElement("p", {
+    className: s$1["colored-notice-text"]
+  }, _text), buttonTitle ? /*#__PURE__*/React.createElement(Button, {
+    mode: "primary",
+    size: "sm",
+    content: buttonTitle,
+    loader: false,
+    onClick: _onButtonClick
+  }) : null);
+};
+ColoredNotice.propTypes = {
+  text: PropTypes.string,
+  buttonTitle: PropTypes.string,
+  onButtonClick: PropTypes.func
+};
+ColoredNotice.defaultProps = {
+  text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.",
+  onButtonClick: () => {}
+};
+
+var messageIcon = (() => /*#__PURE__*/React.createElement("svg", {
+  width: "130",
+  height: "130",
+  viewBox: "0 0 130 130",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React.createElement("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M65 130C100.899 130 130 100.899 130 65C130 29.1015 100.899 0 65 0C29.1015 0 0 29.1015 0 65C0 100.899 29.1015 130 65 130Z",
+  fill: "#2294F0"
+}), /*#__PURE__*/React.createElement("mask", {
+  id: "mask0",
+  style: {
+    maskType: "alpha"
+  },
+  maskUnits: "userSpaceOnUse",
+  x: "0",
+  y: "0",
+  width: "130",
+  height: "130"
+}, /*#__PURE__*/React.createElement("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M65 130C100.899 130 130 100.899 130 65C130 29.1015 100.899 0 65 0C29.1015 0 0 29.1015 0 65C0 100.899 29.1015 130 65 130Z",
+  fill: "white"
+})), /*#__PURE__*/React.createElement("g", {
+  mask: "url(#mask0)"
+}, /*#__PURE__*/React.createElement("rect", {
+  opacity: "0.3",
+  x: "3.25",
+  y: "150.776",
+  width: "227.136",
+  height: "25.2373",
+  transform: "rotate(-45 3.25 150.776)",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("rect", {
+  opacity: "0.3",
+  x: "-48.4546",
+  y: "126.52",
+  width: "227.136",
+  height: "25.2373",
+  transform: "rotate(-45 -48.4546 126.52)",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("rect", {
+  x: "27.75",
+  y: "29.5",
+  width: "74.5",
+  height: "81.5",
+  rx: "12",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M27.75 41.5C27.75 34.8726 33.1226 29.5 39.75 29.5H90.25C96.8774 29.5 102.25 34.8726 102.25 41.5V118C102.25 124.627 96.8774 130 90.25 130H39.75C33.1226 130 27.75 124.627 27.75 118V41.5Z",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M51.5 63.5C58.1274 63.5 63.5 58.1274 63.5 51.5C63.5 44.8726 58.1274 39.5 51.5 39.5C44.8726 39.5 39.5 44.8726 39.5 51.5C39.5 58.1274 44.8726 63.5 51.5 63.5Z",
+  fill: "#2294F0"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M50.072 49.088H52.03V54.5H50.072V49.088ZM52.074 46.382V48.153H50.028V46.382H52.074Z",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("path", {
+  opacity: "0.2",
+  d: "M41 74.5H63",
+  stroke: "#2294F0",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}), /*#__PURE__*/React.createElement("path", {
+  opacity: "0.2",
+  d: "M41 84.6157H84.1426",
+  stroke: "#2294F0",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}), /*#__PURE__*/React.createElement("path", {
+  opacity: "0.2",
+  d: "M41 94.7314H84.1426",
+  stroke: "#2294F0",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}), /*#__PURE__*/React.createElement("path", {
+  opacity: "0.2",
+  d: "M41 104.731H84.1426",
+  stroke: "#2294F0",
+  "stroke-width": "4",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}))));
+
+var supportDialogImage = (() => /*#__PURE__*/React.createElement("svg", {
+  width: "130",
+  height: "130",
+  viewBox: "0 0 130 130",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/React.createElement("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M65 130C100.899 130 130 100.899 130 65C130 29.1015 100.899 0 65 0C29.1015 0 0 29.1015 0 65C0 100.899 29.1015 130 65 130Z",
+  fill: "#AFEBC3"
+}), /*#__PURE__*/React.createElement("mask", {
+  id: "mask0",
+  "mask-type": "alpha",
+  maskUnits: "userSpaceOnUse",
+  x: "0",
+  y: "0",
+  width: "130",
+  height: "130"
+}, /*#__PURE__*/React.createElement("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M65 130C100.899 130 130 100.899 130 65C130 29.1015 100.899 0 65 0C29.1015 0 0 29.1015 0 65C0 100.899 29.1015 130 65 130Z",
+  fill: "white"
+})), /*#__PURE__*/React.createElement("g", {
+  mask: "url(#mask0)"
+}, /*#__PURE__*/React.createElement("rect", {
+  opacity: "0.3",
+  x: "3.25",
+  y: "150.776",
+  width: "227.136",
+  height: "25.2373",
+  transform: "rotate(-45 3.25 150.776)",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("rect", {
+  opacity: "0.3",
+  x: "-48.4545",
+  y: "126.52",
+  width: "227.136",
+  height: "25.2373",
+  transform: "rotate(-45 -48.4545 126.52)",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.69092 69.153C9.69092 66.0864 11.2523 63.2309 13.8339 61.576L55.8257 34.6583C61.4168 31.0742 68.5832 31.0742 74.1743 34.6583L116.166 61.576C118.748 63.2309 120.309 66.0864 120.309 69.153V126.495C120.309 131.466 116.28 135.495 111.309 135.495H18.6909C13.7204 135.495 9.69092 131.466 9.69092 126.495V69.153Z",
+  fill: "#14A957"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M30.9045 51.8818H97.9136V117.118H30.9045V51.8818Z",
+  fill: "white"
+}), /*#__PURE__*/React.createElement("path", {
+  opacity: "0.1",
+  d: "M63.8182 107.167C76.8722 107.167 87.4545 96.5849 87.4545 83.5308C87.4545 70.4768 76.8722 59.8945 63.8182 59.8945C50.7642 59.8945 40.1818 70.4768 40.1818 83.5308C40.1818 96.5849 50.7642 107.167 63.8182 107.167Z",
+  fill: "#24BE6A"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M58.2093 83.4849L63.0246 88.3002L71.3036 79.047",
+  stroke: "#24BE6A",
+  "stroke-width": "3.76358",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.69092 70.2531C9.69092 68.672 11.4391 67.7161 12.7703 68.5694L65 102.05L117.23 68.5694C118.561 67.7161 120.309 68.672 120.309 70.2531V128.859C120.309 133.83 116.28 137.859 111.309 137.859H18.6909C13.7204 137.859 9.69092 133.83 9.69092 128.859V70.2531Z",
+  fill: "#24BE6A"
+}))));
+
+/**
+ * Saves a user's subscription to receive notifications about a specific coin.
+ * This function sends an email to subscribe the user to notifications for the specified coin.
+ *
+ * @function
+ * @name saveSubscription
+ * @param {Coin} coin - The coin object containing information about the coin, including its ticker symbol.
+ * @param {string} address - The email address of the user who wishes to subscribe.
+ * @returns {Promise<boolean>} A promise that resolves to `true` if the subscription email was sent successfully, or `false` if an error occurred during the process.
+ */
+
+/**
+ * WaitlistSubscription component handles user subscription to a waitlist for coin notifications.
+ * It displays a notice with a button to open a dialog where the user can enter their email to subscribe.
+ *
+ * @component
+ * @param {Object} props - The component props.
+ * @param {Coin} props.coin - The coin object containing information about the coin.
+ * @param {Object} props.translations - The text translations for the component.
+ * @param {saveSubscription} props.saveSubscription - Function to handle/save the subscription.
+ * @returns {JSX.Element} The WaitlistSubscription component.
+ */
+const WaitlistSubscription = ({
+  coin,
+  translations,
+  saveSubscription
+}) => {
+  const [controls, initControls] = useState();
+  const [showDialog, setShowDialog] = useState(false);
+  const [inputValue, setInputValue] = useState("");
+  const [isEmailValid, setIsEmailValid] = useState(false);
+  const [errorEncountered, setErrorEncountered] = useState(false);
+  const defaultTranslations = {
+    coloredNotice: {
+      text: "This is a pre-listed coin, meaning that the swap is not yet available. As soon as this coin allows exchanges, it will be automatically enabled. If you want to get a notification as soon as this coin becomes available for swap - sign up for the waitlist below!",
+      buttonTitle: "Subscribe for updates"
+    },
+    signUpStep: {
+      title: coin.latinName + " (" + coin.ticker + ") listing notification",
+      subtitle: "To be notified as soon as " + coin.latinName + " becomes available for swaps, please provide your email address. We’ll send you a single notification when it’s listed.",
+      actionButtonTitle: "Subscribe",
+      inputTitle: "Your email address:",
+      error: "Something went wrong. Please try again later."
+    },
+    successStep: {
+      title: "Subscribed successfully!",
+      subtitle: "We’ll notify you as soon as " + coin.latinName + " becomes available for swaps. Keep an eye on your inbox for the update.",
+      actionButtonTitle: "Close"
+    }
+  };
+  const t = translations != null ? translations : defaultTranslations;
+  const STEPS = {
+    signUp: "signUp",
+    success: "success"
+  };
+  const subscribe = async resetButtonLoader => {
+    try {
+      setErrorEncountered(false);
+      const result = await saveSubscription(coin, inputValue);
+      if (result) {
+        controls == null || controls.goToStep(STEPS.success);
+      } else {
+        setErrorEncountered(true);
+      }
+      resetButtonLoader();
+    } catch (e) {
+      resetButtonLoader();
+      logErrorOrOutputToConsole(e);
+      setShowDialog(false);
+    }
+  };
+  const openDialog = () => {
+    setErrorEncountered(false);
+    setInputValue("");
+    setIsEmailValid(false);
+    controls == null || controls.toFirstStep(false);
+    setShowDialog(true);
+  };
+  useEffect(() => {
+    setIsEmailValid(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(inputValue));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [inputValue]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Dialog, {
+    initControls: controls => initControls(controls),
+    showDialog: showDialog,
+    onClose: () => setShowDialog(false)
+  }, /*#__PURE__*/React.createElement(DialogStep, {
+    stepName: STEPS.signUp,
+    controls: controls,
+    title: t.signUpStep.title,
+    subtitle: t.signUpStep.subtitle,
+    confirmButtonClick: subscribe,
+    confirmButtonEnabled: isEmailValid,
+    confirmButtonText: t.signUpStep.actionButtonTitle,
+    primaryButtonLoader: true,
+    subtitleSmallMargin: true,
+    showBackgroundTitle: false,
+    ImageRaw: messageIcon
+  }, /*#__PURE__*/React.createElement(TitleBox, {
+    title: t.signUpStep.inputTitle
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "text",
+    onChange: e => setInputValue(e.target.value),
+    value: inputValue
+  }), errorEncountered ? /*#__PURE__*/React.createElement(Validation, {
+    text: t.signUpStep.error
+  }) : null)), /*#__PURE__*/React.createElement(DialogStep, {
+    stepName: STEPS.success,
+    controls: controls,
+    title: t.successStep.title,
+    subtitle: t.successStep.subtitle,
+    confirmButtonClick: () => setShowDialog(false),
+    confirmButtonText: t.successStep.actionButtonTitle,
+    showBackgroundTitle: false,
+    ImageRaw: supportDialogImage,
+    showCornerBackButton: false,
+    subtitleSmallMargin: true
+  })), /*#__PURE__*/React.createElement(ColoredNotice, {
+    text: t.coloredNotice.text,
+    buttonTitle: t.coloredNotice.buttonTitle,
+    onButtonClick: openDialog
+  }));
+};
+WaitlistSubscription.propTypes = {
+  coin: PropTypes.object.isRequired,
+  translations: PropTypes.object
+};
+
+var s = {"logo-carousel":"_CgRBd","logo-carousel-wrapper":"_cVsiX","slide":"_Gu7XN","logo-carousel-slide":"_hIh2D","clickable":"_VuuGX","easeIn":"_i56By"};
+
+/**
+ * LogoCarousel component renders a set of logos in a sliding carousel.
+ *
+ * @component
+ *
+ * @param {Object} props - The props object for this component.
+ * @param {Array<{logo: string, url: string}>} props.logos - Array of objects representing logos and their corresponding URLs.
+ */
+const LogoCarousel = ({
+  logos
+}) => {
+  var _wrapperRef$current;
+  const [multiplier, setMultiplier] = useState();
+  const [width, setWidth] = useState(0);
+  const wrapperRef = useRef();
+  useEffect(() => {
+    const resizeObserver = new ResizeObserver(entries => entries.map(entry => setWidth(entry.contentRect.width)));
+    if (wrapperRef.current) resizeObserver.observe(wrapperRef.current);
+    return () => {
+      if (wrapperRef.current) resizeObserver.unobserve(wrapperRef.current);
+    };
+  }, []);
+  useEffect(() => {
+    setMultiplier(wrapperRef.current.clientWidth / 120);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [wrapperRef, wrapperRef == null || (_wrapperRef$current = wrapperRef.current) == null ? void 0 : _wrapperRef$current.clientWidth, logos, width]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: s["logo-carousel"]
+  }, /*#__PURE__*/React.createElement("div", {
+    className: s["logo-carousel-wrapper"],
+    ref: wrapperRef,
+    style: {
+      animationDuration: multiplier + "s"
+    }
+  }, [...Array(2)].map((z, i) => /*#__PURE__*/React.createElement("div", {
+    className: s["logo-carousel-slide"],
+    key: "logo-carousel-slide-" + i
+  }, logos.map((item, index) => /*#__PURE__*/React.createElement("a", {
+    key: "logo-carousel-slide-" + i + "-" + index,
+    className: item != null && item.url ? s["clickable"] : null,
+    href: item == null ? void 0 : item.url,
+    target: "_blank"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: item.logo,
+    alt: "logo"
+  })))))));
+};
+LogoCarousel.propTypes = {
+  logos: PropTypes.arrayOf(PropTypes.shape({
+    logo: PropTypes.string.isRequired,
+    url: PropTypes.string.isRequired
+  })).isRequired
+};
+
+const PARAMETER_VALUES_SEPARATOR = "|*|"; // Sting that with high probability will not be in the user's data
+
+/**
+ * Adds specified parameter with values to the URL query string
+ *
+ * @param parameterName - String - name of the parameter
  * @param values - Array of String values
  * @param updateURLCallback - callback that will be called with the updated query string. Can be used to save it to URL
  */
@@ -6150,140 +6766,6 @@ class Protocol {
   }
 }
 
-/**
- * The model for cryptocurrency coins.
- *
- * WARNING: this class should not be instantiated directly. Use only predefined singleton Coin (or descendants) instances.
- */
-class Coin {
-  /**
-   * Creates new coin
-   *
-   * @param latinName {string} the coin name in latin symbols like "Bitcoin"
-   * @param ticker {string} the coin symbol/ticker/code like 'BTC'. Always upper case. A unique coin identifier
-   * @param tickerPrintable {string} ticker but in printable format. Useful for tokens based on external blockchains
-   *        like ERC20 or TRC20. It is not friendly to display USDTERC20 or BUSDTRC20 - more neat options are just
-   *        USDT and BUSD. Note that you should always care about user's understanding of what coin he/she is working
-   *        with as printable ticker for USDTERC20 and USDTTRC20 are the same.
-   * @param digitsCountAfterComma {number} count of digits after the comma. E.g. 8 for bitcoin
-   * @param maxValue {number|null} max possible value for cryptocurrency. Null means that the currency has no max possible value
-   * @param atomName {string} name of the coin's atomic value. Like 'satoshi' for bitcoin
-   * @param mainnet {Network} main network for this coin
-   * @param testnet {Network} test network for this coin
-   * @param minConfirmations {number} min confirmations count to treat the coin's transaction confirmed
-   * @param payableEntityStringForFeeRate {string|null} the payable fee entity like byte for bitcoin or gas for ether if present
-   * @param feeOptionsTimeStringsSortedDesc {string[]} array of 4 strings for fee options when sending coins. Should be sorted from the highest time to the smallest
-   * @param feeRatesExpirationTimeMs {number} number of milliseconds to treat the fee rates as expired
-   * @param blockchain {Blockchain} blockchain object
-   * @param [protocol] {Protocol|null} token/coin protocol if relevant
-   * @param [tokenAddress] {string|null} address of contract of this token (if the coin is token)
-   * @param [doesUseLowerCaseAddresses] {boolean} flag to clarify whether we can use lower case addresses to ensure more robust comparisons
-   * @param [doesUseOutputs=false] {boolean} true if this coin uses inputs/outputs concept and false if it uses just balances
-   */
-  constructor(latinName, ticker, tickerPrintable, digitsCountAfterComma, maxValue, atomName, mainnet, testnet, minConfirmations, payableEntityStringForFeeRate, feeOptionsTimeStringsSortedDesc, feeRatesExpirationTimeMs, blockchain, protocol = null, tokenAddress = null, doesUseLowerCaseAddresses = true, doesUseOutputs = false) {
-    this.latinName = latinName;
-    this.ticker = ticker;
-    this.tickerPrintable = tickerPrintable;
-    this.digits = digitsCountAfterComma;
-    this.maxValue = maxValue;
-    this.atomName = atomName;
-    this.mainnet = mainnet;
-    this.testnet = testnet;
-    this.minConfirmations = minConfirmations;
-    this.payableEntityStringForFeeRate = payableEntityStringForFeeRate;
-    this.feeOptionsTimeStringsSortedDesc = feeOptionsTimeStringsSortedDesc;
-    this.feeRatesExpirationTimeMs = feeRatesExpirationTimeMs;
-    this.protocol = protocol;
-    this.blockchain = blockchain;
-    // TODO: [bug, critical] use testnet property for testnet contract address as it blocks the app work in testnets
-    this.tokenAddress = tokenAddress;
-    this.feeCoin = this;
-    this._significantDigits = 8;
-    this.doesUseLowerCaseAddresses = doesUseLowerCaseAddresses;
-    this.doesUseOutputs = doesUseOutputs;
-  }
-
-  /**
-   * Sets fee coin
-   *
-   * @param feeCoin {Coin} some tokens use another coin to charge transaction fee as they work on top of some external
-   *        blockchain. So pass here the coin the token uses for fee charging. Like for ERC20 token the fee coin is ETH.
-   *        By default, the creating coin will be set as a value for this field.
-   */
-  setFeeCoin(feeCoin) {
-    this.feeCoin = feeCoin;
-  }
-
-  /**
-   * Checks whether this coin uses another coin (blockchain) to charge fee for transactions (means works on base of
-   * some external blockchain).
-   *
-   * @return {boolean} true if this coin uses external blockchain to perform transactions and charge fee
-   */
-  doesUseDifferentCoinFee() {
-    return this.feeCoin !== this;
-  }
-
-  /**
-   * Converts the given atoms string/number to string representing the same amount in coin itself - floating point number
-   *
-   * @param atoms {string} atoms positive integer amount
-   * @return {string} coin amount floating point number as a string
-   */
-  atomsToCoinAmount(atoms) {
-    throw new Error("Not implemented in base Coin");
-  }
-
-  /**
-   * Converts the given coins amount string/number to string representing the same amount in coin atoms - integer number
-   *
-   * @param coinsAmount {string} coins positive floating point amount
-   * @return {string} coin atoms amount integer number as a string
-   */
-  coinAmountToAtoms(coinsAmount) {
-    throw new Error("Not implemented in base Coin");
-  }
-
-  /**
-   * Composes URL to view the tx with given id in the external blockchain explorer
-   *
-   * @param txId {string} id of transaction
-   * @return {string} URL string
-   */
-  composeUrlToTransactionExplorer(txId) {
-    throw new Error("Not implemented in base Coin");
-  }
-
-  /**
-   * Most of the cryptocurrencies has specific fee rate or fee price metric. This value usually has specific measure
-   * like satoshi/byte or gWei/gas. This function adds the described denomination string to the given amount
-   * as a suffix and returns the result string ready to be show to a user.
-   *
-   * @param coinAtomsString {string} coin atoms positive integer amount
-   * @return {string} string of coin amount and fee rate units
-   */
-  coinAtomsFeeRateToCommonlyUsedAmountFormatWithDenominationString(coinAtomsString) {
-    throw new Error("Not implemented in base Coin");
-  }
-
-  /**
-   * Check whether this coin support transaction prioritisation during the sending process.
-   *
-   * @return {boolean} true if support transaction prioritisation and false otherwise
-   */
-  doesSupportTransactionPrioritisation() {
-    return Array.isArray(this.feeOptionsTimeStringsSortedDesc);
-  }
-  tickerAndProtocol() {
-    try {
-      var _ref;
-      return `${this.tickerPrintable}${this.protocol ? (_ref = " " + this.protocol.protocol) != null ? _ref : "" : ""}`;
-    } catch (e) {
-      improveAndRethrow(e, "tickerAndProtocol");
-    }
-  }
-}
-
 /**
  * TODO: [tests, critical] Ued by payments logic
  *
@@ -8382,6 +8864,13 @@ class SwapProvider {
     }
     return coinName;
   }
+
+  /**
+   * @return {Promise<Partner[]>}
+   */
+  async getPartnersList() {
+    return [];
+  }
 }
 SwapProvider.COMMON_ERRORS = {
   REQUESTS_LIMIT_EXCEEDED: "requestsLimitExceeded"
@@ -8400,6 +8889,7 @@ SwapProvider.SWAP_STATUSES = {
   WAITING_FOR_PAYMENT: "waiting_for_payment",
   CONFIRMING: "confirming",
   PAYMENT_RECEIVED: "payment_received",
+  VERIFYING: "verifying",
   EXCHANGING: "exchanging",
   COMPLETED: "completed",
   REFUNDED: "refunded",
@@ -8407,6 +8897,14 @@ SwapProvider.SWAP_STATUSES = {
   FAILED: "failed"
 };
 
+class Partner {
+  constructor(name, url, logoUrl) {
+    this.name = name;
+    this.url = url;
+    this.logoUrl = logoUrl;
+  }
+}
+
 const BANNED_PARTNERS = ["stealthex", "changee", "coincraddle", "easybit"];
 class SwapspaceSwapProvider extends SwapProvider {
   constructor(apiKeysProxyUrl, cache, customCoinBuilder = (coin, network) => null, useRestrictedCoinsSet = true) {
@@ -8720,7 +9218,7 @@ class SwapspaceSwapProvider extends SwapProvider {
       case "finished":
         return SwapProvider.SWAP_STATUSES.COMPLETED;
       case "verifying":
-        return SwapProvider.SWAP_STATUSES.EXCHANGING;
+        return SwapProvider.SWAP_STATUSES.VERIFYING;
       case "refunded":
         return SwapProvider.SWAP_STATUSES.REFUNDED;
       case "expired":
@@ -8787,6 +9285,19 @@ class SwapspaceSwapProvider extends SwapProvider {
       improveAndRethrow(e, loggerSource);
     }
   }
+  async getPartnersList() {
+    try {
+      await this._fetchPartnersListIfNeeded();
+      return this._partners.filter(p => !BANNED_PARTNERS.find(banned => banned === p.path)).map(p => {
+        var _p$image;
+        return new Partner(p.name, null,
+        // No data in swapspace
+        p != null && (_p$image = p.image) != null && _p$image.default ? "https://storage.swapspace.co" + p.image.default : null);
+      });
+    } catch (e) {
+      improveAndRethrow(e, "swapspace.getPartnersList");
+    }
+  }
 }
 
 class SwapUtils {
@@ -9275,6 +9786,9 @@ class LetsExchangeSwapProvider extends SwapProvider {
         throw new Error(`Unknown LetsExchange status: ${status}`);
     }
   }
+  async getPartnersList() {
+    return [new Partner("LetsExchange", "https://letsexchange.io/", "https://letsexchange.notion.site/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F02e45813-b375-49d8-b2b0-092ce1847fff%2F55ebbc3c-4ee6-4fa7-847b-f673e82594f3%2Flets-logo-basic__on-light.svg?table=block&id=bec5952a-2f9c-47fb-8cc0-86e1391a7f60&spaceId=02e45813-b375-49d8-b2b0-092ce1847fff&userId=&cache=v2")];
+  }
 }
 LetsExchangeSwapProvider.AFFILIATE_ID = "0zbj9hf7xg7jgdgv";
 
@@ -9807,6 +10321,22 @@ class PublicSwapService {
       improveAndRethrow(e, "getExtraIdNameIfPresentForAsset");
     }
   }
+  async getPartnersList() {
+    try {
+      let allPartners = [this._swapProvider, this._fixedSwapProvider].map(provider => provider.getPartnersList());
+      allPartners = await Promise.all(allPartners);
+      allPartners = allPartners.flat().flat();
+      return allPartners.reduce((prev, cur) => {
+        if (!prev.find(partner => partner.name.toLowerCase() === cur.name.toLowerCase())) {
+          prev.push(cur);
+        }
+        return prev;
+      }, []);
+    } catch (e) {
+      Logger.logError(e, "getPartnersList");
+    }
+    return [];
+  }
 }
 PublicSwapService.PUBLIC_SWAP_CREATED_ANALYTICS_EVENT = "public_swap_created_event";
 PublicSwapService.PUBLIC_SWAP_SUCCEED_ANALYTICS_EVENT = "public_swap_succeed_event";
@@ -9822,5 +10352,5 @@ PublicSwapService.PUBLIC_SWAP_DETAILS_FAIL_REASONS = {
 };
 PublicSwapService._fiatDecimalsCount = FiatCurrenciesService.getCurrencyDecimalCountByCode("USD");
 
-export { AmountInput, AmountUtils, ApiGroup, ApiGroups, AssetIcon, AssetSelection, AxiosAdapter, BackgroundTitle, BaseSwapCreationInfo, Blockchain, Button, CLOSE_COLORS, COIN_PICKER_MODES, Cache, CacheAndConcurrentRequestsResolver, CachedRobustExternalApiCallerService, CancelProcessing, Close, Coin, CoinPicker, CoinPickerDialogStep, ConcurrentCalculationsMetadataHolder, DEFAULT_CRYPTO_DECIMAL_COUNT, DIALOG_SIZES, DIALOG_STEP_CLASS, DIALOG_TRANSITION_STEP_DURATION, DeterminedErrorDialogStep, Dialog, DialogButtons, DialogStep, EmailsApi, ExistingSwap, ExistingSwapWithFiatData, ExternalApiProvider, FALLBACK_ASSET_ICON_URL, FiatCurrenciesService, GoogleAnalyticsAdapter, ICON_ROTATE_OPTIONS, InformationMessage, Input, InputValuesProviders, IpAddressProvider, LineWithIconLink, LinesOfText, LinkButton, LoadingDots, Logger, LogsStorage, MixpanelAdapter, NoticeIcon, Protocol, PublicSwapService, QrCode, RadioButtonWithText, RobustExternalAPICallerService, SupportChat, SwapForm, SwapProvider, SwapUtils, SwapspaceSwapProvider, TOOLTIP_POSITIONS, Textarea, TitleBox, TitledLineWithIconLink, Tooltip, Validation, copyBrowserTextToClipboard, getQueryParameterSingleValue, getQueryParameterValues, handleClickOutside, improveAndRethrow, logErrorOrOutputToConsole, postponeExecution, removeQueryParameterAndValues, safeStringify, saveQueryParameterAndValues, useCallHandlingErrors, useIsHydrated, useReferredState };
+export { AmountInput, AmountUtils, ApiGroup, ApiGroups, AssetIcon, AssetSelection, AxiosAdapter, BackgroundTitle, BaseSwapCreationInfo, Blockchain, Button, CLOSE_COLORS, COIN_PICKER_MODES, Cache, CacheAndConcurrentRequestsResolver, CachedRobustExternalApiCallerService, CancelProcessing, Close, Coin, CoinPicker, CoinPickerDialogStep, ColoredNotice, ConcurrentCalculationsMetadataHolder, DEFAULT_CRYPTO_DECIMAL_COUNT, DIALOG_SIZES, DIALOG_STEP_CLASS, DIALOG_TRANSITION_STEP_DURATION, DeterminedErrorDialogStep, Dialog, DialogButtons, DialogStep, EmailsApi, ExistingSwap, ExistingSwapWithFiatData, ExternalApiProvider, FALLBACK_ASSET_ICON_URL, FiatCurrenciesService, GoogleAnalyticsAdapter, ICON_ROTATE_OPTIONS, InformationMessage, Input, InputValuesProviders, IpAddressProvider, LineWithIconLink, LinesOfText, LinkButton, LoadingDots, Logger, LogoCarousel, LogsStorage, MixpanelAdapter, NoticeIcon, Protocol, PublicSwapService, QrCode, RadioButtonWithText, RobustExternalAPICallerService, SearchableCoinsList, SupportChat, SwapForm, SwapProvider, SwapUtils, SwapspaceSwapProvider, TOOLTIP_POSITIONS, Textarea, TitleBox, TitledLineWithIconLink, Tooltip, Validation, WaitlistSubscription, copyBrowserTextToClipboard, getQueryParameterSingleValue, getQueryParameterValues, handleClickOutside, improveAndRethrow, logErrorOrOutputToConsole, postponeExecution, removeQueryParameterAndValues, safeStringify, saveQueryParameterAndValues, useCallHandlingErrors, useIsHydrated, useReferredState };
 //# sourceMappingURL=index.modern.js.map