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

package/coverage/rabbit-ui-kit/stories/atoms/buttons/Button.stories.jsx.html

@@ -868,7 +868,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/buttons/Close.stories.jsx.html

@@ -196,7 +196,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/buttons/LinkButton.stories.jsx.html

@@ -286,7 +286,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/buttons/index.html

@@ -131,7 +131,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/atoms/index.html

@@ -176,7 +176,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/molecules/CoinPicker.stories.jsx.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/62</span>
+                <span class='fraction'>0/79</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/62</span>
+                <span class='fraction'>0/79</span>
             </div>
         
             
@@ -125,7 +125,41 @@
 <a name='L60'></a><a href='#L60'>60</a>
 <a name='L61'></a><a href='#L61'>61</a>
 <a name='L62'></a><a href='#L62'>62</a>
-<a name='L63'></a><a href='#L63'>63</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<a name='L63'></a><a href='#L63'>63</a>
+<a name='L64'></a><a href='#L64'>64</a>
+<a name='L65'></a><a href='#L65'>65</a>
+<a name='L66'></a><a href='#L66'>66</a>
+<a name='L67'></a><a href='#L67'>67</a>
+<a name='L68'></a><a href='#L68'>68</a>
+<a name='L69'></a><a href='#L69'>69</a>
+<a name='L70'></a><a href='#L70'>70</a>
+<a name='L71'></a><a href='#L71'>71</a>
+<a name='L72'></a><a href='#L72'>72</a>
+<a name='L73'></a><a href='#L73'>73</a>
+<a name='L74'></a><a href='#L74'>74</a>
+<a name='L75'></a><a href='#L75'>75</a>
+<a name='L76'></a><a href='#L76'>76</a>
+<a name='L77'></a><a href='#L77'>77</a>
+<a name='L78'></a><a href='#L78'>78</a>
+<a name='L79'></a><a href='#L79'>79</a>
+<a name='L80'></a><a href='#L80'>80</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -249,6 +283,23 @@
 <span class="cstat-no" title="statement not covered" >    coinToIconPaths: coinToIconPaths,</span>
 <span class="cstat-no" title="statement not covered" >    texts: texts,</span>
 <span class="cstat-no" title="statement not covered" >};</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >export const ExternalData = Template.bind({});</span>
+<span class="cstat-no" title="statement not covered" >ExternalData.args = {</span>
+<span class="cstat-no" title="statement not covered" >    mode: COIN_PICKER_MODES.BUTTON,</span>
+<span class="cstat-no" title="statement not covered" >    loadCoinsAndContent: async () =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        await new Promise(resolve =&gt; setTimeout(resolve, 2000));</span>
+<span class="cstat-no" title="statement not covered" >        const content = COINS.map(coin =&gt; ({</span>
+<span class="cstat-no" title="statement not covered" >            coin: coin,</span>
+<span class="cstat-no" title="statement not covered" >            subtitle: coin.blockchain.name,</span>
+<span class="cstat-no" title="statement not covered" >        }));</span>
+<span class="cstat-no" title="statement not covered" >        return { coins: COINS, content: content, isCoinsDataReloadable: false };</span>
+<span class="cstat-no" title="statement not covered" >    },</span>
+<span class="cstat-no" title="statement not covered" >    initiallyEnabledCoinsList: COINS,</span>
+<span class="cstat-no" title="statement not covered" >    supportUrl: "https://example.com/",</span>
+<span class="cstat-no" title="statement not covered" >    coinToIconPaths: coinToIconPaths,</span>
+<span class="cstat-no" title="statement not covered" >    texts: texts,</span>
+<span class="cstat-no" title="statement not covered" >};</span>
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -256,7 +307,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/molecules/ColoredNotice.stories.jsx.html

@@ -163,7 +163,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/molecules/LineWithIconLink.stories.jsx.html

@@ -139,7 +139,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/molecules/LogoCarousel.stories.jsx.html

@@ -145,7 +145,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/molecules/TitledLineWithIconLink.stories.jsx.html

@@ -145,7 +145,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/molecules/index.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/166</span>
+                <span class='fraction'>0/183</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/166</span>
+                <span class='fraction'>0/183</span>
             </div>
         
             
@@ -84,13 +84,13 @@
 	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
 	</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="62" class="abs low">0/62</td>
+	<td data-value="79" class="abs low">0/79</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="1" class="abs low">0/1</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="1" class="abs low">0/1</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="62" class="abs low">0/62</td>
+	<td data-value="79" class="abs low">0/79</td>
 	</tr>
 
 <tr>
@@ -161,7 +161,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/Dialog.stories.jsx.html

