npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.53 → 1.0.0-beta.55 - Mend

@rabbitio/ui-kit 1.0.0-beta.53 → 1.0.0-beta.55

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

package/coverage/{ui-kit → rabbit-ui-kit}/src/components/organisms/SwapForm/SwapForm.jsx.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for ui-kit/src/components/organisms/SwapForm/SwapForm.jsx</title>
+    <title>Code coverage report for rabbit-ui-kit/src/components/organisms/SwapForm/SwapForm.jsx</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../../base.css" />
@@ -19,13 +19,13 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../../index.html">All files</a> / <a href="index.html">ui-kit/src/components/organisms/SwapForm</a> SwapForm.jsx</h1>
+        <h1><a href="../../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/components/organisms/SwapForm</a> SwapForm.jsx</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/1159</span>
+                <span class='fraction'>0/1155</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/1159</span>
+                <span class='fraction'>0/1155</span>
             </div>
@@ -1218,15 +1218,7 @@
 <a name='L1153'></a><a href='#L1153'>1153</a>
 <a name='L1154'></a><a href='#L1154'>1154</a>
 <a name='L1155'></a><a href='#L1155'>1155</a>
-<a name='L1156'></a><a href='#L1156'>1156</a>
-<a name='L1157'></a><a href='#L1157'>1157</a>
-<a name='L1158'></a><a href='#L1158'>1158</a>
-<a name='L1159'></a><a href='#L1159'>1159</a>
-<a name='L1160'></a><a href='#L1160'>1160</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>
+<a name='L1156'></a><a href='#L1156'>1156</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>
@@ -2397,18 +2389,18 @@
 <span class="cstat-no" title="statement not covered" >import { Button } from "../../atoms/buttons/Button/Button.jsx";</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" > * This is type definition of a function that is used inside SwapForm to compose the URL for hero button.</span>
+<span class="cstat-no" title="statement not covered" > * This is the type definition of a function used inside SwapForm to compose the URL for the hero button.</span>
 <span class="cstat-no" title="statement not covered" > *</span>
 <span class="cstat-no" title="statement not covered" > * @function</span>
 <span class="cstat-no" title="statement not covered" > * @name composeConfirmButtonTo</span>
