npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.70 → 1.0.0-beta.72 - Mend

@rabbitio/ui-kit 1.0.0-beta.70 → 1.0.0-beta.72

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

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

@@ -3,15 +3,15 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for rabbit-ui-kit/src/components/organisms/SwapForm/SwapForm.jsx</title>
+    <title>Code coverage report for rabbit-ui-kit/src/ui-kit/components/organisms/SwapForm/SwapForm.jsx</title>
     <meta charset="utf-8" />
-    <link rel="stylesheet" href="../../../../../prettify.css" />
-    <link rel="stylesheet" href="../../../../../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../../../../../favicon.png" />
+    <link rel="stylesheet" href="../../../../../../prettify.css" />
+    <link rel="stylesheet" href="../../../../../../base.css" />
+    <link rel="shortcut icon" type="image/x-icon" href="../../../../../../favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <style type='text/css'>
         .coverage-summary .sorter {
-            background-image: url(../../../../../sort-arrow-sprite.png);
+            background-image: url(../../../../../../sort-arrow-sprite.png);
         }
     </style>
 </head>
@@ -19,13 +19,13 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../../../index.html">All files</a> / <a href="index.html">rabbit-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/ui-kit/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/1105</span>
+                <span class='fraction'>0/1200</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/1105</span>
+                <span class='fraction'>0/1200</span>
             </div>
@@ -1168,7 +1168,197 @@
 <a name='L1103'></a><a href='#L1103'>1103</a>
 <a name='L1104'></a><a href='#L1104'>1104</a>
 <a name='L1105'></a><a href='#L1105'>1105</a>