@@ -508,7 +508,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/DialogButtons/DialogButtons.stories.jsx.html

@@ -313,7 +313,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/DialogButtons/index.html

@@ -101,7 +101,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/DialogStep/DialogStep.stories.jsx.html

@@ -322,7 +322,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/DialogStep/index.html

@@ -101,7 +101,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/Dialog/index.html

@@ -101,7 +101,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/WaitlistSubscription.stories.jsx.html

@@ -136,7 +136,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/organisms/index.html

@@ -101,7 +101,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/stubs/coins.jsx.html

@@ -6865,7 +6865,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/stubs/exampleContent.jsx.html

@@ -130,7 +130,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/stubs/index.html

@@ -116,7 +116,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/templates/DeterminedErrorDialogStep.stories.jsx.html

@@ -175,7 +175,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/stories/templates/index.html

@@ -101,7 +101,7 @@
             <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 2024-08-14T12:55:43.144Z
+                at 2024-08-15T09:15:11.580Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/dist/index.cjs

@@ -1,7 +1,7 @@
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var AnimateHeight = require('react-animate-height');
-var ResizeObserver = require('resize-observer-polyfill');
+var ResizeObserver$1 = require('resize-observer-polyfill');
 var bodyScrollLock = require('body-scroll-lock');
 var animateScrollTo = require('animated-scroll-to');
 var copy = require('clipboard-copy');
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var AnimateHeight__default = /*#__PURE__*/_interopDefaultLegacy(AnimateHeight);
-var ResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(ResizeObserver);
+var ResizeObserver__default = /*#__PURE__*/_interopDefaultLegacy(ResizeObserver$1);
 var animateScrollTo__default = /*#__PURE__*/_interopDefaultLegacy(animateScrollTo);
 var copy__default = /*#__PURE__*/_interopDefaultLegacy(copy);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
@@ -7050,8 +7050,8 @@ var CoinPicker = function CoinPicker(_ref) {
     setIsListFull: setIsListFull,
     setIsSearchResultEmpty: setIsSearchResultEmpty,
     triggerLoadMoreCoins: triggerLoadMoreCoins,
-    coinsList: allCoins,
-    coinsBundle: allCoins.map(function (coin, index) {
+    coinsList: coins,
+    coinsBundle: coins == null ? void 0 : coins.map(function (coin, index) {
       return {
         coin: coin,
         component: function component() {
@@ -7592,7 +7592,7 @@ WaitlistSubscription.propTypes = {
   translations: PropTypes.object
 };
 
-var s = {"logo-carousel":"_CgRBd","logo-carousel-slide":"_hIh2D","slide":"_Gu7XN"};
+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.
@@ -7603,9 +7603,38 @@ var s = {"logo-carousel":"_CgRBd","logo-carousel-slide":"_hIh2D","slide":"_Gu7XN
  * @param {Array<{logo: string, url: string}>} props.logos - Array of objects representing logos and their corresponding URLs.
  */
 var LogoCarousel = function LogoCarousel(_ref) {
+  var _wrapperRef$current;
   var logos = _ref.logos;
+  var _useState = React.useState(),
+    multiplier = _useState[0],
+    setMultiplier = _useState[1];
+  var _useState2 = React.useState(0),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var wrapperRef = React.useRef();
+  React.useEffect(function () {
+    var resizeObserver = new ResizeObserver(function (entries) {
+      return entries.map(function (entry) {
+        return setWidth(entry.contentRect.width);
+      });
+    });
+    if (wrapperRef.current) resizeObserver.observe(wrapperRef.current);
+    return function () {
+      if (wrapperRef.current) resizeObserver.unobserve(wrapperRef.current);
+    };
+  }, []);
+  React.useEffect(function () {
+    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__default["default"].createElement("div", {
     className: s["logo-carousel"]
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: s["logo-carousel-wrapper"],
+    ref: wrapperRef,
+    style: {
+      animationDuration: multiplier + "s"
+    }
   }, [].concat(Array(2)).map(function (z, i) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: s["logo-carousel-slide"],
@@ -7613,14 +7642,15 @@ var LogoCarousel = function LogoCarousel(_ref) {
     }, logos.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("a", {
         key: "logo-carousel-slide-" + i + "-" + index,
-        href: item.url,
+        className: item != null && item.url ? s["clickable"] : null,
+        href: item == null ? void 0 : item.url,
         target: "_blank"
       }, /*#__PURE__*/React__default["default"].createElement("img", {
         src: item.logo,
         alt: "logo"
       }));
     }));
-  }));
+  })));
 };
 LogoCarousel.propTypes = {
   logos: PropTypes.arrayOf(PropTypes.shape({