npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.73 → 1.0.0-beta.74 - Mend

@rabbitio/ui-kit 1.0.0-beta.73 → 1.0.0-beta.74

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 (240) hide show

package/coverage/ui-kit/storybook-static/sb-addons/onboarding-6/manager-bundle.js.html CHANGED Viewed

@@ -1573,7 +1573,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-addons/viewport-8/index.html CHANGED Viewed

@@ -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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-addons/viewport-8/manager-bundle.js.html CHANGED Viewed

@@ -79,7 +79,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/WithTooltip-V3YHNWJZ-LVYLGZW2.js.html CHANGED Viewed

@@ -73,7 +73,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/chunk-2IXBUOFS.js.html CHANGED Viewed

@@ -91,7 +91,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/chunk-INSKDKQB.js.html CHANGED Viewed

@@ -1114,7 +1114,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/chunk-NGTUFCUO.js.html CHANGED Viewed

@@ -97,7 +97,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/chunk-UUEAOBSN.js.html CHANGED Viewed

@@ -1288,7 +1288,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/chunk-ZEU7PDD3.js.html CHANGED Viewed

@@ -73,7 +73,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/formatter-SWP5E3XI-7BGIK6BL.js.html CHANGED Viewed

@@ -538,7 +538,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/globals-module-info.js.html CHANGED Viewed

@@ -73,7 +73,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/globals.js.html CHANGED Viewed

@@ -73,7 +73,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/index.html CHANGED Viewed

@@ -266,7 +266,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/index.js.html CHANGED Viewed

@@ -73,7 +73,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/runtime.js.html CHANGED Viewed

@@ -73,7 +73,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-manager/syntaxhighlighter-V7JZZA35-DXZCI2WR.js.html CHANGED Viewed

@@ -73,7 +73,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-preview/globals.js.html CHANGED Viewed

@@ -73,7 +73,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-preview/index.html CHANGED Viewed

@@ -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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/ui-kit/storybook-static/sb-preview/runtime.js.html CHANGED Viewed

@@ -406,7 +406,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -70,7 +70,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-06-18T03:16:15.455Z
+                at 2024-06-19T03:22:53.756Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/dist/index.cjs CHANGED Viewed

@@ -4822,6 +4822,8 @@ var SwapForm = function SwapForm(_ref) {
     } : _ref$translations;
   var DETAIL_REFRESH_INTERVAL_MS = 1.5 * 60000;
   var IS_FIXED_BY_DEFAULT = false;
+  // Updating the states below will insert the new value into the send or receive input field
   var _useState = React.useState(preservedAmount != null ? preservedAmount : null),
     updateSendInputTo = _useState[0],
     setUpdateSendInputTo = _useState[1];
