@rabbitio/ui-kit 1.0.0-beta.53 → 1.0.0-beta.55

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rabbitio/ui-kit",
-    "version": "1.0.0-beta.53",
+    "version": "1.0.0-beta.55",
     "description": "Rabbit.io react.js components kit",
     "type": "module",
     "main": "./dist/index.cjs",

package/src/components/atoms/NoticeIcon/NoticeIcon.jsx

@@ -35,7 +35,6 @@ export const NoticeIcon = ({
         <div ref={noticeRef} className={s["notice-icon"]}>
             {titleNoticeIcon ? (
                 <img
-                    // src={titleNoticeIcon ? titleNoticeIcon : exclamationIcon}
                     src={titleNoticeIcon}
                     alt="title icon"
                     onClick={() => setShowTooltip((prev) => !prev)}

package/src/components/atoms/TwoLinesOfText/lines-of-text.module.scss

@@ -47,6 +47,7 @@
     .line {
         width: 20px;
         margin: 0 Margin("3");
+        text-align: left;
         // font-family: NunitoSans;
 
         @media (max-width: $phone-width) {
@@ -58,5 +59,6 @@
 .second-line-text {
     color: SolidColor("grey");
     white-space: nowrap;
+    text-align: left;
     // font-family: NunitoSans;
 }

package/src/components/molecules/AmountInput/AmountInput.jsx

@@ -55,7 +55,6 @@ export const AmountInput = React.forwardRef(
         },
         buttonForwardRef
     ) => {
-        // const { t } = useTranslation();
         const callHandlingErrors = useCallHandlingErrors();
 
         const [coinAmountValue, setCoinAmountValue] = useState("");
@@ -193,9 +192,7 @@ export const AmountInput = React.forwardRef(
                             ? isSendAll
                                 ? linkButtonActiveText
                                 : linkButtonInactiveText
-                            : // ? t("molecules.AmountInput.send-all-enabled")
-                              // : t("molecules.AmountInput.send-all-disabled")
-                              null
+                            : null
                     }
                     linkButtonClick={handleSendAllClick}
                 >

package/src/components/molecules/CoinPicker/CoinPicker.jsx

@@ -11,7 +11,7 @@ import { logErrorOrOutputToConsole } from "../../../common/errorUtils.js";
 import { RadioButtonWithText } from "../../atoms/buttons/RadioButtonWithText/RadioButtonWithText.jsx";
 import { Input } from "../../atoms/Input/Input.jsx";
 import { InformationMessage } from "../../atoms/InformationMessage/InformationMessage.jsx";
-import { FALLBACK_ICON_URL } from "../../../common/utils/iconsUtils.js";
+import { FALLBACK_ASSET_ICON_URL } from "../../../constants/globalConstants.jsx";
 import { AssetIcon } from "../../atoms/AssetIcon/AssetIcon.jsx";
 import { Button } from "../../atoms/buttons/Button/Button.jsx";
 import { LoadingDots } from "../../atoms/LoadingDots/LoadingDots.jsx";
@@ -447,7 +447,7 @@ export const CoinPicker = ({
                                                           assetIconProtocolSrc
                                                       }
                                                       fallbackSrc={
-                                                          FALLBACK_ICON_URL
+                                                          FALLBACK_ASSET_ICON_URL
                                                       }
                                                   />
                                                   <div

package/src/components/molecules/CoinPicker/coin-picker.module.scss

@@ -32,7 +32,10 @@
                     position: absolute;
                     width: 100%;
                     height: 20px;
-                    background: linear-gradient(rgba(SolidColor("dark"), 0.05), rgba(255, 255, 255, 0));
+                    background: linear-gradient(
+                        rgba(SolidColor("dark"), 0.05),
+                        rgba(255, 255, 255, 0)
+                    );
                     left: 0;
                     z-index: 1;
                     transition: 0.2s opacity ease;
@@ -129,19 +132,21 @@
                             min-width: 0;
                             line-height: 20px;
 
-                            .name {
+                            .name,
+                            .amount {
                                 color: inherit;
-                                font-weight: $bold;
                                 line-height: inherit;
                                 user-select: none;
+                                text-align: left;
+                            }
+
+                            .name {
+                                font-weight: $bold;
                             }
 
                             .amount {
-                                color: inherit;
                                 font-weight: $semi-bold;
-                                line-height: inherit;
                                 opacity: 0.5;
-                                user-select: none;
                             }
                         }
 

package/src/components/organisms/Dialog/DialogStep/DialogStep.jsx

@@ -298,7 +298,8 @@ export const DialogStep = ({
                 (!isMultiStep ? " " + s["single-step"] : "") +
                 (backgroundImage || backgroundImageMobile
                     ? " " + s["with-background"]
-                    : "")
+                    : "") +
+                (inline ? " " + s["inline"] : "")
             }
             ref={currentStepRef}
             onTransitionEnd={handleTransitionEnd}
@@ -354,7 +355,8 @@ export const DialogStep = ({
                             " " +
                             s[stepClass] +
                             " " +
-                            s[wrapperDirectionSubclass]
+                            s[wrapperDirectionSubclass] +
+                            (inline ? " " + s["inline"] : "")
                         }
                     >
                         {isMultiStep &&

package/src/components/organisms/Dialog/DialogStep/dialog-step.module.scss

@@ -17,8 +17,16 @@
     @extend %white-box-big-padding;
     max-height: 100%;
 
+    &.inline {
+        padding: 0;
+        background: none;
+        border-radius: 0;
+    }
+
     @media (min-width: $tablet-width) {
-        overflow: hidden;
+        &:not(.inline) {
+            overflow: hidden;
+        }
     }
 
     &.single-step {
@@ -120,8 +128,14 @@
     &-wrapper {
         padding: 40px;
 
+        &.inline {
+            padding: 0;
+        }
+
         @media (max-width: $phone-width) {
-            padding: 20px 20px max(20px, env(safe-area-inset-bottom)) 20px;
+            &:not(.inline) {
+                padding: 20px 20px max(20px, env(safe-area-inset-bottom)) 20px;
+            }
         }
 
         &.prev {

package/src/components/organisms/Dialog/dialog.module.scss

@@ -182,15 +182,18 @@ $transitionDuration: 0.2s;
             }
         }
 
+        &.animation-disabled {
+            transition: none;
+            transition-delay: 0s;
+            overflow: visible;
+        }
+
         &.inline {
             margin: 0;
             width: 100%;
             min-width: auto;
-        }
-
-        &.animation-disabled {
-            transition: none;
-            transition-delay: 0s;
+            border-radius: 0;
+            box-shadow: none;
             overflow: visible;
         }
 

package/src/components/organisms/SwapForm/SwapForm.jsx

@@ -14,18 +14,18 @@ import { Validation } from "../../atoms/Validation/Validation.jsx";
 import { Button } from "../../atoms/buttons/Button/Button.jsx";
 
 /**
- * This is type definition of a function that is used inside SwapForm to compose the URL for hero button.
+ * This is the type definition of a function used inside SwapForm to compose the URL for the hero button.
  *
  * @function
  * @name composeConfirmButtonTo
- * @param [fromTicker] {string}
- * @param [toTicker] {string}
- * @param [fromAmount] {string}
- * @return {string} full URL or relative URL that can be used for <a href="..." />
+ * @param {string} [fromTicker] - Ticker symbol of the asset being sent.
+ * @param {string} [toTicker] - Ticker symbol of the asset being received.
+ * @param {string} [fromAmount] - Amount of the asset being sent.
+ * @return {string} Full URL or relative URL that can be used for <a href="..." />.
  */
 
 /**
- * Common click handler without params and return value, just your logic execution.
+ * Common click handler without parameters and return value, just your logic execution.
  *
  * @function
  * @name handleClick
@@ -35,28 +35,28 @@ import { Button } from "../../atoms/buttons/Button/Button.jsx";
 /**
  * Form executes this function when swap creation info retrieval is finished successfully.
  *
- * @name setSwapCreationEstimation
  * @function
- * @param details {BaseSwapCreationInfo}
+ * @name setSwapCreationEstimation
+ * @param {BaseSwapCreationInfo} details - Details of the swap creation estimation.
  * @return {void}
  */
 
 /**
  * Error handler for unexpected errors.
  *
- * @name handleUnexpectedError
  * @function
- * @param error {Error}
+ * @name handleUnexpectedError
+ * @param {Error} error - The unexpected error encountered.
  * @return {void}
  */
 
 /**
- * Should implement the logic with rotating assets (if you want "to" to became "from" and "from" to became "to").
+ * Should implement the logic with rotating assets (if you want "to" to become "from" and "from" to become "to").
  *
  * @function
  * @name rotateAssets
- * @param sendingAssetTicker {string}
- * @param receivingAssetTicker {string}
+ * @param {string} sendingAssetTicker - Ticker symbol of the asset being sent.
+ * @param {string} receivingAssetTicker - Ticker symbol of the asset being received.
  * @return {void}
  */
 
@@ -65,13 +65,13 @@ import { Button } from "../../atoms/buttons/Button/Button.jsx";
  *
  * @function
  * @name handleSwapServiceError
- * @param errorCode {string} error code that is being returned as "reason" from your handlers ...
- * @param setValidationContent {function} accepts string to be displayed on form as validation error
- * @param setBalanceValid {function} accepts single boolean parameter
- * @param setMinimalAmountValid {function} accepts single boolean parameter
- * @param setMaximumAmountValid {function} accepts single boolean parameter
- * @param setIsPairSupported {function} accepts single boolean parameter
- * @param setIsSameCoins {function} accepts single boolean parameter
+ * @param {string} errorCode - Error code returned as "reason" from your handlers.
+ * @param {function} setValidationContent - Function to set the validation error message on the form.
+ * @param {function} setBalanceValid - Function to set the balance validity, accepts a boolean.
+ * @param {function} setMinimalAmountValid - Function to set the minimal amount validity, accepts a boolean.
+ * @param {function} setMaximumAmountValid - Function to set the maximum amount validity, accepts a boolean.
+ * @param {function} setIsPairSupported - Function to set the pair support status, accepts a boolean.
+ * @param {function} setIsSameCoins - Function to set the status if the same coins are used, accepts a boolean.
  * @return {void}
  */
 
@@ -80,10 +80,10 @@ import { Button } from "../../atoms/buttons/Button/Button.jsx";
  *
  * @function
  * @name retrieveSwapDetails
- * @param sendingAssetTicker {string}
- * @param receivingAssetTicker {string}
- * @param amount {string}
- * @param [isSwapAll=false] {boolean}
+ * @param {string} sendingAssetTicker - Ticker symbol of the asset being sent.
+ * @param {string} receivingAssetTicker - Ticker symbol of the asset being received.
+ * @param {string} amount - Amount of the asset to be swapped.
+ * @param {boolean} [isSwapAll=false] - Indicates if the swap should use all available balance.
  * @return {Promise<{
  *             result: false,
  *             reason: string,
@@ -99,12 +99,12 @@ import { Button } from "../../atoms/buttons/Button/Button.jsx";
  */
 
 /**
- * Async function that retrieves initial swap details for pair like whether the pair is available, min/max swappable amounts etc.
+ * Async function that retrieves initial swap details for a pair like whether the pair is available, min/max swappable amounts, etc.
  *
  * @function
  * @name retrieveInitialSwapData
- * @param sendingAssetTicker {string}
- * @param receivingAssetTicker {string}
+ * @param {string} sendingAssetTicker - Ticker symbol of the asset being sent.
+ * @param {string} receivingAssetTicker - Ticker symbol of the asset being received.
  * @return {Promise<{
  *             result: true,
  *             min: string,
@@ -120,50 +120,52 @@ import { Button } from "../../atoms/buttons/Button/Button.jsx";
 
 /**
  * Swap form provides basic functionality for entering to/from amounts both in crypto and fiat, switching assets,
- * selecting assets, showing balance for assets.
- * It gracefully handles not available fiat rates and can work without wallet environment (without balances).
+ * selecting assets, showing balance for assets. It gracefully handles unavailable fiat rates and can work
+ * both with and without a wallet environment (without balances).
  *
- * @param sendingAssetTicker {string} Rabbit format of ticker
- * @param receivingAssetTicker {string} Rabbit format of ticker
- * @param [sendingAssetDecimalCount=AmountUtils.significantDecimalCount] {number}
- * @param [receivingAssetDecimalCount=AmountUtils.significantDecimalCount] {number}
- * @param sendingAssetTickerPrintable {string} standard asset ticker
- * @param receivingAssetTickerPrintable {string} standard asset ticker
- * @param [sendingAssetProtocol] Protocol name to be displayed in text in the change asset button
- * @param [receivingAssetProtocol] Protocol name to be displayed in text in the change asset button
- * @param sendingAssetIconSrc {string} ready to use src
- * @param [sendingAssetProtocolIconSrc=null] {string} optional ready to use src
- * @param receivingAssetIconSrc {string} ready to use src
- * @param [receivingAssetProtocolIconSrc=null] {string} optional ready to use src
- * @param [fallBackAssetIconSrc=null] {string} optional ready to use src - used when some icon src resolution fails
- * @param sendingAssetFeeCoinTickerPrintable {string} optional standard ticker for fee coin
- * @param [sendingAssetBalance] {string}
- * @param [receivingAssetBalance] {string}
- * @param handleChangeSendingAssetClick {handleClick}
- * @param handleChangeReceivingAssetClick {handleClick}
- * @param handleConfirmButtonClick {handleClick}
- * @param composeConfirmButtonTo {composeConfirmButtonTo}
- * @param setSwapCreationEstimation {setSwapCreationEstimation}
- * @param handleUnexpectedError {handleUnexpectedError}
- * @param rotateAssets {rotateAssets}
- * @param [preservedAmount=null] {string}
- * @param handleSwapServiceError {handleSwapServiceError}
- * @param [formHasBalance] {boolean}
- * @param retrieveSwapDetails {retrieveSwapDetails}
- * @param retrieveInitialSwapData {retrieveInitialSwapData}
- * @param triggerDataUpdateResetting {number} convey changed number to reset interval updating the data periodically
- * @param fromAssetSelectionButtonRef {React.Ref}
- * @param toAssetSelectionButtonRef {React.Ref}
- * @param [sendingAssetToFiatRate] {number|string}
- * @param [receivingAssetToFiatRate] {number|string}
- * @param [fiatCurrencyCode] {string}
- * @param [fiatCurrencyDecimals] {number}
- * @param formHasFiat {boolean}
- * @param [translations] {object} default English texts will be used if the property is omitted
- * @param swapSeparatorIconSrc {string} ready to use src
- * @param swapButtonAlwaysActive {boolean} this setting allows to the form state in terms of validity to go
- *        to the next step. If this setting is set to true then user always can click the hero button
- * @return {JSX.Element}
+ * @param {object} props - Props object for SwapForm component.
+ * @param {string} props.sendingAssetTicker - Rabbit format of the ticker symbol for the asset being sent.
+ * @param {string} props.receivingAssetTicker - Rabbit format of the ticker symbol for the asset being received.
+ * @param {number} [props.sendingAssetDecimalCount=AmountUtils.significantDecimalCount] - Decimal count for the sending asset.
+ * @param {number} [props.receivingAssetDecimalCount=AmountUtils.significantDecimalCount] - Decimal count for the receiving asset.
+ * @param {string} props.sendingAssetTickerPrintable - Standard ticker symbol for the sending asset.
+ * @param {string} props.receivingAssetTickerPrintable - Standard ticker symbol for the receiving asset.
+ * @param {string} [props.sendingAssetProtocol] - Protocol name to be displayed in text on the change asset button.
+ * @param {string} [props.receivingAssetProtocol] - Protocol name to be displayed in text on the change asset button.
+ * @param {string} props.sendingAssetIconSrc - Source URL for the sending asset icon.
+ * @param {string} [props.sendingAssetProtocolIconSrc=null] - Optional source URL for the sending asset protocol icon.
+ * @param {string} props.receivingAssetIconSrc - Source URL for the receiving asset icon.
+ * @param {string} [props.receivingAssetProtocolIconSrc=null] - Optional source URL for the receiving asset protocol icon.
+ * @param {string} [props.fallBackAssetIconSrc=null] - Optional source URL for a fallback icon used when an icon fails to load.
+ * @param {string} [props.sendingAssetFeeCoinTickerPrintable] - Optional standard ticker symbol for the fee coin of the sending asset.
+ * @param {string} [props.sendingAssetBalance] - Balance of the sending asset.
+ * @param {string} [props.receivingAssetBalance] - Balance of the receiving asset.
+ * @param {handleClick} props.handleChangeSendingAssetClick - Function to handle clicking on the change sending asset button.
+ * @param {handleClick} props.handleChangeReceivingAssetClick - Function to handle clicking on the change receiving asset button.
+ * @param {handleClick} props.handleConfirmButtonClick - Function to handle clicking on the confirm button.
+ * @param {composeConfirmButtonTo} props.composeConfirmButtonTo - Function to compose the URL for the confirm button.
+ * @param {setSwapCreationEstimation} props.setSwapCreationEstimation - Function to set the swap creation estimation.
+ * @param {handleUnexpectedError} props.handleUnexpectedError - Function to handle unexpected errors.
+ * @param {rotateAssets} props.rotateAssets - Function to rotate the assets (swap sending and receiving assets).
+ * @param {string} [props.preservedAmount=null] - Amount to be preserved.
+ * @param {handleSwapServiceError} props.handleSwapServiceError - Function to handle standard errors that we can recognize.
+ * @param {boolean} [props.formHasBalance] - Indicates if the form has balance information.
+ * @param {retrieveSwapDetails} props.retrieveSwapDetails - Function to retrieve swap details based on the given parameters.
+ * @param {retrieveInitialSwapData} props.retrieveInitialSwapData - Function to retrieve initial swap data for a given pair of assets.
+ * @param {number} props.triggerDataUpdateResetting - Number to reset interval updating the data periodically.
+ * @param {React.Ref} props.fromAssetSelectionButtonRef - Reference to the from asset selection button.
+ * @param {React.Ref} props.toAssetSelectionButtonRef - Reference to the to asset selection button.
+ * @param {number|string} [props.sendingAssetToFiatRate] - Rate for converting the sending asset to fiat.
+ * @param {number|string} [props.receivingAssetToFiatRate] - Rate for converting the receiving asset to fiat.
+ * @param {string} [props.fiatCurrencyCode] - Code for the fiat currency.
+ * @param {number} [props.fiatCurrencyDecimals] - Decimal places for the fiat currency.
+ * @param {boolean} [props.formHasFiat] - Indicates if the form supports fiat currency.
+ * @param {string|null} [props.termsOfUseUrl] - Terms of use URL, shown only if both terms & privacy policy passed.
+ * @param {string|null} [props.privacyPolicyUrl] - Privacy policy of use URL, shown only if both terms & privacy policy passed.
+ * @param {object} [props.translations] - Object containing translations, default English texts will be used if omitted.
+ * @param {string} props.swapSeparatorIconSrc - Source URL for the swap separator icon.
+ * @param {boolean} props.swapButtonAlwaysActive - Setting that allows the form state to proceed to the next step regardless of validity.
+ * @return {JSX.Element} Rendered SwapForm component.
  * @constructor
  */
 export const SwapForm = ({
@@ -219,6 +221,8 @@ export const SwapForm = ({
     fiatCurrencyCode = null,
     fiatCurrencyDecimals = null,
     formHasFiat = true,
+    termsOfUseUrl = null,
+    privacyPolicyUrl = null,
     translations = {
         swapAllButtonTitles: {
             enable: "Swap all",
@@ -304,7 +308,6 @@ export const SwapForm = ({
     const callHandlingErrors = useCallHandlingErrors();
 
     const recalculationDelayOnTyping = 1000;
-    const showConsent = !formHasBalance; // We show TOS&PP consent only when working outside wallet
 
     const handleSendAssetAmountChange = (amount) => {
         if (amount != null && amount !== "") {
@@ -745,7 +748,7 @@ export const SwapForm = ({
     }, [sendAssetAmount.current]);
 
     return (
-        <div className={s["swap-dialog-form"]}>
+        <div className={s["swap-form"]}>
             <TitleBox
                 linkButtonClick={
                     BigNumber(sendingAssetBalance?.assetAmount).eq(0)
@@ -767,7 +770,7 @@ export const SwapForm = ({
                     BigNumber(sendingAssetBalance?.assetAmount).eq(0)
                 }
             >
-                <div className={s["swap-dialog-form-inputs"]}>
+                <div className={s["swap-form-inputs"]}>
                     <AmountInput
                         ticker={sendingAssetTicker}
                         tickerPrintable={sendingAssetTickerPrintable}
@@ -805,7 +808,7 @@ export const SwapForm = ({
                     />
                     <div
                         className={
-                            s["swap-dialog-form-inputs-separator"] +
+                            s["swap-form-inputs-separator"] +
                             " " +
                             (isLoading.current ||
                             sendingAssetTicker === null ||
@@ -858,7 +861,7 @@ export const SwapForm = ({
                         }
                     />
                 </div>
-                <div className={s["swap-dialog-form-information-field"]}>
+                <div className={s["swap-form-information-field"]}>
                     <p>
                         {!isPairSupported ? (
                             translations.informationBlock.pairNotAvailable
@@ -987,43 +990,37 @@ export const SwapForm = ({
                         ) : (
                             translations.informationBlock.loadingMinimalAmount
                         )}
-                        {/* TODO: [feature, moderate] add "Please enter the amount you want to swap." */}
                     </p>
                 </div>
                 {validationContent ? (
-                    <div className={s["swap-dialog-form-validation-text"]}>
+                    <div className={s["swap-form-validation-text"]}>
                         <Validation text={validationContent} />
                     </div>
                 ) : (
                     ""
                 )}
-                <div className={s["swap-dialog-form-button-container"]}>
+                <div className={s["swap-form-button-container"]}>
                     {formHasBalance ? null : (
                         <p
                             className={
-                                s[
-                                    "swap-dialog-form-button-container-consent-text"
-                                ]
+                                s["swap-form-button-container-consent-text"]
                             }
                         >
                             {translations.consents.consentTextRate}
                         </p>
                     )}
-                    {showConsent ? null : (
+                    {!termsOfUseUrl || !privacyPolicyUrl ? null : (
                         <p
                             className={
-                                s[
-                                    "swap-dialog-form-button-container-consent-text"
-                                ]
+                                s["swap-form-button-container-consent-text"]
                             }
                         >
                             {translations.consents.consentText + " "}
                             <a
-                                // TODO: [dev] fix dox link - pass via property
-                                href="/docs/legal/swap-terms-of-use.html"
+                                href={termsOfUseUrl}
                                 className={
                                     s[
-                                        "swap-dialog-form-button-container-consent-text-link"
+                                        "swap-form-button-container-consent-text-link"
                                     ]
                                 }
                                 target="_blank"
@@ -1032,11 +1029,10 @@ export const SwapForm = ({
                             </a>
                             {" " + translations.consents.and + " "}
                             <a
-                                // TODO: [dev] fix dox link - pass via property
-                                href="/docs/legal/swap-privacy-policy.html"
+                                href={privacyPolicyUrl}
                                 className={
                                     s[
-                                        "swap-dialog-form-button-container-consent-text-link"
+                                        "swap-form-button-container-consent-text-link"
                                     ]
                                 }
                                 target="_blank"

package/src/components/organisms/SwapForm/swap-form.module.scss

@@ -1,7 +1,6 @@
 @import "../../../../styles/index";
 
-// TODO: [dev] rename to .swap-dialog
-.swap-dialog-form {
+.swap-form {
     width: 100%;
 
     &-inputs {

package/src/constants/globalConstants.jsx

@@ -0,0 +1,4 @@
+export const FALLBACK_ASSET_ICON_URL =
+    "https://rabbit.io/asset-icons/fallback.svg";
+
+export const DEFAULT_CRYPTO_DECIMAL_COUNT = 8;

package/src/index.js

@@ -37,6 +37,10 @@ export { DIALOG_STEP_CLASS } from "./constants/organisms/dialog/DialogStep/dialo
 export { ICON_ROTATE_OPTIONS } from "./constants/atoms/LinkButton/linkButton.jsx";
 export { TOOLTIP_POSITIONS } from "./constants/atoms/Tooltip/tooltip.jsx";
 export { CLOSE_COLORS } from "./constants/atoms/Close/close.jsx";
+export {
+    FALLBACK_ASSET_ICON_URL,
+    DEFAULT_CRYPTO_DECIMAL_COUNT,
+} from "./constants/globalConstants.jsx";
 
 export { useCallHandlingErrors } from "./components/hooks/useCallHandlingErrors.js";
 export { useReferredState } from "./components/hooks/useReferredState.js";

package/src/swaps-lib/external-apis/swapspaceSwapProvider.js

@@ -9,7 +9,7 @@ import { Coin } from "../../common/models/coin.js";
 import { Protocol } from "../../common/models/protocol.js";
 import { safeStringify } from "../../common/utils/safeStringify.js";
 import { Logger } from "../../common/utils/logging/logger.js";
-import { FALLBACK_ICON_URL } from "../../common/utils/iconsUtils.js";
+import { FALLBACK_ASSET_ICON_URL } from "../../constants/globalConstants.jsx";
 
 export const BANNED_PARTNERS = ["stealthex", "changee", "coincraddle"];
 
@@ -129,7 +129,7 @@ export class SwapspaceSwapProvider extends SwapProvider {
             return (
                 this._supportedCoins.find(
                     (item) => item.coin?.ticker === coin?.ticker
-                )?.iconURL ?? FALLBACK_ICON_URL
+                )?.iconURL ?? FALLBACK_ASSET_ICON_URL
             );
         } catch (e) {
             improveAndRethrow(e, loggerSource);
@@ -201,7 +201,7 @@ export class SwapspaceSwapProvider extends SwapProvider {
                                 isPopular: !!item.popular,
                                 iconURL: item.icon
                                     ? `https://storage.swapspace.co${item.icon}`
-                                    : FALLBACK_ICON_URL,
+                                    : FALLBACK_ASSET_ICON_URL,
                                 deposit: item.deposit ?? false,
                                 withdrawal: item.withdrawal ?? false,
                                 validationRegexp: item.validationRegexp ?? null,

package/src/swaps-lib/services/publicSwapService.js

@@ -212,8 +212,8 @@ export class PublicSwapService {
                 fixed,
                 coinUsdtRate
             );
-            const min = details.result ? details.min : details.smallestMin;
-            const max = details.result ? details.max : details.greatestMax;
+            const min = details.smallestMin;
+            const max = details.greatestMax;
             let fiatMin = null,
                 fiatMax = null;
             if (coinUsdtRate != null) {

package/src/common/utils/iconsUtils.js

@@ -1 +0,0 @@
-export const FALLBACK_ICON_URL = "https://rabbit.io/asset-icons/fallback.svg";