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

package/coverage/rabbit-ui-kit/src/ui-kit/components/molecules/AmountInput/AmountInput.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/334</span>
+                <span class='fraction'>0/449</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/334</span>
+                <span class='fraction'>0/449</span>
             </div>
         
             
@@ -397,7 +397,237 @@
 <a name='L332'></a><a href='#L332'>332</a>
 <a name='L333'></a><a href='#L333'>333</a>
 <a name='L334'></a><a href='#L334'>334</a>
-<a name='L335'></a><a href='#L335'>335</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<a name='L335'></a><a href='#L335'>335</a>
+<a name='L336'></a><a href='#L336'>336</a>
+<a name='L337'></a><a href='#L337'>337</a>
+<a name='L338'></a><a href='#L338'>338</a>
+<a name='L339'></a><a href='#L339'>339</a>
+<a name='L340'></a><a href='#L340'>340</a>
+<a name='L341'></a><a href='#L341'>341</a>
+<a name='L342'></a><a href='#L342'>342</a>
+<a name='L343'></a><a href='#L343'>343</a>
+<a name='L344'></a><a href='#L344'>344</a>
+<a name='L345'></a><a href='#L345'>345</a>
+<a name='L346'></a><a href='#L346'>346</a>
+<a name='L347'></a><a href='#L347'>347</a>
+<a name='L348'></a><a href='#L348'>348</a>
+<a name='L349'></a><a href='#L349'>349</a>
+<a name='L350'></a><a href='#L350'>350</a>
+<a name='L351'></a><a href='#L351'>351</a>
+<a name='L352'></a><a href='#L352'>352</a>
+<a name='L353'></a><a href='#L353'>353</a>
+<a name='L354'></a><a href='#L354'>354</a>
+<a name='L355'></a><a href='#L355'>355</a>
+<a name='L356'></a><a href='#L356'>356</a>
+<a name='L357'></a><a href='#L357'>357</a>
+<a name='L358'></a><a href='#L358'>358</a>
+<a name='L359'></a><a href='#L359'>359</a>
+<a name='L360'></a><a href='#L360'>360</a>
+<a name='L361'></a><a href='#L361'>361</a>
+<a name='L362'></a><a href='#L362'>362</a>
+<a name='L363'></a><a href='#L363'>363</a>
+<a name='L364'></a><a href='#L364'>364</a>
+<a name='L365'></a><a href='#L365'>365</a>
+<a name='L366'></a><a href='#L366'>366</a>
+<a name='L367'></a><a href='#L367'>367</a>
+<a name='L368'></a><a href='#L368'>368</a>
+<a name='L369'></a><a href='#L369'>369</a>
+<a name='L370'></a><a href='#L370'>370</a>
+<a name='L371'></a><a href='#L371'>371</a>
+<a name='L372'></a><a href='#L372'>372</a>
+<a name='L373'></a><a href='#L373'>373</a>
+<a name='L374'></a><a href='#L374'>374</a>
+<a name='L375'></a><a href='#L375'>375</a>
+<a name='L376'></a><a href='#L376'>376</a>
+<a name='L377'></a><a href='#L377'>377</a>
+<a name='L378'></a><a href='#L378'>378</a>
+<a name='L379'></a><a href='#L379'>379</a>
+<a name='L380'></a><a href='#L380'>380</a>
+<a name='L381'></a><a href='#L381'>381</a>
+<a name='L382'></a><a href='#L382'>382</a>
+<a name='L383'></a><a href='#L383'>383</a>
+<a name='L384'></a><a href='#L384'>384</a>
+<a name='L385'></a><a href='#L385'>385</a>
+<a name='L386'></a><a href='#L386'>386</a>
+<a name='L387'></a><a href='#L387'>387</a>
+<a name='L388'></a><a href='#L388'>388</a>
+<a name='L389'></a><a href='#L389'>389</a>
+<a name='L390'></a><a href='#L390'>390</a>
+<a name='L391'></a><a href='#L391'>391</a>
+<a name='L392'></a><a href='#L392'>392</a>
+<a name='L393'></a><a href='#L393'>393</a>
+<a name='L394'></a><a href='#L394'>394</a>
+<a name='L395'></a><a href='#L395'>395</a>
+<a name='L396'></a><a href='#L396'>396</a>
+<a name='L397'></a><a href='#L397'>397</a>
+<a name='L398'></a><a href='#L398'>398</a>
+<a name='L399'></a><a href='#L399'>399</a>
+<a name='L400'></a><a href='#L400'>400</a>
+<a name='L401'></a><a href='#L401'>401</a>
+<a name='L402'></a><a href='#L402'>402</a>
+<a name='L403'></a><a href='#L403'>403</a>
+<a name='L404'></a><a href='#L404'>404</a>
+<a name='L405'></a><a href='#L405'>405</a>
+<a name='L406'></a><a href='#L406'>406</a>
+<a name='L407'></a><a href='#L407'>407</a>
+<a name='L408'></a><a href='#L408'>408</a>
+<a name='L409'></a><a href='#L409'>409</a>
+<a name='L410'></a><a href='#L410'>410</a>
+<a name='L411'></a><a href='#L411'>411</a>
+<a name='L412'></a><a href='#L412'>412</a>
+<a name='L413'></a><a href='#L413'>413</a>
+<a name='L414'></a><a href='#L414'>414</a>
+<a name='L415'></a><a href='#L415'>415</a>
+<a name='L416'></a><a href='#L416'>416</a>
+<a name='L417'></a><a href='#L417'>417</a>
+<a name='L418'></a><a href='#L418'>418</a>
+<a name='L419'></a><a href='#L419'>419</a>
+<a name='L420'></a><a href='#L420'>420</a>
+<a name='L421'></a><a href='#L421'>421</a>
+<a name='L422'></a><a href='#L422'>422</a>
+<a name='L423'></a><a href='#L423'>423</a>
+<a name='L424'></a><a href='#L424'>424</a>
+<a name='L425'></a><a href='#L425'>425</a>
+<a name='L426'></a><a href='#L426'>426</a>
+<a name='L427'></a><a href='#L427'>427</a>
+<a name='L428'></a><a href='#L428'>428</a>
+<a name='L429'></a><a href='#L429'>429</a>
+<a name='L430'></a><a href='#L430'>430</a>
+<a name='L431'></a><a href='#L431'>431</a>
+<a name='L432'></a><a href='#L432'>432</a>
+<a name='L433'></a><a href='#L433'>433</a>
+<a name='L434'></a><a href='#L434'>434</a>
+<a name='L435'></a><a href='#L435'>435</a>
+<a name='L436'></a><a href='#L436'>436</a>
+<a name='L437'></a><a href='#L437'>437</a>
+<a name='L438'></a><a href='#L438'>438</a>
+<a name='L439'></a><a href='#L439'>439</a>
+<a name='L440'></a><a href='#L440'>440</a>
+<a name='L441'></a><a href='#L441'>441</a>
+<a name='L442'></a><a href='#L442'>442</a>
+<a name='L443'></a><a href='#L443'>443</a>
+<a name='L444'></a><a href='#L444'>444</a>
+<a name='L445'></a><a href='#L445'>445</a>
+<a name='L446'></a><a href='#L446'>446</a>
+<a name='L447'></a><a href='#L447'>447</a>
+<a name='L448'></a><a href='#L448'>448</a>
+<a name='L449'></a><a href='#L449'>449</a>
+<a name='L450'></a><a href='#L450'>450</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>
+<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>
+<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>
+<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>
+<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>
+<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>
@@ -734,6 +964,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" >import React, { useEffect, useState } from "react";<span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" ></span></span></span>
 <span class="cstat-no" title="statement not covered" >import { BigNumber } from "bignumber.js";</span>
 <span class="cstat-no" title="statement not covered" >import { CSSTransition } from "react-transition-group";</span>