-<a name='L1106'></a><a href='#L1106'>1106</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<a name='L1106'></a><a href='#L1106'>1106</a>
+<a name='L1107'></a><a href='#L1107'>1107</a>
+<a name='L1108'></a><a href='#L1108'>1108</a>
+<a name='L1109'></a><a href='#L1109'>1109</a>
+<a name='L1110'></a><a href='#L1110'>1110</a>
+<a name='L1111'></a><a href='#L1111'>1111</a>
+<a name='L1112'></a><a href='#L1112'>1112</a>
+<a name='L1113'></a><a href='#L1113'>1113</a>
+<a name='L1114'></a><a href='#L1114'>1114</a>
+<a name='L1115'></a><a href='#L1115'>1115</a>
+<a name='L1116'></a><a href='#L1116'>1116</a>
+<a name='L1117'></a><a href='#L1117'>1117</a>
+<a name='L1118'></a><a href='#L1118'>1118</a>
+<a name='L1119'></a><a href='#L1119'>1119</a>
+<a name='L1120'></a><a href='#L1120'>1120</a>
+<a name='L1121'></a><a href='#L1121'>1121</a>
+<a name='L1122'></a><a href='#L1122'>1122</a>
+<a name='L1123'></a><a href='#L1123'>1123</a>
+<a name='L1124'></a><a href='#L1124'>1124</a>
+<a name='L1125'></a><a href='#L1125'>1125</a>
+<a name='L1126'></a><a href='#L1126'>1126</a>
+<a name='L1127'></a><a href='#L1127'>1127</a>
+<a name='L1128'></a><a href='#L1128'>1128</a>
+<a name='L1129'></a><a href='#L1129'>1129</a>
+<a name='L1130'></a><a href='#L1130'>1130</a>
+<a name='L1131'></a><a href='#L1131'>1131</a>
+<a name='L1132'></a><a href='#L1132'>1132</a>
+<a name='L1133'></a><a href='#L1133'>1133</a>
+<a name='L1134'></a><a href='#L1134'>1134</a>
+<a name='L1135'></a><a href='#L1135'>1135</a>
+<a name='L1136'></a><a href='#L1136'>1136</a>
+<a name='L1137'></a><a href='#L1137'>1137</a>
+<a name='L1138'></a><a href='#L1138'>1138</a>
+<a name='L1139'></a><a href='#L1139'>1139</a>
+<a name='L1140'></a><a href='#L1140'>1140</a>
+<a name='L1141'></a><a href='#L1141'>1141</a>
+<a name='L1142'></a><a href='#L1142'>1142</a>
+<a name='L1143'></a><a href='#L1143'>1143</a>
+<a name='L1144'></a><a href='#L1144'>1144</a>
+<a name='L1145'></a><a href='#L1145'>1145</a>
+<a name='L1146'></a><a href='#L1146'>1146</a>
+<a name='L1147'></a><a href='#L1147'>1147</a>
+<a name='L1148'></a><a href='#L1148'>1148</a>
+<a name='L1149'></a><a href='#L1149'>1149</a>
+<a name='L1150'></a><a href='#L1150'>1150</a>
+<a name='L1151'></a><a href='#L1151'>1151</a>
+<a name='L1152'></a><a href='#L1152'>1152</a>
+<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>
+<a name='L1161'></a><a href='#L1161'>1161</a>
+<a name='L1162'></a><a href='#L1162'>1162</a>
+<a name='L1163'></a><a href='#L1163'>1163</a>
+<a name='L1164'></a><a href='#L1164'>1164</a>
+<a name='L1165'></a><a href='#L1165'>1165</a>
+<a name='L1166'></a><a href='#L1166'>1166</a>
+<a name='L1167'></a><a href='#L1167'>1167</a>
+<a name='L1168'></a><a href='#L1168'>1168</a>
+<a name='L1169'></a><a href='#L1169'>1169</a>
+<a name='L1170'></a><a href='#L1170'>1170</a>
+<a name='L1171'></a><a href='#L1171'>1171</a>
+<a name='L1172'></a><a href='#L1172'>1172</a>
+<a name='L1173'></a><a href='#L1173'>1173</a>
+<a name='L1174'></a><a href='#L1174'>1174</a>
+<a name='L1175'></a><a href='#L1175'>1175</a>
+<a name='L1176'></a><a href='#L1176'>1176</a>
+<a name='L1177'></a><a href='#L1177'>1177</a>
+<a name='L1178'></a><a href='#L1178'>1178</a>
+<a name='L1179'></a><a href='#L1179'>1179</a>
+<a name='L1180'></a><a href='#L1180'>1180</a>
+<a name='L1181'></a><a href='#L1181'>1181</a>
+<a name='L1182'></a><a href='#L1182'>1182</a>
+<a name='L1183'></a><a href='#L1183'>1183</a>
+<a name='L1184'></a><a href='#L1184'>1184</a>
+<a name='L1185'></a><a href='#L1185'>1185</a>
+<a name='L1186'></a><a href='#L1186'>1186</a>
+<a name='L1187'></a><a href='#L1187'>1187</a>
+<a name='L1188'></a><a href='#L1188'>1188</a>
+<a name='L1189'></a><a href='#L1189'>1189</a>
+<a name='L1190'></a><a href='#L1190'>1190</a>
+<a name='L1191'></a><a href='#L1191'>1191</a>
+<a name='L1192'></a><a href='#L1192'>1192</a>
+<a name='L1193'></a><a href='#L1193'>1193</a>
+<a name='L1194'></a><a href='#L1194'>1194</a>
+<a name='L1195'></a><a href='#L1195'>1195</a>
+<a name='L1196'></a><a href='#L1196'>1196</a>
+<a name='L1197'></a><a href='#L1197'>1197</a>
+<a name='L1198'></a><a href='#L1198'>1198</a>
+<a name='L1199'></a><a href='#L1199'>1199</a>
+<a name='L1200'></a><a href='#L1200'>1200</a>
+<a name='L1201'></a><a href='#L1201'>1201</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>
@@ -2279,17 +2469,18 @@
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >import s from "./swap-form.module.scss";</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >import { useReferredState } from "../../hooks/useReferredState.js";</span>
-<span class="cstat-no" title="statement not covered" >import { useCallHandlingErrors } from "../../hooks/useCallHandlingErrors.js";</span>
+<span class="cstat-no" title="statement not covered" >import { useReferredState } from "../../../hooks/useReferredState.js";</span>
+<span class="cstat-no" title="statement not covered" >import { useCallHandlingErrors } from "../../../hooks/useCallHandlingErrors.js";</span>
 <span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >import { AmountUtils } from "../../../common/amountUtils.js";</span>
+<span class="cstat-no" title="statement not covered" >import { AmountUtils } from "../../../../common-apis/amountUtils.js";</span>
 <span class="cstat-no" title="statement not covered" >import { TitleBox } from "../../atoms/TitleBox/TitleBox.jsx";</span>
 <span class="cstat-no" title="statement not covered" >import { AmountInput } from "../../molecules/AmountInput/AmountInput.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" >import { Button } from "../../atoms/buttons/Button/Button.jsx";</span>
 <span class="cstat-no" title="statement not covered" >import { Textarea } from "../../atoms/Textarea/Textarea.jsx";</span>
