npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.103 → 1.0.0-beta.104 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (284) hide show

package/coverage/ui-kit/storybook-static/templates-DeterminedErrorDialogStep-stories.3cc14214.iframe.bundle.js.html ADDED Viewed

@@ -0,0 +1,85 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>Code coverage report for ui-kit/storybook-static/templates-DeterminedErrorDialogStep-stories.3cc14214.iframe.bundle.js</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../../prettify.css" />
+    <link rel="stylesheet" href="../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style type='text/css'>
+        .coverage-summary .sorter {
+            background-image: url(../../sort-arrow-sprite.png);
+        }
+    </style>
+</head>
+<body>
+<div class='wrapper'>
+    <div class='pad1'>
+        <h1><a href="../../index.html">All files</a> / <a href="index.html">ui-kit/storybook-static</a> templates-DeterminedErrorDialogStep-stories.3cc14214.iframe.bundle.js</h1>
+        <div class='clearfix'>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Statements</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Branches</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Functions</span>
+                <span class='fraction'>0/1</span>
+            </div>
+            <div class='fl pad1y space-right2'>
+                <span class="strong">0% </span>
+                <span class="quiet">Lines</span>
+                <span class='fraction'>0/1</span>
+            </div>
+        </div>
+        <p class="quiet">
+            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
+        </p>
+        <template id="filterTemplate">
+            <div class="quiet">
+                Filter:
+                <input oninput="onInput()" type="search" id="fileSearch">
+            </div>
+        </template>
+    </div>
+    <div class='status-line low'></div>
+    <pre><table class="coverage">
+<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use strict";(self.webpackChunk_rabbitio_ui_kit=self.webpackChunk_rabbitio_ui_kit||[]).push([[139],{"./stories/templates/DeterminedErrorDialogStep.stories.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=&gt;Default,__namedExportsOrder:()=&gt;__namedExportsOrder,default:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_src__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/index.js"),_src_ui_kit_components_templates_DeterminedErrorDialogStep_DeterminedErrorDialogStep__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/ui-kit/components/templates/DeterminedErrorDialogStep/DeterminedErrorDialogStep.jsx");let __WEBPACK_DEFAULT_EXPORT__={title:"templates/DeterminedErrorDialogStep",component:_src_ui_kit_components_templates_DeterminedErrorDialogStep_DeterminedErrorDialogStep__WEBPACK_IMPORTED_MODULE_2__.d,argTypes:{backButtonClick:{action:"backButtonClick"},confirmButtonClick:{action:"confirmButtonClick"}},parameters:{backgrounds:{default:"dark"}},tags:["autodocs"]};var Default=(function(args){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{width:_src__WEBPACK_IMPORTED_MODULE_1__.NY.small.width}},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src__WEBPACK_IMPORTED_MODULE_1__.Vq,{inline:!0,showDialog:!0},react__WEBPACK_IMPORTED_MODULE_0__.createElement(_src_ui_kit_components_templates_DeterminedErrorDialogStep_DeterminedErrorDialogStep__WEBPACK_IMPORTED_MODULE_2__.d,args)))}).bind({});Default.args={title:"Error encountered",subtitle:"Something went wrong, please try again.",backButtonText:"Go Back",confirmButtonText:"Confirm"},Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"args =&gt; &lt;div style={{\n  width: DIALOG_SIZES.small.width\n}}&gt;\n        &lt;Dialog inline showDialog&gt;\n            &lt;DeterminedErrorDialogStep {...args} /&gt;\n        &lt;/Dialog&gt;\n    &lt;/div&gt;",...Default.parameters?.docs?.source}}};let __namedExportsOrder=["Default"]}}]);</span></span></span></pre></td></tr></table></pre>
+                <div class='push'></div><!-- for sticky footer -->
+            </div><!-- /wrapper -->
+            <div class='footer quiet pad2 space-top1 center small'>
+                Code coverage generated by
+                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
+                at 2025-02-20T12:22:27.891Z
+            </div>
+        <script src="../../prettify.js"></script>
+        <script>
+            window.onload = function () {
+                prettyPrint();
+            };
+        </script>
+        <script src="../../sorter.js"></script>
+        <script src="../../block-navigation.js"></script>
+    </body>
+</html>

package/dist/index.cjs CHANGED Viewed

@@ -5107,8 +5107,9 @@ var SwapForm = function SwapForm(_ref) {
     isLastEditedReceiving = _useReferredState9[0],
     setIsLastEditedReceiving = _useReferredState9[1];
   var _useState12 = React.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 = React.useState(composeConfirmButtonTo(sendingAssetTicker, receivingAssetTicker, preservedAmount)),
     confirmButtonTo = _useState13[0];
   var _useState14 = React.useState(),
@@ -5449,8 +5450,8 @@ var SwapForm = function SwapForm(_ref) {
   }, [isFixedRate.current]);
   React.useEffect(function () {
     if (!sendingAssetTicker || !receivingAssetTicker) return;
-    if (isInitialLoading) {
-      setIsInitialLoading(false);
+    if (isFirstComponentInitialization) {
+      setIsFirstComponentInitialization(false);
       return;
     }
     var currentAmount = isLastEditedReceiving.current ? receiveAssetAmount.current : sendAssetAmount.current;
@@ -6625,6 +6626,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.
  *
@@ -6664,29 +6708,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
     }
@@ -6728,12 +6751,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__default["default"].createElement(Item, null);
+    });
+    var Item = bundle.component;
+    return /*#__PURE__*/React__default["default"].createElement(Item, {
+      key: "searchable-coins-list-" + bundle.ticker + "-" + i
+    });
   });
 };
 SearchableCoinsList.propTypes = {
@@ -7897,7 +7922,8 @@ var LogoCarousel = function LogoCarousel(_ref) {
         target: "_blank"
       }, /*#__PURE__*/React__default["default"].createElement("img", {
         src: item.logo,
-        alt: "logo"
+        alt: "logo",
+        loading: "lazy"
       }));
     }));
   })));
@@ -11489,7 +11515,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
     } : {};
@@ -13998,6 +14024,7 @@ exports.postponeExecution = postponeExecution;
 exports.removeQueryParameterAndValues = removeQueryParameterAndValues;
 exports.safeStringify = safeStringify;
 exports.saveQueryParameterAndValues = saveQueryParameterAndValues;
+exports.searchCoins = searchCoins;
 exports.toRabbitTicker = toRabbitTicker;
 exports.useCallHandlingErrors = useCallHandlingErrors;
 exports.useIsHydrated = useIsHydrated;