+<span class="cstat-no" title="statement not covered" >import PropTypes from "prop-types";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >import s from "./amount-input.module.scss";</span>
 <span class="cstat-no" title="statement not covered" >import WalletIcon from "../../../assets/wrappedImages/walletIcon.jsx";</span>
@@ -747,7 +978,51 @@
 <span class="cstat-no" title="statement not covered" >import { AssetSelection } from "../../atoms/AssetSelection/AssetSelection.jsx";</span>
 <span class="cstat-no" title="statement not covered" >import { Validation } from "../../atoms/Validation/Validation.jsx";</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >// TODO: [dev] add JSDoc</span>
+<span class="cstat-no" title="statement not covered" >/**</span>
+<span class="cstat-no" title="statement not covered" > * AmountInput component is used for inputting an amount in both cryptocurrency and fiat formats.</span>
+<span class="cstat-no" title="statement not covered" > * It supports converting between the two based on the provided exchange rate.</span>
+<span class="cstat-no" title="statement not covered" > *</span>
+<span class="cstat-no" title="statement not covered" > * @component</span>
+<span class="cstat-no" title="statement not covered" > * @param {Object} props</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.label - The label displayed above the input.</span>
+<span class="cstat-no" title="statement not covered" > * @param {Function} props.handleCoinAmountChange - Callback function called when the coin amount changes.</span>
+<span class="cstat-no" title="statement not covered" > * @param {Function} props.handleFiatAmountChange - Callback function called when the fiat amount changes.</span>
+<span class="cstat-no" title="statement not covered" > * @param {Function} props.handleChangeAssetClick - Callback function called when the asset change button is clicked.</span>
+<span class="cstat-no" title="statement not covered" > * @param {Function} props.handleBalanceValidationChange - Callback function called when balance validation changes.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.disabled - Disables the input fields when true.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.locked - Locks the input fields when true.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.alertText - Text to be displayed as an alert below the input.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.predefinedValue - Predefined value to be set in the input.</span>
+<span class="cstat-no" title="statement not covered" > * @param {React.ReactNode} props.children - Any additional elements to be rendered inside the component.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.ticker - The ticker code of the asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.tickerPrintable - The printable version of the ticker code.</span>
+<span class="cstat-no" title="statement not covered" > * @param {number} props.assetDecimalPlaces - The number of decimal places allowed for the asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {Object} props.assetBalance - The balance of the asset in both fiat and crypto formats.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.assetIconSrc - The source URL of the asset icon.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.assetIconProtocolSrc - The source URL of the asset protocol icon.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.fallbackAssetIconSrc - The source URL of the fallback asset icon.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.isSendAll - Determines if the "Send All" button is shown.</span>
+<span class="cstat-no" title="statement not covered" > * @param {Function} props.handleSendAllClick - Callback function called when the "Send All" button is clicked.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.showBalance - Determines if the balance should be displayed.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.showBalanceValidation - Determines if the balance validation should be shown.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.showChangeAssetButton - Determines if the change asset button should be displayed.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.changeAssetButtonProtocol - The protocol name to be displayed on the change asset button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.changeAssetButtonDisabled - Disables the change asset button when true.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.upperFormPosition - Applies a style for the upper form position.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.lowerFormPosition - Applies a style for the lower form position.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.errorEncountered - Indicates if an error was encountered.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.updateAssetInputTo - The value to update the asset input to.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.estimateAmount - Indicates if the amount is estimated.</span>
+<span class="cstat-no" title="statement not covered" > * @param {boolean} props.isLoading - Indicates if the component is in a loading state.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.cryptoAssetToFiatRate - The conversion rate from crypto asset to fiat.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.fiatCurrencyCode - The fiat currency code.</span>
+<span class="cstat-no" title="statement not covered" > * @param {number} props.fiatCurrencyDecimals - The number of decimal places allowed for the fiat currency.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.linkButtonActiveText - The text for the active state of the link button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.linkButtonInactiveText - The text for the inactive state of the link button.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.balanceLoaderText - The text to display while the balance is loading.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} props.fiatInputPlaceholderText - The placeholder text for the fiat input.</span>
+<span class="cstat-no" title="statement not covered" > * @param {React.Ref} buttonForwardRef - A ref passed to the change asset button.</span>
+<span class="cstat-no" title="statement not covered" > */</span>
 <span class="cstat-no" title="statement not covered" >export const AmountInput = React.forwardRef(</span>
 <span class="cstat-no" title="statement not covered" >    (</span>
 <span class="cstat-no" title="statement not covered" >        {</span>
@@ -819,6 +1094,7 @@
 <span class="cstat-no" title="statement not covered" >                        newAmountString,</span>
 <span class="cstat-no" title="statement not covered" >                        assetDecimalPlaces</span>
 <span class="cstat-no" title="statement not covered" >                    );</span>
+<span class="cstat-no" title="statement not covered" >                    if (correctedAmount !== newAmountString) return;</span>
 <span class="cstat-no" title="statement not covered" >                    setCoinAmountValue(correctedAmount);</span>
 <span class="cstat-no" title="statement not covered" >                    if (handlerEnabled) handleCoinAmountChange(correctedAmount);</span>
 <span class="cstat-no" title="statement not covered" ></span>
@@ -1065,6 +1341,75 @@
 <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" ></span>
+<span class="cstat-no" title="statement not covered" >AmountInput.propTypes = {</span>
+<span class="cstat-no" title="statement not covered" >    label: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    handleCoinAmountChange: PropTypes.func,</span>
+<span class="cstat-no" title="statement not covered" >    handleFiatAmountChange: PropTypes.func,</span>
+<span class="cstat-no" title="statement not covered" >    handleChangeAssetClick: PropTypes.func,</span>
+<span class="cstat-no" title="statement not covered" >    handleBalanceValidationChange: PropTypes.func,</span>
+<span class="cstat-no" title="statement not covered" >    disabled: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    locked: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    alertText: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    predefinedValue: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    children: PropTypes.node,</span>
+<span class="cstat-no" title="statement not covered" >    ticker: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    tickerPrintable: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    assetDecimalPlaces: PropTypes.number,</span>
+<span class="cstat-no" title="statement not covered" >    assetBalance: PropTypes.shape({</span>
+<span class="cstat-no" title="statement not covered" >        fiatAmount: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >        assetAmount: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    }),</span>
+<span class="cstat-no" title="statement not covered" >    assetIconSrc: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    assetIconProtocolSrc: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    fallbackAssetIconSrc: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    isSendAll: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    handleSendAllClick: PropTypes.func,</span>
+<span class="cstat-no" title="statement not covered" >    showBalance: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    showBalanceValidation: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    showChangeAssetButton: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    changeAssetButtonProtocol: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    changeAssetButtonDisabled: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    upperFormPosition: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    lowerFormPosition: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    errorEncountered: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    updateAssetInputTo: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    estimateAmount: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    isLoading: PropTypes.bool,</span>
+<span class="cstat-no" title="statement not covered" >    cryptoAssetToFiatRate: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    fiatCurrencyCode: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    fiatCurrencyDecimals: PropTypes.number,</span>
+<span class="cstat-no" title="statement not covered" >    linkButtonActiveText: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    linkButtonInactiveText: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    balanceLoaderText: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    fiatInputPlaceholderText: PropTypes.string,</span>
+<span class="cstat-no" title="statement not covered" >    buttonForwardRef: PropTypes.object,</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" >AmountInput.defaultProps = {</span>
+<span class="cstat-no" title="statement not covered" >    label: "",</span>
+<span class="cstat-no" title="statement not covered" >    handleCoinAmountChange: () =&gt; {},</span>
+<span class="cstat-no" title="statement not covered" >    handleFiatAmountChange: () =&gt; {},</span>
+<span class="cstat-no" title="statement not covered" >    handleChangeAssetClick: () =&gt; {},</span>
+<span class="cstat-no" title="statement not covered" >    handleBalanceValidationChange: () =&gt; {},</span>
+<span class="cstat-no" title="statement not covered" >    assetBalance: { fiatAmount: null, assetAmount: null },</span>
+<span class="cstat-no" title="statement not covered" >    isSendAll: null,</span>
+<span class="cstat-no" title="statement not covered" >    handleSendAllClick: () =&gt; {},</span>
+<span class="cstat-no" title="statement not covered" >    showBalance: false,</span>
+<span class="cstat-no" title="statement not covered" >    showBalanceValidation: false,</span>
+<span class="cstat-no" title="statement not covered" >    showChangeAssetButton: false,</span>
+<span class="cstat-no" title="statement not covered" >    changeAssetButtonDisabled: false,</span>
+<span class="cstat-no" title="statement not covered" >    updateAssetInputTo: null,</span>
+<span class="cstat-no" title="statement not covered" >    estimateAmount: false,</span>
+<span class="cstat-no" title="statement not covered" >    isLoading: false,</span>
+<span class="cstat-no" title="statement not covered" >    cryptoAssetToFiatRate: null,</span>
+<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" >    linkButtonActiveText: null,</span>
+<span class="cstat-no" title="statement not covered" >    linkButtonInactiveText: null,</span>
+<span class="cstat-no" title="statement not covered" >    balanceLoaderText: null,</span>
+<span class="cstat-no" title="statement not covered" >    fiatInputPlaceholderText: null,</span>
+<span class="cstat-no" title="statement not covered" >};</span>
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -1072,7 +1417,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-15T09:15:11.580Z
+                at 2024-08-21T07:33:35.349Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/ui-kit/components/molecules/AmountInput/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/334</span>
+                <span class='fraction'>0/449</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/334</span>
+                <span class='fraction'>0/449</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="334" class="abs low">0/334</td>
+	<td data-value="449" class="abs low">0/449</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="334" class="abs low">0/334</td>
+	<td data-value="449" class="abs low">0/449</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-08-15T09:15:11.580Z
+                at 2024-08-21T07:33:35.349Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>

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

@@ -1459,7 +1459,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-15T09:15:11.580Z
+                at 2024-08-21T07:33:35.349Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/ui-kit/components/molecules/CoinPicker/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-15T09:15:11.580Z
+                at 2024-08-21T07:33:35.349Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/ui-kit/components/molecules/ColoredNotice/ColoredNotice.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-15T09:15:11.580Z
+                at 2024-08-21T07:33:35.349Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/ui-kit/components/molecules/ColoredNotice/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-15T09:15:11.580Z
+                at 2024-08-21T07:33:35.349Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/ui-kit/components/molecules/LineWithIconLink/LineWithIconLink.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-15T09:15:11.580Z
+                at 2024-08-21T07:33:35.349Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>

package/coverage/rabbit-ui-kit/src/ui-kit/components/molecules/LineWithIconLink/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-15T09:15:11.580Z
+                at 2024-08-21T07:33:35.349Z
             </div>
         <script src="../../../../../../prettify.js"></script>
         <script>