-<span class="cstat-no" title="statement not covered" >import { TOOLTIP_POSITIONS } from "../../../constants/atoms/Tooltip/tooltip.jsx";</span>
 <span class="cstat-no" title="statement not covered" >import { RateSelector } from "../../atoms/RateSelector/RateSelector.jsx";</span>
+<span class="cstat-no" title="statement not covered" >import { TOOLTIP_POSITIONS } from "../../atoms/Tooltip/Tooltip.jsx";</span>
+<span class="cstat-no" title="statement not covered" >import { useIsHydrated } from "../../../hooks/useIsHydrated.js";</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 the type definition of a function used inside SwapForm to compose the URL for the hero button.</span>
@@ -2354,17 +2545,21 @@
 <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" > * Handler for the confirm button click. You should implement errors handling inside it.</span>
+<span class="cstat-no" title="statement not covered" > * Handler for the confirm button click. You should implement error handling inside it.</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 handleConfirmButtonClick</span>
-<span class="cstat-no" title="statement not covered" > * @param {function} resetButtonLoader - callback resetting the confirm button loader</span>
+<span class="cstat-no" title="statement not covered" > * @param {function} resetButtonLoader - Callback for resetting the confirm button loader.</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" > * @param {string} recipientAddress - The address of the recipient.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} recipientAddressExtraId - Additional identifier for the recipient address.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} refundAddress - The address for refund.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} refundAddressExtraId - Additional identifier for the refund address.</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>
@@ -2412,6 +2607,28 @@
 <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" > * Function returning extraId name for asset if present.</span>
+<span class="cstat-no" title="statement not covered" > * You must pass it if you use the form with addresses inputs.</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 getExtraIdNameByTicker</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} ticker - Ticker symbol of the asset.</span>
+<span class="cstat-no" title="statement not covered" > * @return {string|null}</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" > * Function validating addresses.</span>
+<span class="cstat-no" title="statement not covered" > * By default, will treat any addresses as valid.</span>
+<span class="cstat-no" title="statement not covered" > * You must pass it if you use the form with addresses inputs and want to validate addresses.</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 validateAddressByTicker</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} ticker - Ticker symbol of the asset.</span>
+<span class="cstat-no" title="statement not covered" > * @param {string} address - Address to be validated</span>
+<span class="cstat-no" title="statement not covered" > * @return {Promise&lt;boolean&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" > * 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. 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>
@@ -2458,6 +2675,8 @@
 <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" > * @param {getExtraIdNameByTicker} props.getExtraIdNameByTicker - Function returning extraId name for asset</span>
+<span class="cstat-no" title="statement not covered" > * @param {validateAddressByTicker} [props.validateAddressByTicker] - Function validating address</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>
@@ -2487,7 +2706,11 @@
 <span class="cstat-no" title="statement not covered" >        setMinimalAmountValid,</span>
 <span class="cstat-no" title="statement not covered" >        setMaximumAmountValid,</span>
 <span class="cstat-no" title="statement not covered" >        setIsPairSupported,</span>
-<span class="cstat-no" title="statement not covered" >        setIsSameCoins</span>
+<span class="cstat-no" title="statement not covered" >        setIsSameCoins,</span>
+<span class="cstat-no" title="statement not covered" >        recipientAddress,</span>
+<span class="cstat-no" title="statement not covered" >        recipientAddressExtraId,</span>
+<span class="cstat-no" title="statement not covered" >        refundAddress,</span>
+<span class="cstat-no" title="statement not covered" >        refundAddressExtraId</span>
 <span class="cstat-no" title="statement not covered" >    ) =&gt; {},</span>
 <span class="cstat-no" title="statement not covered" >    composeConfirmButtonTo = (fromTicker, toTicker, fromAmount) =&gt; "",</span>
 <span class="cstat-no" title="statement not covered" >    setSwapCreationEstimation = details =&gt; {},</span>
@@ -2516,6 +2739,10 @@
 <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" >    getExtraIdNameByTicker = ticker =&gt; null,</span>
