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

package/dist/index.modern.js

@@ -3646,6 +3646,7 @@ const AmountInput = /*#__PURE__*/React.forwardRef(({
   handleChangeAssetClick: _handleChangeAssetClick = () => {},
   handleBalanceValidationChange: _handleBalanceValidationChange = isValid => {},
   disabled,
+  locked,
   alertText,
   predefinedValue,
   children,
@@ -3736,7 +3737,7 @@ const AmountInput = /*#__PURE__*/React.forwardRef(({
   };
   const placeholderByDecimalCount = decimalCount => "0" + (decimalCount > 0 ? "." + "0".repeat(decimalCount) : "");
   const handleFiatInteraction = () => {
-    if (disabled) return;
+    if (disabled || locked) return;
     setFiatAmountAutoFocus(true);
     setInteractedWith(true);
   };
@@ -3766,7 +3767,7 @@ const AmountInput = /*#__PURE__*/React.forwardRef(({
   }, [coinAmountValue, _assetBalance]);
 
   // Clearing the custom focus upon disabling or enabling the form
-  useEffect(() => setIsInFocus(false), [disabled]);
+  useEffect(() => setIsInFocus(false), [disabled, locked]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TitleBox, {
     title: _label,
     linkText: _isSendAll !== null ? _isSendAll ? _linkButtonActiveText : _linkButtonInactiveText : null,
@@ -3789,7 +3790,7 @@ const AmountInput = /*#__PURE__*/React.forwardRef(({
     onChange: e => handleChangeAmount(e.target.value),
     placeholder: coinAmountPlaceholder,
     className: s$a["requested-amount-coin-input"],
-    disabled: disabled,
+    disabled: disabled || locked,
     onFocus: e => callHandlingErrors(() => setIsInFocus(true), e),
     onBlur: e => callHandlingErrors(() => setIsInFocus(false), e)
   }) : /*#__PURE__*/React.createElement("div", {
@@ -3805,7 +3806,7 @@ const AmountInput = /*#__PURE__*/React.forwardRef(({
     inputMode: "decimal",
     className: s$a["requested-amount-fiat-input"],
     value: fiatAmountValue,
-    disabled: disabled,
+    disabled: disabled || locked,
     onChange: e => handleChangeAmountFiat(e.target.value),
     placeholder: placeholderByDecimalCount(_fiatCurrencyDecimals),
     autoFocus: fiatAmountAutoFocus,
@@ -4202,7 +4203,6 @@ const SwapForm = ({
     },
     addressFields: {
       addressTitle: "Recepient address",
-      addressPlaceholder: "Example: 1XPTgDRh...",
       extraIdTitle: "Extra ID (optional)",
       extraIdPlaceholder: "Example: ABC123",
       extraIdNotice: "Please check if your recipient address requires a 'Memo' or 'Destination Tag' - sometimes called a tag, ID, label, or a note. Exchanges may require such ID for the deposit. Including this identifier is crucial when required, as omitting or misentering it can result in lost assets."
@@ -4222,8 +4222,7 @@ const SwapForm = ({
   setRecepientAddress,
   setRecepientAddressExtraId,
   recepientAddressExtraIdAvailable: _recepientAddressExtraIdAvailable = false,
-  displayRateSelector: _displayRateSelector = false,
-  dispatchRateModeChanged: _dispatchRateModeChanged = isFixed => {}
+  displayRateSelector: _displayRateSelector = false
 }) => {
   var _isFixedRate$current2, _maximumAmount$curren4, _maximumAmount$curren5, _maximumAmount$curren6, _minimalAmount$curren5, _isFixedRate$current3;
   const DETAIL_REFRESH_INTERVAL_MS = 1.5 * 60000;
@@ -4445,7 +4444,6 @@ const SwapForm = ({
   };
   const handleRateModeChanged = isFixed => {
     setIsFixedRate(isFixed);
-    _dispatchRateModeChanged(isFixed);
     requestDataRefresh(sendAssetAmount.current, true);
   };
   useEffect(() => {
@@ -4603,6 +4601,7 @@ const SwapForm = ({
     assetIconProtocolSrc: _receivingAssetProtocolIconSrc,
     fallbackAssetIconSrc: _fallBackAssetIconSrc,
     disabled: isSwapAll.current || sendingAssetTicker === null || receivingAssetTicker === null,
+    locked: !_formHasBalance,
     handleCoinAmountChange: handleReceiveAssetAmountChange,
     handleChangeAssetClick: handleChangeReceivingAssetClick,
     updateAssetInputTo: updateReceiveInputTo,
@@ -4610,7 +4609,7 @@ const SwapForm = ({
     changeAssetButtonProtocol: receivingAssetProtocol,
     showBalance: _formHasBalance,
     lowerFormPosition: true,
-    estimateAmount: true,
+    estimateAmount: !isFixedRate.current,
     ref: _toAssetSelectionButtonRef,
     isLoading: isLoading.current,
     cryptoAssetToFiatRate: _receivingAssetToFiatRate,
@@ -4622,7 +4621,7 @@ const SwapForm = ({
     className: s$9["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: s$9["semi-transparent"]
-  }, " ~ " + AmountUtils.fiat(transactionFee == null ? void 0 : transactionFee.fiat, _fiatCurrencyCode)) : "") : isSwapCalculated ? /*#__PURE__*/React.createElement(React.Fragment, null, _translations.informationBlock.swapRate, /*#__PURE__*/React.createElement("span", null, AmountUtils.composeRateText(sendingAssetTickerPrintable, receivingAssetTickerPrintable, swapRate, _receivingAssetDecimalCount, (_isFixedRate$current2 = isFixedRate.current) != null ? _isFixedRate$current2 : IS_FIXED_BY_DEFAULT))) : minimalAmount.current ? !maximumAmountValid && maximumAmount.current != null ? /*#__PURE__*/React.createElement(React.Fragment, null, _translations.informationBlock.maximumAmount, /*#__PURE__*/React.createElement("span", {
+  }, " ~ " + AmountUtils.fiat(transactionFee == null ? void 0 : transactionFee.fiat, _fiatCurrencyCode)) : "") : 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$current2 = isFixedRate.current) != null ? _isFixedRate$current2 : 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"],
     onClick: isLoading.current ? () => {} : e => callHandlingErrors(handleMaximumAmountClick, e)
   }, AmountUtils.crypto((_maximumAmount$curren4 = maximumAmount.current) == null ? void 0 : _maximumAmount$curren4.crypto, sendingAssetTickerPrintable)), ((_maximumAmount$curren5 = maximumAmount.current) == null ? void 0 : _maximumAmount$curren5.fiat) != null && ((_maximumAmount$curren6 = maximumAmount.current) == null ? void 0 : _maximumAmount$curren6.fiat) !== "" ? /*#__PURE__*/React.createElement("span", {
@@ -4641,8 +4640,7 @@ const SwapForm = ({
     onChange: e => setRecepientAddress(e.target.value),
     value: recepientAddress,
     adaptiveHeight: true,
-    errorEncountered: !_recepientAddressValid && recepientAddress !== "",
-    placeholder: _translations.addressFields.addressPlaceholder
+    errorEncountered: !_recepientAddressValid && recepientAddress !== ""
   })), _recepientAddressExtraIdAvailable ? /*#__PURE__*/React.createElement(TitleBox, {
     title: _translations.addressFields.extraIdTitle,
     titleNoticeText: _translations.addressFields.extraIdNotice,
@@ -8136,7 +8134,8 @@ class SwapspaceSwapProvider extends SwapProvider {
       const response = await axios.get(`${this._URL}/api/v2/amounts?fromCurrency=${fromCoinSwapspaceDetails.code}&fromNetwork=${fromCoinSwapspaceDetails.network}&toNetwork=${toCoinSwapspaceDetails.network}&toCurrency=${toCoinSwapspaceDetails.code}&amount=${amountCoins}&estimated=false`);
       Logger.log(`Retrieved ${response == null || (_response$data = response.data) == null ? void 0 : _response$data.length} options`, loggerSource);
       const options = Array.isArray(response.data) ? response.data : [];
-      let exchangesSupportingThePairDespiteFixedOrFloating = options.filter(exchange => (exchange == null ? void 0 : exchange.exists) && !BANNED_PARTNERS.find(bannedPartner => bannedPartner === (exchange == null ? void 0 : exchange.partner)) && ((exchange == null ? void 0 : exchange.fixed) === false || (exchange == null ? void 0 : exchange.fixed) === true) && (exchange.min === 0 || exchange.max === 0 || exchange.max > exchange.min || (typeof exchange.min !== "number" || typeof exchange.max !== "number") && exchange.toAmount > 0));
+      // TODO: [feature, high] remove if possible over-engineering about toAmount = 0 options treating as supported but not available. task_id=404ae30d9a7743238af3cc0d3bae9239
+      let exchangesSupportingThePairDespiteFixedOrFloating = options.filter(exchange => (exchange == null ? void 0 : exchange.exists) && !BANNED_PARTNERS.find(bannedPartner => bannedPartner === (exchange == null ? void 0 : exchange.partner)) && ((exchange == null ? void 0 : exchange.fixed) === false || (exchange == null ? void 0 : exchange.fixed) === true) && typeof exchange.min === "number" && typeof exchange.max === "number" && typeof exchange.toAmount === "number" && exchange.toAmount > 0 && (exchange.min === 0 || exchange.max === 0 || exchange.max > exchange.min));
       let exchangesSupportingThePair = exchangesSupportingThePairDespiteFixedOrFloating;
       if (fixed != null) {
         exchangesSupportingThePair = exchangesSupportingThePairDespiteFixedOrFloating.filter(option => option.fixed === fixed);