@rabbitio/ui-kit 1.0.0-beta.103 → 1.0.0-beta.104

package/dist/index.module.js

@@ -5093,8 +5093,9 @@ var SwapForm = function SwapForm(_ref) {
     isLastEditedReceiving = _useReferredState9[0],
     setIsLastEditedReceiving = _useReferredState9[1];
   var _useState12 = useState(true),
-    isInitialLoading = _useState12[0],
-    setIsInitialLoading = _useState12[1];
+    isFirstComponentInitialization = _useState12[0],
+    setIsFirstComponentInitialization = _useState12[1]; // Boolean "true" only until the first initialization, used to ignore some calls upon initial rendering.
+
   var _useState13 = useState(composeConfirmButtonTo(sendingAssetTicker, receivingAssetTicker, preservedAmount)),
     confirmButtonTo = _useState13[0];
   var _useState14 = useState(),
@@ -5435,8 +5436,8 @@ var SwapForm = function SwapForm(_ref) {
   }, [isFixedRate.current]);
   useEffect(function () {
     if (!sendingAssetTicker || !receivingAssetTicker) return;
-    if (isInitialLoading) {
-      setIsInitialLoading(false);
+    if (isFirstComponentInitialization) {
+      setIsFirstComponentInitialization(false);
       return;
     }
     var currentAmount = isLastEditedReceiving.current ? receiveAssetAmount.current : sendAssetAmount.current;
@@ -6611,6 +6612,49 @@ var s$2 = {"coin-picker":"_mvuzQ","loading":"_18kIX","item":"_fSxCX","link":"_rO
 var FALLBACK_ASSET_ICON_URL = "https://wallet.rabbit.io/asset-icons/fallback.svg";
 var DEFAULT_CRYPTO_DECIMAL_COUNT = 8;
 
+var searchCoins = function searchCoins(coinsList, query) {
+  if (query === void 0) {
+    query = "";
+  }
+  var isWalletCoin = function isWalletCoin(universalAsset) {
+    return (universalAsset == null ? void 0 : universalAsset.tickerPrintable) != null && (universalAsset == null ? void 0 : universalAsset.prettyTicker) == null;
+  };
+  var getName = function getName(universalAsset) {
+    return isWalletCoin(universalAsset) ? universalAsset == null ? void 0 : universalAsset.latinName : universalAsset.name;
+  };
+  var getTickerShort = function getTickerShort(universalAsset) {
+    return isWalletCoin(universalAsset) ? universalAsset == null ? void 0 : universalAsset.tickerPrintable : universalAsset == null ? void 0 : universalAsset.prettyTicker;
+  };
+  var getTickerFull = function getTickerFull(universalAsset) {
+    return isWalletCoin(universalAsset) ? universalAsset == null ? void 0 : universalAsset.ticker : universalAsset == null ? void 0 : universalAsset.ticker;
+  };
+  var searchTerm = query.trim().toLowerCase();
+  if (searchTerm !== "") {
+    var searchWords = searchTerm.split(/\s+/); // Split search terms on whitespace
+
+    var filteredAndSortedCoins = coinsList.filter(function (coin) {
+      // Check if all search words are found in any of the given properties
+      return searchWords.every(function (word) {
+        return getName(coin).toLowerCase().includes(word) || getTickerFull(coin).toLowerCase().includes(word) || getTickerShort(coin).toLowerCase().includes(word);
+      });
+    }).sort(function (a, b) {
+      // Check for exact matches
+      var aMatch = getName(a).toLowerCase() === searchTerm || getTickerFull(a).toLowerCase() === searchTerm || getTickerShort(a).toLowerCase() === searchTerm ? 1 : 0;
+      var bMatch = getName(b).toLowerCase() === searchTerm || getTickerFull(b).toLowerCase() === searchTerm || getTickerShort(b).toLowerCase() === searchTerm ? 1 : 0;
+      if (bMatch - aMatch !== 0) {
+        // Prioritize exact matches to the top
+        return bMatch - aMatch;
+      } else {
+        // Sort remaining items alphabetically by name
+        return getName(a).toLowerCase().localeCompare(getName(b).toLowerCase());
+      }
+    });
+    return filteredAndSortedCoins;
+  } else {
+    return coinsList; // Reset to original list if search term is empty
+  }
+};
+
 /**
  * A component that displays a list of coins that can be searched and filtered.
  *
@@ -6650,29 +6694,8 @@ var SearchableCoinsList = function SearchableCoinsList(_ref) {
     displayedCoins = _useState2[0],
     setDisplayedCoins = _useState2[1];
   var handleSearchAsset = function handleSearchAsset(value) {
-    var searchTerm = value.trim().toLowerCase();
-    if (searchTerm !== "") {
-      var searchWords = searchTerm.split(/\s+/); // Split search terms on whitespace
-
-      var filteredAndSortedCoins = coinsList.filter(function (coin) {
-        // Check if all search words are found in any of the given properties
-        return searchWords.every(function (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(function (a, b) {
-        // Check for exact matches
-        var aMatch = a.latinName.toLowerCase() === searchTerm || a.ticker.toLowerCase() === searchTerm || a.tickerPrintable.toLowerCase() === searchTerm ? 1 : 0;
-        var 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);
+    if (value !== "") {
+      setFilteredCoins(searchCoins(coinsList, value));
     } else {
       setFilteredCoins(coinsList); // Reset to original list if search term is empty
     }
@@ -6714,12 +6737,14 @@ var SearchableCoinsList = function SearchableCoinsList(_ref) {
     if (coinsBundle != null) handleSearchAsset(searchQuery);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [coinsList, searchQuery]);
-  return displayedCoins.map(function (coin) {
-    return coinsBundle.find(function (bundleItem) {
+  return displayedCoins.map(function (coin, i) {
+    var bundle = coinsBundle.find(function (bundleItem) {
       return bundleItem.ticker === coin.ticker;
-    }).component;
-  }).map(function (Item) {
-    return /*#__PURE__*/React.createElement(Item, null);
+    });
+    var Item = bundle.component;
+    return /*#__PURE__*/React.createElement(Item, {
+      key: "searchable-coins-list-" + bundle.ticker + "-" + i
+    });
   });
 };
 SearchableCoinsList.propTypes = {
@@ -7883,7 +7908,8 @@ var LogoCarousel = function LogoCarousel(_ref) {
         target: "_blank"
       }, /*#__PURE__*/React.createElement("img", {
         src: item.logo,
-        alt: "logo"
+        alt: "logo",
+        loading: "lazy"
       }));
     }));
   })));