+<span class="cstat-no" title="statement not covered" >    validateAddressByTicker = ticker =&gt; false,</span>
+<span class="cstat-no" title="statement not covered" >    swapSeparatorIconSrc,</span>
+<span class="cstat-no" title="statement not covered" >    swapButtonAlwaysActive = false,</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>
@@ -2543,10 +2770,12 @@
 <span class="cstat-no" title="statement not covered" >        },</span>
 <span class="cstat-no" title="statement not covered" >        addressFields: {</span>
 <span class="cstat-no" title="statement not covered" >            addressTitle: "Recepient address",</span>
-<span class="cstat-no" title="statement not covered" >            extraIdTitle: "Extra ID (optional)",</span>
-<span class="cstat-no" title="statement not covered" >            extraIdPlaceholder: "Example: ABC123",</span>
-<span class="cstat-no" title="statement not covered" >            extraIdNotice:</span>
-<span class="cstat-no" title="statement not covered" >                "Please check if your recipient address requires a 'Memo' or 'Destination Tag' - sometimes called a tag, ID, label, or a note. Exchanges may require such ID for the deposit. Including this identifier is crucial when required, as omitting or misentering it can result in lost assets.",</span>
+<span class="cstat-no" title="statement not covered" >            refundAddressTitle: "Refund address",</span>
+<span class="cstat-no" title="statement not covered" >            extraIdPlaceholder: "(optional)",</span>
+<span class="cstat-no" title="statement not covered" >            refundAddressExtraIdNotice:</span>
+<span class="cstat-no" title="statement not covered" >                "Please check if your address requires additional identifier (sometimes called a Memo, Destination Tag, Tag, ID, Label or Note). Including this identifier is crucial when required, as omitting or misentering it can result in lost assets.",</span>
+<span class="cstat-no" title="statement not covered" >            receivingAddressExtraIdNotice:</span>
+<span class="cstat-no" title="statement not covered" >                "Please check if your address requires additional identifier (sometimes called a Memo, Destination Tag, Tag, ID, Label or Note). Including this identifier is crucial when required, as omitting or misentering it can result in lost assets.",</span>
 <span class="cstat-no" title="statement not covered" >        },</span>
 <span class="cstat-no" title="statement not covered" >        rateSelector: {</span>
 <span class="cstat-no" title="statement not covered" >            floatingRate: "Floating rate",</span>
@@ -2554,16 +2783,6 @@
 <span class="cstat-no" title="statement not covered" >        },</span>
 <span class="cstat-no" title="statement not covered" >        confirmButtonText: "Swap",</span>
 <span class="cstat-no" title="statement not covered" >    },</span>
-<span class="cstat-no" title="statement not covered" >    swapSeparatorIconSrc,</span>
-<span class="cstat-no" title="statement not covered" >    swapButtonAlwaysActive = false,</span>
-<span class="cstat-no" title="statement not covered" >    recepientAddress,</span>
-<span class="cstat-no" title="statement not covered" >    recepientAddressExtraId,</span>
-<span class="cstat-no" title="statement not covered" >    recepientAddressValid = true,</span>
-<span class="cstat-no" title="statement not covered" >    recepientAddressExtraIdValid = true,</span>
-<span class="cstat-no" title="statement not covered" >    setRecepientAddress,</span>
-<span class="cstat-no" title="statement not covered" >    setRecepientAddressExtraId,</span>
-<span class="cstat-no" title="statement not covered" >    recepientAddressExtraIdAvailable = false,</span>
-<span class="cstat-no" title="statement not covered" >    displayRateSelector = false,</span>
 <span class="cstat-no" title="statement not covered" >}) =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    const DETAIL_REFRESH_INTERVAL_MS = 1.5 * 60000;</span>
 <span class="cstat-no" title="statement not covered" >    const IS_FIXED_BY_DEFAULT = false;</span>
@@ -2591,7 +2810,6 @@
 <span class="cstat-no" title="statement not covered" >    //       write single useEffect setting sendAssetAmount to the=is passed value and simplify the logic below. task_id=6453251e49b04c5e88a3cc771479ffb5</span>
 <span class="cstat-no" title="statement not covered" >    const [isAmountZero, setIsAmountZero] = useState(preservedAmount == null || String(preservedAmount) === "0");</span>
 <span class="cstat-no" title="statement not covered" >    const [isLoading, setIsLoading] = useReferredState(false); // Whether the form is in the progress of loading some data (new rates, for example)</span>