@@ -4831,15 +4833,18 @@ var SwapForm = function SwapForm(_ref) {
   var _useReferredState = useReferredState(preservedAmount == null || preservedAmount === "" ? null : preservedAmount),
     sendAssetAmount = _useReferredState[0],
     setSendAssetAmount = _useReferredState[1];
+  var _useReferredState2 = useReferredState(null),
+    receiveAssetAmount = _useReferredState2[0],
+    setReceiveAssetAmount = _useReferredState2[1];
   var _useState3 = React.useState(),
     swapRate = _useState3[0],
     setSwapRate = _useState3[1];
-  var _useReferredState2 = useReferredState(null),
-    minimalAmount = _useReferredState2[0],
-    setMinimalAmount = _useReferredState2[1];
   var _useReferredState3 = useReferredState(null),
-    maximumAmount = _useReferredState3[0],
-    setMaximumAmount = _useReferredState3[1];
+    minimalAmount = _useReferredState3[0],
+    setMinimalAmount = _useReferredState3[1];
+  var _useReferredState4 = useReferredState(null),
+    maximumAmount = _useReferredState4[0],
+    setMaximumAmount = _useReferredState4[1];
   var _useState4 = React.useState(),
     validationContent = _useState4[0],
     setValidationContent = _useState4[1];
@@ -4861,15 +4866,17 @@ var SwapForm = function SwapForm(_ref) {
   var _useState10 = React.useState(false),
     readyToSwap = _useState10[0],
     setReadyToSwap = _useState10[1]; // Basically a param that enables/disables the "Next" button
+  // TODO: [refactoring, moderate] instead of handling preservedAmount at a lot of cases below, just
+  //       write single useEffect setting sendAssetAmount to the=is passed value and simplify the logic below. task_id=6453251e49b04c5e88a3cc771479ffb5
   var _useState11 = React.useState(preservedAmount == null || String(preservedAmount) === "0"),
     isAmountZero = _useState11[0],
     setIsAmountZero = _useState11[1];
-  var _useReferredState4 = useReferredState(false),
-    isLoading = _useReferredState4[0],
-    setIsLoading = _useReferredState4[1]; // Whether the form is in the progress of loading some data (new rates, for example)
-  var _useReferredState5 = useReferredState(null),
-    isFixedRate = _useReferredState5[0],
-    setIsFixedRate = _useReferredState5[1];
+  var _useReferredState5 = useReferredState(false),
+    isLoading = _useReferredState5[0],
+    setIsLoading = _useReferredState5[1]; // Whether the form is in the progress of loading some data (new rates, for example)
+  var _useReferredState6 = useReferredState(null),
+    isFixedRate = _useReferredState6[0],
+    setIsFixedRate = _useReferredState6[1];
   var _useState12 = React.useState(false),
     isLastEditedReceiving = _useState12[0],
     setIsLastEditedReceiving = _useState12[1];
@@ -4882,39 +4889,39 @@ var SwapForm = function SwapForm(_ref) {
   var _useState15 = React.useState(true),
     balanceValid = _useState15[0],
     setBalanceValid = _useState15[1]; // Whether the amount is less than total balance
-  var _useReferredState6 = useReferredState(null),
-    isSwapAll = _useReferredState6[0],
-    setIsSwapAll = _useReferredState6[1];
+  var _useReferredState7 = useReferredState(null),
+    isSwapAll = _useReferredState7[0],
+    setIsSwapAll = _useReferredState7[1];
   var _useState16 = React.useState([]),
     swapAllButtonLoaderReSetter = _useState16[0],
     setSwapAllButtonLoaderReSetter = _useState16[1];
-  var _useReferredState7 = useReferredState(null),
-    dataUpdateTimeoutId = _useReferredState7[0],
-    setDataUpdateTimeoutId = _useReferredState7[1];
   var _useReferredState8 = useReferredState(null),
-    idleDataUpdateTimeoutId = _useReferredState8[0],
-    setIdleDataUpdateTimeoutId = _useReferredState8[1];
-  var _useReferredState9 = useReferredState(""),
-    recipientAddress = _useReferredState9[0],
-    setRecipientAddress = _useReferredState9[1];
+    dataUpdateTimeoutId = _useReferredState8[0],
+    setDataUpdateTimeoutId = _useReferredState8[1];
+  var _useReferredState9 = useReferredState(null),
+    idleDataUpdateTimeoutId = _useReferredState9[0],
+    setIdleDataUpdateTimeoutId = _useReferredState9[1];
   var _useReferredState10 = useReferredState(""),
-    recipientAddressExtraId = _useReferredState10[0],
-    setRecipientAddressExtraId = _useReferredState10[1];
-  var _useReferredState11 = useReferredState(false),
-    isRecipientAddressValid = _useReferredState11[0],
-    setIsRecipientAddressValid = _useReferredState11[1];
+    recipientAddress = _useReferredState10[0],
+    setRecipientAddress = _useReferredState10[1];
+  var _useReferredState11 = useReferredState(""),
+    recipientAddressExtraId = _useReferredState11[0],
+    setRecipientAddressExtraId = _useReferredState11[1];
+  var _useReferredState12 = useReferredState(false),
+    isRecipientAddressValid = _useReferredState12[0],
+    setIsRecipientAddressValid = _useReferredState12[1];
   var _useState17 = React.useState(false),
     isRefundAddressRequired = _useState17[0],
     setIsRefundAddressRequired = _useState17[1];
-  var _useReferredState12 = useReferredState(""),
-    refundAddress = _useReferredState12[0],
-    setRefundAddress = _useReferredState12[1];
   var _useReferredState13 = useReferredState(""),
-    refundAddressExtraId = _useReferredState13[0],
-    setRefundAddressExtraId = _useReferredState13[1];
-  var _useReferredState14 = useReferredState(false),
-    isRefundAddressValid = _useReferredState14[0],
-    setIsRefundAddressValid = _useReferredState14[1];
+    refundAddress = _useReferredState13[0],
+    setRefundAddress = _useReferredState13[1];
+  var _useReferredState14 = useReferredState(""),
+    refundAddressExtraId = _useReferredState14[0],
+    setRefundAddressExtraId = _useReferredState14[1];
+  var _useReferredState15 = useReferredState(false),
+    isRefundAddressValid = _useReferredState15[0],
+    setIsRefundAddressValid = _useReferredState15[1];
   var callHandlingErrors = useCallHandlingErrors();
   var isHydrated = useIsHydrated();
   var recalculationDelayOnTyping = 1000;
@@ -4922,14 +4929,17 @@ var SwapForm = function SwapForm(_ref) {
   var displayRateSelector = !formHasBalance;
   var handleSendAssetAmountChange = function handleSendAssetAmountChange(amount) {
     setIsLastEditedReceiving(false);
+    var receiveAmount = AmountUtils.trim(bignumber_js.BigNumber(amount).times(swapRate), receivingAssetDecimalCount);
     if (amount != null && amount !== "") {
-      setUpdateReceiveInputTo(AmountUtils.trim(bignumber_js.BigNumber(amount).times(swapRate), receivingAssetDecimalCount));
+      setReceiveAssetAmount(receiveAmount);
+      setUpdateReceiveInputTo(receiveAmount);
     } else {
       setUpdateReceiveInputTo("");
     }
     setSendAssetAmount(amount);
   };
   var handleReceiveAssetAmountChange = function handleReceiveAssetAmountChange(amount) {
+    setReceiveAssetAmount(amount);
     setIsLastEditedReceiving(true);
     var sendAssetAmount = "";
     if (amount != null && amount !== "") {
@@ -5137,7 +5147,7 @@ var SwapForm = function SwapForm(_ref) {
   };
   var handleRateModeChanged = function handleRateModeChanged(isFixed) {
     setIsFixedRate(isFixed);
-    requestDataRefresh(sendAssetAmount.current, true);
+    requestDataRefresh(isLastEditedReceiving ? receiveAssetAmount.current : sendAssetAmount.current, true);
   };
   React.useEffect(function () {
     if (isSwapAll.current === true) {
@@ -5160,7 +5170,7 @@ var SwapForm = function SwapForm(_ref) {
     var isCurrentAmountNotZero = sendAssetAmount.current && !bignumber_js.BigNumber("0").eq(sendAssetAmount.current);
     var isPreservedAmountNotZero = preservedAmount && !bignumber_js.BigNumber("0").eq(preservedAmount);
     if (isCurrentAmountNotZero) {
-      loadFullEstimation(sendAssetAmount.current);
+      loadFullEstimation(isLastEditedReceiving ? receiveAssetAmount.current : sendAssetAmount.current);
     } else if (isPreservedAmountNotZero) {
       loadFullEstimation(preservedAmount, true);
     } else {
@@ -5227,7 +5237,7 @@ var SwapForm = function SwapForm(_ref) {
     if (readyToSwap) {
       timeoutId = setTimeout(function () {
         var _sendAssetAmount$curr;
-        return requestDataRefresh((_sendAssetAmount$curr = sendAssetAmount.current) != null ? _sendAssetAmount$curr : preservedAmount, true);
+        return requestDataRefresh(isLastEditedReceiving ? receiveAssetAmount.current : (_sendAssetAmount$curr = sendAssetAmount.current) != null ? _sendAssetAmount$curr : preservedAmount, true);
       }, DETAIL_REFRESH_INTERVAL_MS);
       setIdleDataUpdateTimeoutId(timeoutId);
     } else {
@@ -5270,7 +5280,8 @@ var SwapForm = function SwapForm(_ref) {
     setConfirmButtonTo(composeConfirmButtonTo(sendingAssetTicker, receivingAssetTicker, sendAssetAmount.current));
     if (sendAssetAmount.current == null) return;
     var processingAmount = sendAssetAmount.current === "" ? "0" : sendAssetAmount.current;
-    requestDataRefresh(processingAmount);
+    var processingReceivingAmount = receiveAssetAmount.current === "" ? "0" : receiveAssetAmount.current;
+    requestDataRefresh(isLastEditedReceiving ? processingReceivingAmount : processingAmount);
     processMinMaxAmounts(processingAmount);
     setIsAmountZero(bignumber_js.BigNumber("0").eq(processingAmount));
     setIsSwapCalculated(false);
@@ -5440,7 +5451,7 @@ var SwapForm = function SwapForm(_ref) {
     mode: "primary",
     content: translations.confirmButtonText,
     onClick: function onClick(resetButtonLoader) {
-      return handleConfirmButtonClick(resetButtonLoader, setValidationContent, setBalanceValid, setMinimalAmountValid, setMaximumAmountValid, setIsPairSupported, setIsSameCoins, recipientAddress.current, recipientAddressExtraId.current, refundAddress.current, refundAddressExtraId.current);
+      return handleConfirmButtonClick(resetButtonLoader, setValidationContent, setBalanceValid, setMinimalAmountValid, setMaximumAmountValid, setIsPairSupported, setIsSameCoins, recipientAddress.current, recipientAddressExtraId.current, refundAddress.current, refundAddressExtraId.current, isLastEditedReceiving);
     },
     fullWidthOnMobiles: true,
     isDisabled: !readyToSwap,