-<span class="cstat-no" title="statement not covered" > * @param [fromTicker] {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param [toTicker] {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param [fromAmount] {string}</span>
-<span class="cstat-no" title="statement not covered" > * @return {string} full URL or relative URL that can be used for &lt;a href="..." /&gt;</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [fromTicker] - Ticker symbol of the asset being sent.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [toTicker] - Ticker symbol of the asset being received.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [fromAmount] - Amount of the asset being sent.</span>
+<span class="cstat-no" title="statement not covered" > * @return {string} Full URL or relative URL that can be used for &lt;a href="..." /&gt;.</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" >/**</span>
-<span class="cstat-no" title="statement not covered" > * Common click handler without params and return value, just your logic execution.</span>
+<span class="cstat-no" title="statement not covered" > * Common click handler without parameters and return value, just your logic execution.</span>
 <span class="cstat-no" title="statement not covered" > *</span>
 <span class="cstat-no" title="statement not covered" > * @function</span>
 <span class="cstat-no" title="statement not covered" > * @name handleClick</span>
@@ -2418,28 +2410,28 @@
 <span class="cstat-no" title="statement not covered" >/**</span>
 <span class="cstat-no" title="statement not covered" > * Form executes this function when swap creation info retrieval is finished successfully.</span>
 <span class="cstat-no" title="statement not covered" > *</span>
-<span class="cstat-no" title="statement not covered" > * @name setSwapCreationEstimation</span>
 <span class="cstat-no" title="statement not covered" > * @function</span>
-<span class="cstat-no" title="statement not covered" > * @param details {BaseSwapCreationInfo}</span>
+<span class="cstat-no" title="statement not covered" > * @name setSwapCreationEstimation</span>
+<span class="cstat-no" title="statement not covered" > * @param {BaseSwapCreationInfo} details - Details of the swap creation estimation.</span>
 <span class="cstat-no" title="statement not covered" > * @return {void}</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" >/**</span>
 <span class="cstat-no" title="statement not covered" > * Error handler for unexpected errors.</span>
 <span class="cstat-no" title="statement not covered" > *</span>
-<span class="cstat-no" title="statement not covered" > * @name handleUnexpectedError</span>
 <span class="cstat-no" title="statement not covered" > * @function</span>
-<span class="cstat-no" title="statement not covered" > * @param error {Error}</span>
+<span class="cstat-no" title="statement not covered" > * @name handleUnexpectedError</span>
+<span class="cstat-no" title="statement not covered" > * @param {Error} error - The unexpected error encountered.</span>
 <span class="cstat-no" title="statement not covered" > * @return {void}</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" >/**</span>
-<span class="cstat-no" title="statement not covered" > * Should implement the logic with rotating assets (if you want "to" to became "from" and "from" to became "to").</span>
+<span class="cstat-no" title="statement not covered" > * Should implement the logic with rotating assets (if you want "to" to become "from" and "from" to become "to").</span>
 <span class="cstat-no" title="statement not covered" > *</span>
 <span class="cstat-no" title="statement not covered" > * @function</span>
 <span class="cstat-no" title="statement not covered" > * @name rotateAssets</span>
-<span class="cstat-no" title="statement not covered" > * @param sendingAssetTicker {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param receivingAssetTicker {string}</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} sendingAssetTicker - Ticker symbol of the asset being sent.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} receivingAssetTicker - Ticker symbol of the asset being received.</span>
 <span class="cstat-no" title="statement not covered" > * @return {void}</span>
 <span class="cstat-no" title="statement not covered" > */</span>
 <span class="cstat-no" title="statement not covered" ></span>
@@ -2448,13 +2440,13 @@
 <span class="cstat-no" title="statement not covered" > *</span>
 <span class="cstat-no" title="statement not covered" > * @function</span>
 <span class="cstat-no" title="statement not covered" > * @name handleSwapServiceError</span>
-<span class="cstat-no" title="statement not covered" > * @param errorCode {string} error code that is being returned as "reason" from your handlers ...</span>
-<span class="cstat-no" title="statement not covered" > * @param setValidationContent {function} accepts string to be displayed on form as validation error</span>
-<span class="cstat-no" title="statement not covered" > * @param setBalanceValid {function} accepts single boolean parameter</span>
-<span class="cstat-no" title="statement not covered" > * @param setMinimalAmountValid {function} accepts single boolean parameter</span>
-<span class="cstat-no" title="statement not covered" > * @param setMaximumAmountValid {function} accepts single boolean parameter</span>
-<span class="cstat-no" title="statement not covered" > * @param setIsPairSupported {function} accepts single boolean parameter</span>
-<span class="cstat-no" title="statement not covered" > * @param setIsSameCoins {function} accepts single boolean parameter</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} errorCode - Error code returned as "reason" from your handlers.</span>
+<span class="cstat-no" title="statement not covered" > * @param {function} setValidationContent - Function to set the validation error message on the form.</span>
+<span class="cstat-no" title="statement not covered" > * @param {function} setBalanceValid - Function to set the balance validity, accepts a boolean.</span>
+<span class="cstat-no" title="statement not covered" > * @param {function} setMinimalAmountValid - Function to set the minimal amount validity, accepts a boolean.</span>
+<span class="cstat-no" title="statement not covered" > * @param {function} setMaximumAmountValid - Function to set the maximum amount validity, accepts a boolean.</span>
+<span class="cstat-no" title="statement not covered" > * @param {function} setIsPairSupported - Function to set the pair support status, accepts a boolean.</span>
+<span class="cstat-no" title="statement not covered" > * @param {function} setIsSameCoins - Function to set the status if the same coins are used, accepts a boolean.</span>
 <span class="cstat-no" title="statement not covered" > * @return {void}</span>
 <span class="cstat-no" title="statement not covered" > */</span>
 <span class="cstat-no" title="statement not covered" ></span>
@@ -2463,10 +2455,10 @@
 <span class="cstat-no" title="statement not covered" > *</span>
 <span class="cstat-no" title="statement not covered" > * @function</span>
 <span class="cstat-no" title="statement not covered" > * @name retrieveSwapDetails</span>
-<span class="cstat-no" title="statement not covered" > * @param sendingAssetTicker {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param receivingAssetTicker {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param amount {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param [isSwapAll=false] {boolean}</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} sendingAssetTicker - Ticker symbol of the asset being sent.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} receivingAssetTicker - Ticker symbol of the asset being received.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} amount - Amount of the asset to be swapped.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [isSwapAll=false] - Indicates if the swap should use all available balance.</span>
 <span class="cstat-no" title="statement not covered" > * @return {Promise&lt;{</span>
 <span class="cstat-no" title="statement not covered" > *             result: false,</span>
 <span class="cstat-no" title="statement not covered" > *             reason: string,</span>
@@ -2482,12 +2474,12 @@
 <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" >/**</span>
-<span class="cstat-no" title="statement not covered" > * Async function that retrieves initial swap details for pair like whether the pair is available, min/max swappable amounts etc.</span>
+<span class="cstat-no" title="statement not covered" > * Async function that retrieves initial swap details for a pair like whether the pair is available, min/max swappable amounts, etc.</span>
 <span class="cstat-no" title="statement not covered" > *</span>
 <span class="cstat-no" title="statement not covered" > * @function</span>
 <span class="cstat-no" title="statement not covered" > * @name retrieveInitialSwapData</span>
-<span class="cstat-no" title="statement not covered" > * @param sendingAssetTicker {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param receivingAssetTicker {string}</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} sendingAssetTicker - Ticker symbol of the asset being sent.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} receivingAssetTicker - Ticker symbol of the asset being received.</span>
 <span class="cstat-no" title="statement not covered" > * @return {Promise&lt;{</span>
 <span class="cstat-no" title="statement not covered" > *             result: true,</span>
 <span class="cstat-no" title="statement not covered" > *             min: string,</span>
@@ -2503,50 +2495,52 @@
 <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" > * Swap form provides basic functionality for entering to/from amounts both in crypto and fiat, switching assets,</span>
-<span class="cstat-no" title="statement not covered" > * selecting assets, showing balance for assets.</span>
-<span class="cstat-no" title="statement not covered" > * It gracefully handles not available fiat rates and can work without wallet environment (without balances).</span>
+<span class="cstat-no" title="statement not covered" > * selecting assets, showing balance for assets. It gracefully handles unavailable fiat rates and can work</span>
+<span class="cstat-no" title="statement not covered" > * both with and without a wallet environment (without balances).</span>
 <span class="cstat-no" title="statement not covered" > *</span>
-<span class="cstat-no" title="statement not covered" > * @param sendingAssetTicker {string} Rabbit format of ticker</span>
-<span class="cstat-no" title="statement not covered" > * @param receivingAssetTicker {string} Rabbit format of ticker</span>
-<span class="cstat-no" title="statement not covered" > * @param [sendingAssetDecimalCount=AmountUtils.significantDecimalCount] {number}</span>
-<span class="cstat-no" title="statement not covered" > * @param [receivingAssetDecimalCount=AmountUtils.significantDecimalCount] {number}</span>
-<span class="cstat-no" title="statement not covered" > * @param sendingAssetTickerPrintable {string} standard asset ticker</span>
-<span class="cstat-no" title="statement not covered" > * @param receivingAssetTickerPrintable {string} standard asset ticker</span>
-<span class="cstat-no" title="statement not covered" > * @param [sendingAssetProtocol] Protocol name to be displayed in text in the change asset button</span>
-<span class="cstat-no" title="statement not covered" > * @param [receivingAssetProtocol] Protocol name to be displayed in text in the change asset button</span>
-<span class="cstat-no" title="statement not covered" > * @param sendingAssetIconSrc {string} ready to use src</span>
-<span class="cstat-no" title="statement not covered" > * @param [sendingAssetProtocolIconSrc=null] {string} optional ready to use src</span>
-<span class="cstat-no" title="statement not covered" > * @param receivingAssetIconSrc {string} ready to use src</span>
-<span class="cstat-no" title="statement not covered" > * @param [receivingAssetProtocolIconSrc=null] {string} optional ready to use src</span>
-<span class="cstat-no" title="statement not covered" > * @param [fallBackAssetIconSrc=null] {string} optional ready to use src - used when some icon src resolution fails</span>
-<span class="cstat-no" title="statement not covered" > * @param sendingAssetFeeCoinTickerPrintable {string} optional standard ticker for fee coin</span>
-<span class="cstat-no" title="statement not covered" > * @param [sendingAssetBalance] {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param [receivingAssetBalance] {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param handleChangeSendingAssetClick {handleClick}</span>
-<span class="cstat-no" title="statement not covered" > * @param handleChangeReceivingAssetClick {handleClick}</span>
-<span class="cstat-no" title="statement not covered" > * @param handleConfirmButtonClick {handleClick}</span>
-<span class="cstat-no" title="statement not covered" > * @param composeConfirmButtonTo {composeConfirmButtonTo}</span>
-<span class="cstat-no" title="statement not covered" > * @param setSwapCreationEstimation {setSwapCreationEstimation}</span>
-<span class="cstat-no" title="statement not covered" > * @param handleUnexpectedError {handleUnexpectedError}</span>
-<span class="cstat-no" title="statement not covered" > * @param rotateAssets {rotateAssets}</span>
-<span class="cstat-no" title="statement not covered" > * @param [preservedAmount=null] {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param handleSwapServiceError {handleSwapServiceError}</span>
-<span class="cstat-no" title="statement not covered" > * @param [formHasBalance] {boolean}</span>
-<span class="cstat-no" title="statement not covered" > * @param retrieveSwapDetails {retrieveSwapDetails}</span>
-<span class="cstat-no" title="statement not covered" > * @param retrieveInitialSwapData {retrieveInitialSwapData}</span>
-<span class="cstat-no" title="statement not covered" > * @param triggerDataUpdateResetting {number} convey changed number to reset interval updating the data periodically</span>
-<span class="cstat-no" title="statement not covered" > * @param fromAssetSelectionButtonRef {React.Ref}</span>
-<span class="cstat-no" title="statement not covered" > * @param toAssetSelectionButtonRef {React.Ref}</span>
-<span class="cstat-no" title="statement not covered" > * @param [sendingAssetToFiatRate] {number|string}</span>
-<span class="cstat-no" title="statement not covered" > * @param [receivingAssetToFiatRate] {number|string}</span>
-<span class="cstat-no" title="statement not covered" > * @param [fiatCurrencyCode] {string}</span>
-<span class="cstat-no" title="statement not covered" > * @param [fiatCurrencyDecimals] {number}</span>
-<span class="cstat-no" title="statement not covered" > * @param formHasFiat {boolean}</span>
-<span class="cstat-no" title="statement not covered" > * @param [translations] {object} default English texts will be used if the property is omitted</span>
-<span class="cstat-no" title="statement not covered" > * @param swapSeparatorIconSrc {string} ready to use src</span>
-<span class="cstat-no" title="statement not covered" > * @param swapButtonAlwaysActive {boolean} this setting allows to the form state in terms of validity to go</span>
-<span class="cstat-no" title="statement not covered" > *        to the next step. If this setting is set to true then user always can click the hero button</span>
-<span class="cstat-no" title="statement not covered" > * @return {JSX.Element}</span>
+<span class="cstat-no" title="statement not covered" > * @param {object} props - Props object for SwapForm component.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.sendingAssetTicker - Rabbit format of the ticker symbol for the asset being sent.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.receivingAssetTicker - Rabbit format of the ticker symbol for the asset being received.</span>
+<span class="cstat-no" title="statement not covered" > * @param {number} [props.sendingAssetDecimalCount=AmountUtils.significantDecimalCount] - Decimal count for the sending asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {number} [props.receivingAssetDecimalCount=AmountUtils.significantDecimalCount] - Decimal count for the receiving asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.sendingAssetTickerPrintable - Standard ticker symbol for the sending asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.receivingAssetTickerPrintable - Standard ticker symbol for the receiving asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.sendingAssetProtocol] - Protocol name to be displayed in text on the change asset button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.receivingAssetProtocol] - Protocol name to be displayed in text on the change asset button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.sendingAssetIconSrc - Source URL for the sending asset icon.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.sendingAssetProtocolIconSrc=null] - Optional source URL for the sending asset protocol icon.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.receivingAssetIconSrc - Source URL for the receiving asset icon.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.receivingAssetProtocolIconSrc=null] - Optional source URL for the receiving asset protocol icon.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.fallBackAssetIconSrc=null] - Optional source URL for a fallback icon used when an icon fails to load.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.sendingAssetFeeCoinTickerPrintable] - Optional standard ticker symbol for the fee coin of the sending asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.sendingAssetBalance] - Balance of the sending asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.receivingAssetBalance] - Balance of the receiving asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {handleClick} props.handleChangeSendingAssetClick - Function to handle clicking on the change sending asset button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {handleClick} props.handleChangeReceivingAssetClick - Function to handle clicking on the change receiving asset button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {handleClick} props.handleConfirmButtonClick - Function to handle clicking on the confirm button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {composeConfirmButtonTo} props.composeConfirmButtonTo - Function to compose the URL for the confirm button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {setSwapCreationEstimation} props.setSwapCreationEstimation - Function to set the swap creation estimation.</span>
+<span class="cstat-no" title="statement not covered" > * @param {handleUnexpectedError} props.handleUnexpectedError - Function to handle unexpected errors.</span>
+<span class="cstat-no" title="statement not covered" > * @param {rotateAssets} props.rotateAssets - Function to rotate the assets (swap sending and receiving assets).</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.preservedAmount=null] - Amount to be preserved.</span>
+<span class="cstat-no" title="statement not covered" > * @param {handleSwapServiceError} props.handleSwapServiceError - Function to handle standard errors that we can recognize.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.formHasBalance] - Indicates if the form has balance information.</span>
+<span class="cstat-no" title="statement not covered" > * @param {retrieveSwapDetails} props.retrieveSwapDetails - Function to retrieve swap details based on the given parameters.</span>
+<span class="cstat-no" title="statement not covered" > * @param {retrieveInitialSwapData} props.retrieveInitialSwapData - Function to retrieve initial swap data for a given pair of assets.</span>
+<span class="cstat-no" title="statement not covered" > * @param {number} props.triggerDataUpdateResetting - Number to reset interval updating the data periodically.</span>
+<span class="cstat-no" title="statement not covered" > * @param {React.Ref} props.fromAssetSelectionButtonRef - Reference to the from asset selection button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {React.Ref} props.toAssetSelectionButtonRef - Reference to the to asset selection button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {number|string} [props.sendingAssetToFiatRate] - Rate for converting the sending asset to fiat.</span>
+<span class="cstat-no" title="statement not covered" > * @param {number|string} [props.receivingAssetToFiatRate] - Rate for converting the receiving asset to fiat.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} [props.fiatCurrencyCode] - Code for the fiat currency.</span>
+<span class="cstat-no" title="statement not covered" > * @param {number} [props.fiatCurrencyDecimals] - Decimal places for the fiat currency.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} [props.formHasFiat] - Indicates if the form supports fiat currency.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string|null} [props.termsOfUseUrl] - Terms of use URL, shown only if both terms &amp; privacy policy passed.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string|null} [props.privacyPolicyUrl] - Privacy policy of use URL, shown only if both terms &amp; privacy policy passed.</span>
+<span class="cstat-no" title="statement not covered" > * @param {object} [props.translations] - Object containing translations, default English texts will be used if omitted.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.swapSeparatorIconSrc - Source URL for the swap separator icon.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.swapButtonAlwaysActive - Setting that allows the form state to proceed to the next step regardless of validity.</span>
+<span class="cstat-no" title="statement not covered" > * @return {JSX.Element} Rendered SwapForm component.</span>
 <span class="cstat-no" title="statement not covered" > * @constructor</span>
 <span class="cstat-no" title="statement not covered" > */</span>
 <span class="cstat-no" title="statement not covered" >export const SwapForm = ({</span>
@@ -2602,6 +2596,8 @@
 <span class="cstat-no" title="statement not covered" >    fiatCurrencyCode = null,</span>
 <span class="cstat-no" title="statement not covered" >    fiatCurrencyDecimals = null,</span>
 <span class="cstat-no" title="statement not covered" >    formHasFiat = true,</span>
+<span class="cstat-no" title="statement not covered" >    termsOfUseUrl = null,</span>
+<span class="cstat-no" title="statement not covered" >    privacyPolicyUrl = null,</span>
 <span class="cstat-no" title="statement not covered" >    translations = {</span>
 <span class="cstat-no" title="statement not covered" >        swapAllButtonTitles: {</span>
 <span class="cstat-no" title="statement not covered" >            enable: "Swap all",</span>
@@ -2687,7 +2683,6 @@
 <span class="cstat-no" title="statement not covered" >    const callHandlingErrors = useCallHandlingErrors();</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const recalculationDelayOnTyping = 1000;</span>
-<span class="cstat-no" title="statement not covered" >    const showConsent = !formHasBalance; // We show TOS&amp;PP consent only when working outside wallet</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const handleSendAssetAmountChange = (amount) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        if (amount != null &amp;&amp; amount !== "") {</span>
@@ -3128,7 +3123,7 @@
 <span class="cstat-no" title="statement not covered" >    }, [sendAssetAmount.current]);</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    return (</span>
-<span class="cstat-no" title="statement not covered" >        &lt;div className={s["swap-dialog-form"]}&gt;</span>
+<span class="cstat-no" title="statement not covered" >        &lt;div className={s["swap-form"]}&gt;</span>
 <span class="cstat-no" title="statement not covered" >            &lt;TitleBox</span>
 <span class="cstat-no" title="statement not covered" >                linkButtonClick={</span>
 <span class="cstat-no" title="statement not covered" >                    BigNumber(sendingAssetBalance?.assetAmount).eq(0)</span>
@@ -3150,7 +3145,7 @@
 <span class="cstat-no" title="statement not covered" >                    BigNumber(sendingAssetBalance?.assetAmount).eq(0)</span>
 <span class="cstat-no" title="statement not covered" >                }</span>
 <span class="cstat-no" title="statement not covered" >            &gt;</span>
-<span class="cstat-no" title="statement not covered" >                &lt;div className={s["swap-dialog-form-inputs"]}&gt;</span>
+<span class="cstat-no" title="statement not covered" >                &lt;div className={s["swap-form-inputs"]}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;AmountInput</span>
 <span class="cstat-no" title="statement not covered" >                        ticker={sendingAssetTicker}</span>
 <span class="cstat-no" title="statement not covered" >                        tickerPrintable={sendingAssetTickerPrintable}</span>
@@ -3188,7 +3183,7 @@
 <span class="cstat-no" title="statement not covered" >                    /&gt;</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;div</span>
 <span class="cstat-no" title="statement not covered" >                        className={</span>
-<span class="cstat-no" title="statement not covered" >                            s["swap-dialog-form-inputs-separator"] +</span>
+<span class="cstat-no" title="statement not covered" >                            s["swap-form-inputs-separator"] +</span>
 <span class="cstat-no" title="statement not covered" >                            " " +</span>
 <span class="cstat-no" title="statement not covered" >                            (isLoading.current ||</span>
 <span class="cstat-no" title="statement not covered" >                            sendingAssetTicker === null ||</span>
@@ -3241,7 +3236,7 @@
 <span class="cstat-no" title="statement not covered" >                        }</span>
 <span class="cstat-no" title="statement not covered" >                    /&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;/div&gt;</span>
-<span class="cstat-no" title="statement not covered" >                &lt;div className={s["swap-dialog-form-information-field"]}&gt;</span>
+<span class="cstat-no" title="statement not covered" >                &lt;div className={s["swap-form-information-field"]}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;p&gt;</span>
 <span class="cstat-no" title="statement not covered" >                        {!isPairSupported ? (</span>
 <span class="cstat-no" title="statement not covered" >                            translations.informationBlock.pairNotAvailable</span>
@@ -3370,43 +3365,37 @@
 <span class="cstat-no" title="statement not covered" >                        ) : (</span>
 <span class="cstat-no" title="statement not covered" >                            translations.informationBlock.loadingMinimalAmount</span>
 <span class="cstat-no" title="statement not covered" >                        )}</span>
-<span class="cstat-no" title="statement not covered" >                        {/* TODO: [feature, moderate] add "Please enter the amount you want to swap." */}</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;/p&gt;</span>
 <span class="cstat-no" title="statement not covered" >                &lt;/div&gt;</span>
 <span class="cstat-no" title="statement not covered" >                {validationContent ? (</span>
-<span class="cstat-no" title="statement not covered" >                    &lt;div className={s["swap-dialog-form-validation-text"]}&gt;</span>
+<span class="cstat-no" title="statement not covered" >                    &lt;div className={s["swap-form-validation-text"]}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                        &lt;Validation text={validationContent} /&gt;</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;/div&gt;</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" >                )}</span>
-<span class="cstat-no" title="statement not covered" >                &lt;div className={s["swap-dialog-form-button-container"]}&gt;</span>
+<span class="cstat-no" title="statement not covered" >                &lt;div className={s["swap-form-button-container"]}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                    {formHasBalance ? null : (</span>
 <span class="cstat-no" title="statement not covered" >                        &lt;p</span>
 <span class="cstat-no" title="statement not covered" >                            className={</span>
-<span class="cstat-no" title="statement not covered" >                                s[</span>
-<span class="cstat-no" title="statement not covered" >                                    "swap-dialog-form-button-container-consent-text"</span>
-<span class="cstat-no" title="statement not covered" >                                ]</span>
+<span class="cstat-no" title="statement not covered" >                                s["swap-form-button-container-consent-text"]</span>
 <span class="cstat-no" title="statement not covered" >                            }</span>
 <span class="cstat-no" title="statement not covered" >                        &gt;</span>
 <span class="cstat-no" title="statement not covered" >                            {translations.consents.consentTextRate}</span>
 <span class="cstat-no" title="statement not covered" >                        &lt;/p&gt;</span>
 <span class="cstat-no" title="statement not covered" >                    )}</span>
-<span class="cstat-no" title="statement not covered" >                    {showConsent ? null : (</span>
+<span class="cstat-no" title="statement not covered" >                    {!termsOfUseUrl || !privacyPolicyUrl ? null : (</span>
 <span class="cstat-no" title="statement not covered" >                        &lt;p</span>
 <span class="cstat-no" title="statement not covered" >                            className={</span>
-<span class="cstat-no" title="statement not covered" >                                s[</span>
-<span class="cstat-no" title="statement not covered" >                                    "swap-dialog-form-button-container-consent-text"</span>
-<span class="cstat-no" title="statement not covered" >                                ]</span>
+<span class="cstat-no" title="statement not covered" >                                s["swap-form-button-container-consent-text"]</span>
 <span class="cstat-no" title="statement not covered" >                            }</span>
 <span class="cstat-no" title="statement not covered" >                        &gt;</span>
 <span class="cstat-no" title="statement not covered" >                            {translations.consents.consentText + " "}</span>
 <span class="cstat-no" title="statement not covered" >                            &lt;a</span>
-<span class="cstat-no" title="statement not covered" >                                // TODO: [dev] fix dox link - pass via property</span>
-<span class="cstat-no" title="statement not covered" >                                href="/docs/legal/swap-terms-of-use.html"</span>
+<span class="cstat-no" title="statement not covered" >                                href={termsOfUseUrl}</span>
 <span class="cstat-no" title="statement not covered" >                                className={</span>
 <span class="cstat-no" title="statement not covered" >                                    s[</span>
-<span class="cstat-no" title="statement not covered" >                                        "swap-dialog-form-button-container-consent-text-link"</span>
+<span class="cstat-no" title="statement not covered" >                                        "swap-form-button-container-consent-text-link"</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" >                                target="_blank"</span>
@@ -3415,11 +3404,10 @@
 <span class="cstat-no" title="statement not covered" >                            &lt;/a&gt;</span>
 <span class="cstat-no" title="statement not covered" >                            {" " + translations.consents.and + " "}</span>
 <span class="cstat-no" title="statement not covered" >                            &lt;a</span>
-<span class="cstat-no" title="statement not covered" >                                // TODO: [dev] fix dox link - pass via property</span>
-<span class="cstat-no" title="statement not covered" >                                href="/docs/legal/swap-privacy-policy.html"</span>
+<span class="cstat-no" title="statement not covered" >                                href={privacyPolicyUrl}</span>
 <span class="cstat-no" title="statement not covered" >                                className={</span>
 <span class="cstat-no" title="statement not covered" >                                    s[</span>
-<span class="cstat-no" title="statement not covered" >                                        "swap-dialog-form-button-container-consent-text-link"</span>
+<span class="cstat-no" title="statement not covered" >                                        "swap-form-button-container-consent-text-link"</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" >                                target="_blank"</span>
@@ -3547,7 +3535,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-05-13T23:42:14.472Z
+                at 2024-05-17T20:49:37.900Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/{ui-kit → rabbit-ui-kit}/src/components/organisms/SwapForm/index.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for ui-kit/src/components/organisms/SwapForm</title>
+    <title>Code coverage report for rabbit-ui-kit/src/components/organisms/SwapForm</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../../base.css" />
@@ -19,13 +19,13 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../../index.html">All files</a> ui-kit/src/components/organisms/SwapForm</h1>
+        <h1><a href="../../../../../index.html">All files</a> rabbit-ui-kit/src/components/organisms/SwapForm</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/1159</span>
+                <span class='fraction'>0/1155</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/1159</span>
+                <span class='fraction'>0/1155</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="1159" class="abs low">0/1159</td>
+	<td data-value="1155" class="abs low">0/1155</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="1159" class="abs low">0/1159</td>
+	<td data-value="1155" class="abs low">0/1155</td>
 	</tr>
 </tbody>
@@ -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-05-13T23:42:14.472Z
+                at 2024-05-17T20:49:37.900Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/{ui-kit → rabbit-ui-kit}/src/components/templates/DeterminedErrorDialogStep/DeterminedErrorDialogStep.jsx.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for ui-kit/src/components/templates/DeterminedErrorDialogStep/DeterminedErrorDialogStep.jsx</title>
+    <title>Code coverage report for rabbit-ui-kit/src/components/templates/DeterminedErrorDialogStep/DeterminedErrorDialogStep.jsx</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../../base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../../index.html">All files</a> / <a href="index.html">ui-kit/src/components/templates/DeterminedErrorDialogStep</a> DeterminedErrorDialogStep.jsx</h1>
+        <h1><a href="../../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/components/templates/DeterminedErrorDialogStep</a> DeterminedErrorDialogStep.jsx</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
@@ -301,7 +301,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-05-13T23:42:14.472Z
+                at 2024-05-17T20:49:37.900Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/{ui-kit → rabbit-ui-kit}/src/components/templates/DeterminedErrorDialogStep/index.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for ui-kit/src/components/templates/DeterminedErrorDialogStep</title>
+    <title>Code coverage report for rabbit-ui-kit/src/components/templates/DeterminedErrorDialogStep</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../../base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../../index.html">All files</a> ui-kit/src/components/templates/DeterminedErrorDialogStep</h1>
+        <h1><a href="../../../../../index.html">All files</a> rabbit-ui-kit/src/components/templates/DeterminedErrorDialogStep</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
@@ -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-05-13T23:42:14.472Z
+                at 2024-05-17T20:49:37.900Z
             </div>
         <script src="../../../../../prettify.js"></script>
         <script>

package/coverage/{ui-kit → rabbit-ui-kit}/src/components/utils/index.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for ui-kit/src/components/utils</title>
+    <title>Code coverage report for rabbit-ui-kit/src/components/utils</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../index.html">All files</a> ui-kit/src/components/utils</h1>
+        <h1><a href="../../../../index.html">All files</a> rabbit-ui-kit/src/components/utils</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
@@ -146,7 +146,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-05-13T23:42:14.472Z
+                at 2024-05-17T20:49:37.900Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>

package/coverage/{ui-kit → rabbit-ui-kit}/src/components/utils/inputValueProviders.js.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for ui-kit/src/components/utils/inputValueProviders.js</title>
+    <title>Code coverage report for rabbit-ui-kit/src/components/utils/inputValueProviders.js</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../../prettify.css" />
     <link rel="stylesheet" href="../../../../base.css" />
@@ -19,7 +19,7 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">ui-kit/src/components/utils</a> inputValueProviders.js</h1>
+        <h1><a href="../../../../index.html">All files</a> / <a href="index.html">rabbit-ui-kit/src/components/utils</a> inputValueProviders.js</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
@@ -244,7 +244,7 @@ export class InputValuesProviders {
             <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-05-13T23:42:14.472Z
+                at 2024-05-17T20:49:37.900Z
             </div>
         <script src="../../../../prettify.js"></script>
         <script>