-<span class="cstat-no" title="statement not covered" >    const [isAddressFieldEnabled, setIsAddressFieldEnabled] = useState(false);</span>
 <span class="cstat-no" title="statement not covered" >    const [isFixedRate, setIsFixedRate] = useReferredState(null);</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const [confirmButtonTo, setConfirmButtonTo] = useState(</span>
@@ -2606,10 +2824,24 @@
 <span class="cstat-no" title="statement not covered" >    const [dataUpdateTimeoutId, setDataUpdateTimeoutId] = useReferredState(null);</span>
 <span class="cstat-no" title="statement not covered" >    const [idleDataUpdateTimeoutId, setIdleDataUpdateTimeoutId] = useReferredState(null);</span>
 <span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    const [recipientAddress, setRecipientAddress] = useReferredState("");</span>
+<span class="cstat-no" title="statement not covered" >    const [recipientAddressExtraId, setRecipientAddressExtraId] = useReferredState("");</span>
+<span class="cstat-no" title="statement not covered" >    const [isRecipientAddressValid, setIsRecipientAddressValid] = useReferredState(false);</span>
+<span class="cstat-no" title="statement not covered" >    const [isRefundAddressRequired, setIsRefundAddressRequired] = useState(false);</span>
+<span class="cstat-no" title="statement not covered" >    const [refundAddress, setRefundAddress] = useReferredState("");</span>
+<span class="cstat-no" title="statement not covered" >    const [refundAddressExtraId, setRefundAddressExtraId] = useReferredState("");</span>
+<span class="cstat-no" title="statement not covered" >    const [isRefundAddressValid, setIsRefundAddressValid] = useReferredState(false);</span>
+<span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >    const callHandlingErrors = useCallHandlingErrors();</span>
+<span class="cstat-no" title="statement not covered" >    const isHydrated = useIsHydrated();</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" ></span>
+<span class="cstat-no" title="statement not covered" >    const isAddressFieldEnabled = !formHasBalance;</span>
+<span class="cstat-no" title="statement not covered" >    const displayRateSelector = !formHasBalance;</span>
+<span class="cstat-no" title="statement not covered" >    const recipientAddressExtraIdName = getExtraIdNameByTicker(receivingAssetTicker);</span>
+<span class="cstat-no" title="statement not covered" >    const refundAddressExtraIdName = getExtraIdNameByTicker(sendingAssetTicker);</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>
 <span class="cstat-no" title="statement not covered" >            setUpdateReceiveInputTo(AmountUtils.trim(BigNumber(amount).times(swapRate), receivingAssetDecimalCount));</span>
@@ -2766,6 +2998,7 @@
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >                    setAmountLimitsAndRate(swapCreationInfo);</span>
 <span class="cstat-no" title="statement not covered" >                    setSwapCreationEstimation(swapCreationInfo);</span>
+<span class="cstat-no" title="statement not covered" >                    setIsRefundAddressRequired(swapCreationInfo?.isRefundAddressRequired);</span>
 <span class="cstat-no" title="statement not covered" >                    processMinMaxAmounts(isSwapAll.current ? swapCreationInfo.fromAmountCoins : amount);</span>
 <span class="cstat-no" title="statement not covered" >                    setIsSwapCalculated(true);</span>
 <span class="cstat-no" title="statement not covered" >                } else {</span>
@@ -2905,9 +3138,9 @@
 <span class="cstat-no" title="statement not covered" >                    isSwapCalculated &amp;&amp;</span>
 <span class="cstat-no" title="statement not covered" >                    (!isSameCoins || !formHasBalance) &amp;&amp;</span>
 <span class="cstat-no" title="statement not covered" >                    isPairSupported &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >                    (!isAddressFieldEnabled || recepientAddressValid))</span>
