kui-complex 0.0.158 → 0.0.159
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.
- package/cjs/index.js +1 -1
- package/index.d.ts +1 -23
- package/index.js +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react-datepicker/dist/react-datepicker.css");var n=require("@emotion/react/jsx-runtime"),e=require("@emotion/styled"),t=require("@emotion/react"),r=require("react"),i=require("react/jsx-runtime"),a=require("kui-basic"),o=require("kui-utils"),l=require("kui-swiper"),d=require("classnames"),s=require("kui-icon"),c=require("lodash"),p=require("react-datepicker"),u=require("react-hook-form"),h=require("react-scroll"),x=require("luxon"),f=require("date-fns/locale/ru"),m=require("react-router-dom"),g=require("react-dom"),b=require("@googlemaps/js-api-loader");function v(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function w(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var y=v(e),k=w(r),j=v(l),_=v(d),C=v(c),S=v(p),I=v(f),P=w(g),R=function(){return R=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},R.apply(this,arguments)};function z(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function M(n,e,t,r){return new(t||(t=Promise))((function(i,a){function o(n){try{d(r.next(n))}catch(n){a(n)}}function l(n){try{d(r.throw(n))}catch(n){a(n)}}function d(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,l)}d((r=r.apply(n,e||[])).next())}))}function E(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}function T(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function O(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var N,D,B,F,V,L,W,A,G,U,K,q,H,J,Y,Q,$,X,Z,nn,en,tn,rn,an=r.forwardRef((function(n,e){var t=n.label,r=z(n,["label"]);if(!t)return i.jsx("div",{});var o=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return i.jsx(on,R({"data-testid":"undefined_avatar",ref:e},{children:i.jsx(a.Caption,R({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:o}))}))})),on=y.default.div(N||(N=O(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),a.theme.palette.brand.light,a.theme.palette.brand.main),ln=r.forwardRef((function(e,t){var r=e.size,i=e.fullName,a=e.imageUrl,o=z(e,["size","fullName","imageUrl"]);return n.jsx(dn,R({css:pn[r],ref:t},o,{children:a?n.jsx(sn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):n.jsx(cn,{label:i,avatarSize:r})}))})),dn=y.default.div(D||(D=O(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),sn=y.default.img(B||(B=O(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),cn=y.default(an,{shouldForwardProp:function(n){return"size"!==n}})(V||(V=O(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&t.css(F||(F=O(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),pn={xs:t.css(L||(L=O(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:t.css(W||(W=O(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:t.css(A||(A=O(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:t.css(G||(G=O(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},un=r.forwardRef((function(e,t){var r=e.index,i=e.onClick,a=e.isActive,o=e.label,l=e.disabled;return n.jsx(hn,R({disabled:l,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&xn,size:"s",ref:t,className:_.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),hn=y.default(a.Button)(U||(U=O(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),xn=t.css(K||(K=O(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),a.theme.palette.grey.seventy),fn=r.forwardRef((function(e,t){var r=e.renderTabWrapper,i=e.label,a=z(e,["renderTabWrapper","label"]);return r?r(i,n.jsx(un,R({ref:t,label:i},a))):n.jsx(un,R({ref:t,label:i},a))})),mn=function(n){var e=n.startComponent,t=n.endComponent,o=n.tabs,l=n.renderTabWrapper,d=n.handleChange,s=n.value,c=r.useRef(null),p=function(n){setTimeout((function(){var e,t;null===(t=null===(e=c.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),d(n)};return i.jsxs(a.Container,R({className:"KUI-ButtonTabs"},{children:[e,i.jsx(gn,R({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:c},{children:o.map((function(n,e){return i.jsx(fn,{index:e,onClick:p,isActive:e===s,label:n,renderTabWrapper:l},n)}))})),t]}))},gn=y.default(j.default)(q||(q=O(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),bn=r.forwardRef((function(e,t){var i=e.tabs,a=e.tabPanels,l=e.paths,d=e.activeTab,s=e.isSticky,c=e.onChange,p=e.startComponent,u=e.endComponent,h=e.navigate,x=e.renderTabWrapper,f=z(e,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),m=o.useWindowWidth(),g=k.useState(Number(d)),b=g[0],v=g[1];return r.useEffect((function(){v(Number(d))}),[d]),0===m?null:n.jsxs(n.Fragment,{children:[n.jsx(wn,R({css:s&&{position:"sticky"},ref:t},f,{children:n.jsx(mn,{value:b,tabs:i,handleChange:function(n){if(v(n),null==l?void 0:l.length){var e=l[n];h?h(e):o.updateQueryParams(e)}c&&c(n)},endComponent:u,startComponent:p,renderTabWrapper:x})})),n.jsx(vn,R({role:"tabpanel"},{children:a[b]}))]})})),vn=y.default.div(H||(H=O(["\n height: 100%;\n"],["\n height: 100%;\n"]))),wn=y.default.div(J||(J=O(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),a.theme.palette.grey.zero),yn=r.forwardRef((function(n,e){var t=n.isOpen,a=n.handleClose,o=n.buttonRef,l=n.children,d=n.endComponent,s=n.input,c=n.className,p=n.strategy,u=n.onScroll,h=z(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),x=r.useState(!1),f=x[0],m=x[1],g=r.useRef(null);r.useEffect((function(){var n;if((null==o?void 0:o.current)&&t){var e=null===(n=g.current)||void 0===n?void 0:n.children[0].children[0];if(e){var r=e.scrollHeight>e.clientHeight;m(r)}}}),[t]);return i.jsx(kn,R({fullWidth:!0,withoutMobile:!0,open:t,onChange:function(n){n||a()},toggleMethod:"controlled",strategy:p||"fixed",placement:"bottom",className:c,content:i.jsxs(jn,R({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),g.current=n}},h,{children:[i.jsx(_n,R({isScrollable:f},{children:i.jsx(Cn,R({onScroll:u,isScrollable:f,className:"KUI-InputDropdown_scroll"},{children:l}))})),d]}))},{children:s}))})),kn=y.default(a.Tooltip)(Y||(Y=O(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),jn=y.default(a.Grid)(Q||(Q=O(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),_n=y.default.div($||($=O(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 8px 8px 0":"14px 0px 8px 0"})),Cn=y.default.div(X||(X=O(["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?"4px":"0px"}),a.theme.palette.grey.fifteenB,a.theme.palette.grey.thirty),Sn=r.forwardRef((function(n,e){var t=n.input,r=n.options,a=n.inputRef,o=n.isOpenDropdown,l=n.handleCloseDropdown,d=n.handleSelect,s=n.selectedValue,c=n.renderOption;return i.jsx(Pn,R({input:t,buttonRef:a,isOpen:o,handleClose:l,ref:e},{children:r.map((function(n,e){return i.jsx(In,R({disabled:n.disabled,onClick:function(){return function(n){n.disabled||d(n)}(n)},"data-value":"autocomplete_option_".concat(n.value),"data-testid":"autocomplete_option_".concat(e)},{children:c(n,s)}),n.label)}))}))})),In=y.default.div(Z||(Z=O(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?a.theme.palette.grey.fiftyP:a.theme.palette.grey.seventy})),Pn=y.default(yn)(nn||(nn=O(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Rn=r.forwardRef((function(e,t){var i,a=e.options,l=e.name,d=e.disabled,s=e.handleChange,c=e.iconProps,p=e.renderOption,u=e.selectedLabel,h=e.selectedValue,x=e.error,f=z(e,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error"]),m=r.useState(!1),g=m[0],b=m[1],v=r.useRef(null),w=o.useForkRef(v,t),y=function(){b(!1)};return n.jsxs(zn,{children:[n.jsx("input",{name:l,autoComplete:"off",hidden:!0}),n.jsx(Sn,{options:a,inputRef:{current:null===(i=null==v?void 0:v.current)||void 0===i?void 0:i.parentElement},isOpenDropdown:g,handleCloseDropdown:y,handleSelect:function(n){s&&s(n),y()},selectedValue:h,renderOption:p,input:n.jsx(Mn,R({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==v?void 0:v.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==v?void 0:v.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),d||b((function(n){return!n}))},ref:w,disabled:d,readOnly:!0,value:u,message:x,isLabelShrink:Boolean(h)||0===h,autoComplete:"nope"},f,{endIcon:!d&&n.jsx(En,R({width:12,height:13,css:[{transition:"all linear .2s"},g&&{transform:"rotate(180deg)"}]},c))}))})]})})),zn=y.default.div(en||(en=O(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Mn=y.default(a.InputWithAdornments)(tn||(tn=O(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"],["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"]))),En=y.default(s.HalfArrowIcon)(rn||(rn=O(["\n user-select: none;\n"],["\n user-select: none;\n"])));function Tn(n){var e=n.option,t=n.selectedValue;return i.jsx(Ce,R({selected:t===e.value},{children:i.jsx(a.Caption,R({size:"sm",weight:500},{children:e.label}))}))}var On,Nn,Dn,Bn,Fn,Vn,Ln,Wn,An,Gn,Un,Kn,qn,Hn,Jn,Yn,Qn,$n,Xn,Zn,ne,ee,te,re,ie,ae,oe,le,de,se,ce,pe,ue,he,xe,fe,me,ge,be,ve,we,ye,ke,je,_e,Ce=y.default.div(On||(On=O(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?a.theme.palette.background.light1:a.theme.palette.grey.zero}),a.theme.palette.background.light1),Se=r.forwardRef((function(n,e){var t,a=n.options,o=n.name,l=n.handleChange;n.form;var d=n.value,s=z(n,["options","name","handleChange","form","value"]),c=r.useState(d),p=c[0],u=c[1],h=(null===(t=a.find((function(n){return String(n.value)===String(p)})))||void 0===t?void 0:t.label)||"";return r.useEffect((function(){void 0!==d&&u(d)}),[d]),i.jsx(Rn,R({options:a,handleChange:function(n){u(n.value),l&&l(n.value)},selectedLabel:h,selectedValue:p,name:o,renderOption:function(n,e){return i.jsx(Tn,{option:n,selectedValue:e})},ref:e},s))})),Ie=function(n,e,t){return e&&n<e||t&&n>t},Pe=r.forwardRef((function(n,e){var t=n.yearOptions;n.options;var r=n.min,a=n.max,o=z(n,["yearOptions","options","min","max"]),l=t.map((function(n){return R(R({},n),{disabled:Ie(Number(n.value),r,a)})}));return i.jsx(Se,R({ref:e,label:"Year",options:l},o))})),Re=function(n,e,t){return e&&n<e||t&&n>=t},ze=[{value:0,label:"January"},{value:1,label:"February"},{value:2,label:"March"},{value:3,label:"April"},{value:4,label:"May"},{value:5,label:"June"},{value:6,label:"July"},{value:7,label:"August"},{value:8,label:"September"},{value:9,label:"October"},{value:10,label:"November"},{value:11,label:"December"}],Me=r.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var a=z(n,["min","max","options"]),o=ze.map((function(n){return R(R({},n),{disabled:Re(n.value,t,r)})}));return i.jsx(Se,R({ref:e,label:"Month",options:o},a))})),Ee=r.forwardRef((function(n,e){var t=n.changeMonth,r=n.changeYear,o=n.date,l=n.yearOptions,d=n.max,s=n.min,c=o.getFullYear(),p=o.getMonth(),u=(null==s?void 0:s.year)===c&&(null==s?void 0:s.month)?s.month-1:0,h=(null==d?void 0:d.year)===c?null==d?void 0:d.month:11;return i.jsx(Te,R({ref:e},{children:i.jsxs(a.Grid,R({container:!0,spacing:2},{children:[i.jsx(a.Grid,R({item:!0,xs:6},{children:i.jsx(Pe,{min:null==s?void 0:s.year,max:null==d?void 0:d.year,yearOptions:l,value:c,handleChange:r})})),i.jsx(a.Grid,R({item:!0,xs:6},{children:i.jsx(Me,{min:Number(null==s?void 0:s.year)>=c&&u,max:Number(null==d?void 0:d.year)<=c&&h,value:p,handleChange:t})}))]}))}))})),Te=y.default.div(Nn||(Nn=O(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Oe=r.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return i.jsx(Ne,R({ref:e},t))})),Ne=y.default.div(Dn||(Dn=O(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),a.theme.palette.grey.fiftyP,a.theme.palette.background.light3,a.theme.palette.background.light3,a.theme.palette.brand.main,a.theme.palette.brand.light,a.theme.palette.brand.main,a.theme.palette.brand.main,a.theme.palette.grey.fifteenB,a.theme.palette.red.seventy,a.theme.palette.grey.zero),De=r.forwardRef((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,o=n.nextMonthButtonDisabled,l=n.prevMonthButtonDisabled,d=n.date,c=C.default.capitalize(d.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return i.jsxs(Be,R({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[i.jsx(a.Grid,R({item:!0},{children:i.jsx(Fe,R({size:"h4"},{children:c}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsxs(a.Grid,R({container:!0,spacing:2},{children:[i.jsx(a.Grid,R({item:!0},{children:i.jsx(Ve,R({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:l,onClick:t},{children:i.jsx(s.PrevArrowIcon,{width:10,height:10})}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(Ve,R({isCircle:!0,size:"xs",variant:"white",disabled:o,onClick:r},{children:i.jsx(s.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),Be=y.default(a.Grid)(Bn||(Bn=O(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Fe=y.default(a.Heading)(Fn||(Fn=O(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ve=y.default(a.Button)(Vn||(Vn=O(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Le=r.forwardRef((function(n,e){var t=n.onClick,r=n.disabled,o=n.handleClick,l=n.startIcon,d=z(n,["onClick","disabled","handleClick","startIcon"]),c=function(){r||(o?o():t())},p=function(){return i.jsx(We,R({disabled:r,onClick:c},{children:l||i.jsx(s.CalendarIcon,{width:19,height:21})}))};return i.jsx(a.InputWithMask,R({disabled:r,endIcon:!l&&i.jsx(p,{}),startIcon:l&&i.jsx(p,{})},d,{ref:e}))})),We=y.default.div(Ln||(Ln=O(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),Ae=r.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return i.jsx(Ge,R({ref:e},t))})),Ge=y.default.div(Wn||(Wn=O(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),a.theme.palette.background.light1,a.theme.palette.grey.fifteenB,a.theme.palette.grey.fifteenB,a.theme.palette.brand.main,a.theme.palette.grey.fifteenB),Ue=r.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,o=n.nextYearButtonDisabled,l=n.prevYearButtonDisabled,d=n.date;return i.jsxs(qe,R({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[i.jsx(a.Grid,R({item:!0},{children:i.jsx(Ke,R({disabled:l,onClick:t,type:"button"},{children:i.jsx(s.ArrowBackIcon,{width:14,height:12})}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(a.Caption,R({size:"sm",weight:600},{children:d.getFullYear()}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(Ke,R({disabled:o,onClick:r,type:"button"},{children:i.jsx(s.ArrowNextIcon,{width:14,height:12})}))}))]}))})),Ke=y.default(a.IconButton)(An||(An=O(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),qe=y.default(a.Grid)(Gn||(Gn=O(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),He=r.forwardRef((function(n,e){var t,a=n.name,o=n.form,l=n.disabled,d=n.datePickerProps,s=n.onChange,c=z(n,["name","form","disabled","datePickerProps","onChange"]),p=r.useState(),h=p[0],x=p[1],f=u.useController({name:a,control:o.control}),m=f.field,g=f.fieldState;return r.useEffect((function(){x(m.value)}),[m.value]),i.jsx(Je,R({ref:e},{children:i.jsx(S.default,R({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:l,customInput:i.jsx(Le,R({mask:"00.0000",name:a,disabled:l,message:null===(t=g.error)||void 0===t?void 0:t.message},c),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:Ae,renderCustomHeader:function(n){return i.jsx(Ue,R({},n))}},d))}))})),Je=y.default.div(Un||(Un=O(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),Ye=r.forwardRef((function(e,t){var i=e.tab,o=e.active,l=e.index,d=e.handleClick,s=e.offset,c=e.isScrolling,p=e.setIsScrolling,u=function(){p(!1)};return r.useEffect((function(){return o===l&&h.scroller.scrollTo(i,{offset:s}),h.Events.scrollEvent.register("begin",(function(n,e){p(!0),e&&d(Number(e.dataset.index))})),h.Events.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){h.Events.scrollEvent.remove("begin"),h.Events.scrollEvent.remove("end")}}),[]),n.jsx(h.Link,R({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){c||d(l)}},{children:n.jsx(Qe,R({ref:t},{children:n.jsx(a.Button,R({variant:Number(o)===l?"orange":"transparentWithBorder",size:"xs",css:Number(o)!==l&&$e},{children:i}))}))}))})),Qe=y.default.div(Kn||(Kn=O(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),$e=t.css(qn||(qn=O(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),a.theme.palette.grey.seventy),Xe=r.forwardRef((function(e,t){var r=e.tabs,i=e.variant,o=z(e,["tabs","variant"]);return n.jsx(Ze,R({container:!0,css:"white"===i&&{background:"white"},ref:t},{children:r.map((function(e,t){return n.jsx(a.Grid,R({item:!0},{children:n.jsx(Ye,R({tab:e,index:t,offset:-121},o),e)}),t)}))}))})),Ze=y.default(a.Grid)(Hn||(Hn=O(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),a.theme.palette.background.light1),nt=r.forwardRef((function(n,e){var t=n.form,r=n.name,o=n.error,l=z(n,["form","name","error"]),d=function(n){var e;return void 0!==o&&String(o).length>0?o:null===(e=n.error)||void 0===e?void 0:e.message};return i.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return i.jsx(a.InputWithMask,R({message:d(r)},t,l,{onChange:function(n){return function(n,e){e.onChange(n),l.onChange&&l.onChange(n)}(n,t)},inputRef:e}))}})})),et=r.forwardRef((function(n,e){var t=n.form,r=n.name,o=n.error,l=n.value,d=n.type,s=z(n,["form","name","error","value","type"]),c=function(n){var e;return void 0!==o&&String(o).length>0?o:null===(e=n.error)||void 0===e?void 0:e.message};return i.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return i.jsx(a.InputWithAdornments,R({message:c(r)},t,s,{onChange:function(n){return function(n,e){var t,r="number"!==d||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(R(R({},n),{target:R(R({},n.target),{value:r})})),s.onChange&&s.onChange(n)}(n,t)},type:d,value:null!=l?l:t.value,inputRef:e}))}})})),tt={weak:0,simple:1,medium:2,hard:3},rt={weak:a.theme.palette.red.fiftyP,simple:a.theme.palette.brand.main,medium:a.theme.palette.blue.fiftyP,hard:a.theme.palette.green.fiftyP},it={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},at=r.forwardRef((function(e,t){var r=e.strength,i=r?rt[r]:"",o=r?tt[r]:-1;return n.jsxs(ot,R({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:t},{children:[n.jsx(lt,{children:Object.keys(tt).map((function(e,t){return n.jsx(dt,{children:n.jsx(st,{"data-testid":"progress_item_".concat(e),value:o>=t?100:0,color:i})},e)}))}),n.jsx(a.Caption,R({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:r&&it[r]})),n.jsx(ct,R({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),ot=y.default.div(Jn||(Jn=O(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),lt=y.default.div(Yn||(Yn=O(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),dt=y.default.div(Qn||(Qn=O(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),st=y.default(a.LinearProgress)($n||($n=O(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),a.theme.palette.grey.fifteenB,(function(n){return n.color})),ct=y.default(a.Caption)(Xn||(Xn=O(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),pt=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.control._formValues;return null==t||t.forEach((function(n){r&&(r=r[n])})),r},ut=r.forwardRef((function(n,e){var t=r.useState(!1),a=t[0],l=t[1],d=r.useState(null),c=d[0],p=d[1],u=function(n){0!==n.length?o.strongPasswordRegExp.test(n)?p("hard"):o.mediumPasswordRegExp.test(n)?p("medium"):o.simplePasswordRegExp.test(n)?p("simple"):p("weak"):p(null)};return r.useEffect((function(){var e=n.form,t=n.name,r=pt(t,e);"string"==typeof r&&u(r)}),[]),i.jsxs(i.Fragment,{children:[i.jsx(et,R({type:a?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;u(e)},"data-testid":"input_password",ref:e,endIcon:i.jsx(ht,R({"data-testid":"show_value_btn",onClick:function(){l((function(n){return!n}))}},{children:a?i.jsx(s.ClosedEyeIcon,{}):i.jsx(s.OpenEyeIcon,{})}))},n)),i.jsx(at,{strength:c})]})})),ht=y.default.div(Zn||(Zn=O(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),xt=r.forwardRef((function(n){return i.jsxs(i.Fragment,{children:[i.jsx(ft,{children:i.jsx(et,R({},n))}),i.jsx(mt,{children:i.jsx(et,R({isTextArea:!0},n))})]})})),ft=y.default.div(ne||(ne=O(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),mt=y.default.div(ee||(ee=O(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),gt=r.forwardRef((function(n,e){var t=n.label,r=n.button,o=z(n,["label","button"]);return i.jsxs(bt,R({ref:e},{children:[i.jsx(a.Divider,{}),i.jsx(vt,{children:r||i.jsx(wt,R({fullWidth:!0,size:"s",endIcon:i.jsx(s.CheckIcon,{})},o,{children:t}))})]}))})),bt=y.default.div(te||(te=O(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),a.theme.palette.grey.zero),vt=y.default.div(re||(re=O(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),wt=y.default(a.Button)(ie||(ie=O(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),yt=r.forwardRef((function(e,t){var i,a=e.title,l=e.description,d=e.name,s=e.form,c=e.disabled,p=e.yearParams,h=e.onChange,f=e.max,m=e.min,g=e.footerLabel,b=e.datePickerProps,v=e.alignTitle,w=void 0===v?"center":v,y=z(e,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=u.useController({name:d,control:s.control}),j=k.field,_=null===(i=k.fieldState.error)||void 0===i?void 0:i.message,I=j.value,P=I?I.toFormat("dd.MM.yyyy"):"",M=I?I.toJSDate():null,E=o.useToggle(),T=E[0],O=E[1],N=E[2],D=r.useState(M),B=D[0],F=D[1],V=r.useState(P),L=V[0],W=V[1],A=function(n,e){if(!n||!e)return[];var t=x.DateTime.now().year-n;return C.default.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==p?void 0:p.min,null==p?void 0:p.max),G=o.useForkRef(t,j.ref);r.useEffect((function(){P&&W(P)}),[P]);return n.jsxs(n.Fragment,{children:[n.jsx(Le,R({mask:"00.00.0000",name:d,handleClick:O,value:L,onChange:function(n){var e=n.target.value;if(W(e),0!==e.length&&o.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"dd.MM.yyyy");F(t.toJSDate()),null==j||j.onChange({target:{value:t,name:d},type:"change"}),h&&h(t)}else F(null),null==j||j.onChange({target:{value:null,name:d},type:"change"}),h&&h(null)},disabled:c,message:_,ref:G},y)),n.jsxs(Ct,R({title:a,description:l,isOpen:T,handleClose:N,alignTitle:w},{children:[n.jsx(kt,{children:n.jsx(S.default,R({inline:!0,selected:B||M,onChange:function(n){F(n)},calendarContainer:jt,renderCustomHeader:function(e){return n.jsx(Ee,R({yearOptions:A,max:f,min:m},e))},renderDayContents:function(e){return n.jsx(_t,{children:e})},maxDate:null==f?void 0:f.toJSDate(),minDate:null==m?void 0:m.toJSDate(),calendarStartDay:1},b))}),n.jsx(gt,{fullWidth:!0,disabled:!M&&!B,onClick:function(){if(B){var n=x.DateTime.fromJSDate(B);W(n.toFormat("dd.MM.yyyy")),null==j||j.onChange({target:{value:n,name:d},type:"change"}),h&&h(n),N()}},label:g})]}))]})})),kt=y.default.div(ae||(ae=O(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),jt=y.default(Oe)(oe||(oe=O(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),a.theme.palette.background.light1,a.theme.palette.background.light1),_t=y.default.span(le||(le=O(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),Ct=y.default(a.Modal)(de||(de=O(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),St=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],It=R(R({},I.default),{localize:{month:function(n){return St[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Pt=r.forwardRef((function(n,e){var t,l=n.title,d=n.name,s=n.form,c=n.disabled,p=n.datePickerProps,h=z(n,["title","name","form","disabled","datePickerProps"]),f=u.useController({name:d,control:s.control}),m=f.field,g=null===(t=f.fieldState.error)||void 0===t?void 0:t.message,b=o.useToggle(),v=b[0],w=b[1],y=b[2],k=r.useState(m.value?x.DateTime.fromJSDate(new Date(String(m.value))).toFormat("MM.yyyy"):null),j=k[0],_=k[1],C=r.useState(j?x.DateTime.fromFormat(j,"MM.yyyy").toJSDate():null),I=C[0],P=C[1];return i.jsxs(Rt,R({ref:e},{children:[i.jsx(Le,R({mask:"00.0000",name:d,handleCLick:w,value:j,onChange:function(n){var e=n.target.value;if(_(e),0!==e.length&&o.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"MM.yyyy").toJSDate();P(t),null==m||m.onChange({target:{value:t,name:d},type:"change"})}else P(null),null==m||m.onChange({target:{value:null,name:d},type:"change"})},disabled:c,message:g,isLabelShrink:Boolean(m.value)},h)),i.jsxs(a.Modal,R({title:l,isOpen:v,handleClose:y},{children:[i.jsx(zt,{children:i.jsx(S.default,R({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:I,onChange:function(n){return P(n)},locale:It,calendarContainer:Ae,renderCustomHeader:function(n){return i.jsx(Ue,R({},n))}},p))}),i.jsx(gt,{fullWidth:!0,disabled:!I,onClick:function(){_(I?x.DateTime.fromJSDate(I).toFormat("MM.yyyy"):""),null==m||m.onChange({target:{value:I,name:d},type:"change"}),y()},label:"Подтвердить"})]}))]}))})),Rt=y.default.div(se||(se=O(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),zt=y.default.div(ce||(ce=O(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Mt=r.forwardRef((function(e,t){var i=e.tabs,a=e.handleClick,o=e.variant,l=z(e,["tabs","handleClick","variant"]),d=r.useRef(null),s=function(n){setTimeout((function(){var e,t;null===(t=null===(e=d.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),a(n)};return n.jsx(Et,R({css:"white"===o&&{background:"white"},ref:t},{children:n.jsx(j.default,R({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:d},{children:i.map((function(e,t){return n.jsx(Ye,R({tab:e,index:t,handleClick:s,offset:-121},l),e)}))}))}))})),Et=y.default.div(pe||(pe=O(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),a.theme.palette.background.light1),Tt=r.forwardRef((function(e,t){var i=e.tabs,a=e.tabPanels,l=e.paths,d=e.activeTab,s=e.variant,c=void 0===s?"grey":s,p=o.useWindowWidth(),u=k.useState(d),x=u[0],f=u[1],g=k.useState(!1),b=g[0],v=g[1],w=m.useNavigate(),y=m.useLocation(),j=function(n){if(l[n]){f(n);var e=y.pathname,t="".concat(e).concat(y.search),r="".concat(e).concat(l[n]);t!==r&&w(r,{replace:!0})}};return r.useEffect((function(){f(d)}),[d]),r.useEffect((function(){"number"!=typeof d&&p<901&&h.animateScroll.scrollToTop()}),[]),0===p?null:n.jsxs("div",R({ref:t},{children:[p>765?n.jsx(Xe,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}):n.jsx(Mt,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}),a.map((function(e,t){return n.jsx("div",R({css:t===a.length-1&&Ot},{children:n.jsx(Nt,R({name:i[t],"data-index":t},{children:e}),t)}),t)}))]}))})),Ot=t.css(ue||(ue=O(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Nt=y.default(h.Element)(he||(he=O(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Dt=r.forwardRef((function(e,t){var r=e.form,i=e.name,o=z(e,["form","name"]);return n.jsx(u.Controller,{control:null==r?void 0:r.control,name:i,render:function(e){var r=e.field;return n.jsx(a.Switch,R({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:t,name:i},o))}})})),Bt=r.forwardRef((function(n,e){var t,r=n.form,l=n.name,d=void 0===l?"phone":l,s=n.hiddenInputProps,c=n.error,p=z(n,["form","name","hiddenInputProps","error"]),h=u.useController({control:r.control,name:"".concat(d,".phoneCode"),defaultValue:"7"}),x=u.useController({control:r.control,name:"".concat(d,".phoneNumber")}),f=void 0!==c&&String(c).length>0?c:null===(t=x.fieldState.error)||void 0===t?void 0:t.message,m=o.useForkRef(e,x.field.ref);return i.jsx(a.InputWithCountryDropdown,R({message:f,hiddenInputProps:R(R({},h.field),s),onSelectCountry:function(n){h.field.onChange({target:{value:n.phoneCode,name:"".concat(d,".phoneCode")},type:"change"})}},x.field,p,{onChange:function(n){x.field.onChange(n),h.field.value||h.field.onChange({target:{value:"7",name:"".concat(d,".phoneCode")},type:"change"}),p.onChange&&p.onChange(n)},ref:m,autoComplete:"false"}))})),Ft=r.forwardRef((function(n,e){return i.jsx(Vt,R({cellSpacing:"0",ref:e},n))})),Vt=y.default.table(xe||(xe=O(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Lt=y.default.th(fe||(fe=O(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Wt=y.default.td(me||(me=O(["\n padding: 0;\n"],["\n padding: 0;\n"]))),At=r.forwardRef((function(n,e){var t=n.children,r=z(n,["children"]),a=k.Children.toArray(t);return i.jsx("tr",R({ref:e},{children:a.map((function(n){return k.cloneElement(n,r)}))}))})),Gt={bottomStart:{bottom:1,offset:0},bottomMiddle:{bottom:1,offset:.5},bottomEnd:{bottom:1,offset:1},topStart:{top:1,offset:0},topMiddle:{top:1,offset:.5},topEnd:{top:1,offset:1}},Ut=r.forwardRef((function(n,e){n.placement;var t=n.open,r=n.children,a=n.spacing,o=n.className,l=n.style,d=z(n,["placement","open","children","spacing","className","style"]);return i.jsx(Kt,R({ref:e,className:_.default("KUI-Popper",o),spacing:a,style:l,open:!!t},{children:i.jsx(qt,R({open:!!t},d,{children:r}))}))})),Kt=y.default.div(ge||(ge=O(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),a.theme.breakpoints.xxs),qt=y.default.div(be||(be=O(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),Ht=r.forwardRef((function(n,e){var a=n.placement,o=n.contentRef,l=z(n,["placement","contentRef"]),d=r.useRef(null),s=r.useState(null),c=s[0],p=s[1],u=r.useState(null),h=u[0],x=u[1];r.useEffect((function(){if(o.current&&d.current){var n=d.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};p(e),x(t)}}),[]);var f={};if(c&&h){var m=Gt[null!=a?a:"bottomMiddle"];f={top:Math.max(m.top?c.top-h.height:c.top+c.height,0),left:Math.max(c.left+c.width*m.offset-h.width*m.offset,0)}}return P.createPortal(i.jsxs(i.Fragment,{children:[i.jsx(t.Global,{styles:t.css(ve||(ve=O(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),i.jsx(Ut,R({ref:function(n){e&&(e.current=n),d.current=n},style:f},l))]}),document.body)})),Jt=r.forwardRef((function(n,e){var t=n.placement,a=n.contentRef,o=z(n,["placement","contentRef"]),l=r.useRef(null),d=r.useState(null),s=d[0],c=d[1],p=r.useState(null),u=p[0],h=p[1],x={};if(r.useEffect((function(){a.current&&l.current&&(c({width:a.current.clientWidth,height:a.current.clientHeight}),h({width:l.current.clientWidth,height:l.current.clientHeight}))}),[]),s&&u){var f=Gt[null!=t?t:"bottomMiddle"];x={top:f.top?0-u.height:0+s.height,left:Math.max(s.width*f.offset-u.width*f.offset,0)}}return i.jsx(Ut,R({ref:function(n){e&&(e.current=n),l.current=n},style:x},o))})),Yt=r.forwardRef((function(n,e){var t=n.contentRef,a=z(n,["contentRef"]),o=r.useState(!0),l=o[0],d=o[1];return r.useEffect((function(){var n=function(){for(var n=t.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();d(!!n)}),[t]),l?i.jsx(Jt,R({ref:e,contentRef:t},a)):i.jsx(Ht,R({ref:e,contentRef:t},a))})),Qt=r.forwardRef((function(n,e){var t=n.content,a=n.onOpen,o=n.onClose,l=n.open,d=n.children,s=n.cursor,c=n.className,p=z(n,["content","onOpen","onClose","open","children","cursor","className"]),u=r.useState(l),h=u[0],x=u[1],f=r.useRef(null),m=function(){x(!0),a&&a()};return r.useEffect((function(){x(l)}),[l]),i.jsxs(Xt,R({className:c,onMouseLeave:function(){x(!1),o&&o()},ref:e},{children:[i.jsx(Zt,R({onMouseEnter:m,onTouchEnd:m,ref:f,cursor:s},{children:i.jsx(nr,R({className:"Tooltip_content"},{children:d}))})),i.jsx(Yt,R({open:h},p,{contentRef:f},{children:t}))]}))})),$t=t.css(we||(we=O(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Xt=y.default.div(ye||(ye=O(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),$t),Zt=y.default.div(ke||(ke=O(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),$t,(function(n){return n.cursor})),nr=y.default.div(je||(je=O(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),$t),er=r.forwardRef((function(n,e){var t,r=n.options,a=z(n,["options"]);return i.jsx(tr,R({value:null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.value,options:r,iconProps:{width:9,height:5}},a,{ref:e}))})),tr=y.default(Se)(_e||(_e=O(["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),a.theme.breakpoints.xs),rr=r.forwardRef((function(n,e){var t,r,a=n.options,o=n.name,l=n.handleChange,d=n.form,s=n.value,c=z(n,["options","name","handleChange","form","value"]),p=u.useController({control:d.control,name:o}),h=null===(t=p.fieldState.error)||void 0===t?void 0:t.message;return i.jsx(Se,R({options:a,handleChange:function(n){var e;l&&l(n),d&&(null===(e=p.field)||void 0===e||e.onChange({target:{value:n,name:o},type:"change"}))},error:h,name:o,value:s||(null===(r=p.field)||void 0===r?void 0:r.value),ref:e},c))}));function ir(n){var e=n.option,t=n.selectedValue.includes(e.value);return i.jsx(lr,R({container:!0,selected:t},{children:i.jsx(a.Checkbox,{checked:t,label:i.jsx(dr,R({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var ar,or,lr=y.default(a.Grid)(ar||(ar=O(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?a.theme.palette.background.light1:a.theme.palette.grey.zero}),a.theme.palette.background.light1,a.theme.palette.grey.seventy),dr=y.default(a.Caption)(or||(or=O(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?a.theme.palette.grey.seventy:a.theme.palette.grey.fiftyP}));var sr=r.forwardRef((function(n,e){var t=n.options,o=n.disabled,l=n.direction,d=void 0===l?"row":l,s=n.defaultValue,c=n.value,p=n.onChange,u=n.isSquare,h=z(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),x=r.useState(s||c||t[0].value),f=x[0],m=x[1],g=function(n){var e=n.target.value;m(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(m(null),p&&p(n,null))};return r.useEffect((function(){c&&m(c)}),[c]),i.jsx(a.Grid,R({container:!0,direction:d,ref:e},{children:t.map((function(n){return i.jsx(a.Radio,R({value:n.value,label:n.label,disabled:Boolean(o),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function cr(n){var e=n.form,t=n.name,a=n.defaultValue,o=z(n,["form","name","defaultValue"]);return r.useEffect((function(){e.getValues(t)||a||e.setValue(t,o.options[0].value)}),[]),i.jsx(u.Controller,{control:e.control,name:String(t),render:function(n){var e=n.field;return i.jsx(sr,R({},o,e,{defaultValue:a,onChange:function(n,r){return function(n,e,r){r.onChange({target:{value:e,name:t},type:"change"}),o.onChange&&o.onChange(n,e)}(n,r,e)}}))}})}sr.displayName="RadioButtons";var pr,ur,hr,xr,fr,mr,gr,br=y.default.div(pr||(pr=O(["\n position: relative;\n"],["\n position: relative;\n"]))),vr=y.default(a.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(xr||(xr=O(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?a.theme.palette.red.fiftyP:a.theme.palette.grey.fifteenB}),(function(n){var e=n.direction,r=n.hasError,i=n.withTitle;return"column"===e?function(n){var e=n.hasError;return t.css(ur||(ur=O(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:r}):function(n){var e=n.hasError,r=n.withTitle;return t.css(hr||(hr=O(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),r?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:r,withTitle:i})}),a.theme.breakpoints.sm),wr=y.default(a.Caption)(fr||(fr=O(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),a.theme.breakpoints.sm),yr=r.forwardRef((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,a=z(n,["height","className"]);return i.jsx(jr,R({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:i.jsx(kr,R({},a))}))})),kr=y.default(a.CircularProgress)(mr||(mr=O(["\n color: ",";\n"],["\n color: ",";\n"])),a.theme.palette.brand.main),jr=y.default(a.Grid,{shouldForwardProp:function(n){return"height"!==n}})(gr||(gr=O(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function _r(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=o.useToggle(),l=r[0],d=r[1],s=r[2];if(!e||!t)return null;return i.jsxs(i.Fragment,{children:[i.jsxs(Rr,R({container:!0,onClick:d,alignItems:"center"},{children:[i.jsx(zr,{width:12,height:12}),i.jsx(a.Caption,R({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),i.jsx(Mr,R({onClick:function(n){return n.stopPropagation()}},{children:t({open:l,handleClose:s})}))]})}var Cr,Sr,Ir,Pr,Rr=y.default(a.Grid)(Cr||(Cr=O(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),a.theme.palette.grey.fifteenB),zr=y.default(s.PlusIcon)(Sr||(Sr=O(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),a.theme.palette.grey.fiftyP),Mr=y.default.div(Ir||(Ir=O([""],[""]))),Er=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,a=n.index;return i.jsx(Tr,R({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(a)},{children:t(e)}))},Tr=y.default(a.Grid)(Pr||(Pr=O(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Or(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,a=n.renderCreatingModal,o=n.inputRef,l=n.isOpenDropdown,d=n.isLoading,s=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return i.jsxs(Br,R({input:s,buttonRef:o,isOpen:l,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&u&&u()},endComponent:i.jsx(_r,{creatingLabel:r,renderCreatingModal:a})},{children:[e.map((function(n,e){return i.jsx(Er,{option:n,renderOption:t,handleSelect:p,index:e},e)})),d&&i.jsx(Fr,{height:"auto"})]}))}var Nr,Dr,Br=y.default(yn)(Nr||(Nr=O(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Fr=y.default(yr)(Dr||(Dr=O(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var Vr,Lr,Wr,Ar,Gr=y.default.div(Vr||(Vr=O(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),Ur=y.default.div(Lr||(Lr=O(["\n position: relative;\n"],["\n position: relative;\n"]))),Kr=y.default(et)(Wr||(Wr=O(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),qr=y.default(s.HalfArrowIcon)(Ar||(Ar=O(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var Hr,Jr=y.default.div(Hr||(Hr=O(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),a.theme.palette.background.light2);function Yr(n){var e=n.href,t=n.withoutRoute,r=n.stopPropagation,a=n.openInNewWindow,l=z(n,["href","withoutRoute","stopPropagation","openInNewWindow"]),d=m.useNavigate();return i.jsx($r,R({href:e||void 0,onClick:function(n){r&&n.stopPropagation(),n.preventDefault(),e&&(t?o.updateQueryParams(e):a?window.open(e,"_blank"):d(e))}},l))}var Qr,$r=y.default.a(Qr||(Qr=O(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"],["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"])));function Xr(n){var e,t,o=n.file,l=n.onDelete,d=n.onChange,c=n.index,p=n.selectedFile,u=n.setSelectedFile,h=n.limitTitle,x=void 0===h?100:h,f=n.icon,m=n.subtitle,g=n.disabled,b=n.error,v=n.className,w=z(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className"]),y=String(null===(t=o.title||o.name||(null===(e=o.file)||void 0===e?void 0:e.name))||void 0===t?void 0:t.replace(/\.[^/.]+$/,"")),k=r.useState(y),j=k[0],_=k[1],C=r.useState(!1),S=C[0],I=C[1],P=r.useRef(null);r.useEffect((function(){var n;S&&(null===(n=P.current)||void 0===n||n.focus()),!S&&y!==j&&d&&d(j,c)}),[S]);return i.jsxs(i.Fragment,{children:[i.jsxs(hi,R({selected:(null!=p?p:-1)===c,error:x&&j.length>x||!!b,onClick:function(){u&&u(null!=c?c:1)},disabled:!!g,className:"FileWrapper ".concat(v||"")},w,{children:[i.jsx(xi,R({className:"FileIcon_wrapper"},{children:f||i.jsx(s.FileIcon,{})})),i.jsxs(mi,R({className:"FileContent_wrapper"},{children:[i.jsxs(vi,{children:[i.jsx(Yr,R({href:o.url,openInNewWindow:!0},{children:i.jsx(bi,{children:j})})),i.jsx(gi,{"data-testid":"file_name",ref:P,disabled:!S,value:j,onChange:function(n){_(n.target.value)},onBlur:function(){I(!1)},maxLength:100})]}),m||String(o.size)&&i.jsxs(a.Caption,R({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),i.jsxs(fi,R({className:"FileButtons_wrapper"},{children:[!g&&d&&i.jsx(a.Button,R({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){I((function(n){return!n}))}},{children:S?i.jsx(s.CheckIcon,{}):i.jsx(s.EditIcon,{width:18,height:18})})),l&&!g&&i.jsx(a.Button,R({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;l&&l(null!==(n=o.index)&&void 0!==n?n:1,Number(c))}},{children:i.jsx(s.TrashIcon,{width:18,height:18})}))]}))]})),(x&&j.length>x||b)&&i.jsx(a.Box,R({mb:1},{children:i.jsx(a.Caption,R({size:"xs",colorGroup:"red",weight:500},{children:b||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var Zr,ni,ei,ti,ri,ii,ai,oi,li,di,si,ci,pi,ui,hi=y.default.div(ei||(ei=O(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?a.theme.palette.brand.main:a.theme.palette.grey.fifteenB}),(function(n){return n.disabled&&t.css(ni||(ni=O(["\n background: ",";\n "],["\n background: ",";\n "])),a.theme.palette.background.light1)}),(function(n){return n.error&&t.css(Zr||(Zr=O(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),a.theme.palette.red.seventy)})),xi=y.default.div(ti||(ti=O(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),a.theme.palette.brand.light),fi=y.default.div(ri||(ri=O(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),a.theme.palette.grey.thirty),mi=y.default.div(ii||(ii=O(["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]))),gi=y.default.input(ai||(ai=O(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: ",";\n caret-color: ",";\n height: -webkit-fill-available;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: ",";\n caret-color: ",";\n height: -webkit-fill-available;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),a.theme.palette.grey.seventy,a.theme.palette.brand.main),bi=y.default.span(oi||(oi=O(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),vi=y.default.div(li||(li=O(["\n position: relative;\n width: fit-content;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: fit-content;\n max-width: 100%;\n height: auto;\n"]))),wi=r.forwardRef((function(n,e){var t,o=n.form,l=n.name,d=n.parentName,s=n.label,c=n.disabled,p=n.withEdit,h=void 0===p||p,x=n.fileName,f=n.onChange,m=n.isRequired,g=n.uploadLabel,b=n.toBigTitleMessage,v=z(n,["form","name","parentName","label","disabled","withEdit","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage"]),w=r.useState(!1),y=w[0],k=w[1],j=r.useState(),_=j[0],C=j[1],S=r.useState(""),I=S[0],P=S[1],M=r.useRef(null),E=u.useController({control:o.control,name:l}),T=E.field,O=E.fieldState,N=u.useController({control:o.control,name:d||l}).field,D=null==_?void 0:_.name.split(".").pop(),B=_&&"url"in _?_:{file:_,url:_?URL.createObjectURL(_):I,size:_?Math.round(_.size/1048576*100)/100:null,name:x?"".concat(x,".").concat(D):null==_?void 0:_.name},F=null===(t=O.error)||void 0===t?void 0:t.message;r.useEffect((function(){"string"==typeof T.value&&P(T.value),"object"==typeof T.value&&C(T.value),k(!0)}),[]),r.useEffect((function(){var n,e=Number((null==x?void 0:x.length)||(null===(n=null==_?void 0:_.name)||void 0===n?void 0:n.length))>100;y&&!I&&T.onChange({target:{value:_,name:l},type:"change"}),e?o.setError(l,{type:"custom",message:b||"The file name must be less than 100 characters"}):o.clearErrors(l)}),[_]);return i.jsxs(yi,{children:[i.jsx(ji,R({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];C(e),f&&f(e)}else C(void 0)}},v,{ref:function(n){e&&(e.current=n),M.current=n}})),_||I?i.jsx(Xr,{file:B,onDelete:function(){_&&M.current&&(M.current.value=""),C(void 0),P(""),d?N.onChange({target:{value:null,name:d},type:"change"}):T.onChange({target:{value:null,name:l},type:"change"}),f&&f(null)},onChange:h&&function(n){var e,t=o.getValues(l),r="".concat(n,".").concat(D);"updateName"in t?(t.updateName(n),e=t):e=new File([t],r,{type:t.type}),C(e)},error:F,disabled:c}):i.jsxs(i.Fragment,{children:[i.jsxs(ki,R({error:!!F,disabled:c,container:!0,justify:"space-between",alignItems:"center"},{children:[i.jsx(_i,R({item:!0},{children:i.jsxs(a.Caption,R({size:"s",color:"fiftyP"},{children:[s,m?" *":""]}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(Ci,R({disabled:c,size:"s",onClick:function(){M.current&&M.current.click()}},{children:g||"Upload"}))}))]})),F&&i.jsx(a.InputMessage,{variant:"error",msg:F})]})]})})),yi=y.default.div(di||(di=O(["\n position: relative;\n"],["\n position: relative;\n"]))),ki=y.default(a.Grid)(si||(si=O(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?a.theme.palette.red.fiftyP:a.theme.palette.grey.fifteenB}),(function(n){return n.disabled?a.theme.palette.background.light1:a.theme.palette.grey.zero})),ji=y.default.input(ci||(ci=O(["\n display: none;\n"],["\n display: none;\n"]))),_i=y.default(a.Grid)(pi||(pi=O(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Ci=y.default(a.Button)(ui||(ui=O(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Si=r.forwardRef((function(n,e){var t=n.form,r=n.name,o=n.label,l=n.labelProps,d=z(n,["form","name","label","labelProps"]);return i.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return i.jsx(a.Checkbox,R({},d,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},label:"string"==typeof o?i.jsx(a.Caption,R({},l,{children:o})):o}))}})}));var Ii,Pi,Ri=y.default(Si)(Ii||(Ii=O(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),zi=y.default(a.Grid)(Pi||(Pi=O(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),a.theme.palette.grey.fifteenB),Mi={mapKey:""},Ei=[],Ti=function(){return R({},Mi)},Oi=function(n){Ei.push(n)},Ni=function(n){var e=Ei.indexOf(n);-1!==e&&Ei.splice(e,1)},Di=function(n){return"LOADING"===n?i.jsx(yr,{height:"100%"}):"FAILURE"===n?i.jsx("h3",{children:n}):i.jsx("div",{})};function Bi(n){var e=n.children,t=r.useState(!1),a=t[0],o=t[1],l=r.useState("LOADING"),d=l[0],s=l[1],c=r.useState(Ti().mapKey),p=c[0],u=c[1];return r.useEffect((function(){var n=function(n){return u(n.mapKey)};return Oi(n),function(){Ni(n)}}),[]),r.useEffect((function(){if(!a&&p){var n=new b.Loader({apiKey:p,libraries:["places"],language:"ru"}),e=function(n){s(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return o(!0)}}),[p]),p?"SUCCESS"===d&&e?i.jsx(i.Fragment,{children:e}):(Di(d),i.jsx(i.Fragment,{})):i.jsx("h2",{children:"Add google key"})}var Fi=function(n,e,t){var i=r.useState(null),a=i[0],o=i[1],l=r.useRef(null);function d(r){var i,a,l,d,s,c,p;return M(this,void 0,void 0,(function(){var u,h,x,f,m,g,b;return E(this,(function(v){return u=(null===(i=r.geometry)||void 0===i?void 0:i.location)?{lat:r.geometry.location.lat(),lng:r.geometry.location.lng()}:null,h=null==u?void 0:u.lat,x=null==u?void 0:u.lng,t&&t(h&&x?{lat:h,lng:x}:null,r),null==n||n.setValue("".concat(e,".location.lat"),h,{shouldValidate:!0}),null==n||n.setValue("".concat(e,".location.lng"),x,{shouldValidate:!0}),n.setValue("".concat(e,".addressAutoComplete"),r,{shouldValidate:!0}),f=null===(l=null===(a=r.address_components)||void 0===a?void 0:a.find((function(n){return n.types.includes("route")})))||void 0===l?void 0:l.short_name,m=null===(s=null===(d=r.address_components)||void 0===d?void 0:d.find((function(n){return n.types.includes("street_number")})))||void 0===s?void 0:s.short_name,g=null===(p=null===(c=r.address_components)||void 0===c?void 0:c.find((function(n){return n.types.includes("postal_code")})))||void 0===p?void 0:p.short_name,b=r.formatted_address,f&&m&&(b="".concat(f,", ").concat(m)),null==n||n.setValue("".concat(e,".address"),b,{shouldValidate:!0}),n.setValue("zipCode",g),o(r),[2]}))}))}var s=function(){window.google&&l.current?function(){if(l.current){var n=new window.google.maps.places.Autocomplete(l.current);n.addListener("place_changed",(function(){d(n.getPlace())}))}}():setTimeout(s,1)};return r.useEffect((function(){var r,i,a,l;s(),r=n.getValues("".concat(e,".address")),i=n.getValues("".concat(e,".location.lat")),a=n.getValues("".concat(e,".location.lng")),l={formatted_address:r,geometry:{location:{lat:i,lng:a}}},t&&t(i&&a?{lat:i,lng:a}:null,null),r&&i&&a&&o(l)}),[]),{inputRef:l,handlePlaceSelect:d,place:a,cleanLocation:function(){o(null),null==n||n.setValue("".concat(e,".location.lat"),null,{shouldValidate:!0}),null==n||n.setValue("".concat(e,".location.lng"),null,{shouldValidate:!0}),null==n||n.setValue("".concat(e,".addressAutoComplete"),null,{shouldValidate:!0}),null==n||n.setValue("".concat(e,".address"),"",{shouldValidate:!0})}}};exports.AutocompleteOption=function(n){var e=n.label;return i.jsx(Jr,{children:i.jsx(a.Caption,R({size:"s",weight:500},{children:e}))})},exports.Avatar=ln,exports.ButtonSelect=er,exports.ButtonTab=fn,exports.ButtonsPanel=bn,exports.CalendarHeaderWithSelect=Ee,exports.CalendarStandardContainer=Oe,exports.CalendarStandardHeader=De,exports.CheckboxGroupWithTitle=function(n){var e=n.title,t=n.options,r=n.form;n.name;var o=z(n,["title","options","form","name"]);return i.jsxs(zi,R({container:!0,alignItems:"center",justify:"space-between"},{children:[i.jsx(a.Grid,R({item:!0},{children:i.jsx(a.Caption,R({size:"s",weight:500,color:"fiftyP"},{children:e}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(a.Grid,R({container:!0},{children:t.map((function(n){return i.jsx(Ri,R({name:n.name,label:i.jsx(a.Caption,R({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},o),n.name)}))}))}))]}))},exports.CheckboxWithController=Si,exports.DependentInput=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,a=n.Input,o=z(n,["dependentInputName","form","disabled","Input"]),l=u.useWatch({control:t.control,name:e}),d=R({form:t,disabled:r||!l},o);return a?i.jsx(a,R({},d)):i.jsx(et,R({},d))},exports.DesktopInputWithMonthPicker=He,exports.DesktopMenuPanel=Xe,exports.InputDropdown=yn,exports.InputFile=wi,exports.InputForDatepicker=Le,exports.InputMultiSelect=function(n){var e,t,a=n.options,o=n.name,l=n.handleChange,d=n.form,s=n.value,c=z(n,["options","name","handleChange","form","value"]),p=d?u.useController({control:d.control,name:o}):null,h=r.useState(s||(null===(e=null==p?void 0:p.field)||void 0===e?void 0:e.value)||[]),x=h[0],f=h[1],m=a.filter((function(n){return x.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(t=null==p?void 0:p.fieldState.error)||void 0===t?void 0:t.message;return r.useEffect((function(){var n;d&&(null===(n=null==p?void 0:p.field)||void 0===n||n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),i.jsx(Rn,R({options:a,handleChange:function(n){x.includes(n.value)?f((function(e){return e.filter((function(e){return e!==n.value}))})):f((function(e){return T(T([],e,!0),[n.value],!1)})),l&&l(n.value)},error:g,selectedLabel:m,selectedValue:x,name:o,isLabelShrink:!!m,renderOption:function(n,e){return i.jsx(ir,{option:n,selectedValue:e})}},c))},exports.InputPassword=ut,exports.InputPhoneWithForm=Bt,exports.InputSelect=Se,exports.InputSelectBase=Rn,exports.InputSelectDropdown=Sn,exports.InputSelectWithController=rr,exports.InputTextAreaMobile=xt,exports.InputWithAddressAutocomplete=function(n){var e=n.form,t=n.name,r=n.handlePlaceSelect,a=z(n,["form","name","handlePlaceSelect"]),o=Fi(e,t,r).inputRef;return i.jsx(Bi,{children:i.jsx(et,R({name:"".concat(t,".address"),form:e,ref:o,placeholder:"",label:"Address"},a))})},exports.InputWithAutocomplete=function(e){var t,i=e.renderOption,l=e.options,d=e.name,s=e.hideName,c=e.form,p=e.isLoading,u=e.onSelectItem,h=e.handleScrollEnd,x=e.onSearchItem,f=e.isLabelLoading,m=e.disabled,g=e.creatingLabel,b=e.renderCreatingModal,v=e.endComponent,w=e.inputRef,y=e.onOpen,k=z(e,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),j=r.useState(!1),_=j[0],C=j[1],S=r.useRef(null);s&&c.register(s);var I=function(){m||C(!0)},P=function(){C(!1)};r.useEffect((function(){y&&y(_)}),[_]);var M=o.useForkRef(S,w);return n.jsxs(Ur,{children:[f&&n.jsx(Gr,{children:n.jsx(yr,{height:"100%"})}),n.jsx(Or,{renderOption:i,options:l,inputRef:{current:null===(t=S.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:_,handleCloseDropdown:P,handleSelect:function(n){var e;u(n),P(),(null===(e=c.getFieldState(d).error)||void 0===e?void 0:e.message)&&c.clearErrors(d)},isLoading:p,handleScrollEnd:h,creatingLabel:g,renderCreatingModal:b,input:n.jsx(Kr,R({form:c,onInput:function(n){x&&(x(n.target.value),s&&c.setValue(s,null)),!n.target.value&&s&&(s&&c.setValue(s,null),c.setValue(d,null),u(null)),I()},onFocus:I,name:d,disabled:m,ref:M,isDropdownOpen:_,autoComplete:"nope"},k,{endIcon:!m&&n.jsxs(a.Grid,R({container:!0,alignItems:"center",onClick:function(){C((function(n){return!n}))}},{children:[n.jsx(a.Box,R({mr:2},{children:v})),k.endIcon||!m&&n.jsx(qr,{width:12,height:13,css:[_&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=et,exports.InputWithDatePicker=yt,exports.InputWithMask=nt,exports.InputWithMonthPicker=function(n){return i.jsxs(i.Fragment,{children:[i.jsx(He,R({},n)),i.jsx(Pt,R({},n))]})},exports.Loading=yr,exports.MapWrapper=Bi,exports.MenuItem=Ye,exports.MenuPanel=Tt,exports.MobileInputWithMonthPicker=Pt,exports.MobileMenuPanel=Mt,exports.MonthPickerContainer=Ae,exports.MonthPickerHeader=Ue,exports.PassportStrengthBar=at,exports.RadioButtons=sr,exports.RadioButtonsWithController=cr,exports.RadioGroupWithLabel=function(n){var e,t=n.title,r=n.className,o=n.direction,l=n.form,d=n.name,s=z(n,["title","className","direction","form","name"]),c=null===(e=u.useController({control:l.control,name:d}).fieldState.error)||void 0===e?void 0:e.message;return i.jsxs(br,{children:[i.jsxs(vr,R({container:!0,alignItems:"vertical"===o?"flex-start":"center",justify:"space-between",direction:"vertical"===o?"column":"row",hasError:!!c,className:r,withTitle:!!t},{children:[t&&i.jsx(wr,R({direction:o,size:"xs",weight:600},{children:t.toUpperCase()})),i.jsx(a.Grid,R({item:!0,xs:"vertical"===o?12:"auto"},{children:i.jsx(cr,R({form:l,name:d},s))}))]})),c&&i.jsx(a.InputMessage,{variant:"error",msg:c})]})},exports.SelectMonth=Me,exports.SelectYear=Pe,exports.Switch=Dt,exports.Table=Ft,exports.TableCell=Wt,exports.TableHeadCell=Lt,exports.TableRow=At,exports.Tooltip=Qt,exports.UndefinedAvatar=an,exports.getFormError=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.formState.errors;return null==t||t.forEach((function(n){r&&(r=r[n])})),null==r?void 0:r.message},exports.getFormValue=pt,exports.getSettings=Ti,exports.getVisibility=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},exports.getVisibilitySettings=function(n){switch(n){case"everybody":return{tenant:!0,landlord:!0};case"landlord":return{tenant:!1,landlord:!0};case"tenant":return{tenant:!0,landlord:!1};default:return{tenant:!1,landlord:!1}}},exports.setSettings=function(n){Mi=R(R({},Mi),n),Ei.forEach((function(n){return n(Mi)}))},exports.shortMonths=St,exports.subscribeToSettings=Oi,exports.unsubscribeFromSettings=Ni,exports.useAddressAutocomplete=Fi;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react-datepicker/dist/react-datepicker.css");var n=require("@emotion/react/jsx-runtime"),e=require("@emotion/styled"),t=require("@emotion/react"),r=require("react"),i=require("react/jsx-runtime"),a=require("kui-basic"),o=require("kui-utils"),d=require("kui-swiper"),l=require("classnames"),s=require("kui-icon"),p=require("lodash"),c=require("react-datepicker"),u=require("react-hook-form"),h=require("react-scroll"),x=require("luxon"),f=require("date-fns/locale/ru"),m=require("react-router-dom"),g=require("react-dom"),b=require("@googlemaps/js-api-loader");function v(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function w(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var y=v(e),k=w(r),j=v(d),C=v(l),_=v(p),S=v(c),I=v(f),P=w(g),R=function(){return R=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},R.apply(this,arguments)};function z(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function M(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function E(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var T,O,N,D,B,F,W,L,G,U,A,V,K,q,H,J,Y,Q,$,X,Z,nn,en,tn=r.forwardRef((function(n,e){var t=n.label,r=z(n,["label"]);if(!t)return i.jsx("div",{});var o=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return i.jsx(rn,R({"data-testid":"undefined_avatar",ref:e},{children:i.jsx(a.Caption,R({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:o}))}))})),rn=y.default.div(T||(T=E(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),a.theme.palette.brand.light,a.theme.palette.brand.main),an=r.forwardRef((function(e,t){var r=e.size,i=e.fullName,a=e.imageUrl,o=z(e,["size","fullName","imageUrl"]);return n.jsx(on,R({css:sn[r],ref:t},o,{children:a?n.jsx(dn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):n.jsx(ln,{label:i,avatarSize:r})}))})),on=y.default.div(O||(O=E(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),dn=y.default.img(N||(N=E(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),ln=y.default(tn,{shouldForwardProp:function(n){return"size"!==n}})(B||(B=E(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&t.css(D||(D=E(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),sn={xs:t.css(F||(F=E(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:t.css(W||(W=E(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:t.css(L||(L=E(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:t.css(G||(G=E(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},pn=r.forwardRef((function(e,t){var r=e.index,i=e.onClick,a=e.isActive,o=e.label,d=e.disabled;return n.jsx(cn,R({disabled:d,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&un,size:"s",ref:t,className:C.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),cn=y.default(a.Button)(U||(U=E(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),un=t.css(A||(A=E(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),a.theme.palette.grey.seventy),hn=r.forwardRef((function(e,t){var r=e.renderTabWrapper,i=e.label,a=z(e,["renderTabWrapper","label"]);return r?r(i,n.jsx(pn,R({ref:t,label:i},a))):n.jsx(pn,R({ref:t,label:i},a))})),xn=function(n){var e=n.startComponent,t=n.endComponent,o=n.tabs,d=n.renderTabWrapper,l=n.handleChange,s=n.value,p=r.useRef(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=p.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),l(n)};return i.jsxs(a.Container,R({className:"KUI-ButtonTabs"},{children:[e,i.jsx(fn,R({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:p},{children:o.map((function(n,e){return i.jsx(hn,{index:e,onClick:c,isActive:e===s,label:n,renderTabWrapper:d},n)}))})),t]}))},fn=y.default(j.default)(V||(V=E(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),mn=r.forwardRef((function(e,t){var i=e.tabs,a=e.tabPanels,d=e.paths,l=e.activeTab,s=e.isSticky,p=e.onChange,c=e.startComponent,u=e.endComponent,h=e.navigate,x=e.renderTabWrapper,f=z(e,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),m=o.useWindowWidth(),g=k.useState(Number(l)),b=g[0],v=g[1];return r.useEffect((function(){v(Number(l))}),[l]),0===m?null:n.jsxs(n.Fragment,{children:[n.jsx(bn,R({css:s&&{position:"sticky"},ref:t},f,{children:n.jsx(xn,{value:b,tabs:i,handleChange:function(n){if(v(n),null==d?void 0:d.length){var e=d[n];h?h(e):o.updateQueryParams(e)}p&&p(n)},endComponent:u,startComponent:c,renderTabWrapper:x})})),n.jsx(gn,R({role:"tabpanel"},{children:a[b]}))]})})),gn=y.default.div(K||(K=E(["\n height: 100%;\n"],["\n height: 100%;\n"]))),bn=y.default.div(q||(q=E(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),a.theme.palette.grey.zero),vn=r.forwardRef((function(n,e){var t=n.isOpen,a=n.handleClose,o=n.buttonRef,d=n.children,l=n.endComponent,s=n.input,p=n.className,c=n.strategy,u=n.onScroll,h=z(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),x=r.useState(!1),f=x[0],m=x[1],g=r.useRef(null);r.useEffect((function(){var n;if((null==o?void 0:o.current)&&t){var e=null===(n=g.current)||void 0===n?void 0:n.children[0].children[0];if(e){var r=e.scrollHeight>e.clientHeight;m(r)}}}),[t]);return i.jsx(wn,R({fullWidth:!0,withoutMobile:!0,open:t,onChange:function(n){n||a()},toggleMethod:"controlled",strategy:c||"fixed",placement:"bottom",className:p,content:i.jsxs(yn,R({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),g.current=n}},h,{children:[i.jsx(kn,R({isScrollable:f},{children:i.jsx(jn,R({onScroll:u,isScrollable:f,className:"KUI-InputDropdown_scroll"},{children:d}))})),l]}))},{children:s}))})),wn=y.default(a.Tooltip)(H||(H=E(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),yn=y.default(a.Grid)(J||(J=E(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),kn=y.default.div(Y||(Y=E(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 8px 8px 0":"14px 0px 8px 0"})),jn=y.default.div(Q||(Q=E(["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?"4px":"0px"}),a.theme.palette.grey.fifteenB,a.theme.palette.grey.thirty),Cn=r.forwardRef((function(n,e){var t=n.input,r=n.options,a=n.inputRef,o=n.isOpenDropdown,d=n.handleCloseDropdown,l=n.handleSelect,s=n.selectedValue,p=n.renderOption;return i.jsx(Sn,R({input:t,buttonRef:a,isOpen:o,handleClose:d,ref:e},{children:r.map((function(n,e){return i.jsx(_n,R({disabled:n.disabled,onClick:function(){return function(n){n.disabled||l(n)}(n)},"data-value":"autocomplete_option_".concat(n.value),"data-testid":"autocomplete_option_".concat(e)},{children:p(n,s)}),n.label)}))}))})),_n=y.default.div($||($=E(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?a.theme.palette.grey.fiftyP:a.theme.palette.grey.seventy})),Sn=y.default(vn)(X||(X=E(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),In=r.forwardRef((function(e,t){var i,a=e.options,d=e.name,l=e.disabled,s=e.handleChange,p=e.iconProps,c=e.renderOption,u=e.selectedLabel,h=e.selectedValue,x=e.error,f=z(e,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error"]),m=r.useState(!1),g=m[0],b=m[1],v=r.useRef(null),w=o.useForkRef(v,t),y=function(){b(!1)};return n.jsxs(Pn,{children:[n.jsx("input",{name:d,autoComplete:"off",hidden:!0}),n.jsx(Cn,{options:a,inputRef:{current:null===(i=null==v?void 0:v.current)||void 0===i?void 0:i.parentElement},isOpenDropdown:g,handleCloseDropdown:y,handleSelect:function(n){s&&s(n),y()},selectedValue:h,renderOption:c,input:n.jsx(Rn,R({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==v?void 0:v.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==v?void 0:v.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),l||b((function(n){return!n}))},ref:w,disabled:l,readOnly:!0,value:u,message:x,isLabelShrink:Boolean(h)||0===h,autoComplete:"nope"},f,{endIcon:!l&&n.jsx(zn,R({width:12,height:13,css:[{transition:"all linear .2s"},g&&{transform:"rotate(180deg)"}]},p))}))})]})})),Pn=y.default.div(Z||(Z=E(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Rn=y.default(a.InputWithAdornments)(nn||(nn=E(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"],["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"]))),zn=y.default(s.HalfArrowIcon)(en||(en=E(["\n user-select: none;\n"],["\n user-select: none;\n"])));function Mn(n){var e=n.option,t=n.selectedValue;return i.jsx(je,R({selected:t===e.value},{children:i.jsx(a.Caption,R({size:"sm",weight:500},{children:e.label}))}))}var En,Tn,On,Nn,Dn,Bn,Fn,Wn,Ln,Gn,Un,An,Vn,Kn,qn,Hn,Jn,Yn,Qn,$n,Xn,Zn,ne,ee,te,re,ie,ae,oe,de,le,se,pe,ce,ue,he,xe,fe,me,ge,be,ve,we,ye,ke,je=y.default.div(En||(En=E(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?a.theme.palette.background.light1:a.theme.palette.grey.zero}),a.theme.palette.background.light1),Ce=r.forwardRef((function(n,e){var t,a=n.options,o=n.name,d=n.handleChange;n.form;var l=n.value,s=z(n,["options","name","handleChange","form","value"]),p=r.useState(l),c=p[0],u=p[1],h=(null===(t=a.find((function(n){return String(n.value)===String(c)})))||void 0===t?void 0:t.label)||"";return r.useEffect((function(){void 0!==l&&u(l)}),[l]),i.jsx(In,R({options:a,handleChange:function(n){u(n.value),d&&d(n.value)},selectedLabel:h,selectedValue:c,name:o,renderOption:function(n,e){return i.jsx(Mn,{option:n,selectedValue:e})},ref:e},s))})),_e=function(n,e,t){return e&&n<e||t&&n>t},Se=r.forwardRef((function(n,e){var t=n.yearOptions;n.options;var r=n.min,a=n.max,o=z(n,["yearOptions","options","min","max"]),d=t.map((function(n){return R(R({},n),{disabled:_e(Number(n.value),r,a)})}));return i.jsx(Ce,R({ref:e,label:"Year",options:d},o))})),Ie=function(n,e,t){return e&&n<e||t&&n>=t},Pe=[{value:0,label:"January"},{value:1,label:"February"},{value:2,label:"March"},{value:3,label:"April"},{value:4,label:"May"},{value:5,label:"June"},{value:6,label:"July"},{value:7,label:"August"},{value:8,label:"September"},{value:9,label:"October"},{value:10,label:"November"},{value:11,label:"December"}],Re=r.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var a=z(n,["min","max","options"]),o=Pe.map((function(n){return R(R({},n),{disabled:Ie(n.value,t,r)})}));return i.jsx(Ce,R({ref:e,label:"Month",options:o},a))})),ze=r.forwardRef((function(n,e){var t=n.changeMonth,r=n.changeYear,o=n.date,d=n.yearOptions,l=n.max,s=n.min,p=o.getFullYear(),c=o.getMonth(),u=(null==s?void 0:s.year)===p&&(null==s?void 0:s.month)?s.month-1:0,h=(null==l?void 0:l.year)===p?null==l?void 0:l.month:11;return i.jsx(Me,R({ref:e},{children:i.jsxs(a.Grid,R({container:!0,spacing:2},{children:[i.jsx(a.Grid,R({item:!0,xs:6},{children:i.jsx(Se,{min:null==s?void 0:s.year,max:null==l?void 0:l.year,yearOptions:d,value:p,handleChange:r})})),i.jsx(a.Grid,R({item:!0,xs:6},{children:i.jsx(Re,{min:Number(null==s?void 0:s.year)>=p&&u,max:Number(null==l?void 0:l.year)<=p&&h,value:c,handleChange:t})}))]}))}))})),Me=y.default.div(Tn||(Tn=E(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Ee=r.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return i.jsx(Te,R({ref:e},t))})),Te=y.default.div(On||(On=E(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),a.theme.palette.grey.fiftyP,a.theme.palette.background.light3,a.theme.palette.background.light3,a.theme.palette.brand.main,a.theme.palette.brand.light,a.theme.palette.brand.main,a.theme.palette.brand.main,a.theme.palette.grey.fifteenB,a.theme.palette.red.seventy,a.theme.palette.grey.zero),Oe=r.forwardRef((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,o=n.nextMonthButtonDisabled,d=n.prevMonthButtonDisabled,l=n.date,p=_.default.capitalize(l.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return i.jsxs(Ne,R({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[i.jsx(a.Grid,R({item:!0},{children:i.jsx(De,R({size:"h4"},{children:p}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsxs(a.Grid,R({container:!0,spacing:2},{children:[i.jsx(a.Grid,R({item:!0},{children:i.jsx(Be,R({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:d,onClick:t},{children:i.jsx(s.PrevArrowIcon,{width:10,height:10})}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(Be,R({isCircle:!0,size:"xs",variant:"white",disabled:o,onClick:r},{children:i.jsx(s.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),Ne=y.default(a.Grid)(Nn||(Nn=E(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),De=y.default(a.Heading)(Dn||(Dn=E(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Be=y.default(a.Button)(Bn||(Bn=E(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Fe=r.forwardRef((function(n,e){var t=n.onClick,r=n.disabled,o=n.handleClick,d=n.startIcon,l=z(n,["onClick","disabled","handleClick","startIcon"]),p=function(){r||(o?o():t())},c=function(){return i.jsx(We,R({disabled:r,onClick:p},{children:d||i.jsx(s.CalendarIcon,{width:19,height:21})}))};return i.jsx(a.InputWithMask,R({disabled:r,endIcon:!d&&i.jsx(c,{}),startIcon:d&&i.jsx(c,{})},l,{ref:e}))})),We=y.default.div(Fn||(Fn=E(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),Le=r.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return i.jsx(Ge,R({ref:e},t))})),Ge=y.default.div(Wn||(Wn=E(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),a.theme.palette.background.light1,a.theme.palette.grey.fifteenB,a.theme.palette.grey.fifteenB,a.theme.palette.brand.main,a.theme.palette.grey.fifteenB),Ue=r.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,o=n.nextYearButtonDisabled,d=n.prevYearButtonDisabled,l=n.date;return i.jsxs(Ve,R({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[i.jsx(a.Grid,R({item:!0},{children:i.jsx(Ae,R({disabled:d,onClick:t,type:"button"},{children:i.jsx(s.ArrowBackIcon,{width:14,height:12})}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(a.Caption,R({size:"sm",weight:600},{children:l.getFullYear()}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(Ae,R({disabled:o,onClick:r,type:"button"},{children:i.jsx(s.ArrowNextIcon,{width:14,height:12})}))}))]}))})),Ae=y.default(a.IconButton)(Ln||(Ln=E(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Ve=y.default(a.Grid)(Gn||(Gn=E(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),Ke=r.forwardRef((function(n,e){var t,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,s=n.onChange,p=z(n,["name","form","disabled","datePickerProps","onChange"]),c=r.useState(),h=c[0],x=c[1],f=u.useController({name:a,control:o.control}),m=f.field,g=f.fieldState;return r.useEffect((function(){x(m.value)}),[m.value]),i.jsx(qe,R({ref:e},{children:i.jsx(S.default,R({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:d,customInput:i.jsx(Fe,R({mask:"00.0000",name:a,disabled:d,message:null===(t=g.error)||void 0===t?void 0:t.message},p),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:Le,renderCustomHeader:function(n){return i.jsx(Ue,R({},n))}},l))}))})),qe=y.default.div(Un||(Un=E(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),He=r.forwardRef((function(e,t){var i=e.tab,o=e.active,d=e.index,l=e.handleClick,s=e.offset,p=e.isScrolling,c=e.setIsScrolling,u=function(){c(!1)};return r.useEffect((function(){return o===d&&h.scroller.scrollTo(i,{offset:s}),h.Events.scrollEvent.register("begin",(function(n,e){c(!0),e&&l(Number(e.dataset.index))})),h.Events.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){h.Events.scrollEvent.remove("begin"),h.Events.scrollEvent.remove("end")}}),[]),n.jsx(h.Link,R({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){p||l(d)}},{children:n.jsx(Je,R({ref:t},{children:n.jsx(a.Button,R({variant:Number(o)===d?"orange":"transparentWithBorder",size:"xs",css:Number(o)!==d&&Ye},{children:i}))}))}))})),Je=y.default.div(An||(An=E(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),Ye=t.css(Vn||(Vn=E(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),a.theme.palette.grey.seventy),Qe=r.forwardRef((function(e,t){var r=e.tabs,i=e.variant,o=z(e,["tabs","variant"]);return n.jsx($e,R({container:!0,css:"white"===i&&{background:"white"},ref:t},{children:r.map((function(e,t){return n.jsx(a.Grid,R({item:!0},{children:n.jsx(He,R({tab:e,index:t,offset:-121},o),e)}),t)}))}))})),$e=y.default(a.Grid)(Kn||(Kn=E(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),a.theme.palette.background.light1),Xe=r.forwardRef((function(n,e){var t=n.form,r=n.name,o=n.error,d=z(n,["form","name","error"]),l=function(n){var e;return void 0!==o&&String(o).length>0?o:null===(e=n.error)||void 0===e?void 0:e.message};return i.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return i.jsx(a.InputWithMask,R({message:l(r)},t,d,{onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},inputRef:e}))}})})),Ze=r.forwardRef((function(n,e){var t=n.form,r=n.name,o=n.error,d=n.value,l=n.type,s=z(n,["form","name","error","value","type"]),p=function(n){var e;return void 0!==o&&String(o).length>0?o:null===(e=n.error)||void 0===e?void 0:e.message};return i.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return i.jsx(a.InputWithAdornments,R({message:p(r)},t,s,{onChange:function(n){return function(n,e){var t,r="number"!==l||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(R(R({},n),{target:R(R({},n.target),{value:r})})),s.onChange&&s.onChange(n)}(n,t)},type:l,value:null!=d?d:t.value,inputRef:e}))}})})),nt={weak:0,simple:1,medium:2,hard:3},et={weak:a.theme.palette.red.fiftyP,simple:a.theme.palette.brand.main,medium:a.theme.palette.blue.fiftyP,hard:a.theme.palette.green.fiftyP},tt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},rt=r.forwardRef((function(e,t){var r=e.strength,i=r?et[r]:"",o=r?nt[r]:-1;return n.jsxs(it,R({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:t},{children:[n.jsx(at,{children:Object.keys(nt).map((function(e,t){return n.jsx(ot,{children:n.jsx(dt,{"data-testid":"progress_item_".concat(e),value:o>=t?100:0,color:i})},e)}))}),n.jsx(a.Caption,R({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:r&&tt[r]})),n.jsx(lt,R({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),it=y.default.div(qn||(qn=E(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),at=y.default.div(Hn||(Hn=E(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),ot=y.default.div(Jn||(Jn=E(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),dt=y.default(a.LinearProgress)(Yn||(Yn=E(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),a.theme.palette.grey.fifteenB,(function(n){return n.color})),lt=y.default(a.Caption)(Qn||(Qn=E(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),st=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.control._formValues;return null==t||t.forEach((function(n){r&&(r=r[n])})),r},pt=r.forwardRef((function(n,e){var t=r.useState(!1),a=t[0],d=t[1],l=r.useState(null),p=l[0],c=l[1],u=function(n){0!==n.length?o.strongPasswordRegExp.test(n)?c("hard"):o.mediumPasswordRegExp.test(n)?c("medium"):o.simplePasswordRegExp.test(n)?c("simple"):c("weak"):c(null)};return r.useEffect((function(){var e=n.form,t=n.name,r=st(t,e);"string"==typeof r&&u(r)}),[]),i.jsxs(i.Fragment,{children:[i.jsx(Ze,R({type:a?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;u(e)},"data-testid":"input_password",ref:e,endIcon:i.jsx(ct,R({"data-testid":"show_value_btn",onClick:function(){d((function(n){return!n}))}},{children:a?i.jsx(s.ClosedEyeIcon,{}):i.jsx(s.OpenEyeIcon,{})}))},n)),i.jsx(rt,{strength:p})]})})),ct=y.default.div($n||($n=E(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),ut=r.forwardRef((function(n){return i.jsxs(i.Fragment,{children:[i.jsx(ht,{children:i.jsx(Ze,R({},n))}),i.jsx(xt,{children:i.jsx(Ze,R({isTextArea:!0},n))})]})})),ht=y.default.div(Xn||(Xn=E(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),xt=y.default.div(Zn||(Zn=E(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),ft=r.forwardRef((function(n,e){var t=n.label,r=n.button,o=z(n,["label","button"]);return i.jsxs(mt,R({ref:e},{children:[i.jsx(a.Divider,{}),i.jsx(gt,{children:r||i.jsx(bt,R({fullWidth:!0,size:"s",endIcon:i.jsx(s.CheckIcon,{})},o,{children:t}))})]}))})),mt=y.default.div(ne||(ne=E(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),a.theme.palette.grey.zero),gt=y.default.div(ee||(ee=E(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),bt=y.default(a.Button)(te||(te=E(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),vt=r.forwardRef((function(e,t){var i,a=e.title,d=e.description,l=e.name,s=e.form,p=e.disabled,c=e.yearParams,h=e.onChange,f=e.max,m=e.min,g=e.footerLabel,b=e.datePickerProps,v=e.alignTitle,w=void 0===v?"center":v,y=z(e,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=u.useController({name:l,control:s.control}),j=k.field,C=null===(i=k.fieldState.error)||void 0===i?void 0:i.message,I=j.value,P=I?I.toFormat("dd.MM.yyyy"):"",M=I?I.toJSDate():null,E=o.useToggle(),T=E[0],O=E[1],N=E[2],D=r.useState(M),B=D[0],F=D[1],W=r.useState(P),L=W[0],G=W[1],U=function(n,e){if(!n||!e)return[];var t=x.DateTime.now().year-n;return _.default.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==c?void 0:c.min,null==c?void 0:c.max),A=o.useForkRef(t,j.ref);r.useEffect((function(){P&&G(P)}),[P]);return n.jsxs(n.Fragment,{children:[n.jsx(Fe,R({mask:"00.00.0000",name:l,handleClick:O,value:L,onChange:function(n){var e=n.target.value;if(G(e),0!==e.length&&o.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"dd.MM.yyyy");F(t.toJSDate()),null==j||j.onChange({target:{value:t,name:l},type:"change"}),h&&h(t)}else F(null),null==j||j.onChange({target:{value:null,name:l},type:"change"}),h&&h(null)},disabled:p,message:C,ref:A},y)),n.jsxs(jt,R({title:a,description:d,isOpen:T,handleClose:N,alignTitle:w},{children:[n.jsx(wt,{children:n.jsx(S.default,R({inline:!0,selected:B||M,onChange:function(n){F(n)},calendarContainer:yt,renderCustomHeader:function(e){return n.jsx(ze,R({yearOptions:U,max:f,min:m},e))},renderDayContents:function(e){return n.jsx(kt,{children:e})},maxDate:null==f?void 0:f.toJSDate(),minDate:null==m?void 0:m.toJSDate(),calendarStartDay:1},b))}),n.jsx(ft,{fullWidth:!0,disabled:!M&&!B,onClick:function(){if(B){var n=x.DateTime.fromJSDate(B);G(n.toFormat("dd.MM.yyyy")),null==j||j.onChange({target:{value:n,name:l},type:"change"}),h&&h(n),N()}},label:g})]}))]})})),wt=y.default.div(re||(re=E(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),yt=y.default(Ee)(ie||(ie=E(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),a.theme.palette.background.light1,a.theme.palette.background.light1),kt=y.default.span(ae||(ae=E(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),jt=y.default(a.Modal)(oe||(oe=E(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),Ct=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],_t=R(R({},I.default),{localize:{month:function(n){return Ct[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),St=r.forwardRef((function(n,e){var t,d=n.title,l=n.name,s=n.form,p=n.disabled,c=n.datePickerProps,h=z(n,["title","name","form","disabled","datePickerProps"]),f=u.useController({name:l,control:s.control}),m=f.field,g=null===(t=f.fieldState.error)||void 0===t?void 0:t.message,b=o.useToggle(),v=b[0],w=b[1],y=b[2],k=r.useState(m.value?x.DateTime.fromJSDate(new Date(String(m.value))).toFormat("MM.yyyy"):null),j=k[0],C=k[1],_=r.useState(j?x.DateTime.fromFormat(j,"MM.yyyy").toJSDate():null),I=_[0],P=_[1];return i.jsxs(It,R({ref:e},{children:[i.jsx(Fe,R({mask:"00.0000",name:l,handleCLick:w,value:j,onChange:function(n){var e=n.target.value;if(C(e),0!==e.length&&o.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"MM.yyyy").toJSDate();P(t),null==m||m.onChange({target:{value:t,name:l},type:"change"})}else P(null),null==m||m.onChange({target:{value:null,name:l},type:"change"})},disabled:p,message:g,isLabelShrink:Boolean(m.value)},h)),i.jsxs(a.Modal,R({title:d,isOpen:v,handleClose:y},{children:[i.jsx(Pt,{children:i.jsx(S.default,R({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:I,onChange:function(n){return P(n)},locale:_t,calendarContainer:Le,renderCustomHeader:function(n){return i.jsx(Ue,R({},n))}},c))}),i.jsx(ft,{fullWidth:!0,disabled:!I,onClick:function(){C(I?x.DateTime.fromJSDate(I).toFormat("MM.yyyy"):""),null==m||m.onChange({target:{value:I,name:l},type:"change"}),y()},label:"Подтвердить"})]}))]}))})),It=y.default.div(de||(de=E(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Pt=y.default.div(le||(le=E(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Rt=r.forwardRef((function(e,t){var i=e.tabs,a=e.handleClick,o=e.variant,d=z(e,["tabs","handleClick","variant"]),l=r.useRef(null),s=function(n){setTimeout((function(){var e,t;null===(t=null===(e=l.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),a(n)};return n.jsx(zt,R({css:"white"===o&&{background:"white"},ref:t},{children:n.jsx(j.default,R({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:i.map((function(e,t){return n.jsx(He,R({tab:e,index:t,handleClick:s,offset:-121},d),e)}))}))}))})),zt=y.default.div(se||(se=E(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),a.theme.palette.background.light1),Mt=r.forwardRef((function(e,t){var i=e.tabs,a=e.tabPanels,d=e.paths,l=e.activeTab,s=e.variant,p=void 0===s?"grey":s,c=o.useWindowWidth(),u=k.useState(l),x=u[0],f=u[1],g=k.useState(!1),b=g[0],v=g[1],w=m.useNavigate(),y=m.useLocation(),j=function(n){if(d[n]){f(n);var e=y.pathname,t="".concat(e).concat(y.search),r="".concat(e).concat(d[n]);t!==r&&w(r,{replace:!0})}};return r.useEffect((function(){f(l)}),[l]),r.useEffect((function(){"number"!=typeof l&&c<901&&h.animateScroll.scrollToTop()}),[]),0===c?null:n.jsxs("div",R({ref:t},{children:[c>765?n.jsx(Qe,{tabs:i,active:x,handleClick:j,variant:p,isScrolling:b,setIsScrolling:v}):n.jsx(Rt,{tabs:i,active:x,handleClick:j,variant:p,isScrolling:b,setIsScrolling:v}),a.map((function(e,t){return n.jsx("div",R({css:t===a.length-1&&Et},{children:n.jsx(Tt,R({name:i[t],"data-index":t},{children:e}),t)}),t)}))]}))})),Et=t.css(pe||(pe=E(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Tt=y.default(h.Element)(ce||(ce=E(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Ot=r.forwardRef((function(e,t){var r=e.form,i=e.name,o=z(e,["form","name"]);return n.jsx(u.Controller,{control:null==r?void 0:r.control,name:i,render:function(e){var r=e.field;return n.jsx(a.Switch,R({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:t,name:i},o))}})})),Nt=r.forwardRef((function(n,e){var t,r=n.form,d=n.name,l=void 0===d?"phone":d,s=n.hiddenInputProps,p=n.error,c=z(n,["form","name","hiddenInputProps","error"]),h=u.useController({control:r.control,name:"".concat(l,".phoneCode"),defaultValue:"7"}),x=u.useController({control:r.control,name:"".concat(l,".phoneNumber")}),f=void 0!==p&&String(p).length>0?p:null===(t=x.fieldState.error)||void 0===t?void 0:t.message,m=o.useForkRef(e,x.field.ref);return i.jsx(a.InputWithCountryDropdown,R({message:f,hiddenInputProps:R(R({},h.field),s),onSelectCountry:function(n){h.field.onChange({target:{value:n.phoneCode,name:"".concat(l,".phoneCode")},type:"change"})}},x.field,c,{onChange:function(n){x.field.onChange(n),h.field.value||h.field.onChange({target:{value:"7",name:"".concat(l,".phoneCode")},type:"change"}),c.onChange&&c.onChange(n)},ref:m,autoComplete:"false"}))})),Dt=r.forwardRef((function(n,e){return i.jsx(Bt,R({cellSpacing:"0",ref:e},n))})),Bt=y.default.table(ue||(ue=E(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Ft=y.default.th(he||(he=E(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Wt=y.default.td(xe||(xe=E(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Lt=r.forwardRef((function(n,e){var t=n.children,r=z(n,["children"]),a=k.Children.toArray(t);return i.jsx("tr",R({ref:e},{children:a.map((function(n){return k.cloneElement(n,r)}))}))})),Gt={bottomStart:{bottom:1,offset:0},bottomMiddle:{bottom:1,offset:.5},bottomEnd:{bottom:1,offset:1},topStart:{top:1,offset:0},topMiddle:{top:1,offset:.5},topEnd:{top:1,offset:1}},Ut=r.forwardRef((function(n,e){n.placement;var t=n.open,r=n.children,a=n.spacing,o=n.className,d=n.style,l=z(n,["placement","open","children","spacing","className","style"]);return i.jsx(At,R({ref:e,className:C.default("KUI-Popper",o),spacing:a,style:d,open:!!t},{children:i.jsx(Vt,R({open:!!t},l,{children:r}))}))})),At=y.default.div(fe||(fe=E(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),a.theme.breakpoints.xxs),Vt=y.default.div(me||(me=E(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),Kt=r.forwardRef((function(n,e){var a=n.placement,o=n.contentRef,d=z(n,["placement","contentRef"]),l=r.useRef(null),s=r.useState(null),p=s[0],c=s[1],u=r.useState(null),h=u[0],x=u[1];r.useEffect((function(){if(o.current&&l.current){var n=l.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};c(e),x(t)}}),[]);var f={};if(p&&h){var m=Gt[null!=a?a:"bottomMiddle"];f={top:Math.max(m.top?p.top-h.height:p.top+p.height,0),left:Math.max(p.left+p.width*m.offset-h.width*m.offset,0)}}return P.createPortal(i.jsxs(i.Fragment,{children:[i.jsx(t.Global,{styles:t.css(ge||(ge=E(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),i.jsx(Ut,R({ref:function(n){e&&(e.current=n),l.current=n},style:f},d))]}),document.body)})),qt=r.forwardRef((function(n,e){var t=n.placement,a=n.contentRef,o=z(n,["placement","contentRef"]),d=r.useRef(null),l=r.useState(null),s=l[0],p=l[1],c=r.useState(null),u=c[0],h=c[1],x={};if(r.useEffect((function(){a.current&&d.current&&(p({width:a.current.clientWidth,height:a.current.clientHeight}),h({width:d.current.clientWidth,height:d.current.clientHeight}))}),[]),s&&u){var f=Gt[null!=t?t:"bottomMiddle"];x={top:f.top?0-u.height:0+s.height,left:Math.max(s.width*f.offset-u.width*f.offset,0)}}return i.jsx(Ut,R({ref:function(n){e&&(e.current=n),d.current=n},style:x},o))})),Ht=r.forwardRef((function(n,e){var t=n.contentRef,a=z(n,["contentRef"]),o=r.useState(!0),d=o[0],l=o[1];return r.useEffect((function(){var n=function(){for(var n=t.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[t]),d?i.jsx(qt,R({ref:e,contentRef:t},a)):i.jsx(Kt,R({ref:e,contentRef:t},a))})),Jt=r.forwardRef((function(n,e){var t=n.content,a=n.onOpen,o=n.onClose,d=n.open,l=n.children,s=n.cursor,p=n.className,c=z(n,["content","onOpen","onClose","open","children","cursor","className"]),u=r.useState(d),h=u[0],x=u[1],f=r.useRef(null),m=function(){x(!0),a&&a()};return r.useEffect((function(){x(d)}),[d]),i.jsxs(Qt,R({className:p,onMouseLeave:function(){x(!1),o&&o()},ref:e},{children:[i.jsx($t,R({onMouseEnter:m,onTouchEnd:m,ref:f,cursor:s},{children:i.jsx(Xt,R({className:"Tooltip_content"},{children:l}))})),i.jsx(Ht,R({open:h},c,{contentRef:f},{children:t}))]}))})),Yt=t.css(be||(be=E(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Qt=y.default.div(ve||(ve=E(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),Yt),$t=y.default.div(we||(we=E(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),Yt,(function(n){return n.cursor})),Xt=y.default.div(ye||(ye=E(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),Yt),Zt=r.forwardRef((function(n,e){var t,r=n.options,a=z(n,["options"]);return i.jsx(nr,R({value:null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.value,options:r,iconProps:{width:9,height:5}},a,{ref:e}))})),nr=y.default(Ce)(ke||(ke=E(["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),a.theme.breakpoints.xs),er=r.forwardRef((function(n,e){var t,r,a=n.options,o=n.name,d=n.handleChange,l=n.form,s=n.value,p=z(n,["options","name","handleChange","form","value"]),c=u.useController({control:l.control,name:o}),h=null===(t=c.fieldState.error)||void 0===t?void 0:t.message;return i.jsx(Ce,R({options:a,handleChange:function(n){var e;d&&d(n),l&&(null===(e=c.field)||void 0===e||e.onChange({target:{value:n,name:o},type:"change"}))},error:h,name:o,value:s||(null===(r=c.field)||void 0===r?void 0:r.value),ref:e},p))}));function tr(n){var e=n.option,t=n.selectedValue.includes(e.value);return i.jsx(ar,R({container:!0,selected:t},{children:i.jsx(a.Checkbox,{checked:t,label:i.jsx(or,R({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var rr,ir,ar=y.default(a.Grid)(rr||(rr=E(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?a.theme.palette.background.light1:a.theme.palette.grey.zero}),a.theme.palette.background.light1,a.theme.palette.grey.seventy),or=y.default(a.Caption)(ir||(ir=E(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?a.theme.palette.grey.seventy:a.theme.palette.grey.fiftyP}));var dr=r.forwardRef((function(n,e){var t=n.options,o=n.disabled,d=n.direction,l=void 0===d?"row":d,s=n.defaultValue,p=n.value,c=n.onChange,u=n.isSquare,h=z(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),x=r.useState(s||p||t[0].value),f=x[0],m=x[1],g=function(n){var e=n.target.value;m(e),c&&c(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(m(null),c&&c(n,null))};return r.useEffect((function(){p&&m(p)}),[p]),i.jsx(a.Grid,R({container:!0,direction:l,ref:e},{children:t.map((function(n){return i.jsx(a.Radio,R({value:n.value,label:n.label,disabled:Boolean(o),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function lr(n){var e=n.form,t=n.name,a=n.defaultValue,o=z(n,["form","name","defaultValue"]);return r.useEffect((function(){e.getValues(t)||a||e.setValue(t,o.options[0].value)}),[]),i.jsx(u.Controller,{control:e.control,name:String(t),render:function(n){var e=n.field;return i.jsx(dr,R({},o,e,{defaultValue:a,onChange:function(n,r){return function(n,e,r){r.onChange({target:{value:e,name:t},type:"change"}),o.onChange&&o.onChange(n,e)}(n,r,e)}}))}})}dr.displayName="RadioButtons";var sr,pr,cr,ur,hr,xr,fr,mr=y.default.div(sr||(sr=E(["\n position: relative;\n"],["\n position: relative;\n"]))),gr=y.default(a.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(ur||(ur=E(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?a.theme.palette.red.fiftyP:a.theme.palette.grey.fifteenB}),(function(n){var e=n.direction,r=n.hasError,i=n.withTitle;return"column"===e?function(n){var e=n.hasError;return t.css(pr||(pr=E(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:r}):function(n){var e=n.hasError,r=n.withTitle;return t.css(cr||(cr=E(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),r?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:r,withTitle:i})}),a.theme.breakpoints.sm),br=y.default(a.Caption)(hr||(hr=E(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),a.theme.breakpoints.sm),vr=r.forwardRef((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,a=z(n,["height","className"]);return i.jsx(yr,R({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:i.jsx(wr,R({},a))}))})),wr=y.default(a.CircularProgress)(xr||(xr=E(["\n color: ",";\n"],["\n color: ",";\n"])),a.theme.palette.brand.main),yr=y.default(a.Grid,{shouldForwardProp:function(n){return"height"!==n}})(fr||(fr=E(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function kr(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=o.useToggle(),d=r[0],l=r[1],s=r[2];if(!e||!t)return null;return i.jsxs(i.Fragment,{children:[i.jsxs(Ir,R({container:!0,onClick:l,alignItems:"center"},{children:[i.jsx(Pr,{width:12,height:12}),i.jsx(a.Caption,R({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),i.jsx(Rr,R({onClick:function(n){return n.stopPropagation()}},{children:t({open:d,handleClose:s})}))]})}var jr,Cr,_r,Sr,Ir=y.default(a.Grid)(jr||(jr=E(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),a.theme.palette.grey.fifteenB),Pr=y.default(s.PlusIcon)(Cr||(Cr=E(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),a.theme.palette.grey.fiftyP),Rr=y.default.div(_r||(_r=E([""],[""]))),zr=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,a=n.index;return i.jsx(Mr,R({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(a)},{children:t(e)}))},Mr=y.default(a.Grid)(Sr||(Sr=E(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Er(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,a=n.renderCreatingModal,o=n.inputRef,d=n.isOpenDropdown,l=n.isLoading,s=n.input,p=n.handleCloseDropdown,c=n.handleSelect,u=n.handleScrollEnd;return i.jsxs(Nr,R({input:s,buttonRef:o,isOpen:d,handleClose:p,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&u&&u()},endComponent:i.jsx(kr,{creatingLabel:r,renderCreatingModal:a})},{children:[e.map((function(n,e){return i.jsx(zr,{option:n,renderOption:t,handleSelect:c,index:e},e)})),l&&i.jsx(Dr,{height:"auto"})]}))}var Tr,Or,Nr=y.default(vn)(Tr||(Tr=E(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Dr=y.default(vr)(Or||(Or=E(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var Br,Fr,Wr,Lr,Gr=y.default.div(Br||(Br=E(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),Ur=y.default.div(Fr||(Fr=E(["\n position: relative;\n"],["\n position: relative;\n"]))),Ar=y.default(Ze)(Wr||(Wr=E(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Vr=y.default(s.HalfArrowIcon)(Lr||(Lr=E(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var Kr,qr=y.default.div(Kr||(Kr=E(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),a.theme.palette.background.light2);function Hr(n){var e=n.href,t=n.withoutRoute,r=n.stopPropagation,a=n.openInNewWindow,d=z(n,["href","withoutRoute","stopPropagation","openInNewWindow"]),l=m.useNavigate();return i.jsx(Yr,R({href:e||void 0,onClick:function(n){r&&n.stopPropagation(),n.preventDefault(),e&&(t?o.updateQueryParams(e):a?window.open(e,"_blank"):l(e))}},d))}var Jr,Yr=y.default.a(Jr||(Jr=E(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"],["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"])));function Qr(n){var e,t,o=n.file,d=n.onDelete,l=n.onChange,p=n.index,c=n.selectedFile,u=n.setSelectedFile,h=n.limitTitle,x=void 0===h?100:h,f=n.icon,m=n.subtitle,g=n.disabled,b=n.error,v=n.className,w=z(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className"]),y=String(null===(t=o.title||o.name||(null===(e=o.file)||void 0===e?void 0:e.name))||void 0===t?void 0:t.replace(/\.[^/.]+$/,"")),k=r.useState(y),j=k[0],C=k[1],_=r.useState(!1),S=_[0],I=_[1],P=r.useRef(null);r.useEffect((function(){var n;S&&(null===(n=P.current)||void 0===n||n.focus()),!S&&y!==j&&l&&l(j,p)}),[S]);return i.jsxs(i.Fragment,{children:[i.jsxs(ci,R({selected:(null!=c?c:-1)===p,error:x&&j.length>x||!!b,onClick:function(){u&&u(null!=p?p:1)},disabled:!!g,className:"FileWrapper ".concat(v||"")},w,{children:[i.jsx(ui,R({className:"FileIcon_wrapper"},{children:f||i.jsx(s.FileIcon,{})})),i.jsxs(xi,R({className:"FileContent_wrapper"},{children:[i.jsxs(gi,{children:[i.jsx(Hr,R({href:o.url,openInNewWindow:!0},{children:i.jsx(mi,{children:j})})),i.jsx(fi,{"data-testid":"file_name",ref:P,disabled:!S,value:j,onChange:function(n){C(n.target.value)},onBlur:function(){I(!1)},maxLength:100})]}),m||String(o.size)&&i.jsxs(a.Caption,R({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),i.jsxs(hi,R({className:"FileButtons_wrapper"},{children:[!g&&l&&i.jsx(a.Button,R({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){I((function(n){return!n}))}},{children:S?i.jsx(s.CheckIcon,{}):i.jsx(s.EditIcon,{width:18,height:18})})),d&&!g&&i.jsx(a.Button,R({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;d&&d(null!==(n=o.index)&&void 0!==n?n:1,Number(p))}},{children:i.jsx(s.TrashIcon,{width:18,height:18})}))]}))]})),(x&&j.length>x||b)&&i.jsx(a.Box,R({mb:1},{children:i.jsx(a.Caption,R({size:"xs",colorGroup:"red",weight:500},{children:b||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var $r,Xr,Zr,ni,ei,ti,ri,ii,ai,oi,di,li,si,pi,ci=y.default.div(Zr||(Zr=E(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?a.theme.palette.brand.main:a.theme.palette.grey.fifteenB}),(function(n){return n.disabled&&t.css(Xr||(Xr=E(["\n background: ",";\n "],["\n background: ",";\n "])),a.theme.palette.background.light1)}),(function(n){return n.error&&t.css($r||($r=E(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),a.theme.palette.red.seventy)})),ui=y.default.div(ni||(ni=E(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),a.theme.palette.brand.light),hi=y.default.div(ei||(ei=E(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),a.theme.palette.grey.thirty),xi=y.default.div(ti||(ti=E(["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]))),fi=y.default.input(ri||(ri=E(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),a.theme.palette.grey.seventy,a.theme.palette.brand.main),mi=y.default.span(ii||(ii=E(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),gi=y.default.div(ai||(ai=E(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),bi=r.forwardRef((function(n,e){var t,o=n.form,d=n.name,l=n.parentName,s=n.label,p=n.disabled,c=n.withEdit,h=void 0===c||c,x=n.fileName,f=n.onChange,m=n.isRequired,g=n.uploadLabel,b=n.toBigTitleMessage,v=z(n,["form","name","parentName","label","disabled","withEdit","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage"]),w=r.useState(!1),y=w[0],k=w[1],j=r.useState(),C=j[0],_=j[1],S=r.useState(""),I=S[0],P=S[1],M=r.useRef(null),E=u.useController({control:o.control,name:d}),T=E.field,O=E.fieldState,N=u.useController({control:o.control,name:l||d}).field,D=null==C?void 0:C.name.split(".").pop(),B=C&&"url"in C?C:{file:C,url:C?URL.createObjectURL(C):I,size:C?Math.round(C.size/1048576*100)/100:null,name:x?"".concat(x,".").concat(D):null==C?void 0:C.name},F=null===(t=O.error)||void 0===t?void 0:t.message;r.useEffect((function(){"string"==typeof T.value&&P(T.value),"object"==typeof T.value&&_(T.value),k(!0)}),[]),r.useEffect((function(){var n,e=Number((null==x?void 0:x.length)||(null===(n=null==C?void 0:C.name)||void 0===n?void 0:n.length))>100;y&&!I&&T.onChange({target:{value:C,name:d},type:"change"}),e?o.setError(d,{type:"custom",message:b||"The file name must be less than 100 characters"}):o.clearErrors(d)}),[C]);return i.jsxs(vi,{children:[i.jsx(yi,R({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];_(e),f&&f(e)}else _(void 0)}},v,{ref:function(n){e&&(e.current=n),M.current=n}})),C||I?i.jsx(Qr,{file:B,onDelete:function(){C&&M.current&&(M.current.value=""),_(void 0),P(""),l?N.onChange({target:{value:null,name:l},type:"change"}):T.onChange({target:{value:null,name:d},type:"change"}),f&&f(null)},onChange:h&&function(n){var e,t=o.getValues(d),r="".concat(n,".").concat(D);"updateName"in t?(t.updateName(n),e=t):e=new File([t],r,{type:t.type}),_(e)},error:F,disabled:p}):i.jsxs(i.Fragment,{children:[i.jsxs(wi,R({error:!!F,disabled:p,container:!0,justify:"space-between",alignItems:"center"},{children:[i.jsx(ki,R({item:!0},{children:i.jsxs(a.Caption,R({size:"s",color:"fiftyP"},{children:[s,m?" *":""]}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(ji,R({disabled:p,size:"s",onClick:function(){M.current&&M.current.click()}},{children:g||"Upload"}))}))]})),F&&i.jsx(a.InputMessage,{variant:"error",msg:F})]})]})})),vi=y.default.div(oi||(oi=E(["\n position: relative;\n"],["\n position: relative;\n"]))),wi=y.default(a.Grid)(di||(di=E(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?a.theme.palette.red.fiftyP:a.theme.palette.grey.fifteenB}),(function(n){return n.disabled?a.theme.palette.background.light1:a.theme.palette.grey.zero})),yi=y.default.input(li||(li=E(["\n display: none;\n"],["\n display: none;\n"]))),ki=y.default(a.Grid)(si||(si=E(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),ji=y.default(a.Button)(pi||(pi=E(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ci=r.forwardRef((function(n,e){var t=n.form,r=n.name,o=n.label,d=n.labelProps,l=z(n,["form","name","label","labelProps"]);return i.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return i.jsx(a.Checkbox,R({},l,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),l.onChange&&l.onChange(n)}(n,t)},label:"string"==typeof o?i.jsx(a.Caption,R({},d,{children:o})):o}))}})}));var _i,Si,Ii=y.default(Ci)(_i||(_i=E(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Pi=y.default(a.Grid)(Si||(Si=E(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),a.theme.palette.grey.fifteenB),Ri={mapKey:""},zi=[],Mi=function(){return R({},Ri)},Ei=function(n){zi.push(n)},Ti=function(n){var e=zi.indexOf(n);-1!==e&&zi.splice(e,1)};exports.AutocompleteOption=function(n){var e=n.label;return i.jsx(qr,{children:i.jsx(a.Caption,R({size:"s",weight:500},{children:e}))})},exports.Avatar=an,exports.ButtonSelect=Zt,exports.ButtonTab=hn,exports.ButtonsPanel=mn,exports.CalendarHeaderWithSelect=ze,exports.CalendarStandardContainer=Ee,exports.CalendarStandardHeader=Oe,exports.CheckboxGroupWithTitle=function(n){var e=n.title,t=n.options,r=n.form;n.name;var o=z(n,["title","options","form","name"]);return i.jsxs(Pi,R({container:!0,alignItems:"center",justify:"space-between"},{children:[i.jsx(a.Grid,R({item:!0},{children:i.jsx(a.Caption,R({size:"s",weight:500,color:"fiftyP"},{children:e}))})),i.jsx(a.Grid,R({item:!0},{children:i.jsx(a.Grid,R({container:!0},{children:t.map((function(n){return i.jsx(Ii,R({name:n.name,label:i.jsx(a.Caption,R({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},o),n.name)}))}))}))]}))},exports.CheckboxWithController=Ci,exports.DependentInput=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,a=n.Input,o=z(n,["dependentInputName","form","disabled","Input"]),d=u.useWatch({control:t.control,name:e}),l=R({form:t,disabled:r||!d},o);return a?i.jsx(a,R({},l)):i.jsx(Ze,R({},l))},exports.DesktopInputWithMonthPicker=Ke,exports.DesktopMenuPanel=Qe,exports.InputDropdown=vn,exports.InputFile=bi,exports.InputForDatepicker=Fe,exports.InputMultiSelect=function(n){var e,t,a=n.options,o=n.name,d=n.handleChange,l=n.form,s=n.value,p=z(n,["options","name","handleChange","form","value"]),c=l?u.useController({control:l.control,name:o}):null,h=r.useState(s||(null===(e=null==c?void 0:c.field)||void 0===e?void 0:e.value)||[]),x=h[0],f=h[1],m=a.filter((function(n){return x.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(t=null==c?void 0:c.fieldState.error)||void 0===t?void 0:t.message;return r.useEffect((function(){var n;l&&(null===(n=null==c?void 0:c.field)||void 0===n||n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),i.jsx(In,R({options:a,handleChange:function(n){x.includes(n.value)?f((function(e){return e.filter((function(e){return e!==n.value}))})):f((function(e){return M(M([],e,!0),[n.value],!1)})),d&&d(n.value)},error:g,selectedLabel:m,selectedValue:x,name:o,isLabelShrink:!!m,renderOption:function(n,e){return i.jsx(tr,{option:n,selectedValue:e})}},p))},exports.InputPassword=pt,exports.InputPhoneWithForm=Nt,exports.InputSelect=Ce,exports.InputSelectBase=In,exports.InputSelectDropdown=Cn,exports.InputSelectWithController=er,exports.InputTextAreaMobile=ut,exports.InputWithAutocomplete=function(e){var t,i=e.renderOption,d=e.options,l=e.name,s=e.hideName,p=e.form,c=e.isLoading,u=e.onSelectItem,h=e.handleScrollEnd,x=e.onSearchItem,f=e.isLabelLoading,m=e.disabled,g=e.creatingLabel,b=e.renderCreatingModal,v=e.endComponent,w=e.inputRef,y=e.onOpen,k=z(e,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),j=r.useState(!1),C=j[0],_=j[1],S=r.useRef(null);s&&p.register(s);var I=function(){m||_(!0)},P=function(){_(!1)};r.useEffect((function(){y&&y(C)}),[C]);var M=o.useForkRef(S,w);return n.jsxs(Ur,{children:[f&&n.jsx(Gr,{children:n.jsx(vr,{height:"100%"})}),n.jsx(Er,{renderOption:i,options:d,inputRef:{current:null===(t=S.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:C,handleCloseDropdown:P,handleSelect:function(n){var e;u(n),P(),(null===(e=p.getFieldState(l).error)||void 0===e?void 0:e.message)&&p.clearErrors(l)},isLoading:c,handleScrollEnd:h,creatingLabel:g,renderCreatingModal:b,input:n.jsx(Ar,R({form:p,onInput:function(n){x&&(x(n.target.value),s&&p.setValue(s,null)),!n.target.value&&s&&(s&&p.setValue(s,null),p.setValue(l,null),u(null)),I()},onFocus:I,name:l,disabled:m,ref:M,isDropdownOpen:C,autoComplete:"nope"},k,{endIcon:!m&&n.jsxs(a.Grid,R({container:!0,alignItems:"center",onClick:function(){_((function(n){return!n}))}},{children:[n.jsx(a.Box,R({mr:2},{children:v})),k.endIcon||!m&&n.jsx(Vr,{width:12,height:13,css:[C&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=Ze,exports.InputWithDatePicker=vt,exports.InputWithMask=Xe,exports.InputWithMonthPicker=function(n){return i.jsxs(i.Fragment,{children:[i.jsx(Ke,R({},n)),i.jsx(St,R({},n))]})},exports.Loading=vr,exports.MapWrapper=function(n){var e=n.children,t=r.useState(!1),a=t[0],o=t[1],d=r.useState("LOADING"),l=d[0],s=d[1],p=r.useState(Mi().mapKey),c=p[0],u=p[1];return r.useEffect((function(){var n=function(n){return u(n.mapKey)};return Ei(n),function(){Ti(n)}}),[]),r.useEffect((function(){if(!a&&c){var n=new b.Loader({apiKey:c,libraries:["places"],language:"ru"}),e=function(n){s(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return o(!0)}}),[c]),c?"SUCCESS"===l&&e?i.jsx(i.Fragment,{children:e}):(function(n){"LOADING"===n?i.jsx(vr,{height:"100%"}):"FAILURE"===n?i.jsx("h3",{children:n}):i.jsx("div",{})}(l),i.jsx(i.Fragment,{})):i.jsx("h2",{children:"Add google key"})},exports.MenuItem=He,exports.MenuPanel=Mt,exports.MobileInputWithMonthPicker=St,exports.MobileMenuPanel=Rt,exports.MonthPickerContainer=Le,exports.MonthPickerHeader=Ue,exports.PassportStrengthBar=rt,exports.RadioButtons=dr,exports.RadioButtonsWithController=lr,exports.RadioGroupWithLabel=function(n){var e,t=n.title,r=n.className,o=n.direction,d=n.form,l=n.name,s=z(n,["title","className","direction","form","name"]),p=null===(e=u.useController({control:d.control,name:l}).fieldState.error)||void 0===e?void 0:e.message;return i.jsxs(mr,{children:[i.jsxs(gr,R({container:!0,alignItems:"vertical"===o?"flex-start":"center",justify:"space-between",direction:"vertical"===o?"column":"row",hasError:!!p,className:r,withTitle:!!t},{children:[t&&i.jsx(br,R({direction:o,size:"xs",weight:600},{children:t.toUpperCase()})),i.jsx(a.Grid,R({item:!0,xs:"vertical"===o?12:"auto"},{children:i.jsx(lr,R({form:d,name:l},s))}))]})),p&&i.jsx(a.InputMessage,{variant:"error",msg:p})]})},exports.SelectMonth=Re,exports.SelectYear=Se,exports.Switch=Ot,exports.Table=Dt,exports.TableCell=Wt,exports.TableHeadCell=Ft,exports.TableRow=Lt,exports.Tooltip=Jt,exports.UndefinedAvatar=tn,exports.getFormError=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.formState.errors;return null==t||t.forEach((function(n){r&&(r=r[n])})),null==r?void 0:r.message},exports.getFormValue=st,exports.getSettings=Mi,exports.getVisibility=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},exports.getVisibilitySettings=function(n){switch(n){case"everybody":return{tenant:!0,landlord:!0};case"landlord":return{tenant:!1,landlord:!0};case"tenant":return{tenant:!0,landlord:!1};default:return{tenant:!1,landlord:!1}}},exports.setSettings=function(n){Ri=R(R({},Ri),n),zi.forEach((function(n){return n(Ri)}))},exports.shortMonths=Ct,exports.subscribeToSettings=Ei,exports.unsubscribeFromSettings=Ti;
|
package/index.d.ts
CHANGED
|
@@ -479,28 +479,6 @@ declare type MapWrapperProps = {
|
|
|
479
479
|
};
|
|
480
480
|
declare function MapWrapper({ children }: MapWrapperProps): ReactElement;
|
|
481
481
|
|
|
482
|
-
declare type GeolocationParams = {
|
|
483
|
-
lat: number;
|
|
484
|
-
lng: number;
|
|
485
|
-
};
|
|
486
|
-
declare const useAddressAutocomplete: (form: UseFormReturn<any>, name: string, handlePlaceSelectProp?: ((coords: GeolocationParams | null, place: google.maps.places.PlaceResult | null) => void) | undefined) => {
|
|
487
|
-
inputRef: React.RefObject<HTMLInputElement>;
|
|
488
|
-
handlePlaceSelect: (newPlace: google.maps.places.PlaceResult) => Promise<void>;
|
|
489
|
-
place: google.maps.places.PlaceResult | null;
|
|
490
|
-
cleanLocation: () => void;
|
|
491
|
-
};
|
|
492
|
-
|
|
493
|
-
type InputWithAddressAutocompleteProps<T> = {
|
|
494
|
-
handlePlaceSelect?: (coords: GeolocationParams | null) => void
|
|
495
|
-
} & InputWithControllerProps<T>
|
|
496
|
-
|
|
497
|
-
type InputWithAddressFields = {
|
|
498
|
-
address: string
|
|
499
|
-
location: GeolocationParams | null
|
|
500
|
-
}
|
|
501
|
-
|
|
502
|
-
declare function InputWithAddressAutocomplete<T extends object>({ form, name, handlePlaceSelect, ...inputProps }: InputWithAddressAutocompleteProps<T>): JSX.Element;
|
|
503
|
-
|
|
504
482
|
declare const DependentInput: <T extends object>(props: any) => JSX.Element;
|
|
505
483
|
|
|
506
484
|
declare const Loading: React.ForwardRefExoticComponent<{
|
|
@@ -534,4 +512,4 @@ declare const getVisibilitySettings: (visibility?: DocumentVisibilityVariants |
|
|
|
534
512
|
landlord: boolean;
|
|
535
513
|
};
|
|
536
514
|
|
|
537
|
-
export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, ButtonsPanelProps, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, DocumentVisibilityVariants, FileItemProps, InputDropdown, InputFile, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectBase, InputSelectBaseProps, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile,
|
|
515
|
+
export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, ButtonsPanelProps, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, DocumentVisibilityVariants, FileItemProps, InputDropdown, InputFile, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectBase, InputSelectBaseProps, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile, InputWithAutocomplete, InputWithController, InputWithControllerProps, InputWithDatePicker, InputWithMask, InputWithMonthPicker, KUIComplexObserver, KUIComplexSettings, Loading, MapWrapper, MenuItem, MenuPanel, MenuPanelProps, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, OptionParams$2 as OptionParams, PassportStrengthBar, RadioButtons, RadioButtonsWithController, RadioGroupWithLabel, SelectMonth, SelectYear, Switch, TabPanelVariants, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar, UploadFileParams, VisibilitySettings, getFormError, getFormValue, getSettings, getVisibility, getVisibilitySettings, setSettings, shortMonths, subscribeToSettings, unsubscribeFromSettings };
|
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react-datepicker/dist/react-datepicker.css";import{jsx as n,jsxs as e,Fragment as t}from"@emotion/react/jsx-runtime";import r from"@emotion/styled";import{css as i,Global as a}from"@emotion/react";import*as o from"react";import{forwardRef as l,useRef as d,useEffect as c,useState as p}from"react";import{jsx as u,jsxs as s,Fragment as h}from"react/jsx-runtime";import{Caption as m,theme as f,Button as x,Container as g,Tooltip as b,Grid as v,InputWithAdornments as w,Heading as y,InputWithMask as k,IconButton as _,LinearProgress as C,Divider as S,Modal as z,Switch as I,InputWithCountryDropdown as P,Checkbox as N,Radio as M,InputMessage as O,CircularProgress as j,Box as T}from"kui-basic";import{useWindowWidth as V,updateQueryParams as L,useForkRef as D,strongPasswordRegExp as E,mediumPasswordRegExp as U,simplePasswordRegExp as B,useToggle as R,isValidWithMaskExp as F}from"kui-utils";import K from"kui-swiper";import A from"classnames";import{HalfArrowIcon as W,PrevArrowIcon as J,NextArrowIcon as H,CalendarIcon as Y,ArrowBackIcon as q,ArrowNextIcon as G,ClosedEyeIcon as $,OpenEyeIcon as Q,CheckIcon as X,PlusIcon as Z,FileIcon as nn,EditIcon as en,TrashIcon as tn}from"kui-icon";import rn from"lodash";import an from"react-datepicker";import{useController as on,Controller as ln,useWatch as dn}from"react-hook-form";import{scroller as cn,Events as pn,Link as un,animateScroll as sn,Element as hn}from"react-scroll";import{DateTime as mn}from"luxon";import fn from"date-fns/locale/ru";import{useNavigate as xn,useLocation as gn}from"react-router-dom";import*as bn from"react-dom";import{Loader as vn}from"@googlemaps/js-api-loader";var wn=function(){return wn=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},wn.apply(this,arguments)};function yn(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function kn(n,e,t,r){return new(t||(t=Promise))((function(i,a){function o(n){try{d(r.next(n))}catch(n){a(n)}}function l(n){try{d(r.throw(n))}catch(n){a(n)}}function d(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,l)}d((r=r.apply(n,e||[])).next())}))}function _n(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}function Cn(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function Sn(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var zn,In,Pn,Nn,Mn,On,jn,Tn,Vn,Ln,Dn,En,Un,Bn,Rn,Fn,Kn,An,Wn,Jn,Hn,Yn,qn,Gn=l((function(n,e){var t=n.label,r=yn(n,["label"]);if(!t)return u("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return u($n,wn({"data-testid":"undefined_avatar",ref:e},{children:u(m,wn({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),$n=r.div(zn||(zn=Sn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),f.palette.brand.light,f.palette.brand.main),Qn=l((function(e,t){var r=e.size,i=e.fullName,a=e.imageUrl,o=yn(e,["size","fullName","imageUrl"]);return n(Xn,wn({css:ee[r],ref:t},o,{children:a?n(Zn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):n(ne,{label:i,avatarSize:r})}))})),Xn=r.div(In||(In=Sn(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),Zn=r.img(Pn||(Pn=Sn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),ne=r(Gn,{shouldForwardProp:function(n){return"size"!==n}})(Mn||(Mn=Sn(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&i(Nn||(Nn=Sn(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),ee={xs:i(On||(On=Sn(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:i(jn||(jn=Sn(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:i(Tn||(Tn=Sn(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:i(Vn||(Vn=Sn(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},te=l((function(e,t){var r=e.index,i=e.onClick,a=e.isActive,o=e.label,l=e.disabled;return n(re,wn({disabled:l,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&ie,size:"s",ref:t,className:A("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),re=r(x)(Ln||(Ln=Sn(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),ie=i(Dn||(Dn=Sn(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),f.palette.grey.seventy),ae=l((function(e,t){var r=e.renderTabWrapper,i=e.label,a=yn(e,["renderTabWrapper","label"]);return r?r(i,n(te,wn({ref:t,label:i},a))):n(te,wn({ref:t,label:i},a))})),oe=function(n){var e=n.startComponent,t=n.endComponent,r=n.tabs,i=n.renderTabWrapper,a=n.handleChange,o=n.value,l=d(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=l.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),a(n)};return s(g,wn({className:"KUI-ButtonTabs"},{children:[e,u(le,wn({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:l},{children:r.map((function(n,e){return u(ae,{index:e,onClick:c,isActive:e===o,label:n,renderTabWrapper:i},n)}))})),t]}))},le=r(K)(En||(En=Sn(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),de=l((function(r,i){var a=r.tabs,l=r.tabPanels,d=r.paths,p=r.activeTab,u=r.isSticky,s=r.onChange,h=r.startComponent,m=r.endComponent,f=r.navigate,x=r.renderTabWrapper,g=yn(r,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),b=V(),v=o.useState(Number(p)),w=v[0],y=v[1];return c((function(){y(Number(p))}),[p]),0===b?null:e(t,{children:[n(pe,wn({css:u&&{position:"sticky"},ref:i},g,{children:n(oe,{value:w,tabs:a,handleChange:function(n){if(y(n),null==d?void 0:d.length){var e=d[n];f?f(e):L(e)}s&&s(n)},endComponent:m,startComponent:h,renderTabWrapper:x})})),n(ce,wn({role:"tabpanel"},{children:l[w]}))]})})),ce=r.div(Un||(Un=Sn(["\n height: 100%;\n"],["\n height: 100%;\n"]))),pe=r.div(Bn||(Bn=Sn(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),f.palette.grey.zero),ue=l((function(n,e){var t=n.isOpen,r=n.handleClose,i=n.buttonRef,a=n.children,o=n.endComponent,l=n.input,h=n.className,m=n.strategy,f=n.onScroll,x=yn(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),g=p(!1),b=g[0],v=g[1],w=d(null);c((function(){var n;if((null==i?void 0:i.current)&&t){var e=null===(n=w.current)||void 0===n?void 0:n.children[0].children[0];if(e){var r=e.scrollHeight>e.clientHeight;v(r)}}}),[t]);return u(se,wn({fullWidth:!0,withoutMobile:!0,open:t,onChange:function(n){n||r()},toggleMethod:"controlled",strategy:m||"fixed",placement:"bottom",className:h,content:s(he,wn({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),w.current=n}},x,{children:[u(me,wn({isScrollable:b},{children:u(fe,wn({onScroll:f,isScrollable:b,className:"KUI-InputDropdown_scroll"},{children:a}))})),o]}))},{children:l}))})),se=r(b)(Rn||(Rn=Sn(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),he=r(v)(Fn||(Fn=Sn(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),me=r.div(Kn||(Kn=Sn(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 8px 8px 0":"14px 0px 8px 0"})),fe=r.div(An||(An=Sn(["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?"4px":"0px"}),f.palette.grey.fifteenB,f.palette.grey.thirty),xe=l((function(n,e){var t=n.input,r=n.options,i=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,l=n.handleSelect,d=n.selectedValue,c=n.renderOption;return u(be,wn({input:t,buttonRef:i,isOpen:a,handleClose:o,ref:e},{children:r.map((function(n,e){return u(ge,wn({disabled:n.disabled,onClick:function(){return function(n){n.disabled||l(n)}(n)},"data-value":"autocomplete_option_".concat(n.value),"data-testid":"autocomplete_option_".concat(e)},{children:c(n,d)}),n.label)}))}))})),ge=r.div(Wn||(Wn=Sn(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?f.palette.grey.fiftyP:f.palette.grey.seventy})),be=r(ue)(Jn||(Jn=Sn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),ve=l((function(t,r){var i,a=t.options,o=t.name,l=t.disabled,c=t.handleChange,u=t.iconProps,s=t.renderOption,h=t.selectedLabel,m=t.selectedValue,f=t.error,x=yn(t,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error"]),g=p(!1),b=g[0],v=g[1],w=d(null),y=D(w,r),k=function(){v(!1)};return e(we,{children:[n("input",{name:o,autoComplete:"off",hidden:!0}),n(xe,{options:a,inputRef:{current:null===(i=null==w?void 0:w.current)||void 0===i?void 0:i.parentElement},isOpenDropdown:b,handleCloseDropdown:k,handleSelect:function(n){c&&c(n),k()},selectedValue:m,renderOption:s,input:n(ye,wn({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==w?void 0:w.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),l||v((function(n){return!n}))},ref:y,disabled:l,readOnly:!0,value:h,message:f,isLabelShrink:Boolean(m)||0===m,autoComplete:"nope"},x,{endIcon:!l&&n(ke,wn({width:12,height:13,css:[{transition:"all linear .2s"},b&&{transform:"rotate(180deg)"}]},u))}))})]})})),we=r.div(Hn||(Hn=Sn(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),ye=r(w)(Yn||(Yn=Sn(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"],["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"]))),ke=r(W)(qn||(qn=Sn(["\n user-select: none;\n"],["\n user-select: none;\n"])));function _e(n){var e=n.option,t=n.selectedValue;return u(ft,wn({selected:t===e.value},{children:u(m,wn({size:"sm",weight:500},{children:e.label}))}))}var Ce,Se,ze,Ie,Pe,Ne,Me,Oe,je,Te,Ve,Le,De,Ee,Ue,Be,Re,Fe,Ke,Ae,We,Je,He,Ye,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,rt,it,at,ot,lt,dt,ct,pt,ut,st,ht,mt,ft=r.div(Ce||(Ce=Sn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?f.palette.background.light1:f.palette.grey.zero}),f.palette.background.light1),xt=l((function(n,e){var t,r=n.options,i=n.name,a=n.handleChange;n.form;var o=n.value,l=yn(n,["options","name","handleChange","form","value"]),d=p(o),s=d[0],h=d[1],m=(null===(t=r.find((function(n){return String(n.value)===String(s)})))||void 0===t?void 0:t.label)||"";return c((function(){void 0!==o&&h(o)}),[o]),u(ve,wn({options:r,handleChange:function(n){h(n.value),a&&a(n.value)},selectedLabel:m,selectedValue:s,name:i,renderOption:function(n,e){return u(_e,{option:n,selectedValue:e})},ref:e},l))})),gt=function(n,e,t){return e&&n<e||t&&n>t},bt=l((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,a=yn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return wn(wn({},n),{disabled:gt(Number(n.value),r,i)})}));return u(xt,wn({ref:e,label:"Year",options:o},a))})),vt=function(n,e,t){return e&&n<e||t&&n>=t},wt=[{value:0,label:"January"},{value:1,label:"February"},{value:2,label:"March"},{value:3,label:"April"},{value:4,label:"May"},{value:5,label:"June"},{value:6,label:"July"},{value:7,label:"August"},{value:8,label:"September"},{value:9,label:"October"},{value:10,label:"November"},{value:11,label:"December"}],yt=l((function(n,e){var t=n.min,r=n.max;n.options;var i=yn(n,["min","max","options"]),a=wt.map((function(n){return wn(wn({},n),{disabled:vt(n.value,t,r)})}));return u(xt,wn({ref:e,label:"Month",options:a},i))})),kt=l((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,a=n.yearOptions,o=n.max,l=n.min,d=i.getFullYear(),c=i.getMonth(),p=(null==l?void 0:l.year)===d&&(null==l?void 0:l.month)?l.month-1:0,h=(null==o?void 0:o.year)===d?null==o?void 0:o.month:11;return u(_t,wn({ref:e},{children:s(v,wn({container:!0,spacing:2},{children:[u(v,wn({item:!0,xs:6},{children:u(bt,{min:null==l?void 0:l.year,max:null==o?void 0:o.year,yearOptions:a,value:d,handleChange:r})})),u(v,wn({item:!0,xs:6},{children:u(yt,{min:Number(null==l?void 0:l.year)>=d&&p,max:Number(null==o?void 0:o.year)<=d&&h,value:c,handleChange:t})}))]}))}))})),_t=r.div(Se||(Se=Sn(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Ct=l((function(n,e){n.arrowProps,n.showPopperArrow;var t=yn(n,["arrowProps","showPopperArrow"]);return u(St,wn({ref:e},t))})),St=r.div(ze||(ze=Sn(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),f.palette.grey.fiftyP,f.palette.background.light3,f.palette.background.light3,f.palette.brand.main,f.palette.brand.light,f.palette.brand.main,f.palette.brand.main,f.palette.grey.fifteenB,f.palette.red.seventy,f.palette.grey.zero),zt=l((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,a=n.prevMonthButtonDisabled,o=n.date,l=rn.capitalize(o.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return s(It,wn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[u(v,wn({item:!0},{children:u(Pt,wn({size:"h4"},{children:l}))})),u(v,wn({item:!0},{children:s(v,wn({container:!0,spacing:2},{children:[u(v,wn({item:!0},{children:u(Nt,wn({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:a,onClick:t},{children:u(J,{width:10,height:10})}))})),u(v,wn({item:!0},{children:u(Nt,wn({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:u(H,{width:10,height:10})}))}))]}))}))]}))})),It=r(v)(Ie||(Ie=Sn(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Pt=r(y)(Pe||(Pe=Sn(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Nt=r(x)(Ne||(Ne=Sn(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Mt=l((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,a=n.startIcon,o=yn(n,["onClick","disabled","handleClick","startIcon"]),l=function(){r||(i?i():t())},d=function(){return u(Ot,wn({disabled:r,onClick:l},{children:a||u(Y,{width:19,height:21})}))};return u(k,wn({disabled:r,endIcon:!a&&u(d,{}),startIcon:a&&u(d,{})},o,{ref:e}))})),Ot=r.div(Me||(Me=Sn(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),jt=l((function(n,e){n.arrowProps,n.showPopperArrow;var t=yn(n,["arrowProps","showPopperArrow"]);return u(Tt,wn({ref:e},t))})),Tt=r.div(Oe||(Oe=Sn(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),f.palette.background.light1,f.palette.grey.fifteenB,f.palette.grey.fifteenB,f.palette.brand.main,f.palette.grey.fifteenB),Vt=l((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return s(Dt,wn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[u(v,wn({item:!0},{children:u(Lt,wn({disabled:a,onClick:t,type:"button"},{children:u(q,{width:14,height:12})}))})),u(v,wn({item:!0},{children:u(m,wn({size:"sm",weight:600},{children:o.getFullYear()}))})),u(v,wn({item:!0},{children:u(Lt,wn({disabled:i,onClick:r,type:"button"},{children:u(G,{width:14,height:12})}))}))]}))})),Lt=r(_)(je||(je=Sn(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Dt=r(v)(Te||(Te=Sn(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),Et=l((function(n,e){var t,r=n.name,i=n.form,a=n.disabled,o=n.datePickerProps,l=n.onChange,d=yn(n,["name","form","disabled","datePickerProps","onChange"]),s=p(),h=s[0],m=s[1],f=on({name:r,control:i.control}),x=f.field,g=f.fieldState;return c((function(){m(x.value)}),[x.value]),u(Ut,wn({ref:e},{children:u(an,wn({selected:x.value,onChange:function(n){x.onChange(n),l&&l(n)},disabled:a,customInput:u(Mt,wn({mask:"00.0000",name:r,disabled:a,message:null===(t=g.error)||void 0===t?void 0:t.message},d),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:jt,renderCustomHeader:function(n){return u(Vt,wn({},n))}},o))}))})),Ut=r.div(Ve||(Ve=Sn(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),Bt=l((function(e,t){var r=e.tab,i=e.active,a=e.index,o=e.handleClick,l=e.offset,d=e.isScrolling,p=e.setIsScrolling,u=function(){p(!1)};return c((function(){return i===a&&cn.scrollTo(r,{offset:l}),pn.scrollEvent.register("begin",(function(n,e){p(!0),e&&o(Number(e.dataset.index))})),pn.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){pn.scrollEvent.remove("begin"),pn.scrollEvent.remove("end")}}),[]),n(un,wn({to:r,spy:!0,smooth:!0,duration:500,offset:l,onSetActive:function(){d||o(a)}},{children:n(Rt,wn({ref:t},{children:n(x,wn({variant:Number(i)===a?"orange":"transparentWithBorder",size:"xs",css:Number(i)!==a&&Ft},{children:r}))}))}))})),Rt=r.div(Le||(Le=Sn(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),Ft=i(De||(De=Sn(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),f.palette.grey.seventy),Kt=l((function(e,t){var r=e.tabs,i=e.variant,a=yn(e,["tabs","variant"]);return n(At,wn({container:!0,css:"white"===i&&{background:"white"},ref:t},{children:r.map((function(e,t){return n(v,wn({item:!0},{children:n(Bt,wn({tab:e,index:t,offset:-121},a),e)}),t)}))}))})),At=r(v)(Ee||(Ee=Sn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),f.palette.background.light1),Wt=l((function(n,e){var t=n.form,r=n.name,i=n.error,a=yn(n,["form","name","error"]),o=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return u(ln,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return u(k,wn({message:o(r)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),Jt=l((function(n,e){var t=n.form,r=n.name,i=n.error,a=n.value,o=n.type,l=yn(n,["form","name","error","value","type"]),d=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return u(ln,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return u(w,wn({message:d(r)},t,l,{onChange:function(n){return function(n,e){var t,r="number"!==o||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(wn(wn({},n),{target:wn(wn({},n.target),{value:r})})),l.onChange&&l.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),Ht={weak:0,simple:1,medium:2,hard:3},Yt={weak:f.palette.red.fiftyP,simple:f.palette.brand.main,medium:f.palette.blue.fiftyP,hard:f.palette.green.fiftyP},qt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},Gt=l((function(t,r){var i=t.strength,a=i?Yt[i]:"",o=i?Ht[i]:-1;return e($t,wn({"data-testid":"strength_bar",className:String(!i&&"hidden"),ref:r},{children:[n(Qt,{children:Object.keys(Ht).map((function(e,t){return n(Xt,{children:n(Zt,{"data-testid":"progress_item_".concat(e),value:o>=t?100:0,color:a})},e)}))}),n(m,wn({"data-testid":"strength_bar_explanation",size:"s",css:{color:a}},{children:i&&qt[i]})),n(nr,wn({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),$t=r.div(Ue||(Ue=Sn(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),Qt=r.div(Be||(Be=Sn(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),Xt=r.div(Re||(Re=Sn(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),Zt=r(C)(Fe||(Fe=Sn(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),f.palette.grey.fifteenB,(function(n){return n.color})),nr=r(m)(Ke||(Ke=Sn(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),er=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.control._formValues;return null==t||t.forEach((function(n){r&&(r=r[n])})),r},tr=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.formState.errors;return null==t||t.forEach((function(n){r&&(r=r[n])})),null==r?void 0:r.message},rr=l((function(n,e){var t=p(!1),r=t[0],i=t[1],a=p(null),o=a[0],l=a[1],d=function(n){0!==n.length?E.test(n)?l("hard"):U.test(n)?l("medium"):B.test(n)?l("simple"):l("weak"):l(null)};return c((function(){var e=n.form,t=n.name,r=er(t,e);"string"==typeof r&&d(r)}),[]),s(h,{children:[u(Jt,wn({type:r?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;d(e)},"data-testid":"input_password",ref:e,endIcon:u(ir,wn({"data-testid":"show_value_btn",onClick:function(){i((function(n){return!n}))}},{children:u(r?$:Q,{})}))},n)),u(Gt,{strength:o})]})})),ir=r.div(Ae||(Ae=Sn(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),ar=l((function(n){return s(h,{children:[u(or,{children:u(Jt,wn({},n))}),u(lr,{children:u(Jt,wn({isTextArea:!0},n))})]})})),or=r.div(We||(We=Sn(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),lr=r.div(Je||(Je=Sn(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),dr=l((function(n,e){var t=n.label,r=n.button,i=yn(n,["label","button"]);return s(cr,wn({ref:e},{children:[u(S,{}),u(pr,{children:r||u(ur,wn({fullWidth:!0,size:"s",endIcon:u(X,{})},i,{children:t}))})]}))})),cr=r.div(He||(He=Sn(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),f.palette.grey.zero),pr=r.div(Ye||(Ye=Sn(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),ur=r(x)(qe||(qe=Sn(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),sr=l((function(r,i){var a,o=r.title,l=r.description,d=r.name,u=r.form,s=r.disabled,h=r.yearParams,m=r.onChange,f=r.max,x=r.min,g=r.footerLabel,b=r.datePickerProps,v=r.alignTitle,w=void 0===v?"center":v,y=yn(r,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=on({name:d,control:u.control}),_=k.field,C=null===(a=k.fieldState.error)||void 0===a?void 0:a.message,S=_.value,z=S?S.toFormat("dd.MM.yyyy"):"",I=S?S.toJSDate():null,P=R(),N=P[0],M=P[1],O=P[2],j=p(I),T=j[0],V=j[1],L=p(z),E=L[0],U=L[1],B=function(n,e){if(!n||!e)return[];var t=mn.now().year-n;return rn.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==h?void 0:h.min,null==h?void 0:h.max),K=D(i,_.ref);c((function(){z&&U(z)}),[z]);return e(t,{children:[n(Mt,wn({mask:"00.00.0000",name:d,handleClick:M,value:E,onChange:function(n){var e=n.target.value;if(U(e),0!==e.length&&F.test(e)){var t=mn.fromFormat(e,"dd.MM.yyyy");V(t.toJSDate()),null==_||_.onChange({target:{value:t,name:d},type:"change"}),m&&m(t)}else V(null),null==_||_.onChange({target:{value:null,name:d},type:"change"}),m&&m(null)},disabled:s,message:C,ref:K},y)),e(xr,wn({title:o,description:l,isOpen:N,handleClose:O,alignTitle:w},{children:[n(hr,{children:n(an,wn({inline:!0,selected:T||I,onChange:function(n){V(n)},calendarContainer:mr,renderCustomHeader:function(e){return n(kt,wn({yearOptions:B,max:f,min:x},e))},renderDayContents:function(e){return n(fr,{children:e})},maxDate:null==f?void 0:f.toJSDate(),minDate:null==x?void 0:x.toJSDate(),calendarStartDay:1},b))}),n(dr,{fullWidth:!0,disabled:!I&&!T,onClick:function(){if(T){var n=mn.fromJSDate(T);U(n.toFormat("dd.MM.yyyy")),null==_||_.onChange({target:{value:n,name:d},type:"change"}),m&&m(n),O()}},label:g})]}))]})})),hr=r.div(Ge||(Ge=Sn(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),mr=r(Ct)($e||($e=Sn(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),f.palette.background.light1,f.palette.background.light1),fr=r.span(Qe||(Qe=Sn(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),xr=r(z)(Xe||(Xe=Sn(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),gr=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],br=wn(wn({},fn),{localize:{month:function(n){return gr[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),vr=l((function(n,e){var t,r=n.title,i=n.name,a=n.form,o=n.disabled,l=n.datePickerProps,d=yn(n,["title","name","form","disabled","datePickerProps"]),c=on({name:i,control:a.control}),h=c.field,m=null===(t=c.fieldState.error)||void 0===t?void 0:t.message,f=R(),x=f[0],g=f[1],b=f[2],v=p(h.value?mn.fromJSDate(new Date(String(h.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=p(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return s(wr,wn({ref:e},{children:[u(Mt,wn({mask:"00.0000",name:i,handleCLick:g,value:w,onChange:function(n){var e=n.target.value;if(y(e),0!==e.length&&F.test(e)){var t=mn.fromFormat(e,"MM.yyyy").toJSDate();C(t),null==h||h.onChange({target:{value:t,name:i},type:"change"})}else C(null),null==h||h.onChange({target:{value:null,name:i},type:"change"})},disabled:o,message:m,isLabelShrink:Boolean(h.value)},d)),s(z,wn({title:r,isOpen:x,handleClose:b},{children:[u(yr,{children:u(an,wn({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:br,calendarContainer:jt,renderCustomHeader:function(n){return u(Vt,wn({},n))}},l))}),u(dr,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==h||h.onChange({target:{value:_,name:i},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),wr=r.div(Ze||(Ze=Sn(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),yr=r.div(nt||(nt=Sn(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),kr=function(n){return s(h,{children:[u(Et,wn({},n)),u(vr,wn({},n))]})},_r=l((function(e,t){var r=e.tabs,i=e.handleClick,a=e.variant,o=yn(e,["tabs","handleClick","variant"]),l=d(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=l.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),i(n)};return n(Cr,wn({css:"white"===a&&{background:"white"},ref:t},{children:n(K,wn({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:r.map((function(e,t){return n(Bt,wn({tab:e,index:t,handleClick:c,offset:-121},o),e)}))}))}))})),Cr=r.div(et||(et=Sn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),f.palette.background.light1),Sr=l((function(t,r){var i=t.tabs,a=t.tabPanels,l=t.paths,d=t.activeTab,p=t.variant,u=void 0===p?"grey":p,s=V(),h=o.useState(d),m=h[0],f=h[1],x=o.useState(!1),g=x[0],b=x[1],v=xn(),w=gn(),y=function(n){if(l[n]){f(n);var e=w.pathname,t="".concat(e).concat(w.search),r="".concat(e).concat(l[n]);t!==r&&v(r,{replace:!0})}};return c((function(){f(d)}),[d]),c((function(){"number"!=typeof d&&s<901&&sn.scrollToTop()}),[]),0===s?null:e("div",wn({ref:r},{children:[n(s>765?Kt:_r,{tabs:i,active:m,handleClick:y,variant:u,isScrolling:g,setIsScrolling:b}),a.map((function(e,t){return n("div",wn({css:t===a.length-1&&zr},{children:n(Ir,wn({name:i[t],"data-index":t},{children:e}),t)}),t)}))]}))})),zr=i(tt||(tt=Sn(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Ir=r(hn)(rt||(rt=Sn(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Pr=l((function(e,t){var r=e.form,i=e.name,a=yn(e,["form","name"]);return n(ln,{control:null==r?void 0:r.control,name:i,render:function(e){var r=e.field;return n(I,wn({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:t,name:i},a))}})})),Nr=l((function(n,e){var t,r=n.form,i=n.name,a=void 0===i?"phone":i,o=n.hiddenInputProps,l=n.error,d=yn(n,["form","name","hiddenInputProps","error"]),c=on({control:r.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),p=on({control:r.control,name:"".concat(a,".phoneNumber")}),s=void 0!==l&&String(l).length>0?l:null===(t=p.fieldState.error)||void 0===t?void 0:t.message,h=D(e,p.field.ref);return u(P,wn({message:s,hiddenInputProps:wn(wn({},c.field),o),onSelectCountry:function(n){c.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},p.field,d,{onChange:function(n){p.field.onChange(n),c.field.value||c.field.onChange({target:{value:"7",name:"".concat(a,".phoneCode")},type:"change"}),d.onChange&&d.onChange(n)},ref:h,autoComplete:"false"}))})),Mr=l((function(n,e){return u(Or,wn({cellSpacing:"0",ref:e},n))})),Or=r.table(it||(it=Sn(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),jr=r.th(at||(at=Sn(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Tr=r.td(ot||(ot=Sn(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Vr=l((function(n,e){var t=n.children,r=yn(n,["children"]),i=o.Children.toArray(t);return u("tr",wn({ref:e},{children:i.map((function(n){return o.cloneElement(n,r)}))}))})),Lr={bottomStart:{bottom:1,offset:0},bottomMiddle:{bottom:1,offset:.5},bottomEnd:{bottom:1,offset:1},topStart:{top:1,offset:0},topMiddle:{top:1,offset:.5},topEnd:{top:1,offset:1}},Dr=l((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,a=n.className,o=n.style,l=yn(n,["placement","open","children","spacing","className","style"]);return u(Er,wn({ref:e,className:A("KUI-Popper",a),spacing:i,style:o,open:!!t},{children:u(Ur,wn({open:!!t},l,{children:r}))}))})),Er=r.div(lt||(lt=Sn(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),f.breakpoints.xxs),Ur=r.div(dt||(dt=Sn(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),Br=l((function(n,e){var t=n.placement,r=n.contentRef,o=yn(n,["placement","contentRef"]),l=d(null),m=p(null),f=m[0],x=m[1],g=p(null),b=g[0],v=g[1];c((function(){if(r.current&&l.current){var n=l.current,e=r.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};x(e),v(t)}}),[]);var w={};if(f&&b){var y=Lr[null!=t?t:"bottomMiddle"];w={top:Math.max(y.top?f.top-b.height:f.top+f.height,0),left:Math.max(f.left+f.width*y.offset-b.width*y.offset,0)}}return bn.createPortal(s(h,{children:[u(a,{styles:i(ct||(ct=Sn(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),u(Dr,wn({ref:function(n){e&&(e.current=n),l.current=n},style:w},o))]}),document.body)})),Rr=l((function(n,e){var t=n.placement,r=n.contentRef,i=yn(n,["placement","contentRef"]),a=d(null),o=p(null),l=o[0],s=o[1],h=p(null),m=h[0],f=h[1],x={};if(c((function(){r.current&&a.current&&(s({width:r.current.clientWidth,height:r.current.clientHeight}),f({width:a.current.clientWidth,height:a.current.clientHeight}))}),[]),l&&m){var g=Lr[null!=t?t:"bottomMiddle"];x={top:g.top?0-m.height:0+l.height,left:Math.max(l.width*g.offset-m.width*g.offset,0)}}return u(Dr,wn({ref:function(n){e&&(e.current=n),a.current=n},style:x},i))})),Fr=l((function(n,e){var t=n.contentRef,r=yn(n,["contentRef"]),i=p(!0),a=i[0],o=i[1];return c((function(){var n=function(){for(var n=t.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();o(!!n)}),[t]),u(a?Rr:Br,wn({ref:e,contentRef:t},r))})),Kr=l((function(n,e){var t=n.content,r=n.onOpen,i=n.onClose,a=n.open,o=n.children,l=n.cursor,h=n.className,m=yn(n,["content","onOpen","onClose","open","children","cursor","className"]),f=p(a),x=f[0],g=f[1],b=d(null),v=function(){g(!0),r&&r()};return c((function(){g(a)}),[a]),s(Wr,wn({className:h,onMouseLeave:function(){g(!1),i&&i()},ref:e},{children:[u(Jr,wn({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:l},{children:u(Hr,wn({className:"Tooltip_content"},{children:o}))})),u(Fr,wn({open:x},m,{contentRef:b},{children:t}))]}))})),Ar=i(pt||(pt=Sn(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Wr=r.div(ut||(ut=Sn(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),Ar),Jr=r.div(st||(st=Sn(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),Ar,(function(n){return n.cursor})),Hr=r.div(ht||(ht=Sn(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),Ar),Yr=l((function(n,e){var t,r=n.options,i=yn(n,["options"]);return u(qr,wn({value:null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.value,options:r,iconProps:{width:9,height:5}},i,{ref:e}))})),qr=r(xt)(mt||(mt=Sn(["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),f.breakpoints.xs),Gr=l((function(n,e){var t,r,i=n.options,a=n.name,o=n.handleChange,l=n.form,d=n.value,c=yn(n,["options","name","handleChange","form","value"]),p=on({control:l.control,name:a}),s=null===(t=p.fieldState.error)||void 0===t?void 0:t.message;return u(xt,wn({options:i,handleChange:function(n){var e;o&&o(n),l&&(null===(e=p.field)||void 0===e||e.onChange({target:{value:n,name:a},type:"change"}))},error:s,name:a,value:d||(null===(r=p.field)||void 0===r?void 0:r.value),ref:e},c))}));function $r(n){var e=n.option,t=n.selectedValue.includes(e.value);return u(Zr,wn({container:!0,selected:t},{children:u(N,{checked:t,label:u(ni,wn({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var Qr,Xr,Zr=r(v)(Qr||(Qr=Sn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?f.palette.background.light1:f.palette.grey.zero}),f.palette.background.light1,f.palette.grey.seventy),ni=r(m)(Xr||(Xr=Sn(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?f.palette.grey.seventy:f.palette.grey.fiftyP}));function ei(n){var e,t,r=n.options,i=n.name,a=n.handleChange,o=n.form,l=n.value,d=yn(n,["options","name","handleChange","form","value"]),s=o?on({control:o.control,name:i}):null,h=p(l||(null===(e=null==s?void 0:s.field)||void 0===e?void 0:e.value)||[]),m=h[0],f=h[1],x=r.filter((function(n){return m.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(t=null==s?void 0:s.fieldState.error)||void 0===t?void 0:t.message;c((function(){var n;o&&(null===(n=null==s?void 0:s.field)||void 0===n||n.onChange({target:{value:m,name:i},type:"change"}))}),[m]);return u(ve,wn({options:r,handleChange:function(n){m.includes(n.value)?f((function(e){return e.filter((function(e){return e!==n.value}))})):f((function(e){return Cn(Cn([],e,!0),[n.value],!1)})),a&&a(n.value)},error:g,selectedLabel:x,selectedValue:m,name:i,isLabelShrink:!!x,renderOption:function(n,e){return u($r,{option:n,selectedValue:e})}},d))}var ti=l((function(n,e){var t=n.options,r=n.disabled,i=n.direction,a=void 0===i?"row":i,o=n.defaultValue,l=n.value,d=n.onChange,s=n.isSquare,h=yn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=p(o||l||t[0].value),f=m[0],x=m[1],g=function(n){var e=n.target.value;x(e),d&&d(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(x(null),d&&d(n,null))};return c((function(){l&&x(l)}),[l]),u(v,wn({container:!0,direction:a,ref:e},{children:t.map((function(n){return u(M,wn({value:n.value,label:n.label,disabled:Boolean(r),checked:String(f)===String(n.value),isSquare:s,onClick:b,onChange:g},h),n.value)}))}))}));function ri(n){var e=n.form,t=n.name,r=n.defaultValue,i=yn(n,["form","name","defaultValue"]);return c((function(){e.getValues(t)||r||e.setValue(t,i.options[0].value)}),[]),u(ln,{control:e.control,name:String(t),render:function(n){var e=n.field;return u(ti,wn({},i,e,{defaultValue:r,onChange:function(n,r){return function(n,e,r){r.onChange({target:{value:e,name:t},type:"change"}),i.onChange&&i.onChange(n,e)}(n,r,e)}}))}})}function ii(n){var e,t=n.title,r=n.className,i=n.direction,a=n.form,o=n.name,l=yn(n,["title","className","direction","form","name"]),d=null===(e=on({control:a.control,name:o}).fieldState.error)||void 0===e?void 0:e.message;return s(si,{children:[s(hi,wn({container:!0,alignItems:"vertical"===i?"flex-start":"center",justify:"space-between",direction:"vertical"===i?"column":"row",hasError:!!d,className:r,withTitle:!!t},{children:[t&&u(mi,wn({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),u(v,wn({item:!0,xs:"vertical"===i?12:"auto"},{children:u(ri,wn({form:a,name:o},l))}))]})),d&&u(O,{variant:"error",msg:d})]})}ti.displayName="RadioButtons";var ai,oi,li,di,ci,pi,ui,si=r.div(ai||(ai=Sn(["\n position: relative;\n"],["\n position: relative;\n"]))),hi=r(v,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(di||(di=Sn(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?f.palette.red.fiftyP:f.palette.grey.fifteenB}),(function(n){var e=n.direction,t=n.hasError,r=n.withTitle;return"column"===e?function(n){var e=n.hasError;return i(oi||(oi=Sn(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:t}):function(n){var e=n.hasError,t=n.withTitle;return i(li||(li=Sn(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),t?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:t,withTitle:r})}),f.breakpoints.sm),mi=r(m)(ci||(ci=Sn(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),f.breakpoints.sm),fi=l((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=yn(n,["height","className"]);return u(gi,wn({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:u(xi,wn({},i))}))})),xi=r(j)(pi||(pi=Sn(["\n color: ",";\n"],["\n color: ",";\n"])),f.palette.brand.main),gi=r(v,{shouldForwardProp:function(n){return"height"!==n}})(ui||(ui=Sn(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function bi(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=R(),i=r[0],a=r[1],o=r[2];if(!e||!t)return null;return s(h,{children:[s(_i,wn({container:!0,onClick:a,alignItems:"center"},{children:[u(Ci,{width:12,height:12}),u(m,wn({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),u(Si,wn({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:o})}))]})}var vi,wi,yi,ki,_i=r(v)(vi||(vi=Sn(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),f.palette.grey.fifteenB),Ci=r(Z)(wi||(wi=Sn(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),f.palette.grey.fiftyP),Si=r.div(yi||(yi=Sn([""],[""]))),zi=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return u(Ii,wn({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Ii=r(v)(ki||(ki=Sn(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Pi(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,l=n.isLoading,d=n.input,c=n.handleCloseDropdown,p=n.handleSelect,h=n.handleScrollEnd;return s(Oi,wn({input:d,buttonRef:a,isOpen:o,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&h&&h()},endComponent:u(bi,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return u(zi,{option:n,renderOption:t,handleSelect:p,index:e},e)})),l&&u(ji,{height:"auto"})]}))}var Ni,Mi,Oi=r(ue)(Ni||(Ni=Sn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),ji=r(fi)(Mi||(Mi=Sn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function Ti(t){var r,i=t.renderOption,a=t.options,o=t.name,l=t.hideName,u=t.form,s=t.isLoading,h=t.onSelectItem,m=t.handleScrollEnd,f=t.onSearchItem,x=t.isLabelLoading,g=t.disabled,b=t.creatingLabel,w=t.renderCreatingModal,y=t.endComponent,k=t.inputRef,_=t.onOpen,C=yn(t,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),S=p(!1),z=S[0],I=S[1],P=d(null);l&&u.register(l);var N=function(){g||I(!0)},M=function(){I(!1)};c((function(){_&&_(z)}),[z]);var O=D(P,k);return e(Bi,{children:[x&&n(Ui,{children:n(fi,{height:"100%"})}),n(Pi,{renderOption:i,options:a,inputRef:{current:null===(r=P.current)||void 0===r?void 0:r.parentElement},isOpenDropdown:z,handleCloseDropdown:M,handleSelect:function(n){var e;h(n),M(),(null===(e=u.getFieldState(o).error)||void 0===e?void 0:e.message)&&u.clearErrors(o)},isLoading:s,handleScrollEnd:m,creatingLabel:b,renderCreatingModal:w,input:n(Ri,wn({form:u,onInput:function(n){f&&(f(n.target.value),l&&u.setValue(l,null)),!n.target.value&&l&&(l&&u.setValue(l,null),u.setValue(o,null),h(null)),N()},onFocus:N,name:o,disabled:g,ref:O,isDropdownOpen:z,autoComplete:"nope"},C,{endIcon:!g&&e(v,wn({container:!0,alignItems:"center",onClick:function(){I((function(n){return!n}))}},{children:[n(T,wn({mr:2},{children:y})),C.endIcon||!g&&n(Fi,{width:12,height:13,css:[z&&{transform:"rotate(180deg)"}]})]}))}))})]})}var Vi,Li,Di,Ei,Ui=r.div(Vi||(Vi=Sn(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),Bi=r.div(Li||(Li=Sn(["\n position: relative;\n"],["\n position: relative;\n"]))),Ri=r(Jt)(Di||(Di=Sn(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Fi=r(W)(Ei||(Ei=Sn(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function Ki(n){var e=n.label;return u(Wi,{children:u(m,wn({size:"s",weight:500},{children:e}))})}var Ai,Wi=r.div(Ai||(Ai=Sn(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),f.palette.background.light2);function Ji(n){var e=n.href,t=n.withoutRoute,r=n.stopPropagation,i=n.openInNewWindow,a=yn(n,["href","withoutRoute","stopPropagation","openInNewWindow"]),o=xn();return u(Yi,wn({href:e||void 0,onClick:function(n){r&&n.stopPropagation(),n.preventDefault(),e&&(t?L(e):i?window.open(e,"_blank"):o(e))}},a))}var Hi,Yi=r.a(Hi||(Hi=Sn(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"],["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"])));function qi(n){var e,t,r=n.file,i=n.onDelete,a=n.onChange,o=n.index,l=n.selectedFile,f=n.setSelectedFile,g=n.limitTitle,b=void 0===g?100:g,v=n.icon,w=n.subtitle,y=n.disabled,k=n.error,_=n.className,C=yn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className"]),S=String(null===(t=r.title||r.name||(null===(e=r.file)||void 0===e?void 0:e.name))||void 0===t?void 0:t.replace(/\.[^/.]+$/,"")),z=p(S),I=z[0],P=z[1],N=p(!1),M=N[0],O=N[1],j=d(null);c((function(){var n;M&&(null===(n=j.current)||void 0===n||n.focus()),!M&&S!==I&&a&&a(I,o)}),[M]);return s(h,{children:[s(ca,wn({selected:(null!=l?l:-1)===o,error:b&&I.length>b||!!k,onClick:function(){f&&f(null!=o?o:1)},disabled:!!y,className:"FileWrapper ".concat(_||"")},C,{children:[u(pa,wn({className:"FileIcon_wrapper"},{children:v||u(nn,{})})),s(sa,wn({className:"FileContent_wrapper"},{children:[s(fa,{children:[u(Ji,wn({href:r.url,openInNewWindow:!0},{children:u(ma,{children:I})})),u(ha,{"data-testid":"file_name",ref:j,disabled:!M,value:I,onChange:function(n){P(n.target.value)},onBlur:function(){O(!1)},maxLength:100})]}),w||String(r.size)&&s(m,wn({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(r.size)," mb"]}))]})),s(ua,wn({className:"FileButtons_wrapper"},{children:[!y&&a&&u(x,wn({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){O((function(n){return!n}))}},{children:M?u(X,{}):u(en,{width:18,height:18})})),i&&!y&&u(x,wn({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;i&&i(null!==(n=r.index)&&void 0!==n?n:1,Number(o))}},{children:u(tn,{width:18,height:18})}))]}))]})),(b&&I.length>b||k)&&u(T,wn({mb:1},{children:u(m,wn({size:"xs",colorGroup:"red",weight:500},{children:k||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var Gi,$i,Qi,Xi,Zi,na,ea,ta,ra,ia,aa,oa,la,da,ca=r.div(Qi||(Qi=Sn(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?f.palette.brand.main:f.palette.grey.fifteenB}),(function(n){return n.disabled&&i($i||($i=Sn(["\n background: ",";\n "],["\n background: ",";\n "])),f.palette.background.light1)}),(function(n){return n.error&&i(Gi||(Gi=Sn(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),f.palette.red.seventy)})),pa=r.div(Xi||(Xi=Sn(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),f.palette.brand.light),ua=r.div(Zi||(Zi=Sn(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),f.palette.grey.thirty),sa=r.div(na||(na=Sn(["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]))),ha=r.input(ea||(ea=Sn(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: ",";\n caret-color: ",";\n height: -webkit-fill-available;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: ",";\n caret-color: ",";\n height: -webkit-fill-available;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),f.palette.grey.seventy,f.palette.brand.main),ma=r.span(ta||(ta=Sn(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),fa=r.div(ra||(ra=Sn(["\n position: relative;\n width: fit-content;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: fit-content;\n max-width: 100%;\n height: auto;\n"]))),xa=l((function(n,e){var t,r=n.form,i=n.name,a=n.parentName,o=n.label,l=n.disabled,f=n.withEdit,x=void 0===f||f,g=n.fileName,b=n.onChange,w=n.isRequired,y=n.uploadLabel,k=n.toBigTitleMessage,_=yn(n,["form","name","parentName","label","disabled","withEdit","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage"]),C=p(!1),S=C[0],z=C[1],I=p(),P=I[0],N=I[1],M=p(""),j=M[0],T=M[1],V=d(null),L=on({control:r.control,name:i}),D=L.field,E=L.fieldState,U=on({control:r.control,name:a||i}).field,B=null==P?void 0:P.name.split(".").pop(),R=P&&"url"in P?P:{file:P,url:P?URL.createObjectURL(P):j,size:P?Math.round(P.size/1048576*100)/100:null,name:g?"".concat(g,".").concat(B):null==P?void 0:P.name},F=null===(t=E.error)||void 0===t?void 0:t.message;c((function(){"string"==typeof D.value&&T(D.value),"object"==typeof D.value&&N(D.value),z(!0)}),[]),c((function(){var n,e=Number((null==g?void 0:g.length)||(null===(n=null==P?void 0:P.name)||void 0===n?void 0:n.length))>100;S&&!j&&D.onChange({target:{value:P,name:i},type:"change"}),e?r.setError(i,{type:"custom",message:k||"The file name must be less than 100 characters"}):r.clearErrors(i)}),[P]);return s(ga,{children:[u(va,wn({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];N(e),b&&b(e)}else N(void 0)}},_,{ref:function(n){e&&(e.current=n),V.current=n}})),P||j?u(qi,{file:R,onDelete:function(){P&&V.current&&(V.current.value=""),N(void 0),T(""),a?U.onChange({target:{value:null,name:a},type:"change"}):D.onChange({target:{value:null,name:i},type:"change"}),b&&b(null)},onChange:x&&function(n){var e,t=r.getValues(i),a="".concat(n,".").concat(B);"updateName"in t?(t.updateName(n),e=t):e=new File([t],a,{type:t.type}),N(e)},error:F,disabled:l}):s(h,{children:[s(ba,wn({error:!!F,disabled:l,container:!0,justify:"space-between",alignItems:"center"},{children:[u(wa,wn({item:!0},{children:s(m,wn({size:"s",color:"fiftyP"},{children:[o,w?" *":""]}))})),u(v,wn({item:!0},{children:u(ya,wn({disabled:l,size:"s",onClick:function(){V.current&&V.current.click()}},{children:y||"Upload"}))}))]})),F&&u(O,{variant:"error",msg:F})]})]})})),ga=r.div(ia||(ia=Sn(["\n position: relative;\n"],["\n position: relative;\n"]))),ba=r(v)(aa||(aa=Sn(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?f.palette.red.fiftyP:f.palette.grey.fifteenB}),(function(n){return n.disabled?f.palette.background.light1:f.palette.grey.zero})),va=r.input(oa||(oa=Sn(["\n display: none;\n"],["\n display: none;\n"]))),wa=r(v)(la||(la=Sn(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),ya=r(x)(da||(da=Sn(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),ka=l((function(n,e){var t=n.form,r=n.name,i=n.label,a=n.labelProps,o=yn(n,["form","name","label","labelProps"]);return u(ln,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return u(N,wn({},o,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),o.onChange&&o.onChange(n)}(n,t)},label:"string"==typeof i?u(m,wn({},a,{children:i})):i}))}})}));function _a(n){var e=n.title,t=n.options,r=n.form;n.name;var i=yn(n,["title","options","form","name"]);return s(Ia,wn({container:!0,alignItems:"center",justify:"space-between"},{children:[u(v,wn({item:!0},{children:u(m,wn({size:"s",weight:500,color:"fiftyP"},{children:e}))})),u(v,wn({item:!0},{children:u(v,wn({container:!0},{children:t.map((function(n){return u(za,wn({name:n.name,label:u(m,wn({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))}var Ca,Sa,za=r(ka)(Ca||(Ca=Sn(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Ia=r(v)(Sa||(Sa=Sn(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),f.palette.grey.fifteenB),Pa={mapKey:""},Na=[],Ma=function(){return wn({},Pa)},Oa=function(n){Pa=wn(wn({},Pa),n),Na.forEach((function(n){return n(Pa)}))},ja=function(n){Na.push(n)},Ta=function(n){var e=Na.indexOf(n);-1!==e&&Na.splice(e,1)},Va=function(n){return"LOADING"===n?u(fi,{height:"100%"}):"FAILURE"===n?u("h3",{children:n}):u("div",{})};function La(n){var e=n.children,t=p(!1),r=t[0],i=t[1],a=p("LOADING"),o=a[0],l=a[1],d=p(Ma().mapKey),s=d[0],m=d[1];return c((function(){var n=function(n){return m(n.mapKey)};return ja(n),function(){Ta(n)}}),[]),c((function(){if(!r&&s){var n=new vn({apiKey:s,libraries:["places"],language:"ru"}),e=function(n){l(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return i(!0)}}),[s]),s?"SUCCESS"===o&&e?u(h,{children:e}):(Va(o),u(h,{})):u("h2",{children:"Add google key"})}var Da=function(n,e,t){var r=p(null),i=r[0],a=r[1],o=d(null);function l(r){var i,o,l,d,c,p,u;return kn(this,void 0,void 0,(function(){var s,h,m,f,x,g,b;return _n(this,(function(v){return s=(null===(i=r.geometry)||void 0===i?void 0:i.location)?{lat:r.geometry.location.lat(),lng:r.geometry.location.lng()}:null,h=null==s?void 0:s.lat,m=null==s?void 0:s.lng,t&&t(h&&m?{lat:h,lng:m}:null,r),null==n||n.setValue("".concat(e,".location.lat"),h,{shouldValidate:!0}),null==n||n.setValue("".concat(e,".location.lng"),m,{shouldValidate:!0}),n.setValue("".concat(e,".addressAutoComplete"),r,{shouldValidate:!0}),f=null===(l=null===(o=r.address_components)||void 0===o?void 0:o.find((function(n){return n.types.includes("route")})))||void 0===l?void 0:l.short_name,x=null===(c=null===(d=r.address_components)||void 0===d?void 0:d.find((function(n){return n.types.includes("street_number")})))||void 0===c?void 0:c.short_name,g=null===(u=null===(p=r.address_components)||void 0===p?void 0:p.find((function(n){return n.types.includes("postal_code")})))||void 0===u?void 0:u.short_name,b=r.formatted_address,f&&x&&(b="".concat(f,", ").concat(x)),null==n||n.setValue("".concat(e,".address"),b,{shouldValidate:!0}),n.setValue("zipCode",g),a(r),[2]}))}))}var u=function(){window.google&&o.current?function(){if(o.current){var n=new window.google.maps.places.Autocomplete(o.current);n.addListener("place_changed",(function(){l(n.getPlace())}))}}():setTimeout(u,1)};return c((function(){var r,i,o,l;u(),r=n.getValues("".concat(e,".address")),i=n.getValues("".concat(e,".location.lat")),o=n.getValues("".concat(e,".location.lng")),l={formatted_address:r,geometry:{location:{lat:i,lng:o}}},t&&t(i&&o?{lat:i,lng:o}:null,null),r&&i&&o&&a(l)}),[]),{inputRef:o,handlePlaceSelect:l,place:i,cleanLocation:function(){a(null),null==n||n.setValue("".concat(e,".location.lat"),null,{shouldValidate:!0}),null==n||n.setValue("".concat(e,".location.lng"),null,{shouldValidate:!0}),null==n||n.setValue("".concat(e,".addressAutoComplete"),null,{shouldValidate:!0}),null==n||n.setValue("".concat(e,".address"),"",{shouldValidate:!0})}}};function Ea(n){var e=n.form,t=n.name,r=n.handlePlaceSelect,i=yn(n,["form","name","handlePlaceSelect"]),a=Da(e,t,r).inputRef;return u(La,{children:u(Jt,wn({name:"".concat(t,".address"),form:e,ref:a,placeholder:"",label:"Address"},i))})}var Ua=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,a=yn(n,["dependentInputName","form","disabled","Input"]),o=dn({control:t.control,name:e}),l=wn({form:t,disabled:r||!o},a);return u(i||Jt,wn({},l))},Ba=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},Ra=function(n){switch(n){case"everybody":return{tenant:!0,landlord:!0};case"landlord":return{tenant:!1,landlord:!0};case"tenant":return{tenant:!0,landlord:!1};default:return{tenant:!1,landlord:!1}}};export{Ki as AutocompleteOption,Qn as Avatar,Yr as ButtonSelect,ae as ButtonTab,de as ButtonsPanel,kt as CalendarHeaderWithSelect,Ct as CalendarStandardContainer,zt as CalendarStandardHeader,_a as CheckboxGroupWithTitle,ka as CheckboxWithController,Ua as DependentInput,Et as DesktopInputWithMonthPicker,Kt as DesktopMenuPanel,ue as InputDropdown,xa as InputFile,Mt as InputForDatepicker,ei as InputMultiSelect,rr as InputPassword,Nr as InputPhoneWithForm,xt as InputSelect,ve as InputSelectBase,xe as InputSelectDropdown,Gr as InputSelectWithController,ar as InputTextAreaMobile,Ea as InputWithAddressAutocomplete,Ti as InputWithAutocomplete,Jt as InputWithController,sr as InputWithDatePicker,Wt as InputWithMask,kr as InputWithMonthPicker,fi as Loading,La as MapWrapper,Bt as MenuItem,Sr as MenuPanel,vr as MobileInputWithMonthPicker,_r as MobileMenuPanel,jt as MonthPickerContainer,Vt as MonthPickerHeader,Gt as PassportStrengthBar,ti as RadioButtons,ri as RadioButtonsWithController,ii as RadioGroupWithLabel,yt as SelectMonth,bt as SelectYear,Pr as Switch,Mr as Table,Tr as TableCell,jr as TableHeadCell,Vr as TableRow,Kr as Tooltip,Gn as UndefinedAvatar,tr as getFormError,er as getFormValue,Ma as getSettings,Ba as getVisibility,Ra as getVisibilitySettings,Oa as setSettings,gr as shortMonths,ja as subscribeToSettings,Ta as unsubscribeFromSettings,Da as useAddressAutocomplete};
|
|
1
|
+
import"react-datepicker/dist/react-datepicker.css";import{jsx as n,jsxs as e,Fragment as t}from"@emotion/react/jsx-runtime";import r from"@emotion/styled";import{css as i,Global as a}from"@emotion/react";import*as o from"react";import{forwardRef as d,useRef as l,useEffect as p,useState as c}from"react";import{jsx as s,jsxs as u,Fragment as h}from"react/jsx-runtime";import{Caption as m,theme as x,Button as f,Container as g,Tooltip as b,Grid as v,InputWithAdornments as w,Heading as y,InputWithMask as k,IconButton as _,LinearProgress as C,Divider as S,Modal as z,Switch as I,InputWithCountryDropdown as P,Checkbox as N,Radio as M,InputMessage as O,CircularProgress as j,Box as T}from"kui-basic";import{useWindowWidth as D,updateQueryParams as E,useForkRef as L,strongPasswordRegExp as U,mediumPasswordRegExp as B,simplePasswordRegExp as F,useToggle as R,isValidWithMaskExp as K}from"kui-utils";import V from"kui-swiper";import A from"classnames";import{HalfArrowIcon as W,PrevArrowIcon as J,NextArrowIcon as H,CalendarIcon as Y,ArrowBackIcon as q,ArrowNextIcon as G,ClosedEyeIcon as $,OpenEyeIcon as Q,CheckIcon as X,PlusIcon as Z,FileIcon as nn,EditIcon as en,TrashIcon as tn}from"kui-icon";import rn from"lodash";import an from"react-datepicker";import{useController as on,Controller as dn,useWatch as ln}from"react-hook-form";import{scroller as pn,Events as cn,Link as sn,animateScroll as un,Element as hn}from"react-scroll";import{DateTime as mn}from"luxon";import xn from"date-fns/locale/ru";import{useNavigate as fn,useLocation as gn}from"react-router-dom";import*as bn from"react-dom";import{Loader as vn}from"@googlemaps/js-api-loader";var wn=function(){return wn=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},wn.apply(this,arguments)};function yn(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function kn(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function _n(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var Cn,Sn,zn,In,Pn,Nn,Mn,On,jn,Tn,Dn,En,Ln,Un,Bn,Fn,Rn,Kn,Vn,An,Wn,Jn,Hn,Yn=d((function(n,e){var t=n.label,r=yn(n,["label"]);if(!t)return s("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return s(qn,wn({"data-testid":"undefined_avatar",ref:e},{children:s(m,wn({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),qn=r.div(Cn||(Cn=_n(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),x.palette.brand.light,x.palette.brand.main),Gn=d((function(e,t){var r=e.size,i=e.fullName,a=e.imageUrl,o=yn(e,["size","fullName","imageUrl"]);return n($n,wn({css:Zn[r],ref:t},o,{children:a?n(Qn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):n(Xn,{label:i,avatarSize:r})}))})),$n=r.div(Sn||(Sn=_n(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),Qn=r.img(zn||(zn=_n(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),Xn=r(Yn,{shouldForwardProp:function(n){return"size"!==n}})(Pn||(Pn=_n(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&i(In||(In=_n(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),Zn={xs:i(Nn||(Nn=_n(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:i(Mn||(Mn=_n(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:i(On||(On=_n(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:i(jn||(jn=_n(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},ne=d((function(e,t){var r=e.index,i=e.onClick,a=e.isActive,o=e.label,d=e.disabled;return n(ee,wn({disabled:d,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&te,size:"s",ref:t,className:A("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),ee=r(f)(Tn||(Tn=_n(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),te=i(Dn||(Dn=_n(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),x.palette.grey.seventy),re=d((function(e,t){var r=e.renderTabWrapper,i=e.label,a=yn(e,["renderTabWrapper","label"]);return r?r(i,n(ne,wn({ref:t,label:i},a))):n(ne,wn({ref:t,label:i},a))})),ie=function(n){var e=n.startComponent,t=n.endComponent,r=n.tabs,i=n.renderTabWrapper,a=n.handleChange,o=n.value,d=l(null),p=function(n){setTimeout((function(){var e,t;null===(t=null===(e=d.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),a(n)};return u(g,wn({className:"KUI-ButtonTabs"},{children:[e,s(ae,wn({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:d},{children:r.map((function(n,e){return s(re,{index:e,onClick:p,isActive:e===o,label:n,renderTabWrapper:i},n)}))})),t]}))},ae=r(V)(En||(En=_n(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),oe=d((function(r,i){var a=r.tabs,d=r.tabPanels,l=r.paths,c=r.activeTab,s=r.isSticky,u=r.onChange,h=r.startComponent,m=r.endComponent,x=r.navigate,f=r.renderTabWrapper,g=yn(r,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),b=D(),v=o.useState(Number(c)),w=v[0],y=v[1];return p((function(){y(Number(c))}),[c]),0===b?null:e(t,{children:[n(le,wn({css:s&&{position:"sticky"},ref:i},g,{children:n(ie,{value:w,tabs:a,handleChange:function(n){if(y(n),null==l?void 0:l.length){var e=l[n];x?x(e):E(e)}u&&u(n)},endComponent:m,startComponent:h,renderTabWrapper:f})})),n(de,wn({role:"tabpanel"},{children:d[w]}))]})})),de=r.div(Ln||(Ln=_n(["\n height: 100%;\n"],["\n height: 100%;\n"]))),le=r.div(Un||(Un=_n(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),x.palette.grey.zero),pe=d((function(n,e){var t=n.isOpen,r=n.handleClose,i=n.buttonRef,a=n.children,o=n.endComponent,d=n.input,h=n.className,m=n.strategy,x=n.onScroll,f=yn(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),g=c(!1),b=g[0],v=g[1],w=l(null);p((function(){var n;if((null==i?void 0:i.current)&&t){var e=null===(n=w.current)||void 0===n?void 0:n.children[0].children[0];if(e){var r=e.scrollHeight>e.clientHeight;v(r)}}}),[t]);return s(ce,wn({fullWidth:!0,withoutMobile:!0,open:t,onChange:function(n){n||r()},toggleMethod:"controlled",strategy:m||"fixed",placement:"bottom",className:h,content:u(se,wn({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),w.current=n}},f,{children:[s(ue,wn({isScrollable:b},{children:s(he,wn({onScroll:x,isScrollable:b,className:"KUI-InputDropdown_scroll"},{children:a}))})),o]}))},{children:d}))})),ce=r(b)(Bn||(Bn=_n(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),se=r(v)(Fn||(Fn=_n(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),ue=r.div(Rn||(Rn=_n(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 8px 8px 0":"14px 0px 8px 0"})),he=r.div(Kn||(Kn=_n(["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?"4px":"0px"}),x.palette.grey.fifteenB,x.palette.grey.thirty),me=d((function(n,e){var t=n.input,r=n.options,i=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,d=n.handleSelect,l=n.selectedValue,p=n.renderOption;return s(fe,wn({input:t,buttonRef:i,isOpen:a,handleClose:o,ref:e},{children:r.map((function(n,e){return s(xe,wn({disabled:n.disabled,onClick:function(){return function(n){n.disabled||d(n)}(n)},"data-value":"autocomplete_option_".concat(n.value),"data-testid":"autocomplete_option_".concat(e)},{children:p(n,l)}),n.label)}))}))})),xe=r.div(Vn||(Vn=_n(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?x.palette.grey.fiftyP:x.palette.grey.seventy})),fe=r(pe)(An||(An=_n(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),ge=d((function(t,r){var i,a=t.options,o=t.name,d=t.disabled,p=t.handleChange,s=t.iconProps,u=t.renderOption,h=t.selectedLabel,m=t.selectedValue,x=t.error,f=yn(t,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error"]),g=c(!1),b=g[0],v=g[1],w=l(null),y=L(w,r),k=function(){v(!1)};return e(be,{children:[n("input",{name:o,autoComplete:"off",hidden:!0}),n(me,{options:a,inputRef:{current:null===(i=null==w?void 0:w.current)||void 0===i?void 0:i.parentElement},isOpenDropdown:b,handleCloseDropdown:k,handleSelect:function(n){p&&p(n),k()},selectedValue:m,renderOption:u,input:n(ve,wn({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==w?void 0:w.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),d||v((function(n){return!n}))},ref:y,disabled:d,readOnly:!0,value:h,message:x,isLabelShrink:Boolean(m)||0===m,autoComplete:"nope"},f,{endIcon:!d&&n(we,wn({width:12,height:13,css:[{transition:"all linear .2s"},b&&{transform:"rotate(180deg)"}]},s))}))})]})})),be=r.div(Wn||(Wn=_n(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),ve=r(w)(Jn||(Jn=_n(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"],["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"]))),we=r(W)(Hn||(Hn=_n(["\n user-select: none;\n"],["\n user-select: none;\n"])));function ye(n){var e=n.option,t=n.selectedValue;return s(ht,wn({selected:t===e.value},{children:s(m,wn({size:"sm",weight:500},{children:e.label}))}))}var ke,_e,Ce,Se,ze,Ie,Pe,Ne,Me,Oe,je,Te,De,Ee,Le,Ue,Be,Fe,Re,Ke,Ve,Ae,We,Je,He,Ye,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,rt,it,at,ot,dt,lt,pt,ct,st,ut,ht=r.div(ke||(ke=_n(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?x.palette.background.light1:x.palette.grey.zero}),x.palette.background.light1),mt=d((function(n,e){var t,r=n.options,i=n.name,a=n.handleChange;n.form;var o=n.value,d=yn(n,["options","name","handleChange","form","value"]),l=c(o),u=l[0],h=l[1],m=(null===(t=r.find((function(n){return String(n.value)===String(u)})))||void 0===t?void 0:t.label)||"";return p((function(){void 0!==o&&h(o)}),[o]),s(ge,wn({options:r,handleChange:function(n){h(n.value),a&&a(n.value)},selectedLabel:m,selectedValue:u,name:i,renderOption:function(n,e){return s(ye,{option:n,selectedValue:e})},ref:e},d))})),xt=function(n,e,t){return e&&n<e||t&&n>t},ft=d((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,a=yn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return wn(wn({},n),{disabled:xt(Number(n.value),r,i)})}));return s(mt,wn({ref:e,label:"Year",options:o},a))})),gt=function(n,e,t){return e&&n<e||t&&n>=t},bt=[{value:0,label:"January"},{value:1,label:"February"},{value:2,label:"March"},{value:3,label:"April"},{value:4,label:"May"},{value:5,label:"June"},{value:6,label:"July"},{value:7,label:"August"},{value:8,label:"September"},{value:9,label:"October"},{value:10,label:"November"},{value:11,label:"December"}],vt=d((function(n,e){var t=n.min,r=n.max;n.options;var i=yn(n,["min","max","options"]),a=bt.map((function(n){return wn(wn({},n),{disabled:gt(n.value,t,r)})}));return s(mt,wn({ref:e,label:"Month",options:a},i))})),wt=d((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,a=n.yearOptions,o=n.max,d=n.min,l=i.getFullYear(),p=i.getMonth(),c=(null==d?void 0:d.year)===l&&(null==d?void 0:d.month)?d.month-1:0,h=(null==o?void 0:o.year)===l?null==o?void 0:o.month:11;return s(yt,wn({ref:e},{children:u(v,wn({container:!0,spacing:2},{children:[s(v,wn({item:!0,xs:6},{children:s(ft,{min:null==d?void 0:d.year,max:null==o?void 0:o.year,yearOptions:a,value:l,handleChange:r})})),s(v,wn({item:!0,xs:6},{children:s(vt,{min:Number(null==d?void 0:d.year)>=l&&c,max:Number(null==o?void 0:o.year)<=l&&h,value:p,handleChange:t})}))]}))}))})),yt=r.div(_e||(_e=_n(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),kt=d((function(n,e){n.arrowProps,n.showPopperArrow;var t=yn(n,["arrowProps","showPopperArrow"]);return s(_t,wn({ref:e},t))})),_t=r.div(Ce||(Ce=_n(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),x.palette.grey.fiftyP,x.palette.background.light3,x.palette.background.light3,x.palette.brand.main,x.palette.brand.light,x.palette.brand.main,x.palette.brand.main,x.palette.grey.fifteenB,x.palette.red.seventy,x.palette.grey.zero),Ct=d((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,a=n.prevMonthButtonDisabled,o=n.date,d=rn.capitalize(o.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return u(St,wn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(v,wn({item:!0},{children:s(zt,wn({size:"h4"},{children:d}))})),s(v,wn({item:!0},{children:u(v,wn({container:!0,spacing:2},{children:[s(v,wn({item:!0},{children:s(It,wn({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:a,onClick:t},{children:s(J,{width:10,height:10})}))})),s(v,wn({item:!0},{children:s(It,wn({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:s(H,{width:10,height:10})}))}))]}))}))]}))})),St=r(v)(Se||(Se=_n(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),zt=r(y)(ze||(ze=_n(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),It=r(f)(Ie||(Ie=_n(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Pt=d((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,a=n.startIcon,o=yn(n,["onClick","disabled","handleClick","startIcon"]),d=function(){r||(i?i():t())},l=function(){return s(Nt,wn({disabled:r,onClick:d},{children:a||s(Y,{width:19,height:21})}))};return s(k,wn({disabled:r,endIcon:!a&&s(l,{}),startIcon:a&&s(l,{})},o,{ref:e}))})),Nt=r.div(Pe||(Pe=_n(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),Mt=d((function(n,e){n.arrowProps,n.showPopperArrow;var t=yn(n,["arrowProps","showPopperArrow"]);return s(Ot,wn({ref:e},t))})),Ot=r.div(Ne||(Ne=_n(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),x.palette.background.light1,x.palette.grey.fifteenB,x.palette.grey.fifteenB,x.palette.brand.main,x.palette.grey.fifteenB),jt=d((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return u(Dt,wn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(v,wn({item:!0},{children:s(Tt,wn({disabled:a,onClick:t,type:"button"},{children:s(q,{width:14,height:12})}))})),s(v,wn({item:!0},{children:s(m,wn({size:"sm",weight:600},{children:o.getFullYear()}))})),s(v,wn({item:!0},{children:s(Tt,wn({disabled:i,onClick:r,type:"button"},{children:s(G,{width:14,height:12})}))}))]}))})),Tt=r(_)(Me||(Me=_n(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Dt=r(v)(Oe||(Oe=_n(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),Et=d((function(n,e){var t,r=n.name,i=n.form,a=n.disabled,o=n.datePickerProps,d=n.onChange,l=yn(n,["name","form","disabled","datePickerProps","onChange"]),u=c(),h=u[0],m=u[1],x=on({name:r,control:i.control}),f=x.field,g=x.fieldState;return p((function(){m(f.value)}),[f.value]),s(Lt,wn({ref:e},{children:s(an,wn({selected:f.value,onChange:function(n){f.onChange(n),d&&d(n)},disabled:a,customInput:s(Pt,wn({mask:"00.0000",name:r,disabled:a,message:null===(t=g.error)||void 0===t?void 0:t.message},l),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:Mt,renderCustomHeader:function(n){return s(jt,wn({},n))}},o))}))})),Lt=r.div(je||(je=_n(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),Ut=d((function(e,t){var r=e.tab,i=e.active,a=e.index,o=e.handleClick,d=e.offset,l=e.isScrolling,c=e.setIsScrolling,s=function(){c(!1)};return p((function(){return i===a&&pn.scrollTo(r,{offset:d}),cn.scrollEvent.register("begin",(function(n,e){c(!0),e&&o(Number(e.dataset.index))})),cn.scrollEvent.register("end",(function(n,e){setTimeout(s)})),function(){cn.scrollEvent.remove("begin"),cn.scrollEvent.remove("end")}}),[]),n(sn,wn({to:r,spy:!0,smooth:!0,duration:500,offset:d,onSetActive:function(){l||o(a)}},{children:n(Bt,wn({ref:t},{children:n(f,wn({variant:Number(i)===a?"orange":"transparentWithBorder",size:"xs",css:Number(i)!==a&&Ft},{children:r}))}))}))})),Bt=r.div(Te||(Te=_n(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),Ft=i(De||(De=_n(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),x.palette.grey.seventy),Rt=d((function(e,t){var r=e.tabs,i=e.variant,a=yn(e,["tabs","variant"]);return n(Kt,wn({container:!0,css:"white"===i&&{background:"white"},ref:t},{children:r.map((function(e,t){return n(v,wn({item:!0},{children:n(Ut,wn({tab:e,index:t,offset:-121},a),e)}),t)}))}))})),Kt=r(v)(Ee||(Ee=_n(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),x.palette.background.light1),Vt=d((function(n,e){var t=n.form,r=n.name,i=n.error,a=yn(n,["form","name","error"]),o=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(k,wn({message:o(r)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),At=d((function(n,e){var t=n.form,r=n.name,i=n.error,a=n.value,o=n.type,d=yn(n,["form","name","error","value","type"]),l=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(w,wn({message:l(r)},t,d,{onChange:function(n){return function(n,e){var t,r="number"!==o||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(wn(wn({},n),{target:wn(wn({},n.target),{value:r})})),d.onChange&&d.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),Wt={weak:0,simple:1,medium:2,hard:3},Jt={weak:x.palette.red.fiftyP,simple:x.palette.brand.main,medium:x.palette.blue.fiftyP,hard:x.palette.green.fiftyP},Ht={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},Yt=d((function(t,r){var i=t.strength,a=i?Jt[i]:"",o=i?Wt[i]:-1;return e(qt,wn({"data-testid":"strength_bar",className:String(!i&&"hidden"),ref:r},{children:[n(Gt,{children:Object.keys(Wt).map((function(e,t){return n($t,{children:n(Qt,{"data-testid":"progress_item_".concat(e),value:o>=t?100:0,color:a})},e)}))}),n(m,wn({"data-testid":"strength_bar_explanation",size:"s",css:{color:a}},{children:i&&Ht[i]})),n(Xt,wn({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),qt=r.div(Le||(Le=_n(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),Gt=r.div(Ue||(Ue=_n(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),$t=r.div(Be||(Be=_n(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),Qt=r(C)(Fe||(Fe=_n(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),x.palette.grey.fifteenB,(function(n){return n.color})),Xt=r(m)(Re||(Re=_n(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),Zt=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.control._formValues;return null==t||t.forEach((function(n){r&&(r=r[n])})),r},nr=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.formState.errors;return null==t||t.forEach((function(n){r&&(r=r[n])})),null==r?void 0:r.message},er=d((function(n,e){var t=c(!1),r=t[0],i=t[1],a=c(null),o=a[0],d=a[1],l=function(n){0!==n.length?U.test(n)?d("hard"):B.test(n)?d("medium"):F.test(n)?d("simple"):d("weak"):d(null)};return p((function(){var e=n.form,t=n.name,r=Zt(t,e);"string"==typeof r&&l(r)}),[]),u(h,{children:[s(At,wn({type:r?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;l(e)},"data-testid":"input_password",ref:e,endIcon:s(tr,wn({"data-testid":"show_value_btn",onClick:function(){i((function(n){return!n}))}},{children:s(r?$:Q,{})}))},n)),s(Yt,{strength:o})]})})),tr=r.div(Ke||(Ke=_n(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),rr=d((function(n){return u(h,{children:[s(ir,{children:s(At,wn({},n))}),s(ar,{children:s(At,wn({isTextArea:!0},n))})]})})),ir=r.div(Ve||(Ve=_n(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),ar=r.div(Ae||(Ae=_n(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),or=d((function(n,e){var t=n.label,r=n.button,i=yn(n,["label","button"]);return u(dr,wn({ref:e},{children:[s(S,{}),s(lr,{children:r||s(pr,wn({fullWidth:!0,size:"s",endIcon:s(X,{})},i,{children:t}))})]}))})),dr=r.div(We||(We=_n(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),x.palette.grey.zero),lr=r.div(Je||(Je=_n(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),pr=r(f)(He||(He=_n(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),cr=d((function(r,i){var a,o=r.title,d=r.description,l=r.name,s=r.form,u=r.disabled,h=r.yearParams,m=r.onChange,x=r.max,f=r.min,g=r.footerLabel,b=r.datePickerProps,v=r.alignTitle,w=void 0===v?"center":v,y=yn(r,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=on({name:l,control:s.control}),_=k.field,C=null===(a=k.fieldState.error)||void 0===a?void 0:a.message,S=_.value,z=S?S.toFormat("dd.MM.yyyy"):"",I=S?S.toJSDate():null,P=R(),N=P[0],M=P[1],O=P[2],j=c(I),T=j[0],D=j[1],E=c(z),U=E[0],B=E[1],F=function(n,e){if(!n||!e)return[];var t=mn.now().year-n;return rn.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==h?void 0:h.min,null==h?void 0:h.max),V=L(i,_.ref);p((function(){z&&B(z)}),[z]);return e(t,{children:[n(Pt,wn({mask:"00.00.0000",name:l,handleClick:M,value:U,onChange:function(n){var e=n.target.value;if(B(e),0!==e.length&&K.test(e)){var t=mn.fromFormat(e,"dd.MM.yyyy");D(t.toJSDate()),null==_||_.onChange({target:{value:t,name:l},type:"change"}),m&&m(t)}else D(null),null==_||_.onChange({target:{value:null,name:l},type:"change"}),m&&m(null)},disabled:u,message:C,ref:V},y)),e(mr,wn({title:o,description:d,isOpen:N,handleClose:O,alignTitle:w},{children:[n(sr,{children:n(an,wn({inline:!0,selected:T||I,onChange:function(n){D(n)},calendarContainer:ur,renderCustomHeader:function(e){return n(wt,wn({yearOptions:F,max:x,min:f},e))},renderDayContents:function(e){return n(hr,{children:e})},maxDate:null==x?void 0:x.toJSDate(),minDate:null==f?void 0:f.toJSDate(),calendarStartDay:1},b))}),n(or,{fullWidth:!0,disabled:!I&&!T,onClick:function(){if(T){var n=mn.fromJSDate(T);B(n.toFormat("dd.MM.yyyy")),null==_||_.onChange({target:{value:n,name:l},type:"change"}),m&&m(n),O()}},label:g})]}))]})})),sr=r.div(Ye||(Ye=_n(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),ur=r(kt)(qe||(qe=_n(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),x.palette.background.light1,x.palette.background.light1),hr=r.span(Ge||(Ge=_n(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),mr=r(z)($e||($e=_n(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),xr=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],fr=wn(wn({},xn),{localize:{month:function(n){return xr[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),gr=d((function(n,e){var t,r=n.title,i=n.name,a=n.form,o=n.disabled,d=n.datePickerProps,l=yn(n,["title","name","form","disabled","datePickerProps"]),p=on({name:i,control:a.control}),h=p.field,m=null===(t=p.fieldState.error)||void 0===t?void 0:t.message,x=R(),f=x[0],g=x[1],b=x[2],v=c(h.value?mn.fromJSDate(new Date(String(h.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=c(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return u(br,wn({ref:e},{children:[s(Pt,wn({mask:"00.0000",name:i,handleCLick:g,value:w,onChange:function(n){var e=n.target.value;if(y(e),0!==e.length&&K.test(e)){var t=mn.fromFormat(e,"MM.yyyy").toJSDate();C(t),null==h||h.onChange({target:{value:t,name:i},type:"change"})}else C(null),null==h||h.onChange({target:{value:null,name:i},type:"change"})},disabled:o,message:m,isLabelShrink:Boolean(h.value)},l)),u(z,wn({title:r,isOpen:f,handleClose:b},{children:[s(vr,{children:s(an,wn({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:fr,calendarContainer:Mt,renderCustomHeader:function(n){return s(jt,wn({},n))}},d))}),s(or,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==h||h.onChange({target:{value:_,name:i},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),br=r.div(Qe||(Qe=_n(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),vr=r.div(Xe||(Xe=_n(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),wr=function(n){return u(h,{children:[s(Et,wn({},n)),s(gr,wn({},n))]})},yr=d((function(e,t){var r=e.tabs,i=e.handleClick,a=e.variant,o=yn(e,["tabs","handleClick","variant"]),d=l(null),p=function(n){setTimeout((function(){var e,t;null===(t=null===(e=d.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),i(n)};return n(kr,wn({css:"white"===a&&{background:"white"},ref:t},{children:n(V,wn({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:d},{children:r.map((function(e,t){return n(Ut,wn({tab:e,index:t,handleClick:p,offset:-121},o),e)}))}))}))})),kr=r.div(Ze||(Ze=_n(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),x.palette.background.light1),_r=d((function(t,r){var i=t.tabs,a=t.tabPanels,d=t.paths,l=t.activeTab,c=t.variant,s=void 0===c?"grey":c,u=D(),h=o.useState(l),m=h[0],x=h[1],f=o.useState(!1),g=f[0],b=f[1],v=fn(),w=gn(),y=function(n){if(d[n]){x(n);var e=w.pathname,t="".concat(e).concat(w.search),r="".concat(e).concat(d[n]);t!==r&&v(r,{replace:!0})}};return p((function(){x(l)}),[l]),p((function(){"number"!=typeof l&&u<901&&un.scrollToTop()}),[]),0===u?null:e("div",wn({ref:r},{children:[n(u>765?Rt:yr,{tabs:i,active:m,handleClick:y,variant:s,isScrolling:g,setIsScrolling:b}),a.map((function(e,t){return n("div",wn({css:t===a.length-1&&Cr},{children:n(Sr,wn({name:i[t],"data-index":t},{children:e}),t)}),t)}))]}))})),Cr=i(nt||(nt=_n(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Sr=r(hn)(et||(et=_n(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),zr=d((function(e,t){var r=e.form,i=e.name,a=yn(e,["form","name"]);return n(dn,{control:null==r?void 0:r.control,name:i,render:function(e){var r=e.field;return n(I,wn({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:t,name:i},a))}})})),Ir=d((function(n,e){var t,r=n.form,i=n.name,a=void 0===i?"phone":i,o=n.hiddenInputProps,d=n.error,l=yn(n,["form","name","hiddenInputProps","error"]),p=on({control:r.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),c=on({control:r.control,name:"".concat(a,".phoneNumber")}),u=void 0!==d&&String(d).length>0?d:null===(t=c.fieldState.error)||void 0===t?void 0:t.message,h=L(e,c.field.ref);return s(P,wn({message:u,hiddenInputProps:wn(wn({},p.field),o),onSelectCountry:function(n){p.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},c.field,l,{onChange:function(n){c.field.onChange(n),p.field.value||p.field.onChange({target:{value:"7",name:"".concat(a,".phoneCode")},type:"change"}),l.onChange&&l.onChange(n)},ref:h,autoComplete:"false"}))})),Pr=d((function(n,e){return s(Nr,wn({cellSpacing:"0",ref:e},n))})),Nr=r.table(tt||(tt=_n(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Mr=r.th(rt||(rt=_n(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Or=r.td(it||(it=_n(["\n padding: 0;\n"],["\n padding: 0;\n"]))),jr=d((function(n,e){var t=n.children,r=yn(n,["children"]),i=o.Children.toArray(t);return s("tr",wn({ref:e},{children:i.map((function(n){return o.cloneElement(n,r)}))}))})),Tr={bottomStart:{bottom:1,offset:0},bottomMiddle:{bottom:1,offset:.5},bottomEnd:{bottom:1,offset:1},topStart:{top:1,offset:0},topMiddle:{top:1,offset:.5},topEnd:{top:1,offset:1}},Dr=d((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,a=n.className,o=n.style,d=yn(n,["placement","open","children","spacing","className","style"]);return s(Er,wn({ref:e,className:A("KUI-Popper",a),spacing:i,style:o,open:!!t},{children:s(Lr,wn({open:!!t},d,{children:r}))}))})),Er=r.div(at||(at=_n(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),x.breakpoints.xxs),Lr=r.div(ot||(ot=_n(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),Ur=d((function(n,e){var t=n.placement,r=n.contentRef,o=yn(n,["placement","contentRef"]),d=l(null),m=c(null),x=m[0],f=m[1],g=c(null),b=g[0],v=g[1];p((function(){if(r.current&&d.current){var n=d.current,e=r.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};f(e),v(t)}}),[]);var w={};if(x&&b){var y=Tr[null!=t?t:"bottomMiddle"];w={top:Math.max(y.top?x.top-b.height:x.top+x.height,0),left:Math.max(x.left+x.width*y.offset-b.width*y.offset,0)}}return bn.createPortal(u(h,{children:[s(a,{styles:i(dt||(dt=_n(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),s(Dr,wn({ref:function(n){e&&(e.current=n),d.current=n},style:w},o))]}),document.body)})),Br=d((function(n,e){var t=n.placement,r=n.contentRef,i=yn(n,["placement","contentRef"]),a=l(null),o=c(null),d=o[0],u=o[1],h=c(null),m=h[0],x=h[1],f={};if(p((function(){r.current&&a.current&&(u({width:r.current.clientWidth,height:r.current.clientHeight}),x({width:a.current.clientWidth,height:a.current.clientHeight}))}),[]),d&&m){var g=Tr[null!=t?t:"bottomMiddle"];f={top:g.top?0-m.height:0+d.height,left:Math.max(d.width*g.offset-m.width*g.offset,0)}}return s(Dr,wn({ref:function(n){e&&(e.current=n),a.current=n},style:f},i))})),Fr=d((function(n,e){var t=n.contentRef,r=yn(n,["contentRef"]),i=c(!0),a=i[0],o=i[1];return p((function(){var n=function(){for(var n=t.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();o(!!n)}),[t]),s(a?Br:Ur,wn({ref:e,contentRef:t},r))})),Rr=d((function(n,e){var t=n.content,r=n.onOpen,i=n.onClose,a=n.open,o=n.children,d=n.cursor,h=n.className,m=yn(n,["content","onOpen","onClose","open","children","cursor","className"]),x=c(a),f=x[0],g=x[1],b=l(null),v=function(){g(!0),r&&r()};return p((function(){g(a)}),[a]),u(Vr,wn({className:h,onMouseLeave:function(){g(!1),i&&i()},ref:e},{children:[s(Ar,wn({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:d},{children:s(Wr,wn({className:"Tooltip_content"},{children:o}))})),s(Fr,wn({open:f},m,{contentRef:b},{children:t}))]}))})),Kr=i(lt||(lt=_n(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Vr=r.div(pt||(pt=_n(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),Kr),Ar=r.div(ct||(ct=_n(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),Kr,(function(n){return n.cursor})),Wr=r.div(st||(st=_n(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),Kr),Jr=d((function(n,e){var t,r=n.options,i=yn(n,["options"]);return s(Hr,wn({value:null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.value,options:r,iconProps:{width:9,height:5}},i,{ref:e}))})),Hr=r(mt)(ut||(ut=_n(["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),x.breakpoints.xs),Yr=d((function(n,e){var t,r,i=n.options,a=n.name,o=n.handleChange,d=n.form,l=n.value,p=yn(n,["options","name","handleChange","form","value"]),c=on({control:d.control,name:a}),u=null===(t=c.fieldState.error)||void 0===t?void 0:t.message;return s(mt,wn({options:i,handleChange:function(n){var e;o&&o(n),d&&(null===(e=c.field)||void 0===e||e.onChange({target:{value:n,name:a},type:"change"}))},error:u,name:a,value:l||(null===(r=c.field)||void 0===r?void 0:r.value),ref:e},p))}));function qr(n){var e=n.option,t=n.selectedValue.includes(e.value);return s(Qr,wn({container:!0,selected:t},{children:s(N,{checked:t,label:s(Xr,wn({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var Gr,$r,Qr=r(v)(Gr||(Gr=_n(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?x.palette.background.light1:x.palette.grey.zero}),x.palette.background.light1,x.palette.grey.seventy),Xr=r(m)($r||($r=_n(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?x.palette.grey.seventy:x.palette.grey.fiftyP}));function Zr(n){var e,t,r=n.options,i=n.name,a=n.handleChange,o=n.form,d=n.value,l=yn(n,["options","name","handleChange","form","value"]),u=o?on({control:o.control,name:i}):null,h=c(d||(null===(e=null==u?void 0:u.field)||void 0===e?void 0:e.value)||[]),m=h[0],x=h[1],f=r.filter((function(n){return m.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(t=null==u?void 0:u.fieldState.error)||void 0===t?void 0:t.message;p((function(){var n;o&&(null===(n=null==u?void 0:u.field)||void 0===n||n.onChange({target:{value:m,name:i},type:"change"}))}),[m]);return s(ge,wn({options:r,handleChange:function(n){m.includes(n.value)?x((function(e){return e.filter((function(e){return e!==n.value}))})):x((function(e){return kn(kn([],e,!0),[n.value],!1)})),a&&a(n.value)},error:g,selectedLabel:f,selectedValue:m,name:i,isLabelShrink:!!f,renderOption:function(n,e){return s(qr,{option:n,selectedValue:e})}},l))}var ni=d((function(n,e){var t=n.options,r=n.disabled,i=n.direction,a=void 0===i?"row":i,o=n.defaultValue,d=n.value,l=n.onChange,u=n.isSquare,h=yn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=c(o||d||t[0].value),x=m[0],f=m[1],g=function(n){var e=n.target.value;f(e),l&&l(n,e)},b=function(n){var e=n.target.value;String(x)===String(e)&&(f(null),l&&l(n,null))};return p((function(){d&&f(d)}),[d]),s(v,wn({container:!0,direction:a,ref:e},{children:t.map((function(n){return s(M,wn({value:n.value,label:n.label,disabled:Boolean(r),checked:String(x)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function ei(n){var e=n.form,t=n.name,r=n.defaultValue,i=yn(n,["form","name","defaultValue"]);return p((function(){e.getValues(t)||r||e.setValue(t,i.options[0].value)}),[]),s(dn,{control:e.control,name:String(t),render:function(n){var e=n.field;return s(ni,wn({},i,e,{defaultValue:r,onChange:function(n,r){return function(n,e,r){r.onChange({target:{value:e,name:t},type:"change"}),i.onChange&&i.onChange(n,e)}(n,r,e)}}))}})}function ti(n){var e,t=n.title,r=n.className,i=n.direction,a=n.form,o=n.name,d=yn(n,["title","className","direction","form","name"]),l=null===(e=on({control:a.control,name:o}).fieldState.error)||void 0===e?void 0:e.message;return u(ci,{children:[u(si,wn({container:!0,alignItems:"vertical"===i?"flex-start":"center",justify:"space-between",direction:"vertical"===i?"column":"row",hasError:!!l,className:r,withTitle:!!t},{children:[t&&s(ui,wn({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),s(v,wn({item:!0,xs:"vertical"===i?12:"auto"},{children:s(ei,wn({form:a,name:o},d))}))]})),l&&s(O,{variant:"error",msg:l})]})}ni.displayName="RadioButtons";var ri,ii,ai,oi,di,li,pi,ci=r.div(ri||(ri=_n(["\n position: relative;\n"],["\n position: relative;\n"]))),si=r(v,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(oi||(oi=_n(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?x.palette.red.fiftyP:x.palette.grey.fifteenB}),(function(n){var e=n.direction,t=n.hasError,r=n.withTitle;return"column"===e?function(n){var e=n.hasError;return i(ii||(ii=_n(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:t}):function(n){var e=n.hasError,t=n.withTitle;return i(ai||(ai=_n(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),t?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:t,withTitle:r})}),x.breakpoints.sm),ui=r(m)(di||(di=_n(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),x.breakpoints.sm),hi=d((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=yn(n,["height","className"]);return s(xi,wn({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:s(mi,wn({},i))}))})),mi=r(j)(li||(li=_n(["\n color: ",";\n"],["\n color: ",";\n"])),x.palette.brand.main),xi=r(v,{shouldForwardProp:function(n){return"height"!==n}})(pi||(pi=_n(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function fi(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=R(),i=r[0],a=r[1],o=r[2];if(!e||!t)return null;return u(h,{children:[u(yi,wn({container:!0,onClick:a,alignItems:"center"},{children:[s(ki,{width:12,height:12}),s(m,wn({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),s(_i,wn({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:o})}))]})}var gi,bi,vi,wi,yi=r(v)(gi||(gi=_n(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),x.palette.grey.fifteenB),ki=r(Z)(bi||(bi=_n(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),x.palette.grey.fiftyP),_i=r.div(vi||(vi=_n([""],[""]))),Ci=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return s(Si,wn({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Si=r(v)(wi||(wi=_n(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function zi(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,d=n.isLoading,l=n.input,p=n.handleCloseDropdown,c=n.handleSelect,h=n.handleScrollEnd;return u(Ni,wn({input:l,buttonRef:a,isOpen:o,handleClose:p,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&h&&h()},endComponent:s(fi,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return s(Ci,{option:n,renderOption:t,handleSelect:c,index:e},e)})),d&&s(Mi,{height:"auto"})]}))}var Ii,Pi,Ni=r(pe)(Ii||(Ii=_n(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Mi=r(hi)(Pi||(Pi=_n(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function Oi(t){var r,i=t.renderOption,a=t.options,o=t.name,d=t.hideName,s=t.form,u=t.isLoading,h=t.onSelectItem,m=t.handleScrollEnd,x=t.onSearchItem,f=t.isLabelLoading,g=t.disabled,b=t.creatingLabel,w=t.renderCreatingModal,y=t.endComponent,k=t.inputRef,_=t.onOpen,C=yn(t,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),S=c(!1),z=S[0],I=S[1],P=l(null);d&&s.register(d);var N=function(){g||I(!0)},M=function(){I(!1)};p((function(){_&&_(z)}),[z]);var O=L(P,k);return e(Ui,{children:[f&&n(Li,{children:n(hi,{height:"100%"})}),n(zi,{renderOption:i,options:a,inputRef:{current:null===(r=P.current)||void 0===r?void 0:r.parentElement},isOpenDropdown:z,handleCloseDropdown:M,handleSelect:function(n){var e;h(n),M(),(null===(e=s.getFieldState(o).error)||void 0===e?void 0:e.message)&&s.clearErrors(o)},isLoading:u,handleScrollEnd:m,creatingLabel:b,renderCreatingModal:w,input:n(Bi,wn({form:s,onInput:function(n){x&&(x(n.target.value),d&&s.setValue(d,null)),!n.target.value&&d&&(d&&s.setValue(d,null),s.setValue(o,null),h(null)),N()},onFocus:N,name:o,disabled:g,ref:O,isDropdownOpen:z,autoComplete:"nope"},C,{endIcon:!g&&e(v,wn({container:!0,alignItems:"center",onClick:function(){I((function(n){return!n}))}},{children:[n(T,wn({mr:2},{children:y})),C.endIcon||!g&&n(Fi,{width:12,height:13,css:[z&&{transform:"rotate(180deg)"}]})]}))}))})]})}var ji,Ti,Di,Ei,Li=r.div(ji||(ji=_n(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),Ui=r.div(Ti||(Ti=_n(["\n position: relative;\n"],["\n position: relative;\n"]))),Bi=r(At)(Di||(Di=_n(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Fi=r(W)(Ei||(Ei=_n(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function Ri(n){var e=n.label;return s(Vi,{children:s(m,wn({size:"s",weight:500},{children:e}))})}var Ki,Vi=r.div(Ki||(Ki=_n(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),x.palette.background.light2);function Ai(n){var e=n.href,t=n.withoutRoute,r=n.stopPropagation,i=n.openInNewWindow,a=yn(n,["href","withoutRoute","stopPropagation","openInNewWindow"]),o=fn();return s(Ji,wn({href:e||void 0,onClick:function(n){r&&n.stopPropagation(),n.preventDefault(),e&&(t?E(e):i?window.open(e,"_blank"):o(e))}},a))}var Wi,Ji=r.a(Wi||(Wi=_n(["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"],["\n text-decoration: none;\n color: inherit;\n max-width: 100%;\n width: 100%;\n"])));function Hi(n){var e,t,r=n.file,i=n.onDelete,a=n.onChange,o=n.index,d=n.selectedFile,x=n.setSelectedFile,g=n.limitTitle,b=void 0===g?100:g,v=n.icon,w=n.subtitle,y=n.disabled,k=n.error,_=n.className,C=yn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className"]),S=String(null===(t=r.title||r.name||(null===(e=r.file)||void 0===e?void 0:e.name))||void 0===t?void 0:t.replace(/\.[^/.]+$/,"")),z=c(S),I=z[0],P=z[1],N=c(!1),M=N[0],O=N[1],j=l(null);p((function(){var n;M&&(null===(n=j.current)||void 0===n||n.focus()),!M&&S!==I&&a&&a(I,o)}),[M]);return u(h,{children:[u(da,wn({selected:(null!=d?d:-1)===o,error:b&&I.length>b||!!k,onClick:function(){x&&x(null!=o?o:1)},disabled:!!y,className:"FileWrapper ".concat(_||"")},C,{children:[s(la,wn({className:"FileIcon_wrapper"},{children:v||s(nn,{})})),u(ca,wn({className:"FileContent_wrapper"},{children:[u(ha,{children:[s(Ai,wn({href:r.url,openInNewWindow:!0},{children:s(ua,{children:I})})),s(sa,{"data-testid":"file_name",ref:j,disabled:!M,value:I,onChange:function(n){P(n.target.value)},onBlur:function(){O(!1)},maxLength:100})]}),w||String(r.size)&&u(m,wn({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(r.size)," mb"]}))]})),u(pa,wn({className:"FileButtons_wrapper"},{children:[!y&&a&&s(f,wn({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){O((function(n){return!n}))}},{children:M?s(X,{}):s(en,{width:18,height:18})})),i&&!y&&s(f,wn({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;i&&i(null!==(n=r.index)&&void 0!==n?n:1,Number(o))}},{children:s(tn,{width:18,height:18})}))]}))]})),(b&&I.length>b||k)&&s(T,wn({mb:1},{children:s(m,wn({size:"xs",colorGroup:"red",weight:500},{children:k||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var Yi,qi,Gi,$i,Qi,Xi,Zi,na,ea,ta,ra,ia,aa,oa,da=r.div(Gi||(Gi=_n(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?x.palette.brand.main:x.palette.grey.fifteenB}),(function(n){return n.disabled&&i(qi||(qi=_n(["\n background: ",";\n "],["\n background: ",";\n "])),x.palette.background.light1)}),(function(n){return n.error&&i(Yi||(Yi=_n(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),x.palette.red.seventy)})),la=r.div($i||($i=_n(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),x.palette.brand.light),pa=r.div(Qi||(Qi=_n(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),x.palette.grey.thirty),ca=r.div(Xi||(Xi=_n(["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]))),sa=r.input(Zi||(Zi=_n(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),x.palette.grey.seventy,x.palette.brand.main),ua=r.span(na||(na=_n(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),ha=r.div(ea||(ea=_n(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),ma=d((function(n,e){var t,r=n.form,i=n.name,a=n.parentName,o=n.label,d=n.disabled,x=n.withEdit,f=void 0===x||x,g=n.fileName,b=n.onChange,w=n.isRequired,y=n.uploadLabel,k=n.toBigTitleMessage,_=yn(n,["form","name","parentName","label","disabled","withEdit","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage"]),C=c(!1),S=C[0],z=C[1],I=c(),P=I[0],N=I[1],M=c(""),j=M[0],T=M[1],D=l(null),E=on({control:r.control,name:i}),L=E.field,U=E.fieldState,B=on({control:r.control,name:a||i}).field,F=null==P?void 0:P.name.split(".").pop(),R=P&&"url"in P?P:{file:P,url:P?URL.createObjectURL(P):j,size:P?Math.round(P.size/1048576*100)/100:null,name:g?"".concat(g,".").concat(F):null==P?void 0:P.name},K=null===(t=U.error)||void 0===t?void 0:t.message;p((function(){"string"==typeof L.value&&T(L.value),"object"==typeof L.value&&N(L.value),z(!0)}),[]),p((function(){var n,e=Number((null==g?void 0:g.length)||(null===(n=null==P?void 0:P.name)||void 0===n?void 0:n.length))>100;S&&!j&&L.onChange({target:{value:P,name:i},type:"change"}),e?r.setError(i,{type:"custom",message:k||"The file name must be less than 100 characters"}):r.clearErrors(i)}),[P]);return u(xa,{children:[s(ga,wn({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];N(e),b&&b(e)}else N(void 0)}},_,{ref:function(n){e&&(e.current=n),D.current=n}})),P||j?s(Hi,{file:R,onDelete:function(){P&&D.current&&(D.current.value=""),N(void 0),T(""),a?B.onChange({target:{value:null,name:a},type:"change"}):L.onChange({target:{value:null,name:i},type:"change"}),b&&b(null)},onChange:f&&function(n){var e,t=r.getValues(i),a="".concat(n,".").concat(F);"updateName"in t?(t.updateName(n),e=t):e=new File([t],a,{type:t.type}),N(e)},error:K,disabled:d}):u(h,{children:[u(fa,wn({error:!!K,disabled:d,container:!0,justify:"space-between",alignItems:"center"},{children:[s(ba,wn({item:!0},{children:u(m,wn({size:"s",color:"fiftyP"},{children:[o,w?" *":""]}))})),s(v,wn({item:!0},{children:s(va,wn({disabled:d,size:"s",onClick:function(){D.current&&D.current.click()}},{children:y||"Upload"}))}))]})),K&&s(O,{variant:"error",msg:K})]})]})})),xa=r.div(ta||(ta=_n(["\n position: relative;\n"],["\n position: relative;\n"]))),fa=r(v)(ra||(ra=_n(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?x.palette.red.fiftyP:x.palette.grey.fifteenB}),(function(n){return n.disabled?x.palette.background.light1:x.palette.grey.zero})),ga=r.input(ia||(ia=_n(["\n display: none;\n"],["\n display: none;\n"]))),ba=r(v)(aa||(aa=_n(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),va=r(f)(oa||(oa=_n(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),wa=d((function(n,e){var t=n.form,r=n.name,i=n.label,a=n.labelProps,o=yn(n,["form","name","label","labelProps"]);return s(dn,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return s(N,wn({},o,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),o.onChange&&o.onChange(n)}(n,t)},label:"string"==typeof i?s(m,wn({},a,{children:i})):i}))}})}));function ya(n){var e=n.title,t=n.options,r=n.form;n.name;var i=yn(n,["title","options","form","name"]);return u(Sa,wn({container:!0,alignItems:"center",justify:"space-between"},{children:[s(v,wn({item:!0},{children:s(m,wn({size:"s",weight:500,color:"fiftyP"},{children:e}))})),s(v,wn({item:!0},{children:s(v,wn({container:!0},{children:t.map((function(n){return s(Ca,wn({name:n.name,label:s(m,wn({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))}var ka,_a,Ca=r(wa)(ka||(ka=_n(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Sa=r(v)(_a||(_a=_n(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),x.palette.grey.fifteenB),za={mapKey:""},Ia=[],Pa=function(){return wn({},za)},Na=function(n){za=wn(wn({},za),n),Ia.forEach((function(n){return n(za)}))},Ma=function(n){Ia.push(n)},Oa=function(n){var e=Ia.indexOf(n);-1!==e&&Ia.splice(e,1)};function ja(n){var e=n.children,t=c(!1),r=t[0],i=t[1],a=c("LOADING"),o=a[0],d=a[1],l=c(Pa().mapKey),u=l[0],m=l[1];return p((function(){var n=function(n){return m(n.mapKey)};return Ma(n),function(){Oa(n)}}),[]),p((function(){if(!r&&u){var n=new vn({apiKey:u,libraries:["places"],language:"ru"}),e=function(n){d(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return i(!0)}}),[u]),u?"SUCCESS"===o&&e?s(h,{children:e}):(function(n){"LOADING"===n?s(hi,{height:"100%"}):"FAILURE"===n?s("h3",{children:n}):s("div",{})}(o),s(h,{})):s("h2",{children:"Add google key"})}var Ta=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,a=yn(n,["dependentInputName","form","disabled","Input"]),o=ln({control:t.control,name:e}),d=wn({form:t,disabled:r||!o},a);return s(i||At,wn({},d))},Da=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},Ea=function(n){switch(n){case"everybody":return{tenant:!0,landlord:!0};case"landlord":return{tenant:!1,landlord:!0};case"tenant":return{tenant:!0,landlord:!1};default:return{tenant:!1,landlord:!1}}};export{Ri as AutocompleteOption,Gn as Avatar,Jr as ButtonSelect,re as ButtonTab,oe as ButtonsPanel,wt as CalendarHeaderWithSelect,kt as CalendarStandardContainer,Ct as CalendarStandardHeader,ya as CheckboxGroupWithTitle,wa as CheckboxWithController,Ta as DependentInput,Et as DesktopInputWithMonthPicker,Rt as DesktopMenuPanel,pe as InputDropdown,ma as InputFile,Pt as InputForDatepicker,Zr as InputMultiSelect,er as InputPassword,Ir as InputPhoneWithForm,mt as InputSelect,ge as InputSelectBase,me as InputSelectDropdown,Yr as InputSelectWithController,rr as InputTextAreaMobile,Oi as InputWithAutocomplete,At as InputWithController,cr as InputWithDatePicker,Vt as InputWithMask,wr as InputWithMonthPicker,hi as Loading,ja as MapWrapper,Ut as MenuItem,_r as MenuPanel,gr as MobileInputWithMonthPicker,yr as MobileMenuPanel,Mt as MonthPickerContainer,jt as MonthPickerHeader,Yt as PassportStrengthBar,ni as RadioButtons,ei as RadioButtonsWithController,ti as RadioGroupWithLabel,vt as SelectMonth,ft as SelectYear,zr as Switch,Pr as Table,Or as TableCell,Mr as TableHeadCell,jr as TableRow,Rr as Tooltip,Yn as UndefinedAvatar,nr as getFormError,Zt as getFormValue,Pa as getSettings,Da as getVisibility,Ea as getVisibilitySettings,Na as setSettings,xr as shortMonths,Ma as subscribeToSettings,Oa as unsubscribeFromSettings};
|