@@ -11475,7 +11501,7 @@ var SwapspaceSwapProvider = /*#__PURE__*/function (_SwapProvider) {
     }
     _this = _SwapProvider.call(this, "swapspace", cache, customCoinBuilder, useRestrictedCoinsSet, true, false) || this;
     _this._partners = [];
-    _this._URL = apiKey ? "https://api.cdn-swapspace.co" : apiKeysProxyUrl + "/" + _this.id;
+    _this._URL = apiKey ? "https://api.swapspace.co" : apiKeysProxyUrl + "/" + _this.id;
     _this._headers = apiKey ? {
       Authorization: apiKey
     } : {};
@@ -13897,5 +13923,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, COLORED_NOTICE_COLORS, 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, ExolixSwapProvider, ExternalApiProvider, FALLBACK_ASSET_ICON_URL, FiatCurrenciesService, GoogleAnalyticsAdapter, ICON_ROTATE_OPTIONS, InformationMessage, Input, InputValuesProviders, IpAddressProvider, KYC_LEVELS, LetsExchangeSwapProvider, LineWithIconLink, LinesOfText, LinkButton, LoadingDots, Logger, LogoCarousel, LogsStorage, MetrikaAdapter, MixpanelAdapter, NoticeIcon, Partner, Protocol, PublicSwapService, QrCode, RadioButtonWithText, RobustExternalAPICallerService, SearchableCoinsList, SupportChat, SwapForm, SwapProvider, SwapProviderCoinInfo, SwapUtils, SwapspaceSwapProvider, TOOLTIP_POSITIONS, Textarea, TitleBox, TitledLineWithIconLink, Tooltip, Validation, WaitlistSubscription, copyBrowserTextToClipboard, getQueryParameterSingleValue, getQueryParameterValues, handleClickOutside, improveAndRethrow, logErrorOrOutputToConsole, postponeExecution, removeQueryParameterAndValues, safeStringify, saveQueryParameterAndValues, toRabbitTicker, useCallHandlingErrors, useIsHydrated, useReferredState };
+export { AmountInput, AmountUtils, ApiGroup, ApiGroups, AssetIcon, AssetSelection, AxiosAdapter, BackgroundTitle, BaseSwapCreationInfo, Blockchain, Button, CLOSE_COLORS, COIN_PICKER_MODES, COLORED_NOTICE_COLORS, 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, ExolixSwapProvider, ExternalApiProvider, FALLBACK_ASSET_ICON_URL, FiatCurrenciesService, GoogleAnalyticsAdapter, ICON_ROTATE_OPTIONS, InformationMessage, Input, InputValuesProviders, IpAddressProvider, KYC_LEVELS, LetsExchangeSwapProvider, LineWithIconLink, LinesOfText, LinkButton, LoadingDots, Logger, LogoCarousel, LogsStorage, MetrikaAdapter, MixpanelAdapter, NoticeIcon, Partner, Protocol, PublicSwapService, QrCode, RadioButtonWithText, RobustExternalAPICallerService, SearchableCoinsList, SupportChat, SwapForm, SwapProvider, SwapProviderCoinInfo, SwapUtils, SwapspaceSwapProvider, TOOLTIP_POSITIONS, Textarea, TitleBox, TitledLineWithIconLink, Tooltip, Validation, WaitlistSubscription, copyBrowserTextToClipboard, getQueryParameterSingleValue, getQueryParameterValues, handleClickOutside, improveAndRethrow, logErrorOrOutputToConsole, postponeExecution, removeQueryParameterAndValues, safeStringify, saveQueryParameterAndValues, searchCoins, toRabbitTicker, useCallHandlingErrors, useIsHydrated, useReferredState };
 //# sourceMappingURL=index.module.js.map