+<span class="cstat-no" title="statement not covered" >                    (!isAddressFieldEnabled || isRecipientAddressValid.current) &amp;&amp;</span>
+<span class="cstat-no" title="statement not covered" >                    (!isRefundAddressRequired || isRefundAddressValid.current))</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" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
 <span class="cstat-no" title="statement not covered" >    }, [</span>
 <span class="cstat-no" title="statement not covered" >        balanceValid,</span>
@@ -2918,10 +3151,50 @@
 <span class="cstat-no" title="statement not covered" >        isSameCoins,</span>
 <span class="cstat-no" title="statement not covered" >        isPairSupported,</span>
 <span class="cstat-no" title="statement not covered" >        isAddressFieldEnabled,</span>
-<span class="cstat-no" title="statement not covered" >        recepientAddressValid,</span>
+<span class="cstat-no" title="statement not covered" >        isRecipientAddressValid.current,</span>
+<span class="cstat-no" title="statement not covered" >        isRefundAddressRequired,</span>
+<span class="cstat-no" title="statement not covered" >        isRefundAddressValid.current,</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" >    useEffect(() =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        setIsRecipientAddressValid(false);</span>
+<span class="cstat-no" title="statement not covered" >        setRecipientAddress("");</span>
+<span class="cstat-no" title="statement not covered" >        setRecipientAddressExtraId("");</span>
+<span class="cstat-no" title="statement not covered" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
+<span class="cstat-no" title="statement not covered" >    }, [receivingAssetTicker]);</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        setIsRefundAddressValid(false);</span>
+<span class="cstat-no" title="statement not covered" >        setRefundAddress("");</span>
+<span class="cstat-no" title="statement not covered" >        setRefundAddressExtraId("");</span>
+<span class="cstat-no" title="statement not covered" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
+<span class="cstat-no" title="statement not covered" >    }, [sendingAssetTicker]);</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        (async () =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >            if (!receivingAssetTicker) return;</span>
+<span class="cstat-no" title="statement not covered" >            setIsRecipientAddressValid(</span>
+<span class="cstat-no" title="statement not covered" >                recipientAddress.current === ""</span>
+<span class="cstat-no" title="statement not covered" >                    ? false</span>
+<span class="cstat-no" title="statement not covered" >                    : await validateAddressByTicker(receivingAssetTicker, recipientAddress.current)</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" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
+<span class="cstat-no" title="statement not covered" >    }, [recipientAddress.current, recipientAddressExtraId.current, receivingAssetTicker]);</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >        (async () =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >            if (!sendingAssetTicker || !isRefundAddressRequired) return;</span>
+<span class="cstat-no" title="statement not covered" >            setIsRefundAddressValid(</span>
+<span class="cstat-no" title="statement not covered" >                refundAddress.current === ""</span>
+<span class="cstat-no" title="statement not covered" >                    ? false</span>
+<span class="cstat-no" title="statement not covered" >                    : await validateAddressByTicker(sendingAssetTicker, refundAddress.current)</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" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
+<span class="cstat-no" title="statement not covered" >    }, [refundAddress.current, refundAddressExtraId.current, sendingAssetTicker, isRefundAddressRequired]);</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >        // Here we set up auto recalculations for the swap details if the form is ready to swap but is idle for some time</span>
 <span class="cstat-no" title="statement not covered" >        let timeoutId = null;</span>
 <span class="cstat-no" title="statement not covered" >        if (readyToSwap) {</span>
@@ -2989,27 +3262,6 @@
 <span class="cstat-no" title="statement not covered" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
 <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" >    // Checking if all necessary props for address input are passed properly.</span>
-<span class="cstat-no" title="statement not covered" >    useEffect(() =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >        setIsAddressFieldEnabled(</span>
-<span class="cstat-no" title="statement not covered" >            recepientAddress !== undefined &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >                recepientAddressExtraId !== undefined &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >                recepientAddressValid !== undefined &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >                setRecepientAddress !== undefined &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >                typeof setRecepientAddress === "function" &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >                setRecepientAddressExtraId !== undefined &amp;&amp;</span>
-<span class="cstat-no" title="statement not covered" >                typeof setRecepientAddressExtraId === "function"</span>
-<span class="cstat-no" title="statement not covered" >        );</span>
-<span class="cstat-no" title="statement not covered" >        // eslint-disable-next-line react-hooks/exhaustive-deps</span>
-<span class="cstat-no" title="statement not covered" >    }, [</span>
-<span class="cstat-no" title="statement not covered" >        recepientAddress,</span>
-<span class="cstat-no" title="statement not covered" >        recepientAddressExtraId,</span>
-<span class="cstat-no" title="statement not covered" >        recepientAddressValid,</span>
-<span class="cstat-no" title="statement not covered" >        recepientAddressExtraIdValid,</span>
-<span class="cstat-no" title="statement not covered" >        setRecepientAddress,</span>
-<span class="cstat-no" title="statement not covered" >        setRecepientAddressExtraId,</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" >    return (</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>
@@ -3157,6 +3409,8 @@
 <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;/&gt;</span>
+<span class="cstat-no" title="statement not covered" >                            ) : !minimalAmount.current ? (</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;&gt;</span>
 <span class="cstat-no" title="statement not covered" >                                    {translations.informationBlock.minimumAmount}</span>
@@ -3198,34 +3452,57 @@
 <span class="cstat-no" title="statement not covered" >                        &lt;TitleBox title={translations.addressFields.addressTitle}&gt;</span>
 <span class="cstat-no" title="statement not covered" >                            &lt;Textarea</span>
 <span class="cstat-no" title="statement not covered" >                                type={"text"}</span>
-<span class="cstat-no" title="statement not covered" >                                onChange={e =&gt; setRecepientAddress(e.target.value)}</span>
-<span class="cstat-no" title="statement not covered" >                                value={recepientAddress}</span>
+<span class="cstat-no" title="statement not covered" >                                onChange={e =&gt; setRecipientAddress(e.target.value)}</span>
+<span class="cstat-no" title="statement not covered" >                                value={recipientAddress.current}</span>
 <span class="cstat-no" title="statement not covered" >                                adaptiveHeight={true}</span>
-<span class="cstat-no" title="statement not covered" >                                errorEncountered={!recepientAddressValid &amp;&amp; recepientAddress !== ""}</span>
+<span class="cstat-no" title="statement not covered" >                                errorEncountered={recipientAddress.current !== "" &amp;&amp; !isRecipientAddressValid.current}</span>
 <span class="cstat-no" title="statement not covered" >                            /&gt;</span>
 <span class="cstat-no" title="statement not covered" >                        &lt;/TitleBox&gt;</span>
-<span class="cstat-no" title="statement not covered" >                        {recepientAddressExtraIdAvailable ? (</span>
+<span class="cstat-no" title="statement not covered" >                        {isHydrated &amp;&amp; recipientAddressExtraIdName ? (</span>
 <span class="cstat-no" title="statement not covered" >                            &lt;TitleBox</span>
-<span class="cstat-no" title="statement not covered" >                                title={translations.addressFields.extraIdTitle}</span>
-<span class="cstat-no" title="statement not covered" >                                titleNoticeText={translations.addressFields.extraIdNotice}</span>
+<span class="cstat-no" title="statement not covered" >                                title={recipientAddressExtraIdName}</span>
+<span class="cstat-no" title="statement not covered" >                                titleNoticeText={translations.addressFields.receivingAddressExtraIdNotice}</span>
 <span class="cstat-no" title="statement not covered" >                                titleNoticePosition={TOOLTIP_POSITIONS.TOP_LEFT}</span>
 <span class="cstat-no" title="statement not covered" >                            &gt;</span>
 <span class="cstat-no" title="statement not covered" >                                &lt;Textarea</span>
 <span class="cstat-no" title="statement not covered" >                                    type={"text"}</span>
-<span class="cstat-no" title="statement not covered" >                                    onChange={e =&gt; setRecepientAddressExtraId(e.target.value)}</span>
-<span class="cstat-no" title="statement not covered" >                                    value={recepientAddressExtraId}</span>
+<span class="cstat-no" title="statement not covered" >                                    onChange={e =&gt; setRecipientAddressExtraId(e.target.value)}</span>
+<span class="cstat-no" title="statement not covered" >                                    value={recipientAddressExtraId.current}</span>
 <span class="cstat-no" title="statement not covered" >                                    adaptiveHeight={true}</span>
-<span class="cstat-no" title="statement not covered" >                                    errorEncountered={!recepientAddressExtraIdValid}</span>
 <span class="cstat-no" title="statement not covered" >                                    placeholder={translations.addressFields.extraIdPlaceholder}</span>
 <span class="cstat-no" title="statement not covered" >                                /&gt;</span>
 <span class="cstat-no" title="statement not covered" >                            &lt;/TitleBox&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" >                        ) : null}</span>
+<span class="cstat-no" title="statement not covered" >                        {isHydrated &amp;&amp; isRefundAddressRequired ? (</span>
+<span class="cstat-no" title="statement not covered" >                            &lt;&gt;</span>
+<span class="cstat-no" title="statement not covered" >                                &lt;TitleBox title={translations.addressFields.refundAddressTitle}&gt;</span>
+<span class="cstat-no" title="statement not covered" >                                    &lt;Textarea</span>
+<span class="cstat-no" title="statement not covered" >                                        type={"text"}</span>
+<span class="cstat-no" title="statement not covered" >                                        onChange={e =&gt; setRefundAddress(e.target.value)}</span>
+<span class="cstat-no" title="statement not covered" >                                        value={refundAddress.current}</span>
+<span class="cstat-no" title="statement not covered" >                                        adaptiveHeight={true}</span>
+<span class="cstat-no" title="statement not covered" >                                        errorEncountered={refundAddress.current !== "" &amp;&amp; !isRefundAddressValid.current}</span>
+<span class="cstat-no" title="statement not covered" >                                    /&gt;</span>
+<span class="cstat-no" title="statement not covered" >                                &lt;/TitleBox&gt;</span>
+<span class="cstat-no" title="statement not covered" >                                {refundAddressExtraIdName ? (</span>
+<span class="cstat-no" title="statement not covered" >                                    &lt;TitleBox</span>
+<span class="cstat-no" title="statement not covered" >                                        title={refundAddressExtraIdName}</span>
+<span class="cstat-no" title="statement not covered" >                                        titleNoticeText={translations.addressFields.refundAddressExtraIdNotice}</span>
+<span class="cstat-no" title="statement not covered" >                                        titleNoticePosition={TOOLTIP_POSITIONS.TOP_LEFT}</span>
+<span class="cstat-no" title="statement not covered" >                                    &gt;</span>
+<span class="cstat-no" title="statement not covered" >                                        &lt;Textarea</span>
+<span class="cstat-no" title="statement not covered" >                                            type={"text"}</span>
+<span class="cstat-no" title="statement not covered" >                                            onChange={e =&gt; setRefundAddressExtraId(e.target.value)}</span>
+<span class="cstat-no" title="statement not covered" >                                            value={refundAddressExtraId.current}</span>
+<span class="cstat-no" title="statement not covered" >                                            adaptiveHeight={true}</span>
+<span class="cstat-no" title="statement not covered" >                                            placeholder={translations.addressFields.extraIdPlaceholder}</span>
+<span class="cstat-no" title="statement not covered" >                                        /&gt;</span>
+<span class="cstat-no" title="statement not covered" >                                    &lt;/TitleBox&gt;</span>
+<span class="cstat-no" title="statement not covered" >                                ) : null}</span>
+<span class="cstat-no" title="statement not covered" >                            &lt;/&gt;</span>
+<span class="cstat-no" title="statement not covered" >                        ) : null}</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" >                ) : null}</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >                {displayRateSelector ? (</span>
 <span class="cstat-no" title="statement not covered" >                    &lt;div className={s["swap-form-rate-selector"]}&gt;</span>
@@ -3280,7 +3557,11 @@
 <span class="cstat-no" title="statement not covered" >                                setMinimalAmountValid,</span>
 <span class="cstat-no" title="statement not covered" >                                setMaximumAmountValid,</span>
 <span class="cstat-no" title="statement not covered" >                                setIsPairSupported,</span>
-<span class="cstat-no" title="statement not covered" >                                setIsSameCoins</span>
+<span class="cstat-no" title="statement not covered" >                                setIsSameCoins,</span>
+<span class="cstat-no" title="statement not covered" >                                recipientAddress.current,</span>
+<span class="cstat-no" title="statement not covered" >                                recipientAddressExtraId.current,</span>
+<span class="cstat-no" title="statement not covered" >                                refundAddress.current,</span>
+<span class="cstat-no" title="statement not covered" >                                refundAddressExtraId.current</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" >                        fullWidthOnMobiles</span>
@@ -3350,7 +3631,11 @@
 <span class="cstat-no" title="statement not covered" >        setMinimalAmountValid,</span>
 <span class="cstat-no" title="statement not covered" >        setMaximumAmountValid,</span>
 <span class="cstat-no" title="statement not covered" >        setIsPairSupported,</span>
-<span class="cstat-no" title="statement not covered" >        setIsSameCoins</span>
+<span class="cstat-no" title="statement not covered" >        setIsSameCoins,</span>
+<span class="cstat-no" title="statement not covered" >        recipientAddress,</span>
+<span class="cstat-no" title="statement not covered" >        recipientAddressExtraId,</span>
+<span class="cstat-no" title="statement not covered" >        refundAddress,</span>
+<span class="cstat-no" title="statement not covered" >        refundAddressExtraId</span>
 <span class="cstat-no" title="statement not covered" >    ) =&gt; {},</span>
 <span class="cstat-no" title="statement not covered" >    composeConfirmButtonTo: (fromTicker, toTicker, fromAmount) =&gt; "",</span>
 <span class="cstat-no" title="statement not covered" >    setSwapCreationEstimation: details =&gt; {},</span>
@@ -3385,16 +3670,16 @@
             <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-26T11:41:12.304Z
+                at 2024-06-03T13:53:18.820Z
             </div>
-        <script src="../../../../../prettify.js"></script>
+        <script src="../../../../../../prettify.js"></script>
         <script>
             window.onload = function () {
                 prettyPrint();
             };
         </script>
-        <script src="../../../../../sorter.js"></script>
-        <script src="../../../../../block-navigation.js"></script>
+        <script src="../../../../../../sorter.js"></script>
+        <script src="../../../../../../block-navigation.js"></script>
     </body>
 </html>