npm - @rabbitio/ui-kit - Versions diffs - 1.0.0-beta.95 → 1.0.0-beta.97 - Mend

@rabbitio/ui-kit 1.0.0-beta.95 → 1.0.0-beta.97

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

package/coverage/ui-kit/storybook-static/506.07d46882.iframe.bundle.js.html DELETED Viewed

@@ -1,85 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-    <title>Code coverage report for ui-kit/storybook-static/506.07d46882.iframe.bundle.js</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" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../../index.html">All files</a> / <a href="index.html">ui-kit/storybook-static</a> 506.07d46882.iframe.bundle.js</h1>
-        <div class='clearfix'>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
-            </div>
-            <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>0/1</span>
-            </div>
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line low'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use strict";(self.webpackChunk_rabbitio_ui_kit=self.webpackChunk_rabbitio_ui_kit||[]).push([[506],{"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/BackgroundTitle/background-title.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".TB7JIDQQALf7_ulUUwqE{pointer-events:none;user-select:none;position:relative;width:200%}.GW5jAc0VfP_ENapzDxq3{position:absolute;overflow-x:hidden;width:200%;height:90px;top:0;left:0}@media(max-width: 575.98px){.GW5jAc0VfP_ENapzDxq3{font-size:30px;line-height:50px;letter-spacing:.76875px}}.GW5jAc0VfP_ENapzDxq3.bvlUngMqPwsyNBBKvz7S{top:15px;left:19px}.ErrOhLNQMiBQNouBnMUc{position:absolute;top:0;left:0;font-size:50px;line-height:50px;font-weight:900;letter-spacing:1.23px;color:rgba(18,49,107,.05)}.ErrOhLNQMiBQNouBnMUc.bvlUngMqPwsyNBBKvz7S{font-size:30px;line-height:50px;letter-spacing:.76875px}@media(max-width: 575.98px){.ErrOhLNQMiBQNouBnMUc{font-size:30px;line-height:40px;letter-spacing:.76875px}}","",{version:3,sources:["webpack://./src/ui-kit/components/atoms/BackgroundTitle/background-title.module.scss","webpack://./src/ui-kit/assets/styles/_variables.scss"],names:[],mappings:"AAEA,sBACI,mBAAA,CACA,gBAAA,CACA,iBAAA,CACA,UAAA,CAGA,sBACI,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CAEA,4BARJ,sBASQ,cAAA,CACA,gBAAA,CACA,uBAAA,CAAA,CAGJ,2CACI,QAAA,CACA,SAAA,CAGJ,sBACI,iBAAA,CACA,KAAA,CACA,MAAA,CACA,cAAA,CACA,gBAAA,CACA,eCGC,CDFD,qBAAA,CACA,yBAAA,CAEA,2CACI,cAAA,CACA,gBAAA,CACA,uBAAA,CAGJ,4BAhBJ,sBAiBQ,cAAA,CACA,gBAAA,CACA,uBAAA,CAAA",sourcesContent:['@use "../../../assets/styles/index" as *;\n\n.background-title {\n    pointer-events: none;\n    user-select: none;\n    position: relative;\n    width: 200%;\n    // font-family: NunitoSans;\n\n    &amp;-wrapper {\n        position: absolute;\n        overflow-x: hidden;\n        width: 200%;\n        height: 90px;\n        top: 0;\n        left: 0;\n\n        @media (max-width: $phone-width) {\n            font-size: 30px;\n            line-height: 50px;\n            letter-spacing: 0.76875px;\n        }\n\n        &amp;.small-margins {\n            top: 15px;\n            left: 19px;\n        }\n\n        &amp;-text {\n            position: absolute;\n            top: 0;\n            left: 0;\n            font-size: 50px;\n            line-height: 50px;\n            font-weight: $extra-bold;\n            letter-spacing: 1.23px;\n            color: rgba(#12316b, 0.05);\n\n            &amp;.small-margins {\n                font-size: 30px;\n                line-height: 50px;\n                letter-spacing: 0.76875px;\n            }\n\n            @media (max-width: $phone-width) {\n                font-size: 30px;\n                line-height: 40px;\n                letter-spacing: 0.76875px;\n            }\n        }\n    }\n}\n','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\n$white: #ffffff;\n\n$separatorBorder: 0.5px solid SolidColor("smoke");\n$buttonBorder: 2px solid SolidColor("tosca");\n$buttonBorderWhite: 2px solid $white;\n\n$shadowOutlineStatic:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    0px 0px 0px 1px #ee6a7d inset,\n    0px 0px 3px 0px rgba(#ee6a7d, 0.3);\n\n$transitionEaseOut: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n// Width values for breakpoints. Should be used with the "@media (max-width: ..."\n$wide-desktop-width: 1279.98px;\n$desktop-width: 1199.98px;\n$laptop-width: 991.98px;\n$tablet-width: 767.98px;\n$phone-width: 575.98px;\n$extra-small: 358.98px;\n\n$extra-bold: 900;\n$very-bold: 800;\n$bold: 700;\n$semi-bold: 600;\n$medium: 400;\n$regular: 300;\n\n$letterSpacing: 0.5px;\n\n// SSR landings width\n$landingMaxWidth: 1172px;\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"background-title":"TB7JIDQQALf7_ulUUwqE","background-title-wrapper":"GW5jAc0VfP_ENapzDxq3","small-margins":"bvlUngMqPwsyNBBKvz7S","background-title-wrapper-text":"ErrOhLNQMiBQNouBnMUc"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/molecules/ColoredNotice/colored-notice.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".eCd4Nk23EYeBAVYA9M1q{display:flex;align-items:flex-start;flex-direction:column;gap:12px;justify-content:space-between;padding:20px;border-radius:16px;background-color:#d0f5f7;width:100%;box-shadow:0px 0px 0px 1px rgba(10,121,126,.1) inset}.ICIbV15C4Kc9EPcnrJdE{color:#16cdd6;margin:0;text-align:left}","",{version:3,sources:["webpack://./src/ui-kit/components/molecules/ColoredNotice/colored-notice.module.scss","webpack://./src/ui-kit/assets/styles/_variables.scss"],names:[],mappings:"AAEA,sBACI,YAAA,CACA,sBAAA,CACA,qBAAA,CACA,QAAA,CACA,6BAAA,CACA,YAAA,CACA,kBCHW,CDIX,wBAAA,CACA,UAAA,CACA,oDAAA,CAEA,sBACI,aAAA,CACA,QAAA,CACA,eAAA",sourcesContent:['@use "../../../assets/styles/index" as *;\n\n.colored-notice {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    gap: Margin("3");\n    justify-content: space-between;\n    padding: Padding("5");\n    border-radius: $borderRadius;\n    background-color: LightColor(army-20);\n    width: 100%;\n    box-shadow: 0px 0px 0px 1px rgba(SolidColor("army"), 0.1) inset;\n\n    &amp;-text {\n        color: SolidColor("tosca");\n        margin: 0;\n        text-align: left;\n    }\n}\n','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\n$white: #ffffff;\n\n$separatorBorder: 0.5px solid SolidColor("smoke");\n$buttonBorder: 2px solid SolidColor("tosca");\n$buttonBorderWhite: 2px solid $white;\n\n$shadowOutlineStatic:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    0px 0px 0px 1px #ee6a7d inset,\n    0px 0px 3px 0px rgba(#ee6a7d, 0.3);\n\n$transitionEaseOut: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n// Width values for breakpoints. Should be used with the "@media (max-width: ..."\n$wide-desktop-width: 1279.98px;\n$desktop-width: 1199.98px;\n$laptop-width: 991.98px;\n$tablet-width: 767.98px;\n$phone-width: 575.98px;\n$extra-small: 358.98px;\n\n$extra-bold: 900;\n$very-bold: 800;\n$bold: 700;\n$semi-bold: 600;\n$medium: 400;\n$regular: 300;\n\n$letterSpacing: 0.5px;\n\n// SSR landings width\n$landingMaxWidth: 1172px;\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"colored-notice":"eCd4Nk23EYeBAVYA9M1q","colored-notice-text":"ICIbV15C4Kc9EPcnrJdE"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/organisms/Dialog/DialogButtons/dialog-buttons.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Kwe7NQnNSxSnwB51kXRt{display:flex;justify-content:flex-end;align-items:center;gap:20px;width:100%;flex-wrap:wrap-reverse}@media(max-width: 575.98px){.Kwe7NQnNSxSnwB51kXRt{flex-direction:column-reverse;gap:20px}}@media(max-width: 767.98px){.Kwe7NQnNSxSnwB51kXRt.LNbjmSR6QAopM0dGbyjL{display:none}}.Kwe7NQnNSxSnwB51kXRt.htPTP15WyhwAR3nBnqUL{justify-content:space-between}","",{version:3,sources:["webpack://./src/ui-kit/components/organisms/Dialog/DialogButtons/dialog-buttons.module.scss"],names:[],mappings:"AAEA,sBACI,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,QAAA,CACA,UAAA,CACA,sBAAA,CAEA,4BARJ,sBASQ,6BAAA,CACA,QAAA,CAAA,CAIA,4BADJ,2CAEQ,YAAA,CAAA,CAIR,2CACI,6BAAA",sourcesContent:['@use "../../../../assets/styles/index" as *;\n\n.dialog-buttons {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    gap: Margin("5");\n    width: 100%;\n    flex-wrap: wrap-reverse;\n\n    @media (max-width: $phone-width) {\n        flex-direction: column-reverse;\n        gap: Margin("5");\n    }\n\n    &amp;.hide-on-mobiles {\n        @media (max-width: $tablet-width) {\n            display: none;\n        }\n    }\n\n    &amp;.space-between-layout {\n        justify-content: space-between;\n    }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"dialog-buttons":"Kwe7NQnNSxSnwB51kXRt","hide-on-mobiles":"LNbjmSR6QAopM0dGbyjL","space-between-layout":"htPTP15WyhwAR3nBnqUL"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/organisms/Dialog/DialogStep/dialog-step.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".lmM1NRcO6ECCWiDFZnX_{border-radius:16px;background-color:#fff;padding:40px}@media(max-width: 575.98px){.lmM1NRcO6ECCWiDFZnX_{padding:20px}}.cZ8Wi5dGGpfK1P_tUTb8{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(13,30,60,.5);z-index:-1}.cZ8Wi5dGGpfK1P_tUTb8{z-index:9 !important;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden;opacity:1;backdrop-filter:blur(5px)}@media(max-width: 767.98px){.cZ8Wi5dGGpfK1P_tUTb8{backdrop-filter:none;background:#fff;align-items:flex-start;overflow:hidden;flex-direction:column;justify-content:flex-start}}.cZ8Wi5dGGpfK1P_tUTb8.sdJxUzAFKVBpnRa12E0N{opacity:0}.cZ8Wi5dGGpfK1P_tUTb8.B4kSY5V2wzkYpGz7qOxE{overflow-y:hidden}.cZ8Wi5dGGpfK1P_tUTb8.GBmYPXeS_my75yAK0af6{position:relative;background:none;overflow:visible;width:auto;height:auto;backdrop-filter:none}.cZ8Wi5dGGpfK1P_tUTb8.KzRC2JO7LuUuVIPrbrol{opacity:0}.cZ8Wi5dGGpfK1P_tUTb8.KzRC2JO7LuUuVIPrbrol .tPZM1RIxHGm5OxcDBo2C{transform:scale(0.95) translateY(-15px)}.cZ8Wi5dGGpfK1P_tUTb8.kLqQ72BFBekPHE7w6aau{opacity:1;transition:opacity .2s ease}.cZ8Wi5dGGpfK1P_tUTb8.kLqQ72BFBekPHE7w6aau .tPZM1RIxHGm5OxcDBo2C{transform:scale(1) translateY(0vh);transition:transform .2s ease}.cZ8Wi5dGGpfK1P_tUTb8.fTjfsVmPEOzLjA8SqikI{opacity:1}.cZ8Wi5dGGpfK1P_tUTb8.fTjfsVmPEOzLjA8SqikI .tPZM1RIxHGm5OxcDBo2C{transform:scale(1) translateY(0vh)}.cZ8Wi5dGGpfK1P_tUTb8.zfcXusvbdwg0ktRKWVS_{opacity:0;transition:opacity .2s ease}.cZ8Wi5dGGpfK1P_tUTb8.zfcXusvbdwg0ktRKWVS_ .tPZM1RIxHGm5OxcDBo2C{transform:scale(0.98) translateY(10px);transition:transform .2s ease}.cZ8Wi5dGGpfK1P_tUTb8 .tPZM1RIxHGm5OxcDBo2C{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%;-webkit-overflow-scrolling:auto !important}@media(max-width: 767.98px){.cZ8Wi5dGGpfK1P_tUTb8 .tPZM1RIxHGm5OxcDBo2C{margin:0;flex:1 1;align-items:start}.cZ8Wi5dGGpfK1P_tUTb8 .tPZM1RIxHGm5OxcDBo2C:not(.GBmYPXeS_my75yAK0af6){overflow-y:auto;overflow-x:hidden}}.cZ8Wi5dGGpfK1P_tUTb8 .dZ14BtYnbAdOmNNQjCfB{background-color:#fff;width:100vw;padding:20px 20px max(20px,env(safe-area-inset-bottom)) 20px;opacity:1;box-shadow:0px 0px 3px 3px #fff,0px 0px 10px 5px #fff;z-index:0}@media(min-width: 575.98px){.cZ8Wi5dGGpfK1P_tUTb8 .dZ14BtYnbAdOmNNQjCfB{padding:20px 40px 40px 40px}}.cZ8Wi5dGGpfK1P_tUTb8 .sNM3P4HbNbEfqEIuiqEt{display:none;opacity:0;transition:none}.cZ8Wi5dGGpfK1P_tUTb8 .jNMTHsJevHwSu3xxiIFI{display:block;opacity:0;transition:opacity .2s cubic-bezier(0.22, 0.61, 0.36, 1)}.cZ8Wi5dGGpfK1P_tUTb8 .Het0HGQQX6n6BpV85Jkl,.cZ8Wi5dGGpfK1P_tUTb8 .tTPx75SobPtqINSyCzjc{opacity:1;transition:opacity .2s cubic-bezier(0.22, 0.61, 0.36, 1)}.cZ8Wi5dGGpfK1P_tUTb8 .HqGY6KZpbY_RZpPVj3jT{display:block;opacity:0;transition:opacity .2s cubic-bezier(0.22, 0.61, 0.36, 1)}.cZ8Wi5dGGpfK1P_tUTb8 .hNckWNit9q80uwk6yQ0q{display:none;opacity:0;transition:none}@media(min-width: 767.98px){.cZ8Wi5dGGpfK1P_tUTb8 .dZ14BtYnbAdOmNNQjCfB{display:none}.cZ8Wi5dGGpfK1P_tUTb8 .sNM3P4HbNbEfqEIuiqEt,.cZ8Wi5dGGpfK1P_tUTb8 .jNMTHsJevHwSu3xxiIFI,.cZ8Wi5dGGpfK1P_tUTb8 .Het0HGQQX6n6BpV85Jkl,.cZ8Wi5dGGpfK1P_tUTb8 .tTPx75SobPtqINSyCzjc,.cZ8Wi5dGGpfK1P_tUTb8 .HqGY6KZpbY_RZpPVj3jT,.cZ8Wi5dGGpfK1P_tUTb8 .hNckWNit9q80uwk6yQ0q{display:none}}.G62nhEZPlR5W2MjQtd4c{position:relative;width:100%;max-width:550px;box-shadow:0 40px 30px 0 rgba(27,45,68,.2);margin:20px;transition:all .2s cubic-bezier(0.22, 0.61, 0.36, 1);transition-delay:.2s;background:#fff;border-radius:16px}@media(min-width: 767.98px){.G62nhEZPlR5W2MjQtd4c{overflow:hidden}}@media(max-width: 767.98px){.G62nhEZPlR5W2MjQtd4c{margin:0}.G62nhEZPlR5W2MjQtd4c:not(.GBmYPXeS_my75yAK0af6){box-shadow:none;min-width:100vw;backdrop-filter:blur(5px);border-radius:0}}.G62nhEZPlR5W2MjQtd4c.C8XpUuYNC2yRNNFYUc_Y{transition:none;transition-delay:0s;overflow:visible}.G62nhEZPlR5W2MjQtd4c.GBmYPXeS_my75yAK0af6{margin:0;width:100%;min-width:auto;border-radius:0;box-shadow:none;overflow:visible}.G62nhEZPlR5W2MjQtd4c.kdgyd9mAJTjSKNYX6kqw{max-width:1014px}.T2q9SK2RdHQasHMfYFvo{display:block !important}.gE3tdnkVTJDLjreNFnOm{width:100%;display:block;height:20px}.ZIIjI86r6xW7meevX5YQ{position:absolute;top:40px;right:40px;z-index:2}@media(max-width: 575.98px){.ZIIjI86r6xW7meevX5YQ{top:20px;right:20px}}.lmM1NRcO6ECCWiDFZnX_{position:absolute;top:0;left:0;padding:0;display:block;width:100%;opacity:0;pointer-events:none;user-select:none;transition:all .2s cubic-bezier(0.22, 0.61, 0.36, 1);transition-delay:0s;max-height:100%}.lmM1NRcO6ECCWiDFZnX_.GBmYPXeS_my75yAK0af6{padding:0;background:none;border-radius:0}@media(min-width: 767.98px){.lmM1NRcO6ECCWiDFZnX_:not(.GBmYPXeS_my75yAK0af6){overflow:hidden}}.lmM1NRcO6ECCWiDFZnX_.E0YGADiAV3KrUAXPiPGz{position:relative;top:0;left:0;width:100%}.lmM1NRcO6ECCWiDFZnX_.l_NtOWtzOFgaRh1TKf7c{opacity:1;pointer-events:auto;user-select:auto;transition-delay:.8s;max-height:none;overflow:visible}@media(max-width: 767.98px){.lmM1NRcO6ECCWiDFZnX_.eSzTvmnhR8k9tASGMNgG{min-height:100vh}}.lmM1NRcO6ECCWiDFZnX_.KdQAkw0cz9pEK8PVVp2c,.lmM1NRcO6ECCWiDFZnX_.qxh4nTsWYMh4Yb19qjAZ{opacity:0}.lmM1NRcO6ECCWiDFZnX_.C8XpUuYNC2yRNNFYUc_Y{transition:none;transition-delay:0s}.BSDxJbi4fExWGrFncBCN{position:absolute;transition:inherit;transition-delay:inherit;width:100%;height:100%;top:0;left:0;border-radius:16px;overflow:hidden}@media(max-width: 767.98px){.BSDxJbi4fExWGrFncBCN{border-radius:0}}.Stluzj4UFhoYMnMIqb7m,._kjrX_FJXppHl4uhYTlt{position:relative;object-fit:cover;transition:inherit;transition-delay:inherit;width:100%;height:100%;top:0;left:0}.Stluzj4UFhoYMnMIqb7m.KdQAkw0cz9pEK8PVVp2c,._kjrX_FJXppHl4uhYTlt.KdQAkw0cz9pEK8PVVp2c{transform:translateX(-5px) scale(1.05)}.Stluzj4UFhoYMnMIqb7m.l_NtOWtzOFgaRh1TKf7c,._kjrX_FJXppHl4uhYTlt.l_NtOWtzOFgaRh1TKf7c{transform:translateX(0px) scale(1.05)}.Stluzj4UFhoYMnMIqb7m.qxh4nTsWYMh4Yb19qjAZ,._kjrX_FJXppHl4uhYTlt.qxh4nTsWYMh4Yb19qjAZ{transform:translateX(5px) scale(1.05)}.Stluzj4UFhoYMnMIqb7m{display:block}@media(max-width: 575.98px){.Stluzj4UFhoYMnMIqb7m{display:none}.Stluzj4UFhoYMnMIqb7m.kEVGgL_Ua8CF6KpwWrcp{display:block}}._kjrX_FJXppHl4uhYTlt{display:none}._kjrX_FJXppHl4uhYTlt.kEVGgL_Ua8CF6KpwWrcp{display:block}@media(max-width: 575.98px){._kjrX_FJXppHl4uhYTlt{display:block}}.E6RzbtkvH4Kctt5jzC6A{padding:40px}.E6RzbtkvH4Kctt5jzC6A.GBmYPXeS_my75yAK0af6{padding:0}@media(max-width: 575.98px){.E6RzbtkvH4Kctt5jzC6A:not(.GBmYPXeS_my75yAK0af6){padding:20px 20px max(20px,env(safe-area-inset-bottom)) 20px}}.E6RzbtkvH4Kctt5jzC6A.KdQAkw0cz9pEK8PVVp2c{animation:UAQukIiE4ZZfmhk5dKsb .2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;animation-fill-mode:both}.E6RzbtkvH4Kctt5jzC6A.qxh4nTsWYMh4Yb19qjAZ{animation:iYTwbc_u4bjTW5WJmkrx .2s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;animation-fill-mode:both}.E6RzbtkvH4Kctt5jzC6A.l_NtOWtzOFgaRh1TKf7c.lTItc7XNOxZGDeCxIgVw{animation:dEgT_veqnXbzUjUtRde4 .2s cubic-bezier(0.22, 0.61, 0.36, 1) .8s;animation-fill-mode:both}.E6RzbtkvH4Kctt5jzC6A.l_NtOWtzOFgaRh1TKf7c.fFECqH8KEpQG_AggXTcc{animation:vxF0etDueuChXxDjF1sw .2s cubic-bezier(0.22, 0.61, 0.36, 1) .8s;animation-fill-mode:both}@keyframes dEgT_veqnXbzUjUtRde4{0%{transform:translateX(-20px)}100%{transform:translateX(0px)}}@keyframes vxF0etDueuChXxDjF1sw{0%{transform:translateX(20px)}100%{transform:translateX(0px)}}@keyframes UAQukIiE4ZZfmhk5dKsb{0%{transform:translateX(0px)}100%{transform:translateX(-20px)}}@keyframes iYTwbc_u4bjTW5WJmkrx{0%{transform:translateX(0px)}100%{transform:translateX(20px)}}.bjd8u_oNCNmjMc1BRXBI{margin-left:-3px;display:flex;justify-content:flex-start;margin-bottom:8px}.GeN1yI3fTnvAP_PVyatt{max-width:377px;display:flex;flex-direction:column;align-items:center;margin:0 auto;position:relative}.GeN1yI3fTnvAP_PVyatt.p8U6au6HxhjYv6wIO6dr{max-width:100%;margin:0;align-items:flex-start}.GeN1yI3fTnvAP_PVyatt.WElb7YklMNwnG1KwE6Rw{max-width:100%;padding-top:20px}.dF8xPhZndfvXLCZirSyF{width:130px;margin-top:20px !important;margin-top:40px}.dF8xPhZndfvXLCZirSyF svg{width:100%;height:auto}.Fbf7FkOhQr8z_hOyCVcq{display:flex;justify-content:flex-start;align-items:center;margin-top:24px;margin-bottom:8px}.Fbf7FkOhQr8z_hOyCVcq.XDOPcssyJM0tvKt9243N{margin-top:0}.Fbf7FkOhQr8z_hOyCVcq.nQT1gn1enWUIccHhEI8P{padding-right:58px}@media(max-width: 767.98px){.Fbf7FkOhQr8z_hOyCVcq.nQT1gn1enWUIccHhEI8P{padding-right:46px}}.Fbf7FkOhQr8z_hOyCVcq.KDgKEGw_EktYdFMXNM8O{padding-right:0}.wJCaxuGQgGV2FgCIHWn8,.WdK7N4_6gFhAxGO_htkU{margin-right:12px;display:flex;align-items:center}.wJCaxuGQgGV2FgCIHWn8 img{height:30px}.XEayQMgfuQDn3HMCKjJu{margin-right:15px}@media(max-width: 575.98px){.XEayQMgfuQDn3HMCKjJu{margin-right:10px}}.mR82CLygYid9o2jbugw7{font-size:20px;line-height:30px;letter-spacing:.5px;margin:0;font-weight:400;color:#232d42;color:#232d42;text-align:center;font-weight:bold;display:flex;justify-content:flex-start;align-items:flex-start}.mR82CLygYid9o2jbugw7.XDOPcssyJM0tvKt9243N{text-align:left;font-size:30px;line-height:40px;letter-spacing:.5px;font-weight:900;margin:0;color:#232d42;position:relative}@media(max-width: 575.98px){.mR82CLygYid9o2jbugw7.XDOPcssyJM0tvKt9243N{font-size:20px;line-height:30px}}.mR82CLygYid9o2jbugw7.xPpYij2sxsmSsLTEJ2do{color:#fff}.vsDvscvcsL369SmJMXZ6{font-size:14px;line-height:24px;letter-spacing:.5px;margin:0;color:#232d42;max-width:100%;text-align:center;color:#8f95a2;margin-bottom:40px;word-break:normal}.vsDvscvcsL369SmJMXZ6.vKatX678zNEP4lXETJqU{word-break:break-all}.vsDvscvcsL369SmJMXZ6.p8U6au6HxhjYv6wIO6dr{text-align:left}.vsDvscvcsL369SmJMXZ6.tMmvUoTbwvI2YCRbD_Qw{margin-bottom:28px}.vsDvscvcsL369SmJMXZ6.P8sh9NaOg1sLjrjGqy6e{margin-bottom:0}.vsDvscvcsL369SmJMXZ6.xPpYij2sxsmSsLTEJ2do{color:#fff}.FcAYuCtKoK6y_yCAV1Qt{display:flex;flex-direction:column;justify-self:flex-start;position:relative}.FcAYuCtKoK6y_yCAV1Qt.x5kGDb8ZCfFZsUPowox9{align-items:flex-start}.FcAYuCtKoK6y_yCAV1Qt.DKRl0b2367ZGNyo1WfDi{align-items:center}.FcAYuCtKoK6y_yCAV1Qt.st9BnBwiDTdJPMpOKeF_{align-items:flex-end}.NSidGWw6CeX2iQH8xiho{display:flex;align-items:center;justify-content:flex-end;margin-top:28px;gap:28px}@media(max-width: 575.98px){.NSidGWw6CeX2iQH8xiho{margin-top:20px}}.NSidGWw6CeX2iQH8xiho.hX7qXE1Fs7EwBVOWEoA1{margin-top:40px}@media(max-width: 575.98px){.NSidGWw6CeX2iQH8xiho.hX7qXE1Fs7EwBVOWEoA1{margin-top:28px}}.NSidGWw6CeX2iQH8xiho.P8sh9NaOg1sLjrjGqy6e{margin-top:0}","",{version:3,sources:["webpack://./src/ui-kit/assets/styles/_placeholder.scss","webpack://./src/ui-kit/assets/styles/_variables.scss","webpack://./src/ui-kit/components/organisms/Dialog/dialog.module.scss","webpack://./src/ui-kit/components/organisms/Dialog/DialogStep/dialog-step.module.scss","webpack://./src/ui-kit/assets/styles/_mixins.scss"],names:[],mappings:"AA0GA,sBACI,kBCrGW,CDsGX,qBCpGI,CDsGJ,YAAA,CAEA,4BANJ,sBAOQ,YAAA,CAAA,CAwBR,sBACI,cAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,4BAAA,CACA,UAAA,CE5IJ,sBAEI,oBAAA,CACA,YAAA,CACA,sBAAA,CACA,sBAAA,CACA,eAAA,CACA,iBAAA,CACA,SAAA,CACA,yBAAA,CAEA,4BAXJ,sBAYQ,oBAAA,CACA,eDTA,CCUA,sBAAA,CACA,eAAA,CACA,qBAAA,CACA,0BAAA,CAAA,CAGJ,2CACI,SAAA,CAGJ,2CACI,iBAAA,CAGJ,2CACI,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,UAAA,CACA,WAAA,CACA,oBAAA,CAIA,2CACI,SAAA,CAEA,iEACI,uCAAA,CAIR,2CACI,SAAA,CACA,2BAAA,CAEA,iEACI,kCAAA,CACA,6BAAA,CAIR,2CACI,SAAA,CAEA,iEACI,kCAAA,CAIR,2CACI,SAAA,CACA,2BAAA,CAEA,iEACI,sCAAA,CACA,6BAAA,CAKZ,4CACI,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,UAAA,CACA,0CAAA,CAEA,4BATJ,4CAUQ,QAAA,CACA,QAAA,CACA,iBAAA,CAEA,uEACI,eAAA,CACA,iBAAA,CAAA,CAKZ,4CACI,qBD7FA,CC8FA,WAAA,CACA,4DAAA,CACA,SAAA,CACA,qDACI,CAEJ,SAAA,CAEA,4BAVJ,4CAWQ,2BAAA,CAAA,CAGJ,4CACI,YAAA,CACA,SAAA,CACA,eAAA,CAGJ,4CACI,aAAA,CACA,SAAA,CACA,wDAAA,CAGJ,wFAEI,SAAA,CACA,wDAAA,CAGJ,4CACI,aAAA,CACA,SAAA,CACA,wDAAA,CAGJ,4CACI,YAAA,CACA,SAAA,CACA,eAAA,CAGJ,4BA5CJ,4CA6CQ,YAAA,CAEA,wQAMI,YAAA,CAAA,CAKZ,sBACI,iBAAA,CACA,UAAA,CACA,eAAA,CACA,0CAAA,CACA,WAAA,CACA,oDAAA,CACA,oBAnKa,CAoKb,eD9JA,CC+JA,kBDjKO,CCmKP,4BAXJ,sBAYQ,eAAA,CAAA,CAGJ,4BAfJ,sBAgBQ,QAAA,CAEA,iDACI,eAAA,CACA,eAAA,CACA,yBAAA,CACA,eAAA,CAAA,CAIR,2CACI,eAAA,CACA,mBAAA,CACA,gBAAA,CAGJ,2CACI,QAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CAGJ,2CACI,gBAAA,CAGJ,sBACI,wBAAA,CAGJ,sBACI,UAAA,CACA,aAAA,CACA,WAAA,CAGJ,sBACI,iBAAA,CACA,QAAA,CACA,UAAA,CACA,SAAA,CAEA,4BANJ,sBAOQ,QAAA,CACA,UAAA,CAAA,CCzNhB,sBACI,iBAAA,CACA,KAAA,CACA,MAAA,CACA,SAAA,CACA,aAAA,CACA,UAAA,CACA,SAAA,CACA,mBAAA,CACA,gBAAA,CACA,oDAAA,CACA,mBAAA,CAEA,eAAA,CAEA,2CACI,SAAA,CACA,eAAA,CACA,eAAA,CAGJ,4BACI,iDACI,eAAA,CAAA,CAIR,2CACI,iBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CAGJ,2CACI,SAAA,CACA,mBAAA,CACA,gBAAA,CACA,oBAAA,CACA,eAAA,CACA,gBAAA,CAIA,4BADJ,2CAEQ,gBAAA,CAAA,CAIR,sFAEI,SAAA,CAGJ,2CACI,eAAA,CACA,mBAAA,CAGJ,sBACI,iBAAA,CACA,kBAAA,CACA,wBAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CACA,kBFjEO,CEkEP,eAAA,CAEA,4BAXJ,sBAYQ,eAAA,CAAA,CAGJ,4CAEI,iBAAA,CACA,gBAAA,CACA,kBAAA,CACA,wBAAA,CACA,UAAA,CACA,WAAA,CACA,KAAA,CACA,MAAA,CAEA,sFACI,sCAAA,CAGJ,sFACI,qCAAA,CAGJ,sFACI,qCAAA,CAIR,sBACI,aAAA,CAEA,4BAHJ,sBAIQ,YAAA,CAEA,2CACI,aAAA,CAAA,CAKZ,sBACI,YAAA,CAEA,2CACI,aAAA,CAGJ,4BAPJ,sBAQQ,aAAA,CAAA,CAKZ,sBACI,YAAA,CAEA,2CACI,SAAA,CAGJ,4BACI,iDACI,4DAAA,CAAA,CAIR,2CACI,uEAAA,CACA,wBAAA,CAGJ,2CACI,uEAAA,CACA,wBAAA,CAIA,gEACI,wEAAA,CACA,wBAAA,CAGJ,gEACI,wEAAA,CACA,wBAAA,CAIR,gCACI,GACI,2BAAA,CAGJ,KACI,yBAAA,CAAA,CAIR,gCACI,GACI,0BAAA,CAGJ,KACI,yBAAA,CAAA,CAIR,gCACI,GACI,yBAAA,CAGJ,KACI,2BAAA,CAAA,CAIR,gCACI,GACI,yBAAA,CAGJ,KACI,0BAAA,CAAA,CAIR,sBACI,gBAAA,CACA,YAAA,CACA,0BAAA,CACA,iBAAA,CAGJ,sBACI,eAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,aAAA,CACA,iBAAA,CAGA,2CACI,cAAA,CACA,QAAA,CACA,sBAAA,CAGJ,2CACI,cAAA,CACA,gBAAA,CAGJ,sBACI,WAAA,CAOA,0BAAA,CACA,eAAA,CANA,0BACI,UAAA,CACA,WAAA,CAOR,sBACI,YAAA,CACA,0BAAA,CACA,kBAAA,CACA,eAAA,CACA,iBAAA,CAEA,2CACI,YAAA,CAGJ,2CACI,kBAAA,CAEA,4BAHJ,2CAIQ,kBAAA,CAAA,CAIR,2CACI,eAAA,CAGJ,4CAEI,iBAAA,CACA,YAAA,CACA,kBAAA,CAGJ,0BACI,WAAA,CAGJ,sBACI,iBAAA,CAEA,4BAHJ,sBAIQ,iBAAA,CAAA,CAKJ,sBCxPZ,cAAA,CACA,gBAAA,CACA,mBHMQ,CGLR,QAAA,CACA,eHCC,CAAA,aAAA,CEqPe,aAAA,CACA,iBAAA,CACA,gBAAA,CACA,YAAA,CACA,0BAAA,CACA,sBAAA,CAEA,2CACI,eAAA,CCjRpB,cAAA,CACA,gBAAA,CACA,mBHqBQ,CGpBR,eHaK,CGZL,QAAA,CACA,aAAA,CD8QoB,iBAAA,CAEA,4BALJ,2CAMQ,cAAA,CACA,gBAAA,CAAA,CAIR,2CACI,UFzSpB,CE+SI,sBCnQJ,cAAA,CACA,gBAAA,CACA,mBHVQ,CGWR,QAAA,CACA,aAAA,CDiQQ,cAAA,CACA,iBAAA,CACA,aAAA,CACA,kBAAA,CACA,iBAAA,CAEA,2CACI,oBAAA,CAGJ,2CACI,eAAA,CAGJ,2CACI,kBAAA,CAGJ,2CACI,eAAA,CAGJ,2CACI,UFxUZ,CE4UA,sBACI,YAAA,CACA,qBAAA,CACA,uBAAA,CACA,iBAAA,CAEA,2CACI,sBAAA,CAEJ,2CACI,kBAAA,CAEJ,2CACI,oBAAA,CAGR,sBACI,YAAA,CACA,kBAAA,CACA,wBAAA,CACA,eAAA,CACA,QAAA,CAEA,4BAPJ,sBAQQ,eAAA,CAAA,CAGJ,2CACI,eAAA,CAEA,4BAHJ,2CAIQ,eAAA,CAAA,CAIR,2CACI,YAAA",sourcesContent:['@use "variables" as *;\n@use "functions" as *;\n\n%container-padding {\n    padding: Padding("50");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%font {\n    // font-family: NunitoSans;\n}\n\n%text-very-bold {\n    font-weight: $very-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-bold {\n    font-weight: $bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-semibold {\n    font-weight: $semi-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-medium {\n    font-weight: $medium;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%fiat-amount-grey {\n    color: SolidColor("grey");\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%fiat-amount-white {\n    color: $white;\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%seperator-border {\n    position: relative;\n\n    &amp;:before {\n        content: "";\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: calc(100% - 40px);\n        height: 1px;\n        border-top: $separatorBorder;\n    }\n}\n\n%skeleton-text {\n    height: 16px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-big-text {\n    height: 20px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-text-h3 {\n    height: 30px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-icon {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n}\n\n%skeleton-icon-h3 {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n}\n\n%white-box {\n    border-radius: $borderRadius;\n    background-color: $white;\n    padding: Padding("7");\n}\n\n%white-box-big-padding {\n    border-radius: $borderRadius;\n    background-color: $white;\n\n    padding: Padding("10");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%hover-state {\n    opacity: 1;\n    transition-property: opacity;\n    transition-timing-function: ease;\n    transition-duration: 0.3s;\n\n    @media (hover: hover) {\n        &amp;:hover {\n            cursor: pointer !important;\n            opacity: 0.6;\n            transition-duration: 0.03s;\n        }\n    }\n\n    &amp;:active {\n        transition-duration: 0.03s;\n        opacity: 0.6;\n    }\n}\n\n%black-window {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(#0d1e3c, 0.5);\n    z-index: -1;\n}\n','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\n$white: #ffffff;\n\n$separatorBorder: 0.5px solid SolidColor("smoke");\n$buttonBorder: 2px solid SolidColor("tosca");\n$buttonBorderWhite: 2px solid $white;\n\n$shadowOutlineStatic:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    0px 0px 0px 1px #ee6a7d inset,\n    0px 0px 3px 0px rgba(#ee6a7d, 0.3);\n\n$transitionEaseOut: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n// Width values for breakpoints. Should be used with the "@media (max-width: ..."\n$wide-desktop-width: 1279.98px;\n$desktop-width: 1199.98px;\n$laptop-width: 991.98px;\n$tablet-width: 767.98px;\n$phone-width: 575.98px;\n$extra-small: 358.98px;\n\n$extra-bold: 900;\n$very-bold: 800;\n$bold: 700;\n$semi-bold: 600;\n$medium: 400;\n$regular: 300;\n\n$letterSpacing: 0.5px;\n\n// SSR landings width\n$landingMaxWidth: 1172px;\n','@use "../../../assets/styles/index" as *;\n\n$transitionDuration: 0.2s;\n\n.dialog {\n    @extend %black-window;\n    z-index: 9 !important;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    overflow-y: auto;\n    overflow-x: hidden;\n    opacity: 1;\n    backdrop-filter: blur(5px);\n\n    @media (max-width: $tablet-width) {\n        backdrop-filter: none;\n        background: $white;\n        align-items: flex-start;\n        overflow: hidden;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n\n    &amp;.hidden {\n        opacity: 0;\n    }\n\n    &amp;.vertical-overflow-disabled {\n        overflow-y: hidden;\n    }\n\n    &amp;.inline {\n        position: relative;\n        background: none;\n        overflow: visible;\n        width: auto;\n        height: auto;\n        backdrop-filter: none;\n    }\n\n    &amp;.dialog-transition {\n        &amp;-enter {\n            opacity: 0;\n\n            .scrollable {\n                transform: scale(0.95) translateY(-15px);\n            }\n        }\n\n        &amp;-enter-active {\n            opacity: 1;\n            transition: opacity $transitionDuration ease;\n\n            .scrollable {\n                transform: scale(1) translateY(0vh);\n                transition: transform $transitionDuration ease;\n            }\n        }\n\n        &amp;-exit {\n            opacity: 1;\n\n            .scrollable {\n                transform: scale(1) translateY(0vh);\n            }\n        }\n\n        &amp;-exit-active {\n            opacity: 0;\n            transition: opacity $transitionDuration ease;\n\n            .scrollable {\n                transform: scale(0.98) translateY(10px);\n                transition: transform $transitionDuration ease;\n            }\n        }\n    }\n\n    .scrollable {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto;\n        width: 100%;\n        -webkit-overflow-scrolling: auto !important;\n\n        @media (max-width: $tablet-width) {\n            margin: 0;\n            flex: 1 1;\n            align-items: start;\n\n            &amp;:not(.inline) {\n                overflow-y: auto;\n                overflow-x: hidden;\n            }\n        }\n    }\n\n    .fixed-buttons-container {\n        background-color: $white;\n        width: 100vw;\n        padding: 20px 20px max(20px, env(safe-area-inset-bottom)) 20px;\n        opacity: 1;\n        box-shadow:\n            0px 0px 3px 3px $white,\n            0px 0px 10px 5px $white;\n        z-index: 0;\n\n        @media (min-width: $phone-width) {\n            padding: 20px 40px 40px 40px;\n        }\n\n        &amp;-enter {\n            display: none;\n            opacity: 0;\n            transition: none;\n        }\n\n        &amp;-enter-active {\n            display: block;\n            opacity: 0;\n            transition: opacity $transitionDuration $transitionEaseOut;\n        }\n\n        &amp;-enter-done,\n        &amp;-exit {\n            opacity: 1;\n            transition: opacity $transitionDuration $transitionEaseOut;\n        }\n\n        &amp;-exit-active {\n            display: block;\n            opacity: 0;\n            transition: opacity $transitionDuration $transitionEaseOut;\n        }\n\n        &amp;-exit-done {\n            display: none;\n            opacity: 0;\n            transition: none;\n        }\n\n        @media (min-width: $tablet-width) {\n            display: none;\n\n            &amp;-enter,\n            &amp;-enter-active,\n            &amp;-enter-done,\n            &amp;-exit,\n            &amp;-exit-active,\n            &amp;-exit-done {\n                display: none;\n            }\n        }\n    }\n\n    &amp;-wrapper {\n        position: relative;\n        width: 100%;\n        max-width: 550px;\n        box-shadow: 0 40px 30px 0 rgba(27, 45, 68, 0.2);\n        margin: Margin("5");\n        transition: all $transitionDuration $transitionEaseOut;\n        transition-delay: $transitionDuration;\n        background: $white;\n        border-radius: $borderRadius;\n\n        @media (min-width: $tablet-width) {\n            overflow: hidden;\n        }\n\n        @media (max-width: $tablet-width) {\n            margin: 0;\n\n            &amp;:not(.inline) {\n                box-shadow: none;\n                min-width: 100vw;\n                backdrop-filter: blur(5px);\n                border-radius: 0;\n            }\n        }\n\n        &amp;.animation-disabled {\n            transition: none;\n            transition-delay: 0s;\n            overflow: visible;\n        }\n\n        &amp;.inline {\n            margin: 0;\n            width: 100%;\n            min-width: auto;\n            border-radius: 0;\n            box-shadow: none;\n            overflow: visible;\n        }\n\n        &amp;.wide {\n            max-width: 1014px;\n        }\n\n        &amp;-rah-content {\n            display: block !important;\n        }\n\n        &amp;-controls-top-padding {\n            width: 100%;\n            display: block;\n            height: 20px;\n        }\n\n        &amp;-close {\n            position: absolute;\n            top: 40px;\n            right: 40px;\n            z-index: 2;\n\n            @media (max-width: $phone-width) {\n                top: 20px;\n                right: 20px;\n            }\n        }\n    }\n}\n','@use "../../../../assets/styles/index" as *;\n\n@use "../dialog.module" as *;\n\n.dialog-step {\n    position: absolute;\n    top: 0;\n    left: 0;\n    padding: 0;\n    display: block;\n    width: 100%;\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n    transition: all $transitionDuration $transitionEaseOut;\n    transition-delay: 0s;\n    @extend %white-box-big-padding;\n    max-height: 100%;\n\n    &amp;.inline {\n        padding: 0;\n        background: none;\n        border-radius: 0;\n    }\n\n    @media (min-width: $tablet-width) {\n        &amp;:not(.inline) {\n            overflow: hidden;\n        }\n    }\n\n    &amp;.single-step {\n        position: relative;\n        top: 0;\n        left: 0;\n        width: 100%;\n    }\n\n    &amp;.current {\n        opacity: 1;\n        pointer-events: auto;\n        user-select: auto;\n        transition-delay: $transitionDuration * 4;\n        max-height: none;\n        overflow: visible;\n    }\n\n    &amp;.with-background {\n        @media (max-width: $tablet-width) {\n            min-height: 100vh;\n        }\n    }\n\n    &amp;.prev,\n    &amp;.next {\n        opacity: 0;\n    }\n\n    &amp;.animation-disabled {\n        transition: none;\n        transition-delay: 0s;\n    }\n\n    &amp;-background-image {\n        position: absolute;\n        transition: inherit;\n        transition-delay: inherit;\n        width: 100%;\n        height: 100%;\n        top: 0;\n        left: 0;\n        border-radius: $borderRadius;\n        overflow: hidden;\n\n        @media (max-width: $tablet-width) {\n            border-radius: 0;\n        }\n\n        &amp;-desktop,\n        &amp;-mobile {\n            position: relative;\n            object-fit: cover;\n            transition: inherit;\n            transition-delay: inherit;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n\n            &amp;.prev {\n                transform: translateX(-5px) scale(1.05);\n            }\n\n            &amp;.current {\n                transform: translateX(0px) scale(1.05);\n            }\n\n            &amp;.next {\n                transform: translateX(5px) scale(1.05);\n            }\n        }\n\n        &amp;-desktop {\n            display: block;\n\n            @media (max-width: $phone-width) {\n                display: none;\n\n                &amp;.primary {\n                    display: block;\n                }\n            }\n        }\n\n        &amp;-mobile {\n            display: none;\n\n            &amp;.primary {\n                display: block;\n            }\n\n            @media (max-width: $phone-width) {\n                display: block;\n            }\n        }\n    }\n\n    &amp;-wrapper {\n        padding: 40px;\n\n        &amp;.inline {\n            padding: 0;\n        }\n\n        @media (max-width: $phone-width) {\n            &amp;:not(.inline) {\n                padding: 20px 20px max(20px, env(safe-area-inset-bottom)) 20px;\n            }\n        }\n\n        &amp;.prev {\n            animation: slideToLeft $transitionDuration $transitionEaseOut 0s;\n            animation-fill-mode: both;\n        }\n\n        &amp;.next {\n            animation: slideToRight $transitionDuration $transitionEaseOut 0s;\n            animation-fill-mode: both;\n        }\n\n        &amp;.current {\n            &amp;.appear-from-left {\n                animation: slideFromLeft $transitionDuration $transitionEaseOut $transitionDuration * 4;\n                animation-fill-mode: both;\n            }\n\n            &amp;.appear-from-right {\n                animation: slideFromRight $transitionDuration $transitionEaseOut $transitionDuration * 4;\n                animation-fill-mode: both;\n            }\n        }\n\n        @keyframes slideFromLeft {\n            0% {\n                transform: translateX(-20px);\n            }\n\n            100% {\n                transform: translateX(0px);\n            }\n        }\n\n        @keyframes slideFromRight {\n            0% {\n                transform: translateX(20px);\n            }\n\n            100% {\n                transform: translateX(0px);\n            }\n        }\n\n        @keyframes slideToLeft {\n            0% {\n                transform: translateX(0px);\n            }\n\n            100% {\n                transform: translateX(-20px);\n            }\n        }\n\n        @keyframes slideToRight {\n            0% {\n                transform: translateX(0px);\n            }\n\n            100% {\n                transform: translateX(20px);\n            }\n        }\n\n        &amp;-back-button {\n            margin-left: -3px;\n            display: flex;\n            justify-content: flex-start;\n            margin-bottom: Margin("2");\n        }\n\n        &amp;-header {\n            max-width: 377px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            margin: 0 auto;\n            position: relative;\n            // font-family: NunitoSans;\n\n            &amp;.text-left {\n                max-width: 100%;\n                margin: 0;\n                align-items: flex-start;\n            }\n\n            &amp;.with-background-image {\n                max-width: 100%;\n                padding-top: 20px;\n            }\n\n            &amp;-logo {\n                width: 130px;\n\n                svg {\n                    width: 100%;\n                    height: auto;\n                }\n\n                margin-top: Margin("5") !important;\n                margin-top: Margin("10");\n            }\n\n            &amp;-title {\n                display: flex;\n                justify-content: flex-start;\n                align-items: center;\n                margin-top: Margin("6");\n                margin-bottom: Margin("2");\n\n                &amp;.without-logo {\n                    margin-top: 0;\n                }\n\n                &amp;.close-button-padding {\n                    padding-right: 58px;\n\n                    @media (max-width: $tablet-width) {\n                        padding-right: 46px;\n                    }\n                }\n\n                &amp;.no-close-button-padding {\n                    padding-right: 0;\n                }\n\n                &amp;-icon,\n                &amp;-coin-icon {\n                    margin-right: Margin("3");\n                    display: flex;\n                    align-items: center;\n                }\n\n                &amp;-icon img {\n                    height: 30px;\n                }\n\n                &amp;-loading {\n                    margin-right: 15px;\n\n                    @media (max-width: $phone-width) {\n                        margin-right: 10px;\n                    }\n                }\n\n                &amp;-text {\n                    &amp;-content {\n                        @include typograpy("h5");\n                        color: SolidColor(dark);\n                        text-align: center;\n                        font-weight: bold;\n                        display: flex;\n                        justify-content: flex-start;\n                        align-items: flex-start;\n\n                        &amp;.without-logo {\n                            text-align: left;\n                            @include typograpy("h3");\n                            position: relative;\n\n                            @media (max-width: $phone-width) {\n                                font-size: 20px;\n                                line-height: 30px;\n                            }\n                        }\n\n                        &amp;.white {\n                            color: $white;\n                        }\n                    }\n                }\n            }\n\n            &amp;-text {\n                @include typograpy("p");\n                max-width: 100%;\n                text-align: center;\n                color: SolidColor("grey");\n                margin-bottom: Margin("10");\n                word-break: normal;\n\n                &amp;.break-words {\n                    word-break: break-all;\n                }\n\n                &amp;.text-left {\n                    text-align: left;\n                }\n\n                &amp;.small-margin {\n                    margin-bottom: Margin("7");\n                }\n\n                &amp;.no-margin {\n                    margin-bottom: 0;\n                }\n\n                &amp;.white {\n                    color: $white;\n                }\n            }\n        }\n        &amp;-content {\n            display: flex;\n            flex-direction: column;\n            justify-self: flex-start;\n            position: relative;\n\n            &amp;.align-left {\n                align-items: flex-start;\n            }\n            &amp;.align-center {\n                align-items: center;\n            }\n            &amp;.align-right {\n                align-items: flex-end;\n            }\n        }\n        &amp;-buttons {\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            margin-top: Margin("7");\n            gap: Margin("7");\n\n            @media (max-width: $phone-width) {\n                margin-top: Margin("5");\n            }\n\n            &amp;.big-margin {\n                margin-top: Margin("10");\n\n                @media (max-width: $phone-width) {\n                    margin-top: Margin("7");\n                }\n            }\n\n            &amp;.no-margin {\n                margin-top: 0;\n            }\n        }\n    }\n}\n','@use "variables" as *;\n@use "functions" as *;\n\n@mixin typograpy($tag) {\n    @if ($tag == "h1") {\n        font-size: 40px;\n        line-height: 50px;\n        letter-spacing: $letterSpacing;\n        font-weight: $extra-bold;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h2") {\n        font-size: 35px;\n        line-height: 45px;\n        letter-spacing: $letterSpacing;\n        font-weight: $extra-bold;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h3") {\n        font-size: 30px;\n        line-height: 40px;\n        letter-spacing: $letterSpacing;\n        font-weight: $extra-bold;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h4") {\n        font-size: 25px;\n        line-height: 35px;\n        letter-spacing: $letterSpacing;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h5") {\n        font-size: 20px;\n        line-height: 30px;\n        letter-spacing: $letterSpacing;\n        margin: 0;\n        font-weight: $medium;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "h6") {\n        font-size: 16px;\n        line-height: 26px;\n        letter-spacing: $letterSpacing;\n        margin: 0;\n        font-weight: $medium;\n        color: SolidColor("dark");\n    }\n    @if ($tag == "p") {\n        font-size: 14px;\n        line-height: 24px;\n        letter-spacing: $letterSpacing;\n        margin: 0;\n        color: SolidColor("dark");\n    }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={"dialog-step":"lmM1NRcO6ECCWiDFZnX_",dialog:"cZ8Wi5dGGpfK1P_tUTb8",hidden:"sdJxUzAFKVBpnRa12E0N","vertical-overflow-disabled":"B4kSY5V2wzkYpGz7qOxE",inline:"GBmYPXeS_my75yAK0af6","dialog-transition-enter":"KzRC2JO7LuUuVIPrbrol",scrollable:"tPZM1RIxHGm5OxcDBo2C","dialog-transition-enter-active":"kLqQ72BFBekPHE7w6aau","dialog-transition-exit":"fTjfsVmPEOzLjA8SqikI","dialog-transition-exit-active":"zfcXusvbdwg0ktRKWVS_","fixed-buttons-container":"dZ14BtYnbAdOmNNQjCfB","fixed-buttons-container-enter":"sNM3P4HbNbEfqEIuiqEt","fixed-buttons-container-enter-active":"jNMTHsJevHwSu3xxiIFI","fixed-buttons-container-enter-done":"Het0HGQQX6n6BpV85Jkl","fixed-buttons-container-exit":"tTPx75SobPtqINSyCzjc","fixed-buttons-container-exit-active":"HqGY6KZpbY_RZpPVj3jT","fixed-buttons-container-exit-done":"hNckWNit9q80uwk6yQ0q","dialog-wrapper":"G62nhEZPlR5W2MjQtd4c","animation-disabled":"C8XpUuYNC2yRNNFYUc_Y",wide:"kdgyd9mAJTjSKNYX6kqw","dialog-wrapper-rah-content":"T2q9SK2RdHQasHMfYFvo","dialog-wrapper-controls-top-padding":"gE3tdnkVTJDLjreNFnOm","dialog-wrapper-close":"ZIIjI86r6xW7meevX5YQ","single-step":"E0YGADiAV3KrUAXPiPGz",current:"l_NtOWtzOFgaRh1TKf7c","with-background":"eSzTvmnhR8k9tASGMNgG",prev:"KdQAkw0cz9pEK8PVVp2c",next:"qxh4nTsWYMh4Yb19qjAZ","dialog-step-background-image":"BSDxJbi4fExWGrFncBCN","dialog-step-background-image-desktop":"Stluzj4UFhoYMnMIqb7m","dialog-step-background-image-mobile":"_kjrX_FJXppHl4uhYTlt",primary:"kEVGgL_Ua8CF6KpwWrcp","dialog-step-wrapper":"E6RzbtkvH4Kctt5jzC6A",slideToLeft:"UAQukIiE4ZZfmhk5dKsb",slideToRight:"iYTwbc_u4bjTW5WJmkrx","appear-from-left":"lTItc7XNOxZGDeCxIgVw",slideFromLeft:"dEgT_veqnXbzUjUtRde4","appear-from-right":"fFECqH8KEpQG_AggXTcc",slideFromRight:"vxF0etDueuChXxDjF1sw","dialog-step-wrapper-back-button":"bjd8u_oNCNmjMc1BRXBI","dialog-step-wrapper-header":"GeN1yI3fTnvAP_PVyatt","text-left":"p8U6au6HxhjYv6wIO6dr","with-background-image":"WElb7YklMNwnG1KwE6Rw","dialog-step-wrapper-header-logo":"dF8xPhZndfvXLCZirSyF","dialog-step-wrapper-header-title":"Fbf7FkOhQr8z_hOyCVcq","without-logo":"XDOPcssyJM0tvKt9243N","close-button-padding":"nQT1gn1enWUIccHhEI8P","no-close-button-padding":"KDgKEGw_EktYdFMXNM8O","dialog-step-wrapper-header-title-icon":"wJCaxuGQgGV2FgCIHWn8","dialog-step-wrapper-header-title-coin-icon":"WdK7N4_6gFhAxGO_htkU","dialog-step-wrapper-header-title-loading":"XEayQMgfuQDn3HMCKjJu","dialog-step-wrapper-header-title-text-content":"mR82CLygYid9o2jbugw7",white:"xPpYij2sxsmSsLTEJ2do","dialog-step-wrapper-header-text":"vsDvscvcsL369SmJMXZ6","break-words":"vKatX678zNEP4lXETJqU","small-margin":"tMmvUoTbwvI2YCRbD_Qw","no-margin":"P8sh9NaOg1sLjrjGqy6e","dialog-step-wrapper-content":"FcAYuCtKoK6y_yCAV1Qt","align-left":"x5kGDb8ZCfFZsUPowox9","align-center":"DKRl0b2367ZGNyo1WfDi","align-right":"st9BnBwiDTdJPMpOKeF_","dialog-step-wrapper-buttons":"NSidGWw6CeX2iQH8xiho","big-margin":"hX7qXE1Fs7EwBVOWEoA1"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/organisms/Dialog/dialog.module.scss":(module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{Z:()=&gt;__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".ukwr5M2QNhXmGcX2xs3U{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(13,30,60,.5);z-index:-1}.ukwr5M2QNhXmGcX2xs3U{z-index:9 !important;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden;opacity:1;backdrop-filter:blur(5px)}@media(max-width: 767.98px){.ukwr5M2QNhXmGcX2xs3U{backdrop-filter:none;background:#fff;align-items:flex-start;overflow:hidden;flex-direction:column;justify-content:flex-start}}.ukwr5M2QNhXmGcX2xs3U.cLYeBDsyofZOj3SFR6LM{opacity:0}.ukwr5M2QNhXmGcX2xs3U.ghL9uW1WvjywB032LsZF{overflow-y:hidden}.ukwr5M2QNhXmGcX2xs3U.uHMIibyvlMskVoPWN6oR{position:relative;background:none;overflow:visible;width:auto;height:auto;backdrop-filter:none}.ukwr5M2QNhXmGcX2xs3U.G4rg3wQwIs8OE7VoKgyz{opacity:0}.ukwr5M2QNhXmGcX2xs3U.G4rg3wQwIs8OE7VoKgyz .PF7qiDqdVW02rujuoByi{transform:scale(0.95) translateY(-15px)}.ukwr5M2QNhXmGcX2xs3U.dZIGGp5huFJx8u_StcZA{opacity:1;transition:opacity .2s ease}.ukwr5M2QNhXmGcX2xs3U.dZIGGp5huFJx8u_StcZA .PF7qiDqdVW02rujuoByi{transform:scale(1) translateY(0vh);transition:transform .2s ease}.ukwr5M2QNhXmGcX2xs3U.peX4CNBftrtWnI0P1f4o{opacity:1}.ukwr5M2QNhXmGcX2xs3U.peX4CNBftrtWnI0P1f4o .PF7qiDqdVW02rujuoByi{transform:scale(1) translateY(0vh)}.ukwr5M2QNhXmGcX2xs3U.KO065S3QzXTRj5LunB8m{opacity:0;transition:opacity .2s ease}.ukwr5M2QNhXmGcX2xs3U.KO065S3QzXTRj5LunB8m .PF7qiDqdVW02rujuoByi{transform:scale(0.98) translateY(10px);transition:transform .2s ease}.ukwr5M2QNhXmGcX2xs3U .PF7qiDqdVW02rujuoByi{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%;-webkit-overflow-scrolling:auto !important}@media(max-width: 767.98px){.ukwr5M2QNhXmGcX2xs3U .PF7qiDqdVW02rujuoByi{margin:0;flex:1 1;align-items:start}.ukwr5M2QNhXmGcX2xs3U .PF7qiDqdVW02rujuoByi:not(.uHMIibyvlMskVoPWN6oR){overflow-y:auto;overflow-x:hidden}}.ukwr5M2QNhXmGcX2xs3U .X7xGjrSZ8pPfnaoD_OGW{background-color:#fff;width:100vw;padding:20px 20px max(20px,env(safe-area-inset-bottom)) 20px;opacity:1;box-shadow:0px 0px 3px 3px #fff,0px 0px 10px 5px #fff;z-index:0}@media(min-width: 575.98px){.ukwr5M2QNhXmGcX2xs3U .X7xGjrSZ8pPfnaoD_OGW{padding:20px 40px 40px 40px}}.ukwr5M2QNhXmGcX2xs3U .D21maQmMeIQvCrzKKDX2{display:none;opacity:0;transition:none}.ukwr5M2QNhXmGcX2xs3U .hIkEV7zDl98oyurK_XRX{display:block;opacity:0;transition:opacity .2s cubic-bezier(0.22, 0.61, 0.36, 1)}.ukwr5M2QNhXmGcX2xs3U .wHEQ9_zHQ0avrvgzD4tn,.ukwr5M2QNhXmGcX2xs3U .iwAZsCXmCHUx8pjofLtW{opacity:1;transition:opacity .2s cubic-bezier(0.22, 0.61, 0.36, 1)}.ukwr5M2QNhXmGcX2xs3U .YpzbM98Qg3DSdv5PL8Xi{display:block;opacity:0;transition:opacity .2s cubic-bezier(0.22, 0.61, 0.36, 1)}.ukwr5M2QNhXmGcX2xs3U .YPjEUQVMWDWa4ZaBgeQo{display:none;opacity:0;transition:none}@media(min-width: 767.98px){.ukwr5M2QNhXmGcX2xs3U .X7xGjrSZ8pPfnaoD_OGW{display:none}.ukwr5M2QNhXmGcX2xs3U .D21maQmMeIQvCrzKKDX2,.ukwr5M2QNhXmGcX2xs3U .hIkEV7zDl98oyurK_XRX,.ukwr5M2QNhXmGcX2xs3U .wHEQ9_zHQ0avrvgzD4tn,.ukwr5M2QNhXmGcX2xs3U .iwAZsCXmCHUx8pjofLtW,.ukwr5M2QNhXmGcX2xs3U .YpzbM98Qg3DSdv5PL8Xi,.ukwr5M2QNhXmGcX2xs3U .YPjEUQVMWDWa4ZaBgeQo{display:none}}.pS6mYiAky2FQ47BLnaCP{position:relative;width:100%;max-width:550px;box-shadow:0 40px 30px 0 rgba(27,45,68,.2);margin:20px;transition:all .2s cubic-bezier(0.22, 0.61, 0.36, 1);transition-delay:.2s;background:#fff;border-radius:16px}@media(min-width: 767.98px){.pS6mYiAky2FQ47BLnaCP{overflow:hidden}}@media(max-width: 767.98px){.pS6mYiAky2FQ47BLnaCP{margin:0}.pS6mYiAky2FQ47BLnaCP:not(.uHMIibyvlMskVoPWN6oR){box-shadow:none;min-width:100vw;backdrop-filter:blur(5px);border-radius:0}}.pS6mYiAky2FQ47BLnaCP.yNd18DTqBZEFijm8AODs{transition:none;transition-delay:0s;overflow:visible}.pS6mYiAky2FQ47BLnaCP.uHMIibyvlMskVoPWN6oR{margin:0;width:100%;min-width:auto;border-radius:0;box-shadow:none;overflow:visible}.pS6mYiAky2FQ47BLnaCP.slVpNddA4sgMk9F7riSJ{max-width:1014px}.ND5ge0OCG2HXYlKFCHrU{display:block !important}._IhgOswibqemOVvnOPde{width:100%;display:block;height:20px}.d3iHd_up6EBRxfxwwLLA{position:absolute;top:40px;right:40px;z-index:2}@media(max-width: 575.98px){.d3iHd_up6EBRxfxwwLLA{top:20px;right:20px}}","",{version:3,sources:["webpack://./src/ui-kit/assets/styles/_placeholder.scss","webpack://./src/ui-kit/components/organisms/Dialog/dialog.module.scss","webpack://./src/ui-kit/assets/styles/_variables.scss"],names:[],mappings:"AAyIA,sBACI,cAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,WAAA,CACA,4BAAA,CACA,UAAA,CC5IJ,sBAEI,oBAAA,CACA,YAAA,CACA,sBAAA,CACA,sBAAA,CACA,eAAA,CACA,iBAAA,CACA,SAAA,CACA,yBAAA,CAEA,4BAXJ,sBAYQ,oBAAA,CACA,eCTA,CDUA,sBAAA,CACA,eAAA,CACA,qBAAA,CACA,0BAAA,CAAA,CAGJ,2CACI,SAAA,CAGJ,2CACI,iBAAA,CAGJ,2CACI,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,UAAA,CACA,WAAA,CACA,oBAAA,CAIA,2CACI,SAAA,CAEA,iEACI,uCAAA,CAIR,2CACI,SAAA,CACA,2BAAA,CAEA,iEACI,kCAAA,CACA,6BAAA,CAIR,2CACI,SAAA,CAEA,iEACI,kCAAA,CAIR,2CACI,SAAA,CACA,2BAAA,CAEA,iEACI,sCAAA,CACA,6BAAA,CAKZ,4CACI,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,UAAA,CACA,0CAAA,CAEA,4BATJ,4CAUQ,QAAA,CACA,QAAA,CACA,iBAAA,CAEA,uEACI,eAAA,CACA,iBAAA,CAAA,CAKZ,4CACI,qBC7FA,CD8FA,WAAA,CACA,4DAAA,CACA,SAAA,CACA,qDACI,CAEJ,SAAA,CAEA,4BAVJ,4CAWQ,2BAAA,CAAA,CAGJ,4CACI,YAAA,CACA,SAAA,CACA,eAAA,CAGJ,4CACI,aAAA,CACA,SAAA,CACA,wDAAA,CAGJ,wFAEI,SAAA,CACA,wDAAA,CAGJ,4CACI,aAAA,CACA,SAAA,CACA,wDAAA,CAGJ,4CACI,YAAA,CACA,SAAA,CACA,eAAA,CAGJ,4BA5CJ,4CA6CQ,YAAA,CAEA,wQAMI,YAAA,CAAA,CAKZ,sBACI,iBAAA,CACA,UAAA,CACA,eAAA,CACA,0CAAA,CACA,WAAA,CACA,oDAAA,CACA,oBAnKa,CAoKb,eC9JA,CD+JA,kBCjKO,CDmKP,4BAXJ,sBAYQ,eAAA,CAAA,CAGJ,4BAfJ,sBAgBQ,QAAA,CAEA,iDACI,eAAA,CACA,eAAA,CACA,yBAAA,CACA,eAAA,CAAA,CAIR,2CACI,eAAA,CACA,mBAAA,CACA,gBAAA,CAGJ,2CACI,QAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CACA,gBAAA,CAGJ,2CACI,gBAAA,CAGJ,sBACI,wBAAA,CAGJ,sBACI,UAAA,CACA,aAAA,CACA,WAAA,CAGJ,sBACI,iBAAA,CACA,QAAA,CACA,UAAA,CACA,SAAA,CAEA,4BANJ,sBAOQ,QAAA,CACA,UAAA,CAAA",sourcesContent:['@use "variables" as *;\n@use "functions" as *;\n\n%container-padding {\n    padding: Padding("50");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%font {\n    // font-family: NunitoSans;\n}\n\n%text-very-bold {\n    font-weight: $very-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-bold {\n    font-weight: $bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-semibold {\n    font-weight: $semi-bold;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%text-medium {\n    font-weight: $medium;\n    line-height: 1.71;\n    letter-spacing: $letterSpacing;\n    @extend %font;\n}\n\n%fiat-amount-grey {\n    color: SolidColor("grey");\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%fiat-amount-white {\n    color: $white;\n    font-size: 12px;\n    line-height: 22px;\n}\n\n%seperator-border {\n    position: relative;\n\n    &amp;:before {\n        content: "";\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        width: calc(100% - 40px);\n        height: 1px;\n        border-top: $separatorBorder;\n    }\n}\n\n%skeleton-text {\n    height: 16px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-big-text {\n    height: 20px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-text-h3 {\n    height: 30px;\n    width: 100%;\n    border-radius: 4px;\n}\n\n%skeleton-icon {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n}\n\n%skeleton-icon-h3 {\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n}\n\n%white-box {\n    border-radius: $borderRadius;\n    background-color: $white;\n    padding: Padding("7");\n}\n\n%white-box-big-padding {\n    border-radius: $borderRadius;\n    background-color: $white;\n\n    padding: Padding("10");\n\n    @media (max-width: $phone-width) {\n        padding: Padding("5");\n    }\n}\n\n%hover-state {\n    opacity: 1;\n    transition-property: opacity;\n    transition-timing-function: ease;\n    transition-duration: 0.3s;\n\n    @media (hover: hover) {\n        &amp;:hover {\n            cursor: pointer !important;\n            opacity: 0.6;\n            transition-duration: 0.03s;\n        }\n    }\n\n    &amp;:active {\n        transition-duration: 0.03s;\n        opacity: 0.6;\n    }\n}\n\n%black-window {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(#0d1e3c, 0.5);\n    z-index: -1;\n}\n','@use "../../../assets/styles/index" as *;\n\n$transitionDuration: 0.2s;\n\n.dialog {\n    @extend %black-window;\n    z-index: 9 !important;\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    overflow-y: auto;\n    overflow-x: hidden;\n    opacity: 1;\n    backdrop-filter: blur(5px);\n\n    @media (max-width: $tablet-width) {\n        backdrop-filter: none;\n        background: $white;\n        align-items: flex-start;\n        overflow: hidden;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n\n    &amp;.hidden {\n        opacity: 0;\n    }\n\n    &amp;.vertical-overflow-disabled {\n        overflow-y: hidden;\n    }\n\n    &amp;.inline {\n        position: relative;\n        background: none;\n        overflow: visible;\n        width: auto;\n        height: auto;\n        backdrop-filter: none;\n    }\n\n    &amp;.dialog-transition {\n        &amp;-enter {\n            opacity: 0;\n\n            .scrollable {\n                transform: scale(0.95) translateY(-15px);\n            }\n        }\n\n        &amp;-enter-active {\n            opacity: 1;\n            transition: opacity $transitionDuration ease;\n\n            .scrollable {\n                transform: scale(1) translateY(0vh);\n                transition: transform $transitionDuration ease;\n            }\n        }\n\n        &amp;-exit {\n            opacity: 1;\n\n            .scrollable {\n                transform: scale(1) translateY(0vh);\n            }\n        }\n\n        &amp;-exit-active {\n            opacity: 0;\n            transition: opacity $transitionDuration ease;\n\n            .scrollable {\n                transform: scale(0.98) translateY(10px);\n                transition: transform $transitionDuration ease;\n            }\n        }\n    }\n\n    .scrollable {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto;\n        width: 100%;\n        -webkit-overflow-scrolling: auto !important;\n\n        @media (max-width: $tablet-width) {\n            margin: 0;\n            flex: 1 1;\n            align-items: start;\n\n            &amp;:not(.inline) {\n                overflow-y: auto;\n                overflow-x: hidden;\n            }\n        }\n    }\n\n    .fixed-buttons-container {\n        background-color: $white;\n        width: 100vw;\n        padding: 20px 20px max(20px, env(safe-area-inset-bottom)) 20px;\n        opacity: 1;\n        box-shadow:\n            0px 0px 3px 3px $white,\n            0px 0px 10px 5px $white;\n        z-index: 0;\n\n        @media (min-width: $phone-width) {\n            padding: 20px 40px 40px 40px;\n        }\n\n        &amp;-enter {\n            display: none;\n            opacity: 0;\n            transition: none;\n        }\n\n        &amp;-enter-active {\n            display: block;\n            opacity: 0;\n            transition: opacity $transitionDuration $transitionEaseOut;\n        }\n\n        &amp;-enter-done,\n        &amp;-exit {\n            opacity: 1;\n            transition: opacity $transitionDuration $transitionEaseOut;\n        }\n\n        &amp;-exit-active {\n            display: block;\n            opacity: 0;\n            transition: opacity $transitionDuration $transitionEaseOut;\n        }\n\n        &amp;-exit-done {\n            display: none;\n            opacity: 0;\n            transition: none;\n        }\n\n        @media (min-width: $tablet-width) {\n            display: none;\n\n            &amp;-enter,\n            &amp;-enter-active,\n            &amp;-enter-done,\n            &amp;-exit,\n            &amp;-exit-active,\n            &amp;-exit-done {\n                display: none;\n            }\n        }\n    }\n\n    &amp;-wrapper {\n        position: relative;\n        width: 100%;\n        max-width: 550px;\n        box-shadow: 0 40px 30px 0 rgba(27, 45, 68, 0.2);\n        margin: Margin("5");\n        transition: all $transitionDuration $transitionEaseOut;\n        transition-delay: $transitionDuration;\n        background: $white;\n        border-radius: $borderRadius;\n\n        @media (min-width: $tablet-width) {\n            overflow: hidden;\n        }\n\n        @media (max-width: $tablet-width) {\n            margin: 0;\n\n            &amp;:not(.inline) {\n                box-shadow: none;\n                min-width: 100vw;\n                backdrop-filter: blur(5px);\n                border-radius: 0;\n            }\n        }\n\n        &amp;.animation-disabled {\n            transition: none;\n            transition-delay: 0s;\n            overflow: visible;\n        }\n\n        &amp;.inline {\n            margin: 0;\n            width: 100%;\n            min-width: auto;\n            border-radius: 0;\n            box-shadow: none;\n            overflow: visible;\n        }\n\n        &amp;.wide {\n            max-width: 1014px;\n        }\n\n        &amp;-rah-content {\n            display: block !important;\n        }\n\n        &amp;-controls-top-padding {\n            width: 100%;\n            display: block;\n            height: 20px;\n        }\n\n        &amp;-close {\n            position: absolute;\n            top: 40px;\n            right: 40px;\n            z-index: 2;\n\n            @media (max-width: $phone-width) {\n                top: 20px;\n                right: 20px;\n            }\n        }\n    }\n}\n','@use "colors/solid-colors" as *;\n@use "colors/light-colors" as *;\n@use "size/margin-size" as *;\n@use "size/padding-size" as *;\n@use "functions" as *;\n\n$borderRadius: 16px;\n$background: linear-gradient(39deg, #6fdfa0 0%, #405db0 81%, #405db0 81%, #3b5bb6 81%);\n$white: #ffffff;\n\n$separatorBorder: 0.5px solid SolidColor("smoke");\n$buttonBorder: 2px solid SolidColor("tosca");\n$buttonBorderWhite: 2px solid $white;\n\n$shadowOutlineStatic:\n    0px 0px 0px 1px rgba(0, 0, 0, 0) inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineHover:\n    0px 0px 0px 1px LightColor("dark-20") inset,\n    0px 0px 3px 0px rgba(0, 0, 0, 0);\n$shadowOutlineActive:\n    0px 0px 0px 1px #16cdd6 inset,\n    0px 0px 3px 0px rgba(22, 205, 214, 0.3);\n$shadowOutlineError:\n    0px 0px 0px 1px #ee6a7d inset,\n    0px 0px 3px 0px rgba(#ee6a7d, 0.3);\n\n$transitionEaseOut: cubic-bezier(0.22, 0.61, 0.36, 1);\n\n// Width values for breakpoints. Should be used with the "@media (max-width: ..."\n$wide-desktop-width: 1279.98px;\n$desktop-width: 1199.98px;\n$laptop-width: 991.98px;\n$tablet-width: 767.98px;\n$phone-width: 575.98px;\n$extra-small: 358.98px;\n\n$extra-bold: 900;\n$very-bold: 800;\n$bold: 700;\n$semi-bold: 600;\n$medium: 400;\n$regular: 300;\n\n$letterSpacing: 0.5px;\n\n// SSR landings width\n$landingMaxWidth: 1172px;\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dialog:"ukwr5M2QNhXmGcX2xs3U",hidden:"cLYeBDsyofZOj3SFR6LM","vertical-overflow-disabled":"ghL9uW1WvjywB032LsZF",inline:"uHMIibyvlMskVoPWN6oR","dialog-transition-enter":"G4rg3wQwIs8OE7VoKgyz",scrollable:"PF7qiDqdVW02rujuoByi","dialog-transition-enter-active":"dZIGGp5huFJx8u_StcZA","dialog-transition-exit":"peX4CNBftrtWnI0P1f4o","dialog-transition-exit-active":"KO065S3QzXTRj5LunB8m","fixed-buttons-container":"X7xGjrSZ8pPfnaoD_OGW","fixed-buttons-container-enter":"D21maQmMeIQvCrzKKDX2","fixed-buttons-container-enter-active":"hIkEV7zDl98oyurK_XRX","fixed-buttons-container-enter-done":"wHEQ9_zHQ0avrvgzD4tn","fixed-buttons-container-exit":"iwAZsCXmCHUx8pjofLtW","fixed-buttons-container-exit-active":"YpzbM98Qg3DSdv5PL8Xi","fixed-buttons-container-exit-done":"YPjEUQVMWDWa4ZaBgeQo","dialog-wrapper":"pS6mYiAky2FQ47BLnaCP","animation-disabled":"yNd18DTqBZEFijm8AODs",wide:"slVpNddA4sgMk9F7riSJ","dialog-wrapper-rah-content":"ND5ge0OCG2HXYlKFCHrU","dialog-wrapper-controls-top-padding":"_IhgOswibqemOVvnOPde","dialog-wrapper-close":"d3iHd_up6EBRxfxwwLLA"};let __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/ui-kit/components/atoms/BackgroundTitle/BackgroundTitle.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{w:()=&gt;BackgroundTitle});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),background_title_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/atoms/BackgroundTitle/background-title.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(background_title_module.Z,options);let BackgroundTitle_background_title_module=background_title_module.Z&amp;&amp;background_title_module.Z.locals?background_title_module.Z.locals:void 0;var BackgroundTitle=function(param){var text=param.text,_param_smallMargins=param.smallMargins,smallMargins=void 0!==_param_smallMargins&amp;&amp;_param_smallMargins;return react.createElement("div",{className:BackgroundTitle_background_title_module["background-title"]},react.createElement("div",{className:BackgroundTitle_background_title_module["background-title-wrapper"]+(smallMargins?" "+BackgroundTitle_background_title_module["small-margins"]:"")},react.createElement("div",{className:BackgroundTitle_background_title_module["background-title-wrapper-text"]+(smallMargins?" "+BackgroundTitle_background_title_module["small-margins"]:"")},text)))};BackgroundTitle.propTypes={text:prop_types_default().string.isRequired,smallMargins:prop_types_default().bool},BackgroundTitle.defaultProps={smallMargins:!1},BackgroundTitle.__docgenInfo={description:"Component for displaying a title with a fancy background text, which\nis semi-visible. This component is designed to work with forms that\nhave a white background, and it allows for a configuration of margins.\n\n@param {Object} props - Component props\n@param {string} props.text - Text to be displayed as the title\n@param {boolean} [props.smallMargins=false] - Whether to use smaller margins around the title",methods:[],displayName:"BackgroundTitle",props:{smallMargins:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},text:{description:"",type:{name:"string"},required:!0}}}},"./src/ui-kit/components/molecules/ColoredNotice/ColoredNotice.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{G:()=&gt;ColoredNotice});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),colored_notice_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/molecules/ColoredNotice/colored-notice.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(colored_notice_module.Z,options);let ColoredNotice_colored_notice_module=colored_notice_module.Z&amp;&amp;colored_notice_module.Z.locals?colored_notice_module.Z.locals:void 0;var Button=__webpack_require__("./src/ui-kit/components/atoms/buttons/Button/Button.jsx"),ColoredNotice=function(param){var _param_text=param.text,buttonTitle=param.buttonTitle,_param_onButtonClick=param.onButtonClick;return react.createElement("div",{className:ColoredNotice_colored_notice_module["colored-notice"]},react.createElement("p",{className:ColoredNotice_colored_notice_module["colored-notice-text"]},void 0===_param_text?"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.":_param_text),buttonTitle?react.createElement(Button.z,{mode:"primary",size:"sm",content:buttonTitle,loader:!1,onClick:void 0===_param_onButtonClick?function(){}:_param_onButtonClick}):null)};ColoredNotice.propTypes={text:prop_types_default().string,buttonTitle:prop_types_default().string,onButtonClick:prop_types_default().func},ColoredNotice.defaultProps={text:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.",onButtonClick:function(){}},ColoredNotice.__docgenInfo={description:"ColoredNotice component displays a notice with optional text and a button.\n\n@component\n@param {Object} props - The component props.\n@param {string} [props.text] - The text to be displayed in the notice.\n@param {string} [props.buttonTitle] - The title of the button.\n@param {function} [props.onButtonClick] - Callback function to be called when the button is clicked.\n@returns {JSX.Element} The ColoredNotice component.",methods:[],displayName:"ColoredNotice",props:{text:{defaultValue:{value:'"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor."',computed:!1},description:"",type:{name:"string"},required:!1},onButtonClick:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},buttonTitle:{description:"",type:{name:"string"},required:!1}}}},"./src/ui-kit/components/organisms/Dialog/Dialog.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{NY:()=&gt;DIALOG_SIZES,MG:()=&gt;DIALOG_TRANSITION_STEP_DURATION,Vq:()=&gt;Dialog});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),CSSTransition=__webpack_require__("./node_modules/react-transition-group/esm/CSSTransition.js"),esm=__webpack_require__("./node_modules/react-animate-height/dist/esm/index.js"),ResizeObserver_es=__webpack_require__("./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js"),bodyScrollLock_esm=__webpack_require__("./node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js"),dist_esm=__webpack_require__("./node_modules/animated-scroll-to/dist/esm/index.js"),useReferredState=__webpack_require__("./src/ui-kit/hooks/useReferredState.js"),errorUtils=__webpack_require__("./src/common-apis/utils/errorUtils.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),dialog_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/organisms/Dialog/dialog.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(dialog_module.Z,options);let Dialog_dialog_module=dialog_module.Z&amp;&amp;dialog_module.Z.locals?dialog_module.Z.locals:void 0;var Close=__webpack_require__("./src/ui-kit/components/atoms/buttons/Close/Close.jsx"),DialogButtons=__webpack_require__("./src/ui-kit/components/organisms/Dialog/DialogButtons/DialogButtons.jsx");function _array_like_to_array(arr,len){(null==len||len&gt;arr.length)&amp;&amp;(len=arr.length);for(var i=0,arr2=Array(len);i&lt;len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _iterable_to_array_limit(arr,i){var _s,_e,_i=null==arr?null:"undefined"!=typeof Symbol&amp;&amp;arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&amp;&amp;(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _non_iterable_rest(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i&lt;arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{},ownKeys=Object.keys(source);"function"==typeof Object.getOwnPropertySymbols&amp;&amp;(ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))),ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&amp;&amp;(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){return source=null!=source?source:{},Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}),target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(o){if("string"==typeof o)return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if("Object"===n&amp;&amp;o.constructor&amp;&amp;(n=o.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}}var DIALOG_SIZES={small:{width:"550px",height:"650px"},regular:{width:"600px",height:"650px"},large:{width:"700px",height:"650px"},largePlus:{width:"750px",height:"650px"},largePlusPlus:{width:"800px",height:"650px"},extraLarge:{width:"1000px",height:"650px"}},DIALOG_TRANSITION_STEP_DURATION=200,Dialog=function(param){var _param_showDialog=param.showDialog,showDialog=void 0!==_param_showDialog&amp;&amp;_param_showDialog,_param_onClose=param.onClose,onClose=void 0===_param_onClose?function(){}:_param_onClose,_param_initControls=param.initControls,initControls=void 0===_param_initControls?null:_param_initControls,_param_children=param.children,children=void 0===_param_children?[]:_param_children,_param_width=param.width,width=void 0===_param_width?"":_param_width,_param_dispatchDialogOpened=param.dispatchDialogOpened,dispatchDialogOpened=void 0===_param_dispatchDialogOpened?function(){}:_param_dispatchDialogOpened,_param_dispatchDialogClosed=param.dispatchDialogClosed,dispatchDialogClosed=void 0===_param_dispatchDialogClosed?function(){}:_param_dispatchDialogClosed,_param_inline=param.inline,inline=void 0!==_param_inline&amp;&amp;_param_inline,buttonsConfigurationDefault={primaryButtonTitle:null,primaryButtonOnClick:null,primaryButtonLoader:!1,primaryButtonTo:null,primaryButtonSetClickTrigger:function(){},secondaryButtonTitle:null,secondaryButtonOnClick:null,secondaryButtonTo:null,fixedButtonsEnabled:!1},_useState=_sliced_to_array((0,react.useState)(!1),2),showDialogProcessed=_useState[0],setShowDialogProcessed=_useState[1],_useState1=_sliced_to_array((0,react.useState)(0),2),currentStep=_useState1[0],setCurrentStep=_useState1[1],_useState2=_sliced_to_array((0,react.useState)(null),2),steps=_useState2[0],setSteps=_useState2[1],_useState3=_sliced_to_array((0,react.useState)({cornerBackButtonTitle:"",customWidth:""!==width?width:DIALOG_SIZES.small.width}),2),dialogConfiguration=_useState3[0],updateDialogConfiguration=_useState3[1],_useState4=_sliced_to_array((0,react.useState)({animateHeightDelay:2*DIALOG_TRANSITION_STEP_DURATION,animateHeightTransitionSpeed:DIALOG_TRANSITION_STEP_DURATION,animateHeightTransitionEnabled:!1,wrapperWidthAnimationEnabled:!1,currentStepAnimationEnabled:!1,cornerBackButtonAnimationEnabled:!1,triggerAnimationFinishedDispatcher:!1,dialogContainerOverflowDisabled:!1,hideMobileBottomButtonSection:!1}),2),animationConfiguration=_useState4[0],updateAnimationConfiguration=_useState4[1],_useState5=_sliced_to_array((0,react.useState)(0),2),stepAnimationFinishedTrigger=_useState5[0],setStepAnimationFinishedTrigger=_useState5[1],_useState6=_sliced_to_array((0,react.useState)(300),2),dialogVerticalHeight=_useState6[0],setDialogVerticalHeight=_useState6[1],_useState7=_sliced_to_array((0,react.useState)({}),2),currentStepRef=_useState7[0],setCurrentStepRef=_useState7[1],_useState8=_sliced_to_array((0,react.useState)({width:0,height:0}),2),dimensions=_useState8[0],setDimensions=_useState8[1],_useState9=_sliced_to_array((0,react.useState)(buttonsConfigurationDefault),2),buttonsConfiguration=_useState9[0],updateButtonsConfigurationState=_useState9[1],_useReferredState=_sliced_to_array((0,useReferredState.k)(""),2),buttonControllingStep=_useReferredState[0],updateButtonControllingStep=_useReferredState[1],_useState10=_sliced_to_array((0,react.useState)(!1),2),isMultiStep=_useState10[0],setIsMultiStep=_useState10[1],dialogWrapperRef=(0,react.useRef)(),dialogRef=(0,react.useRef)(),scrollableRef=(0,react.useRef)(),resizeObserverRef=(0,react.useRef)(null),updateButtonsConfiguration=function(newConfiguration,stepName){(buttonControllingStep.current===stepName||""===buttonControllingStep.current)&amp;&amp;updateButtonsConfigurationState(newConfiguration)};(0,react.useEffect)(function(){showDialog&amp;&amp;disableAnimation(),setShowDialogProcessed(showDialog),showDialog?dispatchDialogOpened():dispatchDialogClosed()},[showDialog]);var showCornerButtonForStep=function(stepName,stepButtonShowParam){if(""===stepName)return!1;var stepNameId=steps.findIndex(function(step){return step.name===stepName});return null!==stepButtonShowParam&amp;&amp;"boolean"==typeof stepButtonShowParam?stepButtonShowParam:stepNameId&gt;steps.findIndex(function(step){return!1===step.hidden})},nextStep=function(){var animationControlEnabled=!(arguments.length&gt;0)||void 0===arguments[0]||arguments[0],nextStep=steps.find(function(step,index){return index&gt;currentStep&amp;&amp;!1===step.hidden});return!!nextStep&amp;&amp;(goToStep(nextStep.name,animationControlEnabled),!0)},previousStep=function(){var animationControlEnabled=!(arguments.length&gt;0)||void 0===arguments[0]||arguments[0],prevSteps=steps.map(function(step,index){return index&lt;currentStep&amp;&amp;!1===step.hidden?step.name:void 0}).filter(function(item){return void 0!==item});return prevSteps.length&gt;0&amp;&amp;(goToStep(prevSteps[prevSteps.length-1],animationControlEnabled),!0)},getStepClass=function(stepName){if(!(steps.length&gt;1))return"current";var stepNameId=steps.findIndex(function(step){return step.name===stepName});return currentStep&gt;stepNameId?"prev":currentStep===stepNameId?"current":"next"},isCurrentStep=function(stepName){return steps[currentStep].name===stepName},toFirstStep=function(){var animationControlEnabled=!(arguments.length&gt;0)||void 0===arguments[0]||arguments[0];animationControlEnabled&amp;&amp;enableAnimation(),setCurrentStep(steps.findIndex(function(step){return!1===step.hidden}))},goToStep=function(stepName){var animationControlEnabled=!(arguments.length&gt;1)||void 0===arguments[1]||arguments[1];animationControlEnabled&amp;&amp;enableAnimation();try{var stepNameId=steps.findIndex(function(step){return step.name===stepName});setCurrentStep(stepNameId)}catch(e){(0,errorUtils.J)(e)}},provideCurrentStepRef=function(ref){setCurrentStepRef(ref)},disableAnimation=function(){var dispatch=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]&amp;&amp;arguments[0];updateAnimationConfiguration(function(prev){return _object_spread_props(_object_spread({},prev),{animateHeightTransitionEnabled:!1,wrapperWidthAnimationEnabled:!1,currentStepAnimationEnabled:!1,cornerBackButtonAnimationEnabled:!1,dialogContainerOverflowDisabled:!1,hideMobileBottomButtonSection:!1})}),dispatch&amp;&amp;updateAnimationConfiguration(function(prev){return _object_spread_props(_object_spread({},prev),{triggerAnimationFinishedDispatcher:!0})})};(0,react.useEffect)(function(){animationConfiguration.triggerAnimationFinishedDispatcher&amp;&amp;(setStepAnimationFinishedTrigger(function(prev){return prev+1}),updateAnimationConfiguration(function(prev){return _object_spread_props(_object_spread({},prev),{triggerAnimationFinishedDispatcher:!1})}))},[animationConfiguration]);var enableAnimation=function(){updateAnimationConfiguration(function(prev){return _object_spread_props(_object_spread({},prev),{animateHeightTransitionEnabled:!0,wrapperWidthAnimationEnabled:!0,currentStepAnimationEnabled:!0,cornerBackButtonAnimationEnabled:!0,dialogContainerOverflowDisabled:!0,hideMobileBottomButtonSection:!0})})},scrollDialogToTop=function(){(0,dist_esm.Z)(0,{elementToScroll:null==dialogRef?void 0:dialogRef.current,minDuration:DIALOG_TRANSITION_STEP_DURATION,maxDuration:DIALOG_TRANSITION_STEP_DURATION}),(0,dist_esm.Z)(0,{elementToScroll:null==scrollableRef?void 0:scrollableRef.current,minDuration:DIALOG_TRANSITION_STEP_DURATION,maxDuration:DIALOG_TRANSITION_STEP_DURATION})},clearButtonsConfiguration=function(){updateButtonsConfigurationState(buttonsConfigurationDefault)};return(0,react.useEffect)(function(){initControls&amp;&amp;initControls(function(prev){return _object_spread_props(_object_spread({},prev),{stepAnimationFinishedTrigger:stepAnimationFinishedTrigger})})},[stepAnimationFinishedTrigger]),(0,react.useEffect)(function(){initControls&amp;&amp;initControls(function(prev){return _object_spread_props(_object_spread({},prev),{animationConfiguration:animationConfiguration})})},[animationConfiguration]),(0,react.useEffect)(function(){if(currentStepRef.current)return resizeObserverRef.current=new ResizeObserver_es.Z(function(){var entries=arguments.length&gt;0&amp;&amp;void 0!==arguments[0]?arguments[0]:[];entries.forEach(function(entry){var _entry_contentRect=entry.contentRect;setDimensions({width:_entry_contentRect.width,height:_entry_contentRect.height})})}),currentStepRef.current&amp;&amp;resizeObserverRef.current.observe(currentStepRef.current),function(){resizeObserverRef.current&amp;&amp;resizeObserverRef.current.disconnect()}},[currentStepRef]),(0,react.useEffect)(function(){setDialogVerticalHeight(function(prev){return 0!==prev&amp;&amp;0===dimensions.height?prev:dimensions.height})},[dimensions]),(0,react.useEffect)(function(){setSteps((children.length&gt;1?children:[children]).map(function(child){return{name:child.props.stepName,hidden:!!child.props.hidden}}))},[]),(0,react.useEffect)(function(){setIsMultiStep("function"==typeof initControls)},[initControls]),(0,react.useEffect)(function(){steps&amp;&amp;initControls&amp;&amp;initControls({nextStep:nextStep,previousStep:previousStep,currentStep:currentStep,isCurrentStep:isCurrentStep,getStepClass:getStepClass,updateDialogConfiguration:updateDialogConfiguration,toFirstStep:toFirstStep,goToStep:goToStep,provideCurrentStepRef:provideCurrentStepRef,animationConfiguration:animationConfiguration,disableAnimation:disableAnimation,enableAnimation:enableAnimation,showCornerButtonForStep:showCornerButtonForStep,stepAnimationFinishedTrigger:stepAnimationFinishedTrigger,scrollDialogToTop:scrollDialogToTop,updateButtonsConfiguration:updateButtonsConfiguration,clearButtonsConfiguration:clearButtonsConfiguration,buttonControllingStep:buttonControllingStep.current,updateButtonControllingStep:updateButtonControllingStep,updateAnimationConfiguration:updateAnimationConfiguration,inline:inline})},[currentStep,steps]),(0,react.useEffect)(function(){return function(){(0,bodyScrollLock_esm.tP)(),updateButtonControllingStep(""),clearButtonsConfiguration()}},[]),react.createElement(CSSTransition.Z,{in:showDialogProcessed,timeout:DIALOG_TRANSITION_STEP_DURATION,classNames:inline?void 0:{enter:Dialog_dialog_module["dialog-transition-enter"],enterActive:Dialog_dialog_module["dialog-transition-enter-active"],exit:Dialog_dialog_module["dialog-transition-exit"],exitActive:Dialog_dialog_module["dialog-transition-exit-active"]},unmountOnExit:!0,onExited:function(){disableAnimation(!1),clearButtonsConfiguration(),updateButtonControllingStep("")},onExiting:function(){inline||((0,bodyScrollLock_esm.tG)(scrollableRef.current),(0,bodyScrollLock_esm.tG)(dialogRef.current))},onEntered:function(){inline||((0,bodyScrollLock_esm.Qp)(scrollableRef.current),(0,bodyScrollLock_esm.Qp)(dialogRef.current))}},react.createElement("div",{className:Dialog_dialog_module.dialog+" "+(dialogVerticalHeight&gt;1||!isMultiStep?"":" "+Dialog_dialog_module.hidden)+(animationConfiguration.dialogContainerOverflowDisabled?" "+Dialog_dialog_module["vertical-overflow-disabled"]:"")+(inline?" "+Dialog_dialog_module.inline:""),ref:dialogRef},react.createElement("div",{className:Dialog_dialog_module.scrollable+(inline?" "+Dialog_dialog_module.inline:""),ref:scrollableRef},react.createElement("div",{className:Dialog_dialog_module["dialog-wrapper"]+(animationConfiguration.wrapperWidthAnimationEnabled?"":" "+Dialog_dialog_module["animation-disabled"])+(inline?" "+Dialog_dialog_module.inline:""),ref:dialogWrapperRef,style:""!==dialogConfiguration.customWidth?{maxWidth:dialogConfiguration.customWidth}:""!==width?{maxWidth:width}:null},react.createElement(esm.Z,{duration:animationConfiguration.animateHeightTransitionEnabled?animationConfiguration.animateHeightTransitionSpeed:0,delay:animationConfiguration.animateHeightTransitionEnabled?animationConfiguration.animateHeightDelay:0,height:isMultiStep?dialogVerticalHeight:"auto",contentClassName:Dialog_dialog_module["dialog-wrapper-rah-content"]},inline?"":react.createElement("div",{className:Dialog_dialog_module["dialog-wrapper-close"]},react.createElement(Close.x,{color:"dark",onClick:function(e){return onClose()},large:!0})),children))),react.createElement(CSSTransition.Z,{in:(!!buttonsConfiguration.primaryButtonTitle||!!buttonsConfiguration.secondaryButtonTitle)&amp;&amp;!animationConfiguration.hideMobileBottomButtonSection&amp;&amp;buttonsConfiguration.fixedButtonsEnabled,timeout:DIALOG_TRANSITION_STEP_DURATION,classNames:{enter:Dialog_dialog_module["fixed-buttons-container-enter"],enterActive:Dialog_dialog_module["fixed-buttons-container-enter-active"],enterDone:Dialog_dialog_module["fixed-buttons-container-enter-done"],exit:Dialog_dialog_module["fixed-buttons-container-exit"],exitActive:Dialog_dialog_module["fixed-buttons-container-exit-active"],exitDone:Dialog_dialog_module["fixed-buttons-container-exit-done"]},unmountOnExit:!0},react.createElement("div",{className:Dialog_dialog_module["fixed-buttons-container"]},react.createElement(DialogButtons.h,buttonsConfiguration)))))};Dialog.propTypes={showDialog:prop_types_default().bool,onClose:prop_types_default().func.isRequired,initControls:prop_types_default().func,children:prop_types_default().node,width:prop_types_default().oneOf(["550px","600px","700px","750px","800px","1000px"]),dispatchDialogOpened:prop_types_default().func,dispatchDialogClosed:prop_types_default().func,inline:prop_types_default().bool},Dialog.defaultProps={showDialog:!1,onClose:function(){},initControls:null,children:[],dispatchDialogOpened:function(){},dispatchDialogClosed:function(){},inline:!1},Dialog.__docgenInfo={description:'Flexible modal window component with support for multiple steps. Can be used as an inline component and inserted in regular layouts. Only &lt;DialogStep&gt; components can be passed as children.\n\n@component\n@param {Object} props - Component props.\n@param {boolean} props.showDialog - Step name, specified on the root dialog level, used as an ID for dialog navigation.\n@param {string} props.onClose - Handler for when the dialog is closed.\n@param {string} props.initControls - State-setting function to initialize the dialog-to-step connection.\n@param {string} props.children - Content of the dialog window, supports only dialog step components.\n@param {Coin} props.width - Width in pixels, formatted as "1000px" and passed a string. Values should be used from constants.\n@param {string} props.dispatchDialogOpened - Dispatch upon the dialog closure.\n@param {string} props.dispatchDialogClosed - Dispatch upon the dialog opening.\n@param {boolean} props.inline - If false or not set, dialog will be opened as a modal window above the UI. If true, inline mode will be used, making the dialog a regular block, that can be placed inside a regular layout. Default: false.\n@returns {JSX.Element} React component',methods:[],displayName:"Dialog",props:{showDialog:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},onClose:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},initControls:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"func"},required:!1},children:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"node"},required:!1},width:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"enum",value:[{value:'"550px"',computed:!1},{value:'"600px"',computed:!1},{value:'"700px"',computed:!1},{value:'"750px"',computed:!1},{value:'"800px"',computed:!1},{value:'"1000px"',computed:!1}]},required:!1},dispatchDialogOpened:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},dispatchDialogClosed:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},inline:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1}}}},"./src/ui-kit/components/organisms/Dialog/DialogButtons/DialogButtons.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{h:()=&gt;DialogButtons});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),useCallHandlingErrors=__webpack_require__("./src/ui-kit/hooks/useCallHandlingErrors.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),dialog_buttons_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/organisms/Dialog/DialogButtons/dialog-buttons.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(dialog_buttons_module.Z,options);let DialogButtons_dialog_buttons_module=dialog_buttons_module.Z&amp;&amp;dialog_buttons_module.Z.locals?dialog_buttons_module.Z.locals:void 0;var LinkButton=__webpack_require__("./src/ui-kit/components/atoms/buttons/LinkButton/LinkButton.jsx"),Button=__webpack_require__("./src/ui-kit/components/atoms/buttons/Button/Button.jsx"),DialogButtons=function(param){var primaryButtonTitle=param.primaryButtonTitle,primaryButtonOnClick=param.primaryButtonOnClick,primaryButtonEnabled=param.primaryButtonEnabled,_param_primaryButtonLoader=param.primaryButtonLoader,primaryButtonTo=param.primaryButtonTo,primaryButtonSetClickTrigger=param.primaryButtonSetClickTrigger,secondaryButtonTitle=param.secondaryButtonTitle,secondaryButtonOnClick=param.secondaryButtonOnClick,secondaryButtonEnabled=param.secondaryButtonEnabled,secondaryButtonTo=param.secondaryButtonTo,_param_secondaryButtonBig=param.secondaryButtonBig,secondaryButtonBig=void 0!==_param_secondaryButtonBig&amp;&amp;_param_secondaryButtonBig,_param_withBackgroundImage=param.withBackgroundImage,_param_hideOnMobiles=param.hideOnMobiles,callHandlingErrors=(0,useCallHandlingErrors.d)();return react.createElement(react.Fragment,null,react.createElement("div",{className:DialogButtons_dialog_buttons_module["dialog-buttons"]+(void 0!==_param_hideOnMobiles&amp;&amp;_param_hideOnMobiles?" "+DialogButtons_dialog_buttons_module["hide-on-mobiles"]:"")+(secondaryButtonBig?" "+DialogButtons_dialog_buttons_module["space-between-layout"]:"")},secondaryButtonTitle?secondaryButtonTo?react.createElement(Button.z,{mode:"primary-transparent",to:secondaryButtonTo,size:"lg",loader:!1,fullWidthOnMobiles:!0,content:secondaryButtonTitle,onClick:secondaryButtonOnClick,handleError:callHandlingErrors,isDisabled:!secondaryButtonEnabled}):secondaryButtonBig?react.createElement(Button.z,{mode:"transparent",size:"lg",loader:!1,fullWidthOnMobiles:!0,content:secondaryButtonTitle,onClick:secondaryButtonOnClick,handleError:callHandlingErrors,isDisabled:!secondaryButtonEnabled}):react.createElement(LinkButton.Q,{onClick:secondaryButtonOnClick,content:secondaryButtonTitle,isColored:!(void 0!==_param_withBackgroundImage&amp;&amp;_param_withBackgroundImage),isDisabled:!secondaryButtonEnabled}):null,primaryButtonTitle?react.createElement(Button.z,{mode:"primary",size:"lg",onClick:primaryButtonOnClick,loader:void 0!==_param_primaryButtonLoader&amp;&amp;_param_primaryButtonLoader,to:primaryButtonTo,fullWidthOnMobiles:!0,content:primaryButtonTitle,setClickTrigger:primaryButtonSetClickTrigger,handleError:callHandlingErrors,isDisabled:!primaryButtonEnabled}):null))};DialogButtons.propTypes={primaryButtonTitle:prop_types_default().string,primaryButtonOnClick:prop_types_default().func,primaryButtonEnabled:prop_types_default().bool,primaryButtonLoader:prop_types_default().bool,primaryButtonTo:prop_types_default().string,primaryButtonSetClickTrigger:prop_types_default().func,secondaryButtonTitle:prop_types_default().string,secondaryButtonOnClick:prop_types_default().func,secondaryButtonEnabled:prop_types_default().bool,secondaryButtonTo:prop_types_default().string,secondaryButtonBig:prop_types_default().bool,withBackgroundImage:prop_types_default().bool,hideOnMobiles:prop_types_default().bool},DialogButtons.defaultProps={primaryButtonLoader:!1,secondaryButtonBig:!1,withBackgroundImage:!1,hideOnMobiles:!1},DialogButtons.__docgenInfo={description:"Renders a dialog component with configurable primary and secondary buttons.\nThis component allows for a variety of configurations including different button modes,\nsizes, and actions. It's designed to handle user interactions effectively with error management.\n\n@component\n@param {Object} props - Props for configuring the DialogButtons.\n@param {string} [props.primaryButtonTitle] - The text to display on the primary button.\n@param {Function} props.primaryButtonOnClick - Function to call when the primary button is clicked.\n@param {boolean} props.primaryButtonEnabled - Determines whether the secondary button is enabled.\n@param {boolean} [props.primaryButtonLoader=false] - Whether to show a loader on the primary button.\n@param {string} [props.primaryButtonTo] - The URL or route the primary button should navigate to.\n@param {Function} [props.primaryButtonSetClickTrigger] - Additional click handling logic for the primary button.\n@param {string} [props.secondaryButtonTitle] - The text to display on the secondary button.\n@param {Function} props.secondaryButtonOnClick - Function to call when the secondary button is clicked.\n@param {boolean} props.secondaryButtonEnabled - Determines whether the primary button is enabled.\n@param {string} [props.secondaryButtonTo] - The URL or route the secondary button should navigate to.\n@param {boolean} [props.secondaryButtonBig=false] - Makes the secondary button larger for visual emphasis.\n@param {boolean} [props.withBackgroundImage=false] - Indicates if the button should adjust its styling for background images.\n@param {boolean} [props.hideOnMobiles=false] - Whether to hide the buttons on mobile devices for responsive designs.\n@returns {React.Element} The rendered component with two buttons based on provided props.",methods:[],displayName:"DialogButtons",props:{primaryButtonLoader:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},secondaryButtonBig:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},withBackgroundImage:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},hideOnMobiles:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},primaryButtonTitle:{description:"",type:{name:"string"},required:!1},primaryButtonOnClick:{description:"",type:{name:"func"},required:!1},primaryButtonEnabled:{description:"",type:{name:"bool"},required:!1},primaryButtonTo:{description:"",type:{name:"string"},required:!1},primaryButtonSetClickTrigger:{description:"",type:{name:"func"},required:!1},secondaryButtonTitle:{description:"",type:{name:"string"},required:!1},secondaryButtonOnClick:{description:"",type:{name:"func"},required:!1},secondaryButtonEnabled:{description:"",type:{name:"bool"},required:!1},secondaryButtonTo:{description:"",type:{name:"string"},required:!1}}}},"./src/ui-kit/components/organisms/Dialog/DialogStep/DialogStep.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{y:()=&gt;DialogStep});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),errorUtils=__webpack_require__("./src/common-apis/utils/errorUtils.js");function arrowTosca(){return react.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react.createElement("path",{d:"M12.2431 6L8.00045 10.2426L3.75781 6",stroke:"#16CDD6","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}function arrowWhite(){return react.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react.createElement("path",{d:"M12.2431 6L8.00045 10.2426L3.75781 6",stroke:"#fff","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))}var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),dialog_step_module=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[15].use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[15].use[3]!./src/ui-kit/components/organisms/Dialog/DialogStep/dialog-step.module.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default(),injectStylesIntoStyleTag_default()(dialog_step_module.Z,options);let DialogStep_dialog_step_module=dialog_step_module.Z&amp;&amp;dialog_step_module.Z.locals?dialog_step_module.Z.locals:void 0;var AssetIcon=__webpack_require__("./src/ui-kit/components/atoms/AssetIcon/AssetIcon.jsx"),LinkButton=__webpack_require__("./src/ui-kit/components/atoms/buttons/LinkButton/LinkButton.jsx"),BackgroundTitle=__webpack_require__("./src/ui-kit/components/atoms/BackgroundTitle/BackgroundTitle.jsx"),DialogButtons=__webpack_require__("./src/ui-kit/components/organisms/Dialog/DialogButtons/DialogButtons.jsx"),LoadingDots=__webpack_require__("./src/ui-kit/components/atoms/LoadingDots/LoadingDots.jsx"),Dialog=__webpack_require__("./src/ui-kit/components/organisms/Dialog/Dialog.jsx");function _array_like_to_array(arr,len){(null==len||len&gt;arr.length)&amp;&amp;(len=arr.length);for(var i=0,arr2=Array(len);i&lt;len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _define_property(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _iterable_to_array_limit(arr,i){var _s,_e,_i=null==arr?null:"undefined"!=typeof Symbol&amp;&amp;arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&amp;&amp;(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _non_iterable_rest(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _object_spread(target){for(var i=1;i&lt;arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{},ownKeys=Object.keys(source);"function"==typeof Object.getOwnPropertySymbols&amp;&amp;(ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))),ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&amp;&amp;(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){return source=null!=source?source:{},Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}),target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(o){if("string"==typeof o)return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if("Object"===n&amp;&amp;o.constructor&amp;&amp;(n=o.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}}var DIALOG_STEP_CLASS="dialog-step",DialogStep=function(param){var _param_stepName=param.stepName,stepName=void 0===_param_stepName?"":_param_stepName,_param_children=param.children,_param_image=param.image,image=void 0===_param_image?"":_param_image,ImageRaw=param.ImageRaw,_param_title=param.title,title=void 0===_param_title?"":_param_title,_param_titleIcon=param.titleIcon,titleIcon=void 0===_param_titleIcon?"":_param_titleIcon,titleIconCoin=param.titleIconCoin,_param_coinToIconPaths=param.coinToIconPaths,coinToIconPaths=void 0===_param_coinToIconPaths?function(){}:_param_coinToIconPaths,_param_titleLoadingDots=param.titleLoadingDots,_param_subtitle=param.subtitle,subtitle=void 0===_param_subtitle?"":_param_subtitle,_param_backButtonText=param.backButtonText,backButtonText=void 0===_param_backButtonText?"":_param_backButtonText,_param_backButtonClick=param.backButtonClick,backButtonClick=void 0===_param_backButtonClick?function(){}:_param_backButtonClick,_param_backButtonEnabled=param.backButtonEnabled,backButtonEnabled=void 0===_param_backButtonEnabled||_param_backButtonEnabled,_param_backButtonTo=param.backButtonTo,backButtonTo=void 0===_param_backButtonTo?"":_param_backButtonTo,_param_confirmButtonText=param.confirmButtonText,confirmButtonText=void 0===_param_confirmButtonText?"":_param_confirmButtonText,_param_confirmButtonClick=param.confirmButtonClick,confirmButtonClick=void 0===_param_confirmButtonClick?function(){}:_param_confirmButtonClick,_param_confirmButtonEnabled=param.confirmButtonEnabled,confirmButtonEnabled=void 0===_param_confirmButtonEnabled||_param_confirmButtonEnabled,_param_confirmButtonLink=param.confirmButtonLink,confirmButtonLink=void 0===_param_confirmButtonLink?"":_param_confirmButtonLink,_param_primaryButtonLoader=param.primaryButtonLoader,primaryButtonLoader=void 0!==_param_primaryButtonLoader&amp;&amp;_param_primaryButtonLoader,_param_fixedButtons=param.fixedButtons,fixedButtons=void 0!==_param_fixedButtons&amp;&amp;_param_fixedButtons,_param_showCornerBackButton=param.showCornerBackButton,_param_cornerBackButtonTitle=param.cornerBackButtonTitle,cornerBackButtonTitle=void 0===_param_cornerBackButtonTitle?null:_param_cornerBackButtonTitle,_param_cornerBackButtonClick=param.cornerBackButtonClick,_param_bigButtonMargins=param.bigButtonMargins,_param_noButtonMargins=param.noButtonMargins,_param_headerTitleLeft=param.headerTitleLeft,headerTitleLeft=void 0!==_param_headerTitleLeft&amp;&amp;_param_headerTitleLeft,_param_subtitleSmallMargin=param.subtitleSmallMargin,_param_subtitleNoMargin=param.subtitleNoMargin,_param_showBackgroundTitle=param.showBackgroundTitle,_param_setClickTrigger=param.setClickTrigger,setClickTrigger=void 0===_param_setClickTrigger?function(){}:_param_setClickTrigger,_param_breakSubtitleWords=param.breakSubtitleWords,_param_contentAlign=param.contentAlign,_param_controls=param.controls,controls=void 0===_param_controls?{}:_param_controls,_param_width=param.width,width=void 0===_param_width?"":_param_width,height=param.height,backgroundImage=param.backgroundImage,backgroundImageMobile=param.backgroundImageMobile,_param_isSecondaryButtonBig=param.isSecondaryButtonBig,isSecondaryButtonBig=void 0!==_param_isSecondaryButtonBig&amp;&amp;_param_isSecondaryButtonBig,_controls_currentStep=controls.currentStep,currentStep=void 0===_controls_currentStep?null:_controls_currentStep,_controls_isCurrentStep=controls.isCurrentStep,isCurrentStep=void 0===_controls_isCurrentStep?function(){}:_controls_isCurrentStep,previousStep=controls.previousStep,_controls_getStepClass=controls.getStepClass,getStepClass=void 0===_controls_getStepClass?function(){}:_controls_getStepClass,updateDialogConfiguration=controls.updateDialogConfiguration,provideCurrentStepRef=controls.provideCurrentStepRef,animationConfiguration=controls.animationConfiguration,disableAnimation=controls.disableAnimation,showCornerButtonForStep=controls.showCornerButtonForStep,_controls_scrollDialogToTop=controls.scrollDialogToTop,scrollDialogToTop=void 0===_controls_scrollDialogToTop?function(){}:_controls_scrollDialogToTop,_controls_updateButtonsConfiguration=controls.updateButtonsConfiguration,updateButtonsConfiguration=void 0===_controls_updateButtonsConfiguration?function(){}:_controls_updateButtonsConfiguration,_controls_clearButtonsConfiguration=controls.clearButtonsConfiguration,clearButtonsConfiguration=void 0===_controls_clearButtonsConfiguration?function(){}:_controls_clearButtonsConfiguration,buttonControllingStep=controls.buttonControllingStep,_controls_updateButtonControllingStep=controls.updateButtonControllingStep,updateButtonControllingStep=void 0===_controls_updateButtonControllingStep?function(){}:_controls_updateButtonControllingStep,_controls_updateAnimationConfiguration=controls.updateAnimationConfiguration,updateAnimationConfiguration=void 0===_controls_updateAnimationConfiguration?function(){}:_controls_updateAnimationConfiguration,inline=controls.inline,_useState=_sliced_to_array((0,react.useState)(!1),2),isMultiStep=_useState[0],setIsMultiStep=_useState[1],_useState1=_sliced_to_array((0,react.useState)(""),2),stepClass=_useState1[0],setStepClass=_useState1[1],_useState2=_sliced_to_array((0,react.useState)(""),2),wrapperDirectionSubclass=_useState2[0],setWrapperDirectionSubclass=_useState2[1],_useState3=_sliced_to_array((0,react.useState)(0),2),unmountOnAnimationEndTrigger=_useState3[0],setUnmountOnAnimationEndTrigger=_useState3[1],_useState4=_sliced_to_array((0,react.useState)(!1),2),stepMounted=_useState4[0],setStepMounted=_useState4[1],_useState5=_sliced_to_array((0,react.useState)(!1),2),isTopImagePassed=_useState5[0],setIsTopImagePassed=_useState5[1],currentStepRef=(0,react.useRef)();(0,react.useEffect)(function(){return setIsTopImagePassed(!!image||!!ImageRaw)},[image,ImageRaw]),(0,react.useEffect)(function(){controls!=={}&amp;&amp;""!==stepName&amp;&amp;setIsMultiStep(!0)},[]),(0,react.useEffect)(function(){var multiStep=!1;controls!=={}&amp;&amp;""!==stepName&amp;&amp;(setIsMultiStep(!0),multiStep=!0),!multiStep&amp;&amp;fixedButtons&amp;&amp;(0,errorUtils.J)(Error("DialogStep parameter 'fixedButtons' works only with controls connected between the DialogWithSteps and DialogStep components. Unless the controls are configured the 'fixedButtons' parameter will be ignored.")),multiStep?("current"===getStepClass(stepName)&amp;&amp;setStepMounted(!0),"current"===stepClass&amp;&amp;"current"!==getStepClass(stepName)&amp;&amp;setUnmountOnAnimationEndTrigger(function(prev){return prev+1}),setWrapperDirectionSubclass("current"===getStepClass(stepName)&amp;&amp;animationConfiguration.currentStepAnimationEnabled?"prev"===stepClass?"appear-from-left":"appear-from-right":"")):(""!==width&amp;&amp;(0,errorUtils.J)(Error("Single DialogStep does not support 'width' parameter, since it requires controls to be connected. Pass 'width' to the Dialog component to set the width of the modal window.")),setStepMounted(!0)),setStepClass(multiStep?getStepClass(stepName):"current"),multiStep&amp;&amp;isCurrentStep(stepName)&amp;&amp;(setTimeout(function(){return updateButtonControllingStep(stepName)},""===buttonControllingStep?0:Dialog.MG),setTimeout(function(){updateButtonsConfiguration({primaryButtonTitle:confirmButtonText,primaryButtonOnClick:function(resetButtonLoader){return confirmButtonClick(resetButtonLoader)},primaryButtonEnabled:confirmButtonEnabled,primaryButtonLoader:primaryButtonLoader,primaryButtonTo:confirmButtonLink,primaryButtonSetClickTrigger:setClickTrigger,secondaryButtonTitle:backButtonText,secondaryButtonOnClick:backButtonClick,secondaryButtonEnabled:backButtonEnabled,secondaryButtonTo:backButtonTo,fixedButtonsEnabled:fixedButtons},stepName),updateAnimationConfiguration(function(prev){return _object_spread_props(_object_spread({},prev),{hideMobileBottomButtonSection:!1})})},3*Dialog.MG),updateDialogConfiguration(function(prev){return _object_spread_props(_object_spread({},prev),{cornerBackButtonTitle:cornerBackButtonTitle,customWidth:width})}),provideCurrentStepRef(currentStepRef))},[currentStep]),(0,react.useEffect)(function(){isMultiStep&amp;&amp;isCurrentStep(stepName)&amp;&amp;fixedButtons&amp;&amp;(confirmButtonText||backButtonText)&amp;&amp;updateButtonsConfiguration({primaryButtonTitle:confirmButtonText,primaryButtonOnClick:function(resetButtonLoader){return confirmButtonClick(resetButtonLoader)},primaryButtonEnabled:confirmButtonEnabled,primaryButtonLoader:primaryButtonLoader,primaryButtonTo:confirmButtonLink,primaryButtonSetClickTrigger:setClickTrigger,secondaryButtonTitle:backButtonText,secondaryButtonOnClick:backButtonClick,secondaryButtonEnabled:backButtonEnabled,secondaryButtonTo:backButtonTo,fixedButtonsEnabled:fixedButtons},stepName)},[confirmButtonText,confirmButtonClick,confirmButtonEnabled,primaryButtonLoader,confirmButtonLink,setClickTrigger,backButtonText,backButtonClick,backButtonEnabled,backButtonTo,currentStep]);var _ref=titleIconCoin&amp;&amp;coinToIconPaths?coinToIconPaths(titleIconCoin):{},assetIconSrc=_ref.assetIconSrc,assetIconProtocolSrc=_ref.assetIconProtocolSrc,fallbackSrc=_ref.fallbackSrc;return react.createElement("div",{className:DialogStep_dialog_step_module[DIALOG_STEP_CLASS]+" "+DialogStep_dialog_step_module[stepClass]+(isMultiStep&amp;&amp;(null==animationConfiguration?void 0:animationConfiguration.currentStepAnimationEnabled)?"":" "+DialogStep_dialog_step_module["animation-disabled"])+(isMultiStep?"":" "+DialogStep_dialog_step_module["single-step"])+(backgroundImage||backgroundImageMobile?" "+DialogStep_dialog_step_module["with-background"]:"")+(inline?" "+DialogStep_dialog_step_module.inline:""),ref:currentStepRef,onTransitionEnd:function(event){isMultiStep&amp;&amp;isCurrentStep(stepName)&amp;&amp;"opacity"===event.propertyName&amp;&amp;event.target.classList[0]===DialogStep_dialog_step_module[DIALOG_STEP_CLASS]&amp;&amp;disableAnimation(animationConfiguration.animateHeightTransitionEnabled),isMultiStep&amp;&amp;unmountOnAnimationEndTrigger&amp;&amp;"opacity"===event.propertyName&amp;&amp;event.target.classList[0]===DialogStep_dialog_step_module[DIALOG_STEP_CLASS]&amp;&amp;(clearButtonsConfiguration(),scrollDialogToTop(),setStepMounted(!1),setUnmountOnAnimationEndTrigger(0))},style:height?{height:height}:null},stepMounted?react.createElement(react.Fragment,null,backgroundImage||backgroundImageMobile?react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-background-image"]+" "+DialogStep_dialog_step_module[stepClass]},backgroundImage?react.createElement("img",{src:backgroundImage,className:DialogStep_dialog_step_module["dialog-step-background-image-desktop"]+" "+stepClass+(backgroundImageMobile?"":" "+DialogStep_dialog_step_module.primary),alt:"dialog step background",loading:"lazy"}):null,backgroundImageMobile?react.createElement("img",{src:backgroundImageMobile,className:DialogStep_dialog_step_module["dialog-step-background-image-mobile"]+" "+stepClass+(backgroundImage?"":" "+DialogStep_dialog_step_module.primary),alt:"dialog step background",loading:"lazy"}):null):null,react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper"]+" "+DialogStep_dialog_step_module[stepClass]+" "+DialogStep_dialog_step_module[wrapperDirectionSubclass]+(inline?" "+DialogStep_dialog_step_module.inline:"")},isMultiStep&amp;&amp;showCornerButtonForStep(stepName,void 0===_param_showCornerBackButton?null:_param_showCornerBackButton)?react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-back-button"]},react.createElement(LinkButton.Q,{onClick:(void 0===_param_cornerBackButtonClick?null:_param_cornerBackButtonClick)||previousStep,content:cornerBackButtonTitle||"Back",IconComponent:backgroundImage||backgroundImageMobile?arrowWhite:arrowTosca,iconRotate:LinkButton.e.rotate90,isColored:!backgroundImage&amp;&amp;!backgroundImageMobile&amp;&amp;void 0})):null,react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-header"]+(headerTitleLeft?" "+DialogStep_dialog_step_module["text-left"]:"")+(backgroundImage||backgroundImageMobile?" "+DialogStep_dialog_step_module["with-background-image"]:"")},image?react.createElement("img",{src:image,alt:"dialog popup logo",className:DialogStep_dialog_step_module["dialog-step-wrapper-header-logo"],loading:"lazy"}):ImageRaw?react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-header-logo"]},react.createElement(ImageRaw,null)):null,react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-header-title"]+(isTopImagePassed?"":" "+DialogStep_dialog_step_module["without-logo"])+(!isTopImagePassed&amp;&amp;headerTitleLeft?" "+DialogStep_dialog_step_module["close-button-padding"]:"")+(inline?" "+DialogStep_dialog_step_module["no-close-button-padding"]:"")},titleIconCoin?react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-header-title-coin-icon"]},react.createElement(AssetIcon.Y,{assetIconSrc:assetIconSrc,assetIconProtocolSrc:assetIconProtocolSrc,fallbackSrc:fallbackSrc})):titleIcon?react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-header-title-icon"]},react.createElement("img",{src:titleIcon,alt:"coin icon to send",loading:"lazy"})):null,void 0!==_param_titleLoadingDots&amp;&amp;_param_titleLoadingDots?react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-header-title-loading"]},react.createElement(LoadingDots.x,{isColored:!0})):"",react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-header-title-text"]},!isTopImagePassed&amp;&amp;(void 0===_param_showBackgroundTitle||_param_showBackgroundTitle)?react.createElement(BackgroundTitle.w,{text:title}):null,react.createElement("h5",{className:DialogStep_dialog_step_module["dialog-step-wrapper-header-title-text-content"]+(isTopImagePassed?"":" "+DialogStep_dialog_step_module["without-logo"])+(backgroundImage||backgroundImageMobile?" "+DialogStep_dialog_step_module.white:"")},title))),subtitle?react.createElement("p",{className:DialogStep_dialog_step_module["dialog-step-wrapper-header-text"]+" ".concat(isTopImagePassed?"":DialogStep_dialog_step_module["without-logo"]," ").concat(void 0!==_param_subtitleSmallMargin&amp;&amp;_param_subtitleSmallMargin?DialogStep_dialog_step_module["small-margin"]:"").concat(void 0!==_param_subtitleNoMargin&amp;&amp;_param_subtitleNoMargin?DialogStep_dialog_step_module["no-margin"]:""," ").concat(headerTitleLeft?DialogStep_dialog_step_module["text-left"]:""," ").concat(void 0!==_param_breakSubtitleWords&amp;&amp;_param_breakSubtitleWords?DialogStep_dialog_step_module["break-words"]:""," ").concat(backgroundImage||backgroundImageMobile?DialogStep_dialog_step_module.white:"")},subtitle):null),react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-content"]+" "+DialogStep_dialog_step_module["align-"+(void 0===_param_contentAlign?"left":_param_contentAlign)]},void 0===_param_children?"":_param_children),backButtonText||confirmButtonText?react.createElement("div",{className:DialogStep_dialog_step_module["dialog-step-wrapper-buttons"]+" ".concat(void 0!==_param_bigButtonMargins&amp;&amp;_param_bigButtonMargins?DialogStep_dialog_step_module["big-margin"]:""," ").concat(void 0!==_param_noButtonMargins&amp;&amp;_param_noButtonMargins?DialogStep_dialog_step_module["no-margin"]:""," ").concat(isSecondaryButtonBig?DialogStep_dialog_step_module["space-between-layout"]:"")},react.createElement(DialogButtons.h,{primaryButtonTitle:confirmButtonText,primaryButtonOnClick:function(resetButtonLoader){return confirmButtonClick(resetButtonLoader)},primaryButtonEnabled:confirmButtonEnabled,primaryButtonLoader:primaryButtonLoader,primaryButtonTo:confirmButtonLink,primaryButtonSetClickTrigger:setClickTrigger,secondaryButtonTitle:backButtonText,secondaryButtonOnClick:backButtonClick,secondaryButtonEnabled:backButtonEnabled,secondaryButtonTo:backButtonTo,secondaryButtonBig:isSecondaryButtonBig,withBackgroundImage:!!backgroundImage||!!backgroundImageMobile,hideOnMobiles:isMultiStep&amp;&amp;fixedButtons&amp;&amp;(backButtonText||confirmButtonText)})):"")):null)};DialogStep.propTypes={stepName:prop_types_default().string,children:prop_types_default().node,image:prop_types_default().string,title:prop_types_default().string,ImageRaw:prop_types_default().func,titleIcon:prop_types_default().string,titleIconCoin:prop_types_default().object,coinToIconPaths:prop_types_default().func,titleLoadingDots:prop_types_default().bool,subtitle:prop_types_default().string,backButtonText:prop_types_default().string,backButtonClick:prop_types_default().func,backButtonEnabled:prop_types_default().bool,backButtonTo:prop_types_default().string,confirmButtonText:prop_types_default().string,confirmButtonClick:prop_types_default().func,confirmButtonEnabled:prop_types_default().bool,confirmButtonLink:prop_types_default().string,primaryButtonLoader:prop_types_default().bool,fixedButtons:prop_types_default().bool,showCornerBackButton:prop_types_default().bool,cornerBackButtonTitle:prop_types_default().string,cornerBackButtonClick:prop_types_default().func,bigButtonMargins:prop_types_default().bool,noButtonMargins:prop_types_default().bool,headerTitleLeft:prop_types_default().bool,subtitleSmallMargin:prop_types_default().bool,subtitleNoMargin:prop_types_default().bool,showBackgroundTitle:prop_types_default().bool,setClickTrigger:prop_types_default().func,breakSubtitleWords:prop_types_default().bool,contentAlign:prop_types_default().string,controls:prop_types_default().object,width:prop_types_default().oneOf(["550px","600px","700px","750px","800px","1000px"]),height:prop_types_default().string,backgroundImage:prop_types_default().string,backgroundImageMobile:prop_types_default().string,isSecondaryButtonBig:prop_types_default().bool},DialogStep.defaultProps={stepName:"",children:null,image:"",title:"",titleIcon:"",coinToIconPaths:function(){return{}},titleLoadingDots:!1,subtitle:"",backButtonText:"",backButtonClick:function(){},backButtonEnabled:!0,backButtonTo:"",confirmButtonText:"",confirmButtonClick:function(){},confirmButtonEnabled:!0,confirmButtonLink:"",primaryButtonLoader:!1,fixedButtons:!1,showCornerBackButton:null,cornerBackButtonTitle:null,cornerBackButtonClick:null,bigButtonMargins:!1,noButtonMargins:!1,headerTitleLeft:!1,subtitleSmallMargin:!1,subtitleNoMargin:!1,showBackgroundTitle:!0,setClickTrigger:function(){},breakSubtitleWords:!1,contentAlign:"left",controls:{},height:null,backgroundImage:"",backgroundImageMobile:"",isSecondaryButtonBig:!1},DialogStep.__docgenInfo={description:'Step component, part of the DialogWithSteps modal component. This component should be used inside the primary dialog component.\n\n@component\n@param {Object} props - The props object.\n@param {string} props.stepName - Step name, specified on the root dialog level, used as an ID for dialog navigation.\n@param {React.ReactNode} props.children - Content of the dialog step. Supports both raw content and components.\n@param {string} props.image - Illustration/icon at the top, path to an image.\n@param {React.ComponentType} props.ImageRaw - Illustration/icon at the top, the image component to be inserted.\n@param {string} props.title - Step title.\n@param {string} props.titleIcon - Icon next to the step title, path to an image.\n@param {Coin} props.titleIconCoin - Coin to be shown as an AssetIcon next to the step title.\n@param {function} props.coinToIconPaths - Function returning icon paths by Coin.\n@param {boolean} props.titleLoadingDots - Show loading dots next to the title or not.\n@param {string} props.subtitle - Step subtitle.\n@param {string} props.backButtonText - Secondary button title.\n@param {function} props.backButtonClick - Secondary button click handler.\n@param {boolean} props.backButtonEnabled - Determines whether the secondary button is enabled.\n@param {string} props.backButtonTo - Secondary button link.\n@param {string} props.confirmButtonText - Primary button title.\n@param {function} props.confirmButtonClick - Primary button click handler.\n@param {boolean} props.confirmButtonEnabled - Determines whether the primary button is enabled.\n@param {string} props.confirmButtonLink - Primary button link.\n@param {boolean} props.primaryButtonLoader - Enable loader for the primary button.\n@param {boolean} props.fixedButtons - Enable fixed buttons in the bottom for mobile devices.\n@param {boolean} props.showCornerBackButton - Forcefully enable or disable blue corner back button.\n@param {string} props.cornerBackButtonTitle - Blue corner back button title.\n@param {function} props.cornerBackButtonClick - Blue corner back button click handler.\n@param {boolean} props.bigButtonMargins - Increase button margins.\n@param {boolean} props.noButtonMargins - Decrease button margins.\n@param {boolean} props.headerTitleLeft - Align header title to the left. Default: false.\n@param {boolean} props.subtitleSmallMargin - Reduce the margin under the subtitle.\n@param {boolean} props.subtitleNoMargin - Disable the margin under the subtitle.\n@param {boolean} props.showBackgroundTitle - Enable the semi-transparent secondary background title.\n@param {function} props.setClickTrigger - Function to set up an external trigger for the primary button.\n@param {boolean} props.breakSubtitleWords - Enable word-break for subtitles. Default: false.\n@param {string} props.contentAlign - Receives "left", "center", "right". Controls the step content container alignment.\n@param {Object} props.controls - Dialog-to-step connection object, required for multi-step dialog windows.\n@param {string} props.width - Width in pixels, formatted as "1000px" and passed as a string. Values should be used from constants.\n@param {string} props.height - Height in pixels, formatted as "1000px" and passed as a string. Values should be used from constants.\n@param {string} props.backgroundImage - Background image, path to an image.\n@param {string} props.backgroundImageMobile - Background image for mobiles, path to an image.\n@param {boolean} props.isSecondaryButtonBig - Changes the secondary button style from link to a secondary-button. Default: false.\n@returns {JSX.Element} React component',methods:[],displayName:"DialogStep",props:{stepName:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},image:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},title:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},titleIcon:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},coinToIconPaths:{defaultValue:{value:"() =&gt; ({})",computed:!1},description:"",type:{name:"func"},required:!1},titleLoadingDots:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},subtitle:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},backButtonText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},backButtonClick:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},backButtonEnabled:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},backButtonTo:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},confirmButtonText:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},confirmButtonClick:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},confirmButtonEnabled:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},confirmButtonLink:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},primaryButtonLoader:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},fixedButtons:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showCornerBackButton:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"bool"},required:!1},cornerBackButtonTitle:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},cornerBackButtonClick:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"func"},required:!1},bigButtonMargins:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},noButtonMargins:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},headerTitleLeft:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},subtitleSmallMargin:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},subtitleNoMargin:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showBackgroundTitle:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},setClickTrigger:{defaultValue:{value:"() =&gt; {}",computed:!1},description:"",type:{name:"func"},required:!1},breakSubtitleWords:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},contentAlign:{defaultValue:{value:'"left"',computed:!1},description:"",type:{name:"string"},required:!1},controls:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},width:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"enum",value:[{value:'"550px"',computed:!1},{value:'"600px"',computed:!1},{value:'"700px"',computed:!1},{value:'"750px"',computed:!1},{value:'"800px"',computed:!1},{value:'"1000px"',computed:!1}]},required:!1},isSecondaryButtonBig:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},height:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"string"},required:!1},backgroundImage:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},backgroundImageMobile:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},ImageRaw:{description:"",type:{name:"func"},required:!1},titleIconCoin:{description:"",type:{name:"object"},required:!1}}}},"./src/ui-kit/components/organisms/WaitlistSubscription/WaitlistSubscription.jsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=&gt;{__webpack_require__.d(__webpack_exports__,{W:()=&gt;WaitlistSubscription});var react=__webpack_require__("./node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),errorUtils=__webpack_require__("./src/common-apis/utils/errorUtils.js"),ColoredNotice=__webpack_require__("./src/ui-kit/components/molecules/ColoredNotice/ColoredNotice.jsx"),Dialog=__webpack_require__("./src/ui-kit/components/organisms/Dialog/Dialog.jsx"),DialogStep=__webpack_require__("./src/ui-kit/components/organisms/Dialog/DialogStep/DialogStep.jsx"),Input=__webpack_require__("./src/ui-kit/components/atoms/Input/Input.jsx"),TitleBox=__webpack_require__("./src/ui-kit/components/atoms/TitleBox/TitleBox.jsx"),Validation=__webpack_require__("./src/ui-kit/components/atoms/Validation/Validation.jsx");function messageIcon(){return react.createElement("svg",{width:"130",height:"130",viewBox:"0 0 130 130",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M65 130C100.899 130 130 100.899 130 65C130 29.1015 100.899 0 65 0C29.1015 0 0 29.1015 0 65C0 100.899 29.1015 130 65 130Z",fill:"#2294F0"}),react.createElement("mask",{id:"mask0",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"130",height:"130"},react.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M65 130C100.899 130 130 100.899 130 65C130 29.1015 100.899 0 65 0C29.1015 0 0 29.1015 0 65C0 100.899 29.1015 130 65 130Z",fill:"white"})),react.createElement("g",{mask:"url(#mask0)"},react.createElement("rect",{opacity:"0.3",x:"3.25",y:"150.776",width:"227.136",height:"25.2373",transform:"rotate(-45 3.25 150.776)",fill:"white"}),react.createElement("rect",{opacity:"0.3",x:"-48.4546",y:"126.52",width:"227.136",height:"25.2373",transform:"rotate(-45 -48.4546 126.52)",fill:"white"}),react.createElement("rect",{x:"27.75",y:"29.5",width:"74.5",height:"81.5",rx:"12",fill:"white"}),react.createElement("path",{d:"M27.75 41.5C27.75 34.8726 33.1226 29.5 39.75 29.5H90.25C96.8774 29.5 102.25 34.8726 102.25 41.5V118C102.25 124.627 96.8774 130 90.25 130H39.75C33.1226 130 27.75 124.627 27.75 118V41.5Z",fill:"white"}),react.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M51.5 63.5C58.1274 63.5 63.5 58.1274 63.5 51.5C63.5 44.8726 58.1274 39.5 51.5 39.5C44.8726 39.5 39.5 44.8726 39.5 51.5C39.5 58.1274 44.8726 63.5 51.5 63.5Z",fill:"#2294F0"}),react.createElement("path",{d:"M50.072 49.088H52.03V54.5H50.072V49.088ZM52.074 46.382V48.153H50.028V46.382H52.074Z",fill:"white"}),react.createElement("path",{opacity:"0.2",d:"M41 74.5H63",stroke:"#2294F0","stroke-width":"4","stroke-linecap":"round","stroke-linejoin":"round"}),react.createElement("path",{opacity:"0.2",d:"M41 84.6157H84.1426",stroke:"#2294F0","stroke-width":"4","stroke-linecap":"round","stroke-linejoin":"round"}),react.createElement("path",{opacity:"0.2",d:"M41 94.7314H84.1426",stroke:"#2294F0","stroke-width":"4","stroke-linecap":"round","stroke-linejoin":"round"}),react.createElement("path",{opacity:"0.2",d:"M41 104.731H84.1426",stroke:"#2294F0","stroke-width":"4","stroke-linecap":"round","stroke-linejoin":"round"})))}function supportDialogImage(){return react.createElement("svg",{width:"130",height:"130",viewBox:"0 0 130 130",fill:"none",xmlns:"http://www.w3.org/2000/svg"},react.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M65 130C100.899 130 130 100.899 130 65C130 29.1015 100.899 0 65 0C29.1015 0 0 29.1015 0 65C0 100.899 29.1015 130 65 130Z",fill:"#AFEBC3"}),react.createElement("mask",{id:"mask0","mask-type":"alpha",maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"130",height:"130"},react.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M65 130C100.899 130 130 100.899 130 65C130 29.1015 100.899 0 65 0C29.1015 0 0 29.1015 0 65C0 100.899 29.1015 130 65 130Z",fill:"white"})),react.createElement("g",{mask:"url(#mask0)"},react.createElement("rect",{opacity:"0.3",x:"3.25",y:"150.776",width:"227.136",height:"25.2373",transform:"rotate(-45 3.25 150.776)",fill:"white"}),react.createElement("rect",{opacity:"0.3",x:"-48.4545",y:"126.52",width:"227.136",height:"25.2373",transform:"rotate(-45 -48.4545 126.52)",fill:"white"}),react.createElement("path",{d:"M9.69092 69.153C9.69092 66.0864 11.2523 63.2309 13.8339 61.576L55.8257 34.6583C61.4168 31.0742 68.5832 31.0742 74.1743 34.6583L116.166 61.576C118.748 63.2309 120.309 66.0864 120.309 69.153V126.495C120.309 131.466 116.28 135.495 111.309 135.495H18.6909C13.7204 135.495 9.69092 131.466 9.69092 126.495V69.153Z",fill:"#14A957"}),react.createElement("path",{d:"M30.9045 51.8818H97.9136V117.118H30.9045V51.8818Z",fill:"white"}),react.createElement("path",{opacity:"0.1",d:"M63.8182 107.167C76.8722 107.167 87.4545 96.5849 87.4545 83.5308C87.4545 70.4768 76.8722 59.8945 63.8182 59.8945C50.7642 59.8945 40.1818 70.4768 40.1818 83.5308C40.1818 96.5849 50.7642 107.167 63.8182 107.167Z",fill:"#24BE6A"}),react.createElement("path",{d:"M58.2093 83.4849L63.0246 88.3002L71.3036 79.047",stroke:"#24BE6A","stroke-width":"3.76358","stroke-linecap":"round","stroke-linejoin":"round"}),react.createElement("path",{d:"M9.69092 70.2531C9.69092 68.672 11.4391 67.7161 12.7703 68.5694L65 102.05L117.23 68.5694C118.561 67.7161 120.309 68.672 120.309 70.2531V128.859C120.309 133.83 116.28 137.859 111.309 137.859H18.6909C13.7204 137.859 9.69092 133.83 9.69092 128.859V70.2531Z",fill:"#24BE6A"})))}function _array_like_to_array(arr,len){(null==len||len&gt;arr.length)&amp;&amp;(len=arr.length);for(var i=0,arr2=Array(len);i&lt;len;i++)arr2[i]=arr[i];return arr2}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){reject(error);return}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _async_to_generator(fn){return function(){var self1=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self1,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)})}}function _iterable_to_array_limit(arr,i){var _s,_e,_i=null==arr?null:"undefined"!=typeof Symbol&amp;&amp;arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&amp;&amp;(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}}function _non_iterable_rest(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _unsupported_iterable_to_array(o,minLen){if(o){if("string"==typeof o)return _array_like_to_array(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if("Object"===n&amp;&amp;o.constructor&amp;&amp;(n=o.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}}function _ts_generator(thisArg,body){var f,y,t,g,_={label:0,sent:function(){if(1&amp;t[0])throw t[1];return t[1]},trys:[],ops:[]};return g={next:verb(0),throw:verb(1),return:verb(2)},"function"==typeof Symbol&amp;&amp;(g[Symbol.iterator]=function(){return this}),g;function verb(n){return function(v){return step([n,v])}}function step(op){if(f)throw TypeError("Generator is already executing.");for(;_;)try{if(f=1,y&amp;&amp;(t=2&amp;op[0]?y.return:op[0]?y.throw||((t=y.return)&amp;&amp;t.call(y),0):y.next)&amp;&amp;!(t=t.call(y,op[1])).done)return t;switch(y=0,t&amp;&amp;(op=[2&amp;op[0],t.value]),op[0]){case 0:case 1:t=op;break;case 4:return _.label++,{value:op[1],done:!1};case 5:_.label++,y=op[1],op=[0];continue;case 7:op=_.ops.pop(),_.trys.pop();continue;default:if(!(t=(t=_.trys).length&gt;0&amp;&amp;t[t.length-1])&amp;&amp;(6===op[0]||2===op[0])){_=0;continue}if(3===op[0]&amp;&amp;(!t||op[1]&gt;t[0]&amp;&amp;op[1]&lt;t[3])){_.label=op[1];break}if(6===op[0]&amp;&amp;_.label&lt;t[1]){_.label=t[1],t=op;break}if(t&amp;&amp;_.label&lt;t[2]){_.label=t[2],_.ops.push(op);break}t[2]&amp;&amp;_.ops.pop(),_.trys.pop();continue}op=body.call(thisArg,_)}catch(e){op=[6,e],y=0}finally{f=t=0}if(5&amp;op[0])throw op[1];return{value:op[0]?op[1]:void 0,done:!0}}}var WaitlistSubscription=function(param){var _ref,coin=param.coin,translations=param.translations,saveSubscription=param.saveSubscription,_useState=_sliced_to_array((0,react.useState)(),2),controls=_useState[0],initControls=_useState[1],_useState1=_sliced_to_array((0,react.useState)(!1),2),showDialog=_useState1[0],setShowDialog=_useState1[1],_useState2=_sliced_to_array((0,react.useState)(""),2),inputValue=_useState2[0],setInputValue=_useState2[1],_useState3=_sliced_to_array((0,react.useState)(!1),2),isEmailValid=_useState3[0],setIsEmailValid=_useState3[1],_useState4=_sliced_to_array((0,react.useState)(!1),2),errorEncountered=_useState4[0],setErrorEncountered=_useState4[1],defaultTranslations={coloredNotice:{text:"This is a pre-listed coin, meaning that the swap is not yet available. As soon as this coin allows exchanges, it will be automatically enabled. If you want to get a notification as soon as this coin becomes available for swap - sign up for the waitlist below!",buttonTitle:"Subscribe for updates"},signUpStep:{title:coin.latinName+" ("+coin.ticker+") listing notification",subtitle:"To be notified as soon as "+coin.latinName+" becomes available for swaps, please provide your email address. We’ll send you a single notification when it’s listed.",actionButtonTitle:"Subscribe",inputTitle:"Your email address:",error:"Something went wrong. Please try again later."},successStep:{title:"Subscribed successfully!",subtitle:"We’ll notify you as soon as "+coin.latinName+" becomes available for swaps. Keep an eye on your inbox for the update.",actionButtonTitle:"Close"}},t=null!=translations?translations:defaultTranslations,STEPS={signUp:"signUp",success:"success"},subscribe=(_ref=_async_to_generator(function(resetButtonLoader){var e;return _ts_generator(this,function(_state){switch(_state.label){case 0:return _state.trys.push([0,2,,3]),setErrorEncountered(!1),[4,saveSubscription(coin,inputValue)];case 1:return _state.sent()?null==controls||controls.goToStep(STEPS.success):setErrorEncountered(!0),resetButtonLoader(),[3,3];case 2:return e=_state.sent(),resetButtonLoader(),(0,errorUtils.J)(e),setShowDialog(!1),[3,3];case 3:return[2]}})}),function subscribe(resetButtonLoader){return _ref.apply(this,arguments)});return(0,react.useEffect)(function(){setIsEmailValid(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/.test(inputValue))},[inputValue]),react.createElement(react.Fragment,null,react.createElement(Dialog.Vq,{initControls:function(controls){return initControls(controls)},showDialog:showDialog,onClose:function(){return setShowDialog(!1)}},react.createElement(DialogStep.y,{stepName:STEPS.signUp,controls:controls,title:t.signUpStep.title,subtitle:t.signUpStep.subtitle,confirmButtonClick:subscribe,confirmButtonEnabled:isEmailValid,confirmButtonText:t.signUpStep.actionButtonTitle,primaryButtonLoader:!0,subtitleSmallMargin:!0,showBackgroundTitle:!1,ImageRaw:messageIcon},react.createElement(TitleBox.k,{title:t.signUpStep.inputTitle},react.createElement(Input.I,{type:"text",onChange:function(e){return setInputValue(e.target.value)},value:inputValue}),errorEncountered?react.createElement(Validation.i,{text:t.signUpStep.error}):null)),react.createElement(DialogStep.y,{stepName:STEPS.success,controls:controls,title:t.successStep.title,subtitle:t.successStep.subtitle,confirmButtonClick:function(){return setShowDialog(!1)},confirmButtonText:t.successStep.actionButtonTitle,showBackgroundTitle:!1,ImageRaw:supportDialogImage,showCornerBackButton:!1,subtitleSmallMargin:!0})),react.createElement(ColoredNotice.G,{text:t.coloredNotice.text,buttonTitle:t.coloredNotice.buttonTitle,onButtonClick:function(){setErrorEncountered(!1),setInputValue(""),setIsEmailValid(!1),null==controls||controls.toFirstStep(!1),setShowDialog(!0)}}))};WaitlistSubscription.propTypes={coin:prop_types_default().object.isRequired,translations:prop_types_default().object},WaitlistSubscription.__docgenInfo={description:"WaitlistSubscription component handles user subscription to a waitlist for coin notifications.\nIt displays a notice with a button to open a dialog where the user can enter their email to subscribe.\n\n@component\n@param {Object} props - The component props.\n@param {Coin} props.coin - The coin object containing information about the coin.\n@param {Object} props.translations - The text translations for the component.\n@param {saveSubscription} props.saveSubscription - Function to handle/save the subscription.\n@returns {JSX.Element} The WaitlistSubscription component.",methods:[],displayName:"WaitlistSubscription",props:{coin:{description:"",type:{name:"object"},required:!0},translations:{description:"",type:{name:"object"},required:!1}}}}}]);</span></span></span></pre></td></tr></table></pre>
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <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-11-23T06:44:09.636Z
-            </div>
-        <script src="../../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../../sorter.js"></script>
-        <script src="../../block-navigation.js"></script>
-    </body>
-</html>