npm - kui-complex - Versions diffs - 0.0.178 → 0.0.180 - Mend

kui-complex 0.0.178 → 0.0.180

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/cjs/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react-datepicker/dist/react-datepicker.css");var n=require("react"),e=require("lodash"),t=require("@emotion/react/jsx-runtime"),r=require("@emotion/styled"),i=require("@emotion/react"),a=require("react/jsx-runtime"),o=require("kui-basic"),d=require("kui-utils"),l=require("kui-swiper"),s=require("classnames"),c=require("kui-icon"),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("kui-crm"),v=require("@googlemaps/js-api-loader");function w(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function y(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 k=y(n),j=w(e),C=w(r),_=w(l),S=w(s),I=w(p),R=w(f),z=y(g),P=function(){return P=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},P.apply(this,arguments)};function E(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 T(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var O,D,N,B,F,L,W,G,U,A,V,K,q,H,J,Y,Q,$,X,Z,nn,en,tn,rn,an,on=function(e,t,r,i,a){var o=function(n){var t=i?n.target:n.target.documentElement,a=i?n.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<e&&r&&r()};n.useEffect((function(){if(r){var n=j.default.throttle(o,t),e=(null==i?void 0:i.current)\|\|document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),M([t],a\|\|[],!0))},dn=n.forwardRef((function(n,e){var t=n.label,r=E(n,["label"]);if(!t)return a.jsx("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return a.jsx(ln,P({"data-testid":"undefined_avatar",ref:e},{children:a.jsx(o.Caption,P({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),ln=C.default.div(O\|\|(O=T(["\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"])),o.theme.palette.brand.light,o.theme.palette.brand.main),sn=n.forwardRef((function(n,e){var r=n.size,i=n.fullName,a=n.imageUrl,o=E(n,["size","fullName","imageUrl"]);return t.jsx(cn,P({css:hn[r],ref:e},o,{children:a?t.jsx(pn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):t.jsx(un,{label:i,avatarSize:r})}))})),cn=C.default.div(D\|\|(D=T(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),pn=C.default.img(N\|\|(N=T(["\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"]))),un=C.default(dn,{shouldForwardProp:function(n){return"size"!==n}})(F\|\|(F=T(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&i.css(B\|\|(B=T(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),hn={xs:i.css(L\|\|(L=T(["\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.css(W\|\|(W=T(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:i.css(G\|\|(G=T(["\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.css(U\|\|(U=T(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},xn=n.forwardRef((function(n,e){var r=n.index,i=n.onClick,a=n.isActive,o=n.label,d=n.disabled;return t.jsx(fn,P({disabled:d,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&mn,size:"s",ref:e,className:S.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),fn=C.default(o.Button)(A\|\|(A=T(["\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"]))),mn=i.css(V\|\|(V=T(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),o.theme.palette.grey.seventy),gn=n.forwardRef((function(n,e){var r=n.renderTabWrapper,i=n.label,a=E(n,["renderTabWrapper","label"]);return r?r(i,t.jsx(xn,P({ref:e,label:i},a))):t.jsx(xn,P({ref:e,label:i},a))})),bn=function(e){var t=e.startComponent,r=e.endComponent,i=e.tabs,d=e.renderTabWrapper,l=e.handleChange,s=e.value,c=n.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),l(n)};return a.jsxs(o.Container,P({className:"KUI-ButtonTabs"},{children:[t,a.jsx(vn,P({},{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:i.map((function(n,e){return a.jsx(gn,{index:e,onClick:p,isActive:e===s,label:n,renderTabWrapper:d},n)}))})),r]}))},vn=C.default(_.default)(K\|\|(K=T(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),wn=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,l=e.activeTab,s=e.isSticky,c=e.onChange,p=e.startComponent,u=e.endComponent,h=e.navigate,x=e.renderTabWrapper,f=E(e,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),m=d.useWindowWidth(),g=k.useState(Number(l)),b=g[0],v=g[1];return n.useEffect((function(){v(Number(l))}),[l]),0===m?null:t.jsxs(t.Fragment,{children:[t.jsx(kn,P({css:s&&{position:"sticky"},ref:r},f,{children:t.jsx(bn,{value:b,tabs:i,handleChange:function(n){if(v(n),null==o?void 0:o.length){var e=o[n];h?h(e):d.updateQueryParams(e)}c&&c(n)},endComponent:u,startComponent:p,renderTabWrapper:x})})),t.jsx(yn,P({role:"tabpanel"},{children:a[b]}))]})})),yn=C.default.div(q\|\|(q=T(["\n height: 100%;\n"],["\n height: 100%;\n"]))),kn=C.default.div(H\|\|(H=T(["\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"])),o.theme.palette.grey.zero),jn=n.forwardRef((function(e,t){var r=e.onScrollEnd,i=e.maxHeight,o=e.onScrollChange,d=E(e,["onScrollEnd","maxHeight","onScrollChange"]),l=n.useRef(null),s=n.useState(!1),c=s[0],p=s[1];on(10,200,r,l),n.useEffect((function(){var n;if(l.current){var e=i?(null===(n=l.current)\|\|void 0===n?void 0:n.clientHeight)>=i:l.current.scrollHeight>l.current.clientHeight;p(e)}}));return n.useEffect((function(){o&&o(c)}),[c]),a.jsx(Cn,P({isScrollable:c,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),l.current=n}},d))})),Cn=C.default.div(J\|\|(J=T(["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\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\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\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\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?6:0}),o.theme.palette.grey.fifteenB,o.theme.palette.grey.thirty),_n=n.forwardRef((function(e,t){var r=e.isOpen,i=e.handleClose;e.buttonRef;var o=e.children,d=e.endComponent,l=e.input,s=e.className,c=e.strategy;e.onScroll;var p=E(e,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),u=n.useState(!1),h=u[0],x=u[1],f=n.useRef(null);return a.jsx(Sn,P({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:r,onChange:function(n){n\|\|i()},toggleMethod:"click",strategy:c\|\|"fixed",placement:"bottom",className:s,content:a.jsxs(In,P({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof t?t(n):t&&(t.current=n),f.current=n}},p,{children:[a.jsx(Rn,P({isScrollable:h},{children:a.jsx(zn,P({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),Sn=C.default(o.Tooltip)(Y\|\|(Y=T(["\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"]))),In=C.default(o.Grid)(Q\|\|(Q=T(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),Rn=C.default.div($\|\|($=T(["\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 6px 8px 0":"14px 0px 8px 0"})),zn=C.default(jn)(X\|\|(X=T(["\n width: 100%;\n"],["\n width: 100%;\n"]))),Pn=n.forwardRef((function(n,e){var t=n.input,r=n.options,i=n.inputRef,o=n.isOpenDropdown,d=n.handleCloseDropdown,l=n.handleSelect,s=n.selectedValue,c=n.renderOption;return a.jsx(Mn,P({input:t,buttonRef:i,isOpen:o,handleClose:d,ref:e},{children:r.map((function(n,e){return a.jsx(En,P({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,s)}),n.label)}))}))})),En=C.default.div(Z\|\|(Z=T(["\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?o.theme.palette.grey.fiftyP:o.theme.palette.grey.seventy})),Mn=C.default(_n)(nn\|\|(nn=T(["\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"]))),Tn=n.forwardRef((function(e,r){var i,a=e.options,o=e.name,l=e.disabled,s=e.handleChange,c=e.iconProps,p=e.renderOption,u=e.selectedLabel,h=e.selectedValue,x=e.error,f=e.endIcon,m=E(e,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),g=n.useState(!1),b=g[0],v=g[1],w=n.useRef(null),y=d.useForkRef(w,r),k=function(){v(!1)};return t.jsxs(On,{children:[t.jsx("input",{name:o,autoComplete:"off",hidden:!0}),t.jsx(Pn,{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){s&&s(n),k()},selectedValue:h,renderOption:p,input:t.jsx(Dn,P({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:u,message:x,isLabelShrink:Boolean(h)\|\|0===h,autoComplete:"off"},m,{endIcon:t.jsxs(Bn,P({container:!0,alignItems:"center"},{children:[!l&&t.jsx(Nn,P({width:12,height:13,css:[{transition:"all linear .2s"},b&&{transform:"rotate(180deg)"}]},c)),f]}))}))})]})})),On=C.default.div(en\|\|(en=T(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Dn=C.default(o.InputWithAdornments)(tn\|\|(tn=T(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\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 &:disabled {\n cursor: default;\n }\n"]))),Nn=C.default(c.HalfArrowIcon)(rn\|\|(rn=T(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Bn=C.default(o.Grid)(an\|\|(an=T(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Fn(n){var e=n.option,t=n.selectedValue;return a.jsx(Pe,P({selected:t===e.value},{children:a.jsx(o.Caption,P({size:"sm",weight:500},{children:e.label}))}))}var Ln,Wn,Gn,Un,An,Vn,Kn,qn,Hn,Jn,Yn,Qn,$n,Xn,Zn,ne,ee,te,re,ie,ae,oe,de,le,se,ce,pe,ue,he,xe,fe,me,ge,be,ve,we,ye,ke,je,Ce,_e,Se,Ie,Re,ze,Pe=C.default.div(Ln\|\|(Ln=T(["\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?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1),Ee=n.forwardRef((function(e,t){var r,i=e.options,o=e.name,d=e.handleChange;e.form;var l=e.value,s=E(e,["options","name","handleChange","form","value"]),c=n.useState(l),p=c[0],u=c[1],h=(null===(r=i.find((function(n){return String(n.value)===String(p)})))\|\|void 0===r?void 0:r.label)\|\|"";return n.useEffect((function(){void 0!==l&&u(l)}),[l]),a.jsx(Tn,P({options:i,handleChange:function(n){u(n.value),d&&d(n.value)},selectedLabel:h,selectedValue:p,name:o,renderOption:function(n,e){return a.jsx(Fn,{option:n,selectedValue:e})},ref:t},s))})),Me=function(n,e,t){return e&&n<e\|\|t&&n>t},Te=n.forwardRef((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,o=E(n,["yearOptions","options","min","max"]),d=t.map((function(n){return P(P({},n),{disabled:Me(Number(n.value),r,i)})}));return a.jsx(Ee,P({ref:e,label:"Year",options:d},o))})),Oe=function(n,e,t){return e&&n<e\|\|t&&n>=t},De=[{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"}],Ne=n.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var i=E(n,["min","max","options"]),o=De.map((function(n){return P(P({},n),{disabled:Oe(n.value,t,r)})}));return a.jsx(Ee,P({ref:e,label:"Month",options:o},i))})),Be=n.forwardRef((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,d=n.yearOptions,l=n.max,s=n.min,c=i.getFullYear(),p=i.getMonth(),u=(null==s?void 0:s.year)===c&&(null==s?void 0:s.month)?s.month-1:0,h=(null==l?void 0:l.year)===c?null==l?void 0:l.month:11;return a.jsx(Fe,P({ref:e},{children:a.jsxs(o.Grid,P({container:!0,spacing:2},{children:[a.jsx(o.Grid,P({item:!0,xs:6},{children:a.jsx(Te,{min:null==s?void 0:s.year,max:null==l?void 0:l.year,yearOptions:d,value:c,handleChange:r})})),a.jsx(o.Grid,P({item:!0,xs:6},{children:a.jsx(Ne,{min:Number(null==s?void 0:s.year)>=c&&u,max:Number(null==l?void 0:l.year)<=c&&h,value:p,handleChange:t})}))]}))}))})),Fe=C.default.div(Wn\|\|(Wn=T(["\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"]))),Le=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=E(n,["arrowProps","showPopperArrow"]);return a.jsx(We,P({ref:e},t))})),We=C.default.div(Gn\|\|(Gn=T(['\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"])),o.theme.palette.grey.fiftyP,o.theme.palette.background.light3,o.theme.palette.background.light3,o.theme.palette.brand.main,o.theme.palette.brand.light,o.theme.palette.brand.main,o.theme.palette.brand.main,o.theme.palette.grey.fifteenB,o.theme.palette.red.seventy,o.theme.palette.grey.zero),Ge=n.forwardRef((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,d=n.prevMonthButtonDisabled,l=n.date,s=j.default.capitalize(l.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return a.jsxs(Ue,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ae,P({size:"h4"},{children:s}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsxs(o.Grid,P({container:!0,spacing:2},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ve,P({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:d,onClick:t},{children:a.jsx(c.PrevArrowIcon,{width:10,height:10})}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ve,P({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:a.jsx(c.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),Ue=C.default(o.Grid)(Un\|\|(Un=T(["\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"]))),Ae=C.default(o.Heading)(An\|\|(An=T(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ve=C.default(o.Button)(Vn\|\|(Vn=T(["\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"]))),Ke=n.forwardRef((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,d=n.startIcon,l=E(n,["onClick","disabled","handleClick","startIcon"]),s=function(){r\|\|(i?i():t())},p=function(){return a.jsx(qe,P({disabled:r,onClick:s},{children:d\|\|a.jsx(c.CalendarIcon,{width:19,height:21})}))};return a.jsx(o.InputWithMask,P({disabled:r,endIcon:!d&&a.jsx(p,{}),startIcon:d&&a.jsx(p,{})},l,{ref:e}))})),qe=C.default.div(Kn\|\|(Kn=T(["\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"})),He=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=E(n,["arrowProps","showPopperArrow"]);return a.jsx(Je,P({ref:e},t))})),Je=C.default.div(qn\|\|(qn=T(["\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"])),o.theme.palette.background.light1,o.theme.palette.grey.fifteenB,o.theme.palette.grey.fifteenB,o.theme.palette.brand.main,o.theme.palette.grey.fifteenB),Ye=n.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,d=n.prevYearButtonDisabled,l=n.date;return a.jsxs($e,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(Qe,P({disabled:d,onClick:t,type:"button"},{children:a.jsx(c.ArrowBackIcon,{width:14,height:12})}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(o.Caption,P({size:"sm",weight:600},{children:l.getFullYear()}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Qe,P({disabled:i,onClick:r,type:"button"},{children:a.jsx(c.ArrowNextIcon,{width:14,height:12})}))}))]}))})),Qe=C.default(o.IconButton)(Hn\|\|(Hn=T(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),$e=C.default(o.Grid)(Jn\|\|(Jn=T(["\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"]))),Xe=n.forwardRef((function(e,t){var r,i=e.name,o=e.form,d=e.disabled,l=e.datePickerProps,s=e.onChange,c=E(e,["name","form","disabled","datePickerProps","onChange"]),p=n.useState(),h=p[0],x=p[1],f=u.useController({name:i,control:o.control}),m=f.field,g=f.fieldState;return n.useEffect((function(){x(m.value)}),[m.value]),a.jsx(Ze,P({ref:t},{children:a.jsx(I.default,P({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:d,customInput:a.jsx(Ke,P({mask:"00.0000",name:i,disabled:d,message:null===(r=g.error)\|\|void 0===r?void 0:r.message},c),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:He,renderCustomHeader:function(n){return a.jsx(Ye,P({},n))}},l))}))})),Ze=C.default.div(Yn\|\|(Yn=T(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),nt=n.forwardRef((function(e,r){var i=e.tab,a=e.active,d=e.index,l=e.handleClick,s=e.offset,c=e.isScrolling,p=e.setIsScrolling,u=function(){p(!1)};return n.useEffect((function(){return a===d&&h.scroller.scrollTo(i,{offset:s}),h.Events.scrollEvent.register("begin",(function(n,e){p(!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")}}),[]),t.jsx(h.Link,P({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){c\|\|l(d)}},{children:t.jsx(et,P({ref:r},{children:t.jsx(o.Button,P({variant:Number(a)===d?"orange":"transparentWithBorder",size:"xs",css:Number(a)!==d&&tt},{children:i}))}))}))})),et=C.default.div(Qn\|\|(Qn=T(["\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"]))),tt=i.css($n\|\|($n=T(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),o.theme.palette.grey.seventy),rt=n.forwardRef((function(n,e){var r=n.tabs,i=n.variant,a=E(n,["tabs","variant"]);return t.jsx(it,P({container:!0,css:"white"===i&&{background:"white"},ref:e},{children:r.map((function(n,e){return t.jsx(o.Grid,P({item:!0},{children:t.jsx(nt,P({tab:n,index:e,offset:-121},a),n)}),e)}))}))})),it=C.default(o.Grid)(Xn\|\|(Xn=T(["\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"])),o.theme.palette.background.light1),at=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,d=E(n,["form","name","error"]),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 a.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return a.jsx(o.InputWithMask,P({message:l(r)},t,d,{onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},inputRef:e}))}})})),ot=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,d=n.value,l=n.type,s=E(n,["form","name","error","value","type"]),c=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 a.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return a.jsx(o.InputWithAdornments,P({message:c(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(P(P({},n),{target:P(P({},n.target),{value:r})})),s.onChange&&s.onChange(n)}(n,t)},type:l,value:null!=d?d:t.value,inputRef:e}))}})})),dt={weak:0,simple:1,medium:2,hard:3},lt={weak:o.theme.palette.red.fiftyP,simple:o.theme.palette.brand.main,medium:o.theme.palette.blue.fiftyP,hard:o.theme.palette.green.fiftyP},st={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ct=n.forwardRef((function(n,e){var r=n.strength,i=r?lt[r]:"",a=r?dt[r]:-1;return t.jsxs(pt,P({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:e},{children:[t.jsx(ut,{children:Object.keys(dt).map((function(n,e){return t.jsx(ht,{children:t.jsx(xt,{"data-testid":"progress_item_".concat(n),value:a>=e?100:0,color:i})},n)}))}),t.jsx(o.Caption,P({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:r&&st[r]})),t.jsx(ft,P({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),pt=C.default.div(Zn\|\|(Zn=T(["\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"]))),ut=C.default.div(ne\|\|(ne=T(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),ht=C.default.div(ee\|\|(ee=T(["\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"]))),xt=C.default(o.LinearProgress)(te\|\|(te=T(["\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"])),o.theme.palette.grey.fifteenB,(function(n){return n.color})),ft=C.default(o.Caption)(re\|\|(re=T(["\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"]))),mt=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},gt=n.forwardRef((function(e,t){var r=n.useState(!1),i=r[0],o=r[1],l=n.useState(null),s=l[0],p=l[1],u=function(n){0!==n.length?d.strongPasswordRegExp.test(n)?p("hard"):d.mediumPasswordRegExp.test(n)?p("medium"):d.simplePasswordRegExp.test(n)?p("simple"):p("weak"):p(null)};return n.useEffect((function(){var n=e.form,t=e.name,r=mt(t,n);"string"==typeof r&&u(r)}),[]),a.jsxs(a.Fragment,{children:[a.jsx(ot,P({type:i?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;u(e)},"data-testid":"input_password",ref:t,endIcon:a.jsx(bt,P({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:i?a.jsx(c.ClosedEyeIcon,{}):a.jsx(c.OpenEyeIcon,{})}))},e)),a.jsx(ct,{strength:s})]})})),bt=C.default.div(ie\|\|(ie=T(["\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"]))),vt=n.forwardRef((function(n){return a.jsxs(a.Fragment,{children:[a.jsx(wt,{children:a.jsx(ot,P({},n))}),a.jsx(yt,{children:a.jsx(ot,P({isTextArea:!0},n))})]})})),wt=C.default.div(ae\|\|(ae=T(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),yt=C.default.div(oe\|\|(oe=T(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),kt=n.forwardRef((function(n,e){var t=n.label,r=n.button,i=E(n,["label","button"]);return a.jsxs(jt,P({ref:e},{children:[a.jsx(o.Divider,{}),a.jsx(Ct,{children:r\|\|a.jsx(_t,P({fullWidth:!0,size:"s",endIcon:a.jsx(c.CheckIcon,{})},i,{children:t}))})]}))})),jt=C.default.div(de\|\|(de=T(["\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"])),o.theme.palette.grey.zero),Ct=C.default.div(le\|\|(le=T(["\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"]))),_t=C.default(o.Button)(se\|\|(se=T(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),St=n.forwardRef((function(e,r){var i,a=e.title,o=e.description,l=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=E(e,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=u.useController({name:l,control:s.control}),C=k.field,_=null===(i=k.fieldState.error)\|\|void 0===i?void 0:i.message,S=C.value,R=S?S.toFormat("dd.MM.yyyy"):"",z=S?S.toJSDate():null,M=d.useToggle(),T=M[0],O=M[1],D=M[2],N=n.useState(z),B=N[0],F=N[1],L=n.useState(R),W=L[0],G=L[1],U=function(n,e){if(!n\|\|!e)return[];var t=x.DateTime.now().year-n;return j.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),A=d.useForkRef(r,C.ref);n.useEffect((function(){G(R)}),[R]);return t.jsxs(t.Fragment,{children:[t.jsx(Ke,P({mask:"00.00.0000",name:l,handleClick:O,value:W,onChange:function(n){var e=n.target.value;if(G(e),0!==e.length&&d.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"dd.MM.yyyy");F(t.toJSDate()),null==C\|\|C.onChange({target:{value:t,name:l},type:"change"}),h&&h(t)}else F(null),null==C\|\|C.onChange({target:{value:null,name:l},type:"change"}),h&&h(null)},disabled:c,message:_,ref:A},y)),t.jsxs(Pt,P({title:a,description:o,isOpen:T,handleClose:D,alignTitle:w},{children:[t.jsx(It,{children:t.jsx(I.default,P({inline:!0,selected:B\|\|z,onChange:function(n){F(n)},calendarContainer:Rt,renderCustomHeader:function(n){return t.jsx(Be,P({yearOptions:U,max:f,min:m},n))},renderDayContents:function(n){return t.jsx(zt,{children:n})},maxDate:null==f?void 0:f.toJSDate(),minDate:null==m?void 0:m.toJSDate(),calendarStartDay:1},b))}),t.jsx(kt,{fullWidth:!0,disabled:!z&&!B,onClick:function(){if(B){var n=x.DateTime.fromJSDate(B);G(n.toFormat("dd.MM.yyyy")),null==C\|\|C.onChange({target:{value:n,name:l},type:"change"}),h&&h(n),D()}},label:g})]}))]})})),It=C.default.div(ce\|\|(ce=T(["\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"]))),Rt=C.default(Le)(pe\|\|(pe=T(["\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"])),o.theme.palette.background.light1,o.theme.palette.background.light1),zt=C.default.span(ue\|\|(ue=T(["\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"]))),Pt=C.default(o.Modal)(he\|\|(he=T(["\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"})),Et=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],Mt=P(P({},R.default),{localize:{month:function(n){return Et[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Tt=n.forwardRef((function(e,t){var r,i=e.title,l=e.name,s=e.form,c=e.disabled,p=e.datePickerProps,h=E(e,["title","name","form","disabled","datePickerProps"]),f=u.useController({name:l,control:s.control}),m=f.field,g=null===(r=f.fieldState.error)\|\|void 0===r?void 0:r.message,b=d.useToggle(),v=b[0],w=b[1],y=b[2],k=n.useState(m.value?x.DateTime.fromJSDate(new Date(String(m.value))).toFormat("MM.yyyy"):null),j=k[0],C=k[1],_=n.useState(j?x.DateTime.fromFormat(j,"MM.yyyy").toJSDate():null),S=_[0],R=_[1];return a.jsxs(Ot,P({ref:t},{children:[a.jsx(Ke,P({mask:"00.0000",name:l,handleCLick:w,value:j,onChange:function(n){var e=n.target.value;if(C(e),0!==e.length&&d.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"MM.yyyy").toJSDate();R(t),null==m\|\|m.onChange({target:{value:t,name:l},type:"change"})}else R(null),null==m\|\|m.onChange({target:{value:null,name:l},type:"change"})},disabled:c,message:g,isLabelShrink:Boolean(m.value)},h)),a.jsxs(o.Modal,P({title:i,isOpen:v,handleClose:y},{children:[a.jsx(Dt,{children:a.jsx(I.default,P({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:S,onChange:function(n){return R(n)},locale:Mt,calendarContainer:He,renderCustomHeader:function(n){return a.jsx(Ye,P({},n))}},p))}),a.jsx(kt,{fullWidth:!0,disabled:!S,onClick:function(){C(S?x.DateTime.fromJSDate(S).toFormat("MM.yyyy"):""),null==m\|\|m.onChange({target:{value:S,name:l},type:"change"}),y()},label:"Подтвердить"})]}))]}))})),Ot=C.default.div(xe\|\|(xe=T(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Dt=C.default.div(fe\|\|(fe=T(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Nt=n.forwardRef((function(e,r){var i=e.tabs,a=e.handleClick,o=e.variant,d=E(e,["tabs","handleClick","variant"]),l=n.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 t.jsx(Bt,P({css:"white"===o&&{background:"white"},ref:r},{children:t.jsx(_.default,P({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:i.map((function(n,e){return t.jsx(nt,P({tab:n,index:e,handleClick:s,offset:-121},d),n)}))}))}))})),Bt=C.default.div(me\|\|(me=T(["\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"])),o.theme.palette.background.light1),Ft=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,l=e.activeTab,s=e.variant,c=void 0===s?"grey":s,p=d.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(o[n]){f(n);var e=y.pathname,t="".concat(e).concat(y.search),r="".concat(e).concat(o[n]);t!==r&&w(r,{replace:!0})}};return n.useEffect((function(){f(l)}),[l]),n.useEffect((function(){"number"!=typeof l&&p<901&&h.animateScroll.scrollToTop()}),[]),0===p?null:t.jsxs("div",P({ref:r},{children:[p>765?t.jsx(rt,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}):t.jsx(Nt,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}),a.map((function(n,e){return t.jsx("div",P({css:e===a.length-1&&Lt},{children:t.jsx(Wt,P({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Lt=i.css(ge\|\|(ge=T(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Wt=C.default(h.Element)(be\|\|(be=T(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Gt=n.forwardRef((function(n,e){var r=n.form,i=n.name,a=E(n,["form","name"]);return t.jsx(u.Controller,{control:null==r?void 0:r.control,name:i,render:function(n){var r=n.field;return t.jsx(o.Switch,P({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:e,name:i},a))}})})),Ut=n.forwardRef((function(n,e){var t,r=n.form,i=n.name,l=void 0===i?"phone":i,s=n.hiddenInputProps,c=n.error,p=E(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!==c&&String(c).length>0?c:null===(t=x.fieldState.error)\|\|void 0===t?void 0:t.message,m=d.useForkRef(e,x.field.ref);return a.jsx(o.InputWithCountryDropdown,P({message:f,hiddenInputProps:P(P({},h.field),s),onSelectCountry:function(n){h.field.onChange({target:{value:n.phoneCode,name:"".concat(l,".phoneCode")},type:"change"})}},x.field,p,{onChange:function(n){x.field.onChange(n),h.field.value\|\|h.field.onChange({target:{value:"7",name:"".concat(l,".phoneCode")},type:"change"}),p.onChange&&p.onChange(n)},ref:m,autoComplete:"false"}))})),At=n.forwardRef((function(n,e){return a.jsx(Vt,P({cellSpacing:"0",ref:e},n))})),Vt=C.default.table(ve\|\|(ve=T(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Kt=C.default.th(we\|\|(we=T(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),qt=C.default.td(ye\|\|(ye=T(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Ht=n.forwardRef((function(n,e){var t=n.children,r=E(n,["children"]),i=k.Children.toArray(t);return a.jsx("tr",P({ref:e},{children:i.map((function(n){return k.cloneElement(n,r)}))}))})),Jt={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}},Yt=n.forwardRef((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,o=n.className,d=n.style,l=E(n,["placement","open","children","spacing","className","style"]);return a.jsx(Qt,P({ref:e,className:S.default("KUI-Popper",o),spacing:i,style:d,open:!!t},{children:a.jsx($t,P({open:!!t},l,{children:r}))}))})),Qt=C.default.div(ke\|\|(ke=T(["\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}),o.theme.breakpoints.xxs),$t=C.default.div(je\|\|(je=T(["\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})),Xt=n.forwardRef((function(e,t){var r=e.placement,o=e.contentRef,d=E(e,["placement","contentRef"]),l=n.useRef(null),s=n.useState(null),c=s[0],p=s[1],u=n.useState(null),h=u[0],x=u[1];n.useEffect((function(){if(o.current&&l.current){var n=l.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};p(e),x(t)}}),[]);var f={};if(c&&h){var m=Jt[null!=r?r:"bottomMiddle"];f={top:Math.max(m.top?c.top-h.height:c.top+c.height,0),left:Math.max(c.left+c.widthm.offset-h.widthm.offset,0)}}return z.createPortal(a.jsxs(a.Fragment,{children:[a.jsx(i.Global,{styles:i.css(Ce\|\|(Ce=T(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),a.jsx(Yt,P({ref:function(n){t&&(t.current=n),l.current=n},style:f},d))]}),document.body)})),Zt=n.forwardRef((function(e,t){var r=e.placement,i=e.contentRef,o=E(e,["placement","contentRef"]),d=n.useRef(null),l=n.useState(null),s=l[0],c=l[1],p=n.useState(null),u=p[0],h=p[1],x={};if(n.useEffect((function(){i.current&&d.current&&(c({width:i.current.clientWidth,height:i.current.clientHeight}),h({width:d.current.clientWidth,height:d.current.clientHeight}))}),[]),s&&u){var f=Jt[null!=r?r:"bottomMiddle"];x={top:f.top?0-u.height:0+s.height,left:Math.max(s.widthf.offset-u.widthf.offset,0)}}return a.jsx(Yt,P({ref:function(n){t&&(t.current=n),d.current=n},style:x},o))})),nr=n.forwardRef((function(e,t){var r=e.contentRef,i=E(e,["contentRef"]),o=n.useState(!0),d=o[0],l=o[1];return n.useEffect((function(){var n=function(){for(var n=r.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e\|\|"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[r]),d?a.jsx(Zt,P({ref:t,contentRef:r},i)):a.jsx(Xt,P({ref:t,contentRef:r},i))})),er=n.forwardRef((function(e,t){var r=e.content,i=e.onOpen,o=e.onClose,d=e.open,l=e.children,s=e.cursor,c=e.className,p=E(e,["content","onOpen","onClose","open","children","cursor","className"]),u=n.useState(d),h=u[0],x=u[1],f=n.useRef(null),m=function(){x(!0),i&&i()};return n.useEffect((function(){x(d)}),[d]),a.jsxs(rr,P({className:c,onMouseLeave:function(){x(!1),o&&o()},ref:t},{children:[a.jsx(ir,P({onMouseEnter:m,onTouchEnd:m,ref:f,cursor:s},{children:a.jsx(ar,P({className:"Tooltip_content"},{children:l}))})),a.jsx(nr,P({open:h},p,{contentRef:f},{children:r}))]}))})),tr=i.css(_e\|\|(_e=T(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),rr=C.default.div(Se\|\|(Se=T(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),tr),ir=C.default.div(Ie\|\|(Ie=T(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),tr,(function(n){return n.cursor})),ar=C.default.div(Re\|\|(Re=T(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),tr),or=n.forwardRef((function(n,e){var t,r=n.options,i=E(n,["options"]);return a.jsx(dr,P({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}))})),dr=C.default(Ee)(ze\|\|(ze=T(["\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"])),o.theme.breakpoints.xs),lr=n.forwardRef((function(n,e){var t,r,i=n.options,o=n.name,d=n.handleChange,l=n.form,s=n.value,c=E(n,["options","name","handleChange","form","value"]),p=u.useController({control:l.control,name:o}),h=null===(t=p.fieldState.error)\|\|void 0===t?void 0:t.message;return a.jsx(Ee,P({options:i,handleChange:function(n){var e;d&&d(n),l&&(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 sr(n){var e=n.option,t=n.selectedValue.includes(e.value);return a.jsx(ur,P({container:!0,selected:t},{children:a.jsx(o.Checkbox,{checked:t,label:a.jsx(hr,P({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var cr,pr,ur=C.default(o.Grid)(cr\|\|(cr=T(["\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?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1,o.theme.palette.grey.seventy),hr=C.default(o.Caption)(pr\|\|(pr=T(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?o.theme.palette.grey.seventy:o.theme.palette.grey.fiftyP}));var xr=n.forwardRef((function(e,t){var r=e.options,i=e.disabled,d=e.direction,l=void 0===d?"row":d,s=e.defaultValue,c=e.value,p=e.onChange,u=e.isSquare,h=E(e,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),x=n.useState(s\|\|c\|\|r[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 n.useEffect((function(){c&&m(c)}),[c]),a.jsx(o.Grid,P({container:!0,direction:l,ref:t},{children:r.map((function(n){return a.jsx(o.Radio,P({value:n.value,label:n.label,disabled:Boolean(i),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function fr(e){var t=e.form,r=e.name,i=e.defaultValue,o=E(e,["form","name","defaultValue"]);return n.useEffect((function(){t.getValues(r)\|\|i\|\|t.setValue(r,o.options[0].value)}),[]),a.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e=n.field;return a.jsx(xr,P({},o,e,{defaultValue:i,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:r},type:"change"}),o.onChange&&o.onChange(n,e)}(n,t,e)}}))}})}xr.displayName="RadioButtons";var mr,gr,br,vr,wr,yr,kr,jr=C.default.div(mr\|\|(mr=T(["\n position: relative;\n"],["\n position: relative;\n"]))),Cr=C.default(o.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(vr\|\|(vr=T(["\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?o.theme.palette.red.fiftyP:o.theme.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.css(gr\|\|(gr=T(["\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.css(br\|\|(br=T(["\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})}),o.theme.breakpoints.sm),_r=C.default(o.Caption)(wr\|\|(wr=T(["\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}),o.theme.breakpoints.sm),Sr=n.forwardRef((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=E(n,["height","className"]);return a.jsx(Rr,P({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:a.jsx(Ir,P({},i))}))})),Ir=C.default(o.CircularProgress)(yr\|\|(yr=T(["\n color: ",";\n"],["\n color: ",";\n"])),o.theme.palette.brand.main),Rr=C.default(o.Grid,{shouldForwardProp:function(n){return"height"!==n}})(kr\|\|(kr=T(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function zr(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=d.useToggle(),i=r[0],l=r[1],s=r[2];if(!e\|\|!t)return null;return a.jsxs(a.Fragment,{children:[a.jsxs(Or,P({container:!0,onClick:l,alignItems:"center"},{children:[a.jsx(Dr,{width:12,height:12}),a.jsx(o.Caption,P({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),a.jsx(Nr,P({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:s})}))]})}var Pr,Er,Mr,Tr,Or=C.default(o.Grid)(Pr\|\|(Pr=T(["\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"])),o.theme.palette.grey.fifteenB),Dr=C.default(c.PlusIcon)(Er\|\|(Er=T(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),o.theme.palette.grey.fiftyP),Nr=C.default.div(Mr\|\|(Mr=T([""],[""]))),Br=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return a.jsx(Fr,P({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Fr=C.default(o.Grid)(Tr\|\|(Tr=T(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Lr(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,o=n.inputRef,d=n.isOpenDropdown,l=n.isLoading,s=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return a.jsxs(Ur,P({input:s,buttonRef:o,isOpen:d,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&u&&u()},endComponent:a.jsx(zr,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return a.jsx(Br,{option:n,renderOption:t,handleSelect:p,index:e},e)})),l&&a.jsx(Ar,{height:"auto"})]}))}var Wr,Gr,Ur=C.default(_n)(Wr\|\|(Wr=T(["\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"]))),Ar=C.default(Sr)(Gr\|\|(Gr=T(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var Vr,Kr,qr,Hr,Jr=C.default.div(Vr\|\|(Vr=T(["\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"]))),Yr=C.default.div(Kr\|\|(Kr=T(["\n position: relative;\n"],["\n position: relative;\n"]))),Qr=C.default(ot)(qr\|\|(qr=T(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),$r=C.default(c.HalfArrowIcon)(Hr\|\|(Hr=T(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var Xr,Zr=C.default.div(Xr\|\|(Xr=T(["\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"])),o.theme.palette.background.light2);function ni(e){var t,r,i=e.file,d=e.onDelete,l=e.onChange,s=e.index,p=e.selectedFile,u=e.setSelectedFile,h=e.limitTitle,x=void 0===h?100:h,f=e.icon,m=e.subtitle,g=e.disabled,v=e.error,w=e.className,y=e.label,k=e.endIcon,j=E(e,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),C=String(null===(r=(null==i?void 0:i.title)\|\|(null==i?void 0:i.name)\|\|(null===(t=null==i?void 0:i.file)\|\|void 0===t?void 0:t.name)\|\|y)\|\|void 0===r?void 0:r.replace(/\.[^/.]+$/,"")),_=n.useState(C),S=_[0],I=_[1],R=n.useState(!1),z=R[0],M=R[1],T=n.useRef(null);n.useEffect((function(){var n;z&&(null===(n=T.current)\|\|void 0===n\|\|n.focus()),!z&&C!==S&&l&&l(S,s)}),[z]);return a.jsxs(a.Fragment,{children:[a.jsxs(fi,P({selected:(null!=p?p:-1)===s,error:x&&S.length>x\|\|!!v,onClick:function(){u&&u(null!=s?s:1)},disabled:!!g,className:"FileWrapper ".concat(w\|\|"")},j,{children:[a.jsx(mi,P({className:"FileIcon_wrapper"},{children:f\|\|a.jsx(c.FileIcon,{})})),a.jsxs(bi,P({className:"FileContent_wrapper"},{children:[a.jsxs(yi,{children:[a.jsx(b.Link,P({href:i.url,openInNewWindow:!0},{children:a.jsx(wi,{children:S})})),a.jsx(vi,{"data-testid":"file_name",ref:T,disabled:!z,value:S,onChange:function(n){I(n.target.value)},onBlur:function(){M(!1)},maxLength:100})]}),m\|\|String(i.size)&&a.jsxs(o.Caption,P({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(i.size)," mb"]}))]})),a.jsxs(gi,P({className:"FileButtons_wrapper"},{children:[k,!g&&l&&a.jsx(o.Button,P({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){M((function(n){return!n}))}},{children:z?a.jsx(c.CheckIcon,{}):a.jsx(c.EditIcon,{width:18,height:18})})),d&&!g&&a.jsx(o.Button,P({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;d&&d(null!==(n=i.index)&&void 0!==n?n:1,Number(s))}},{children:a.jsx(c.CancelIcon,{width:16,height:16})}))]}))]})),(x&&S.length>x\|\|v)&&a.jsx(o.Box,P({mb:1},{children:a.jsx(o.Caption,P({size:"xs",colorGroup:"red",weight:500},{children:v\|\|"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var ei,ti,ri,ii,ai,oi,di,li,si,ci,pi,ui,hi,xi,fi=C.default.div(ri\|\|(ri=T(["\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?o.theme.palette.brand.main:o.theme.palette.grey.fifteenB}),(function(n){return n.disabled&&i.css(ti\|\|(ti=T(["\n background: ",";\n "],["\n background: ",";\n "])),o.theme.palette.background.light1)}),(function(n){return n.error&&i.css(ei\|\|(ei=T(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),o.theme.palette.red.seventy)})),mi=C.default.div(ii\|\|(ii=T(["\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"])),o.theme.palette.brand.light),gi=C.default.div(ai\|\|(ai=T(["\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"])),o.theme.palette.grey.thirty),bi=C.default.div(oi\|\|(oi=T(["\n width: calc(\n 100% -\n ","px\n );\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(\n 100% -\n ","px\n );\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"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),vi=C.default.input(di\|\|(di=T(["\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"])),o.theme.palette.grey.seventy,o.theme.palette.brand.main),wi=C.default.span(li\|\|(li=T(["\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"]))),yi=C.default.div(si\|\|(si=T(["\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"]))),ki=n.forwardRef((function(e,t){var r,i,d=e.form,l=e.name,s=e.parentName,c=e.label,p=e.disabled,h=e.withEdit,x=void 0===h\|\|h,f=e.withDelete,m=void 0===f\|\|f,g=e.fileName,b=e.onChange,v=e.isRequired,w=e.uploadLabel,y=e.toBigTitleMessage,k=e.endIcon,j=E(e,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon"]),C=n.useState(!1),_=C[0],S=C[1],I=n.useState(),R=I[0],z=I[1],M=n.useState(""),T=M[0],O=M[1],D=n.useRef(null),N=u.useController({control:d.control,name:l}),B=N.field,F=N.fieldState,L=u.useController({control:d.control,name:s\|\|l}).field,W=(R instanceof File?R.name:(null===(r=null==R?void 0:R.uploaded)\|\|void 0===r?void 0:r.name)\|\|(null==R?void 0:R.name)\|\|"").split(".").pop(),G=function(n,e,t,r){var i,a;return n\|\|e?n instanceof File?{file:n,url:URL.createObjectURL(n),size:Math.round(n.size/1048576100)/100,name:t?"".concat(t,".").concat(r):null==n?void 0:n.name}:{file:n,url:(null===(i=null==n?void 0:n.uploaded)\|\|void 0===i?void 0:i.url)\|\|e,size:(null==n?void 0:n.size)?Math.round(n.size/1048576100)/100:null,name:t&&r?"".concat(t,".").concat(r):(null===(a=null==n?void 0:n.uploaded)\|\|void 0===a?void 0:a.name)\|\|(null==n?void 0:n.name)}:null}(R,T,g,W),U=R&&"url"in R?R:G,A=null===(i=F.error)\|\|void 0===i?void 0:i.message;n.useEffect((function(){"string"==typeof B.value&&O(B.value),"object"==typeof B.value&&z(B.value),B.value\|\|O(""),S(!0)}),[B.value]),n.useEffect((function(){var n,e,t=Number((null==g?void 0:g.length)\|\|(null===(n=null==R?void 0:R.uploaded)\|\|void 0===n?void 0:n.name)\|\|(null===(e=null==R?void 0:R.name)\|\|void 0===e?void 0:e.length))>100;_&&!T&&B.onChange({target:{value:R,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:y\|\|"The file name must be less than 100 characters"}):d.clearErrors(l)}),[R]);return a.jsxs(ji,{children:[a.jsx(_i,P({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];z(e),b&&b(e)}else z(void 0)}},j,{ref:function(n){t&&(t.current=n),D.current=n}})),U?a.jsx(ni,{file:U,onDelete:m&&function(){R&&D.current&&(D.current.value=""),z(void 0),O(""),s?L.onChange({target:{value:null,name:s},type:"change"}):B.onChange({target:{value:null,name:l},type:"change"}),b&&b(null)},onChange:x&&function(n){var e,t=d.getValues(l),r="".concat(n,".").concat(W);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:P(P({},t.uploaded),{name:n})}:new File([t],r,{type:t.type}),z(e)},error:A,disabled:p,label:c,endIcon:k}):a.jsxs(a.Fragment,{children:[a.jsxs(Ci,P({error:!!A,disabled:p,container:!0,justify:"space-between",alignItems:"center"},{children:[a.jsx(Si,P({item:!0},{children:a.jsxs(o.Caption,P({size:"s",color:"fiftyP"},{children:[c,v?" *":""]}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ii,P({disabled:p,size:"s",onClick:function(){D.current&&D.current.click()}},{children:w\|\|"Upload"}))}))]})),A&&a.jsx(o.InputMessage,{variant:"error",msg:A})]})]})})),ji=C.default.div(ci\|\|(ci=T(["\n position: relative;\n"],["\n position: relative;\n"]))),Ci=C.default(o.Grid)(pi\|\|(pi=T(["\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?o.theme.palette.red.fiftyP:o.theme.palette.grey.fifteenB}),(function(n){return n.disabled?o.theme.palette.background.light1:o.theme.palette.grey.zero})),_i=C.default.input(ui\|\|(ui=T(["\n display: none;\n"],["\n display: none;\n"]))),Si=C.default(o.Grid)(hi\|\|(hi=T(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Ii=C.default(o.Button)(xi\|\|(xi=T(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ri=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.label,d=n.labelProps,l=E(n,["form","name","label","labelProps"]);return a.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return a.jsx(o.Checkbox,P({},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 i?a.jsx(o.Caption,P({},d,{children:i})):i}))}})}));var zi,Pi,Ei=C.default(Ri)(zi\|\|(zi=T(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Mi=C.default(o.Grid)(Pi\|\|(Pi=T(["\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"])),o.theme.palette.grey.fifteenB),Ti={mapKey:""},Oi=[],Di=function(){return P({},Ti)},Ni=function(n){Oi.push(n)},Bi=function(n){var e=Oi.indexOf(n);-1!==e&&Oi.splice(e,1)};exports.AutocompleteOption=function(n){var e=n.label;return a.jsx(Zr,{children:a.jsx(o.Caption,P({size:"s",weight:500},{children:e}))})},exports.Avatar=sn,exports.ButtonSelect=or,exports.ButtonTab=gn,exports.ButtonsPanel=wn,exports.CalendarHeaderWithSelect=Be,exports.CalendarStandardContainer=Le,exports.CalendarStandardHeader=Ge,exports.CheckboxGroupWithTitle=function(n){var e=n.title,t=n.options,r=n.form;n.name;var i=E(n,["title","options","form","name"]);return a.jsxs(Mi,P({container:!0,alignItems:"center",justify:"space-between"},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(o.Caption,P({size:"s",weight:500,color:"fiftyP"},{children:e}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(o.Grid,P({container:!0},{children:t.map((function(n){return a.jsx(Ei,P({name:n.name,label:a.jsx(o.Caption,P({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))},exports.CheckboxWithController=Ri,exports.DependentInput=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,o=E(n,["dependentInputName","form","disabled","Input"]),d=u.useWatch({control:t.control,name:e}),l=P({form:t,disabled:r\|\|!d},o);return i?a.jsx(i,P({},l)):a.jsx(ot,P({},l))},exports.DesktopInputWithMonthPicker=Xe,exports.DesktopMenuPanel=rt,exports.InputDropdown=_n,exports.InputFile=ki,exports.InputForDatepicker=Ke,exports.InputMultiSelect=function(e){var t,r,i=e.options,o=e.name,d=e.handleChange,l=e.form,s=e.value,c=E(e,["options","name","handleChange","form","value"]),p=l?u.useController({control:l.control,name:o}):null,h=n.useState(s\|\|(null===(t=null==p?void 0:p.field)\|\|void 0===t?void 0:t.value)\|\|[]),x=h[0],f=h[1],m=i.filter((function(n){return x.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(r=null==p?void 0:p.fieldState.error)\|\|void 0===r?void 0:r.message;return n.useEffect((function(){var n;l&&(null===(n=null==p?void 0:p.field)\|\|void 0===n\|\|n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),a.jsx(Tn,P({options:i,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 a.jsx(sr,{option:n,selectedValue:e})}},c))},exports.InputPassword=gt,exports.InputPhoneWithForm=Ut,exports.InputSelect=Ee,exports.InputSelectBase=Tn,exports.InputSelectDropdown=Pn,exports.InputSelectWithController=lr,exports.InputTextAreaMobile=vt,exports.InputWithAutocomplete=function(e){var r,i=e.renderOption,a=e.options,l=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=E(e,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),j=n.useState(!1),C=j[0],_=j[1],S=n.useRef(null);s&&c.register(s);var I=function(){m\|\|_(!0)},R=function(){_(!1)};n.useEffect((function(){y&&y(C)}),[C]);var z=d.useForkRef(S,w);return t.jsxs(Yr,{children:[f&&t.jsx(Jr,{children:t.jsx(Sr,{height:"100%"})}),t.jsx(Lr,{renderOption:i,options:a,inputRef:{current:null===(r=S.current)\|\|void 0===r?void 0:r.parentElement},isOpenDropdown:C,handleCloseDropdown:R,handleSelect:function(n){var e;u(n),R(),(null===(e=c.getFieldState(l).error)\|\|void 0===e?void 0:e.message)&&c.clearErrors(l)},isLoading:p,handleScrollEnd:h,creatingLabel:g,renderCreatingModal:b,input:t.jsx(Qr,P({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(l,null),u(null)),I()},onFocus:I,name:l,disabled:m,ref:z,isDropdownOpen:C,autoComplete:"off"},k,{endIcon:!m&&t.jsxs(o.Grid,P({container:!0,alignItems:"center",onClick:function(){_((function(n){return!n}))}},{children:[t.jsx(o.Box,P({mr:2},{children:v})),k.endIcon\|\|!m&&t.jsx($r,{width:12,height:13,css:[C&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=ot,exports.InputWithDatePicker=St,exports.InputWithMask=at,exports.InputWithMonthPicker=function(n){return a.jsxs(a.Fragment,{children:[a.jsx(Xe,P({},n)),a.jsx(Tt,P({},n))]})},exports.Loading=Sr,exports.MapWrapper=function(e){var t=e.children,r=n.useState(!1),i=r[0],o=r[1],d=n.useState("LOADING"),l=d[0],s=d[1],c=n.useState(Di().mapKey),p=c[0],u=c[1];return n.useEffect((function(){var n=function(n){return u(n.mapKey)};return Ni(n),function(){Bi(n)}}),[]),n.useEffect((function(){if(!i&&p){var n=new v.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"===l&&t?a.jsx(a.Fragment,{children:t}):(function(n){"LOADING"===n?a.jsx(Sr,{height:"100%"}):"FAILURE"===n?a.jsx("h3",{children:n}):a.jsx("div",{})}(l),a.jsx(a.Fragment,{})):a.jsx("h2",{children:"Add google key"})},exports.MenuItem=nt,exports.MenuPanel=Ft,exports.MobileInputWithMonthPicker=Tt,exports.MobileMenuPanel=Nt,exports.MonthPickerContainer=He,exports.MonthPickerHeader=Ye,exports.PassportStrengthBar=ct,exports.RadioButtons=xr,exports.RadioButtonsWithController=fr,exports.RadioGroupWithLabel=function(n){var e,t=n.title,r=n.className,i=n.direction,d=n.form,l=n.name,s=E(n,["title","className","direction","form","name"]),c=null===(e=u.useController({control:d.control,name:l}).fieldState.error)\|\|void 0===e?void 0:e.message;return a.jsxs(jr,{children:[a.jsxs(Cr,P({container:!0,alignItems:"vertical"===i?"flex-start":"center",justify:"space-between",direction:"vertical"===i?"column":"row",hasError:!!c,className:r,withTitle:!!t},{children:[t&&a.jsx(_r,P({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),a.jsx(o.Grid,P({item:!0,xs:"vertical"===i?12:"auto"},{children:a.jsx(fr,P({form:d,name:l},s))}))]})),c&&a.jsx(o.InputMessage,{variant:"error",msg:c})]})},exports.ScrollingContainer=jn,exports.SelectMonth=Ne,exports.SelectYear=Te,exports.Switch=Gt,exports.Table=At,exports.TableCell=qt,exports.TableHeadCell=Kt,exports.TableRow=Ht,exports.Tooltip=er,exports.UndefinedAvatar=dn,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=mt,exports.getSettings=Di,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){Ti=P(P({},Ti),n),Oi.forEach((function(n){return n(Ti)}))},exports.shortMonths=Et,exports.subscribeToSettings=Ni,exports.unsubscribeFromSettings=Bi,exports.useScrollWithBottomSpacing=on;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react-datepicker/dist/react-datepicker.css");var n=require("react"),e=require("lodash"),t=require("@emotion/react/jsx-runtime"),r=require("@emotion/styled"),i=require("@emotion/react"),a=require("react/jsx-runtime"),o=require("kui-basic"),d=require("kui-utils"),l=require("kui-swiper"),s=require("classnames"),c=require("kui-icon"),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("kui-crm"),v=require("@googlemaps/js-api-loader");function w(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function y(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 k=y(n),j=w(e),C=w(r),_=w(l),S=w(s),I=w(p),R=w(f),z=y(g),P=function(){return P=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},P.apply(this,arguments)};function E(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 T(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var O,D,N,B,F,L,W,G,U,A,V,K,q,H,J,Y,Q,$,X,Z,nn,en,tn,rn,an,on=function(e,t,r,i,a){var o=function(n){var t=i?n.target:n.target.documentElement,a=i?n.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<e&&r&&r()};n.useEffect((function(){if(r){var n=j.default.throttle(o,t),e=(null==i?void 0:i.current)\|\|document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),M([t],a\|\|[],!0))},dn=n.forwardRef((function(n,e){var t=n.label,r=E(n,["label"]);if(!t)return a.jsx("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return a.jsx(ln,P({"data-testid":"undefined_avatar",ref:e},{children:a.jsx(o.Caption,P({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),ln=C.default.div(O\|\|(O=T(["\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"])),o.theme.palette.brand.light,o.theme.palette.brand.main),sn=n.forwardRef((function(n,e){var r=n.size,i=n.fullName,a=n.imageUrl,o=E(n,["size","fullName","imageUrl"]);return t.jsx(cn,P({css:hn[r],ref:e},o,{children:a?t.jsx(pn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):t.jsx(un,{label:i,avatarSize:r})}))})),cn=C.default.div(D\|\|(D=T(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),pn=C.default.img(N\|\|(N=T(["\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"]))),un=C.default(dn,{shouldForwardProp:function(n){return"size"!==n}})(F\|\|(F=T(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&i.css(B\|\|(B=T(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),hn={xs:i.css(L\|\|(L=T(["\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.css(W\|\|(W=T(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:i.css(G\|\|(G=T(["\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.css(U\|\|(U=T(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},xn=n.forwardRef((function(n,e){var r=n.index,i=n.onClick,a=n.isActive,o=n.label,d=n.disabled;return t.jsx(fn,P({disabled:d,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&mn,size:"s",ref:e,className:S.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),fn=C.default(o.Button)(A\|\|(A=T(["\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"]))),mn=i.css(V\|\|(V=T(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),o.theme.palette.grey.seventy),gn=n.forwardRef((function(n,e){var r=n.renderTabWrapper,i=n.label,a=E(n,["renderTabWrapper","label"]);return r?r(i,t.jsx(xn,P({ref:e,label:i},a))):t.jsx(xn,P({ref:e,label:i},a))})),bn=function(e){var t=e.startComponent,r=e.endComponent,i=e.tabs,d=e.renderTabWrapper,l=e.handleChange,s=e.value,c=n.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),l(n)};return a.jsxs(o.Container,P({className:"KUI-ButtonTabs"},{children:[t,a.jsx(vn,P({},{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:i.map((function(n,e){return a.jsx(gn,{index:e,onClick:p,isActive:e===s,label:n,renderTabWrapper:d},n)}))})),r]}))},vn=C.default(_.default)(K\|\|(K=T(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),wn=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,l=e.activeTab,s=e.isSticky,c=e.onChange,p=e.startComponent,u=e.endComponent,h=e.navigate,x=e.renderTabWrapper,f=E(e,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),m=d.useWindowWidth(),g=k.useState(Number(l)),b=g[0],v=g[1];return n.useEffect((function(){v(Number(l))}),[l]),0===m?null:t.jsxs(t.Fragment,{children:[t.jsx(kn,P({css:s&&{position:"sticky"},ref:r},f,{children:t.jsx(bn,{value:b,tabs:i,handleChange:function(n){if(v(n),null==o?void 0:o.length){var e=o[n];h?h(e):d.updateQueryParams(e)}c&&c(n)},endComponent:u,startComponent:p,renderTabWrapper:x})})),t.jsx(yn,P({role:"tabpanel"},{children:a[b]}))]})})),yn=C.default.div(q\|\|(q=T(["\n height: 100%;\n"],["\n height: 100%;\n"]))),kn=C.default.div(H\|\|(H=T(["\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"])),o.theme.palette.grey.zero),jn=n.forwardRef((function(e,t){var r=e.onScrollEnd,i=e.maxHeight,o=e.onScrollChange,d=E(e,["onScrollEnd","maxHeight","onScrollChange"]),l=n.useRef(null),s=n.useState(!1),c=s[0],p=s[1];on(10,200,r,l),n.useEffect((function(){var n;if(l.current){var e=i?(null===(n=l.current)\|\|void 0===n?void 0:n.clientHeight)>=i:l.current.scrollHeight>l.current.clientHeight;p(e)}}));return n.useEffect((function(){o&&o(c)}),[c]),a.jsx(Cn,P({isScrollable:c,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),l.current=n}},d))})),Cn=C.default.div(J\|\|(J=T(["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\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\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\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\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?6:0}),o.theme.palette.grey.fifteenB,o.theme.palette.grey.thirty),_n=n.forwardRef((function(e,t){var r=e.isOpen,i=e.handleClose;e.buttonRef;var o=e.children,d=e.endComponent,l=e.input,s=e.className,c=e.strategy;e.onScroll;var p=E(e,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),u=n.useState(!1),h=u[0],x=u[1],f=n.useRef(null);return a.jsx(Sn,P({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:r,onChange:function(n){n\|\|i()},toggleMethod:"click",strategy:c\|\|"fixed",placement:"bottom",className:s,content:a.jsxs(In,P({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof t?t(n):t&&(t.current=n),f.current=n}},p,{children:[a.jsx(Rn,P({isScrollable:h},{children:a.jsx(zn,P({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),Sn=C.default(o.Tooltip)(Y\|\|(Y=T(["\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"]))),In=C.default(o.Grid)(Q\|\|(Q=T(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),Rn=C.default.div($\|\|($=T(["\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 6px 8px 0":"14px 0px 8px 0"})),zn=C.default(jn)(X\|\|(X=T(["\n width: 100%;\n"],["\n width: 100%;\n"]))),Pn=n.forwardRef((function(n,e){var t=n.input,r=n.options,i=n.inputRef,o=n.isOpenDropdown,d=n.handleCloseDropdown,l=n.handleSelect,s=n.selectedValue,c=n.renderOption;return a.jsx(Mn,P({input:t,buttonRef:i,isOpen:o,handleClose:d,ref:e},{children:r.map((function(n,e){return a.jsx(En,P({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,s)}),n.label)}))}))})),En=C.default.div(Z\|\|(Z=T(["\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?o.theme.palette.grey.fiftyP:o.theme.palette.grey.seventy})),Mn=C.default(_n)(nn\|\|(nn=T(["\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"]))),Tn=n.forwardRef((function(e,r){var i,a=e.options,o=e.name,l=e.disabled,s=e.handleChange,c=e.iconProps,p=e.renderOption,u=e.selectedLabel,h=e.selectedValue,x=e.error,f=e.endIcon,m=E(e,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),g=n.useState(!1),b=g[0],v=g[1],w=n.useRef(null),y=d.useForkRef(w,r),k=function(){v(!1)};return t.jsxs(On,{children:[t.jsx("input",{name:o,autoComplete:"off",hidden:!0}),t.jsx(Pn,{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){s&&s(n),k()},selectedValue:h,renderOption:p,input:t.jsx(Dn,P({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:u,message:x,isLabelShrink:Boolean(h)\|\|0===h,autoComplete:"off"},m,{endIcon:t.jsxs(Bn,P({container:!0,alignItems:"center"},{children:[!l&&t.jsx(Nn,P({width:12,height:13,css:[{transition:"all linear .2s"},b&&{transform:"rotate(180deg)"}]},c)),f]}))}))})]})})),On=C.default.div(en\|\|(en=T(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Dn=C.default(o.InputWithAdornments)(tn\|\|(tn=T(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\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 &:disabled {\n cursor: default;\n }\n"]))),Nn=C.default(c.HalfArrowIcon)(rn\|\|(rn=T(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Bn=C.default(o.Grid)(an\|\|(an=T(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Fn(n){var e=n.option,t=n.selectedValue;return a.jsx(Pe,P({selected:t===e.value},{children:a.jsx(o.Caption,P({size:"sm",weight:500},{children:e.label}))}))}var Ln,Wn,Gn,Un,An,Vn,Kn,qn,Hn,Jn,Yn,Qn,$n,Xn,Zn,ne,ee,te,re,ie,ae,oe,de,le,se,ce,pe,ue,he,xe,fe,me,ge,be,ve,we,ye,ke,je,Ce,_e,Se,Ie,Re,ze,Pe=C.default.div(Ln\|\|(Ln=T(["\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?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1),Ee=n.forwardRef((function(e,t){var r,i=e.options,o=e.name,d=e.handleChange;e.form;var l=e.value,s=E(e,["options","name","handleChange","form","value"]),c=n.useState(l),p=c[0],u=c[1],h=(null===(r=i.find((function(n){return String(n.value)===String(p)})))\|\|void 0===r?void 0:r.label)\|\|"";return n.useEffect((function(){void 0!==l&&u(l)}),[l]),a.jsx(Tn,P({options:i,handleChange:function(n){u(n.value),d&&d(n.value)},selectedLabel:h,selectedValue:p,name:o,renderOption:function(n,e){return a.jsx(Fn,{option:n,selectedValue:e})},ref:t},s))})),Me=function(n,e,t){return e&&n<e\|\|t&&n>t},Te=n.forwardRef((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,o=E(n,["yearOptions","options","min","max"]),d=t.map((function(n){return P(P({},n),{disabled:Me(Number(n.value),r,i)})}));return a.jsx(Ee,P({ref:e,label:"Year",options:d},o))})),Oe=function(n,e,t){return e&&n<e\|\|t&&n>=t},De=[{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"}],Ne=n.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var i=E(n,["min","max","options"]),o=De.map((function(n){return P(P({},n),{disabled:Oe(n.value,t,r)})}));return a.jsx(Ee,P({ref:e,label:"Month",options:o},i))})),Be=n.forwardRef((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,d=n.yearOptions,l=n.max,s=n.min,c=i.getFullYear(),p=i.getMonth(),u=(null==s?void 0:s.year)===c&&(null==s?void 0:s.month)?s.month-1:0,h=(null==l?void 0:l.year)===c?null==l?void 0:l.month:11;return a.jsx(Fe,P({ref:e},{children:a.jsxs(o.Grid,P({container:!0,spacing:2},{children:[a.jsx(o.Grid,P({item:!0,xs:6},{children:a.jsx(Te,{min:null==s?void 0:s.year,max:null==l?void 0:l.year,yearOptions:d,value:c,handleChange:r})})),a.jsx(o.Grid,P({item:!0,xs:6},{children:a.jsx(Ne,{min:Number(null==s?void 0:s.year)>=c&&u,max:Number(null==l?void 0:l.year)<=c&&h,value:p,handleChange:t})}))]}))}))})),Fe=C.default.div(Wn\|\|(Wn=T(["\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"]))),Le=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=E(n,["arrowProps","showPopperArrow"]);return a.jsx(We,P({ref:e},t))})),We=C.default.div(Gn\|\|(Gn=T(['\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"])),o.theme.palette.grey.fiftyP,o.theme.palette.background.light3,o.theme.palette.background.light3,o.theme.palette.brand.main,o.theme.palette.brand.light,o.theme.palette.brand.main,o.theme.palette.brand.main,o.theme.palette.grey.fifteenB,o.theme.palette.red.seventy,o.theme.palette.grey.zero),Ge=n.forwardRef((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,d=n.prevMonthButtonDisabled,l=n.date,s=j.default.capitalize(l.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return a.jsxs(Ue,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ae,P({size:"h4"},{children:s}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsxs(o.Grid,P({container:!0,spacing:2},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ve,P({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:d,onClick:t},{children:a.jsx(c.PrevArrowIcon,{width:10,height:10})}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ve,P({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:a.jsx(c.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),Ue=C.default(o.Grid)(Un\|\|(Un=T(["\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"]))),Ae=C.default(o.Heading)(An\|\|(An=T(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ve=C.default(o.Button)(Vn\|\|(Vn=T(["\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"]))),Ke=n.forwardRef((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,d=n.startIcon,l=E(n,["onClick","disabled","handleClick","startIcon"]),s=function(){r\|\|(i?i():t())},p=function(){return a.jsx(qe,P({disabled:r,onClick:s},{children:d\|\|a.jsx(c.CalendarIcon,{width:19,height:21})}))};return a.jsx(o.InputWithMask,P({disabled:r,endIcon:!d&&a.jsx(p,{}),startIcon:d&&a.jsx(p,{})},l,{ref:e}))})),qe=C.default.div(Kn\|\|(Kn=T(["\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"})),He=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=E(n,["arrowProps","showPopperArrow"]);return a.jsx(Je,P({ref:e},t))})),Je=C.default.div(qn\|\|(qn=T(["\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"])),o.theme.palette.background.light1,o.theme.palette.grey.fifteenB,o.theme.palette.grey.fifteenB,o.theme.palette.brand.main,o.theme.palette.grey.fifteenB),Ye=n.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,d=n.prevYearButtonDisabled,l=n.date;return a.jsxs($e,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(Qe,P({disabled:d,onClick:t,type:"button"},{children:a.jsx(c.ArrowBackIcon,{width:14,height:12})}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(o.Caption,P({size:"sm",weight:600},{children:l.getFullYear()}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Qe,P({disabled:i,onClick:r,type:"button"},{children:a.jsx(c.ArrowNextIcon,{width:14,height:12})}))}))]}))})),Qe=C.default(o.IconButton)(Hn\|\|(Hn=T(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),$e=C.default(o.Grid)(Jn\|\|(Jn=T(["\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"]))),Xe=n.forwardRef((function(e,t){var r,i=e.name,o=e.form,d=e.disabled,l=e.datePickerProps,s=e.onChange,c=E(e,["name","form","disabled","datePickerProps","onChange"]),p=n.useState(),h=p[0],x=p[1],f=u.useController({name:i,control:o.control}),m=f.field,g=f.fieldState;return n.useEffect((function(){x(m.value)}),[m.value]),a.jsx(Ze,P({ref:t},{children:a.jsx(I.default,P({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:d,customInput:a.jsx(Ke,P({mask:"00.0000",name:i,disabled:d,message:null===(r=g.error)\|\|void 0===r?void 0:r.message},c),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:He,renderCustomHeader:function(n){return a.jsx(Ye,P({},n))}},l))}))})),Ze=C.default.div(Yn\|\|(Yn=T(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),nt=n.forwardRef((function(e,r){var i=e.tab,a=e.active,d=e.index,l=e.handleClick,s=e.offset,c=e.isScrolling,p=e.setIsScrolling,u=function(){p(!1)};return n.useEffect((function(){return a===d&&h.scroller.scrollTo(i,{offset:s}),h.Events.scrollEvent.register("begin",(function(n,e){p(!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")}}),[]),t.jsx(h.Link,P({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){c\|\|l(d)}},{children:t.jsx(et,P({ref:r},{children:t.jsx(o.Button,P({variant:Number(a)===d?"orange":"transparentWithBorder",size:"xs",css:Number(a)!==d&&tt},{children:i}))}))}))})),et=C.default.div(Qn\|\|(Qn=T(["\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"]))),tt=i.css($n\|\|($n=T(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),o.theme.palette.grey.seventy),rt=n.forwardRef((function(n,e){var r=n.tabs,i=n.variant,a=E(n,["tabs","variant"]);return t.jsx(it,P({container:!0,css:"white"===i&&{background:"white"},ref:e},{children:r.map((function(n,e){return t.jsx(o.Grid,P({item:!0},{children:t.jsx(nt,P({tab:n,index:e,offset:-121},a),n)}),e)}))}))})),it=C.default(o.Grid)(Xn\|\|(Xn=T(["\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"])),o.theme.palette.background.light1),at=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,d=E(n,["form","name","error"]),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 a.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return a.jsx(o.InputWithMask,P({message:l(r)},t,d,{onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},inputRef:e}))}})})),ot=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,d=n.value,l=n.type,s=E(n,["form","name","error","value","type"]),c=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 a.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return a.jsx(o.InputWithAdornments,P({message:c(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(P(P({},n),{target:P(P({},n.target),{value:r})})),s.onChange&&s.onChange(n)}(n,t)},type:l,value:null!=d?d:t.value,inputRef:e}))}})})),dt={weak:0,simple:1,medium:2,hard:3},lt={weak:o.theme.palette.red.fiftyP,simple:o.theme.palette.brand.main,medium:o.theme.palette.blue.fiftyP,hard:o.theme.palette.green.fiftyP},st={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ct=n.forwardRef((function(n,e){var r=n.strength,i=r?lt[r]:"",a=r?dt[r]:-1;return t.jsxs(pt,P({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:e},{children:[t.jsx(ut,{children:Object.keys(dt).map((function(n,e){return t.jsx(ht,{children:t.jsx(xt,{"data-testid":"progress_item_".concat(n),value:a>=e?100:0,color:i})},n)}))}),t.jsx(o.Caption,P({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:r&&st[r]})),t.jsx(ft,P({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),pt=C.default.div(Zn\|\|(Zn=T(["\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"]))),ut=C.default.div(ne\|\|(ne=T(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),ht=C.default.div(ee\|\|(ee=T(["\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"]))),xt=C.default(o.LinearProgress)(te\|\|(te=T(["\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"])),o.theme.palette.grey.fifteenB,(function(n){return n.color})),ft=C.default(o.Caption)(re\|\|(re=T(["\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"]))),mt=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},gt=n.forwardRef((function(e,t){var r=n.useState(!1),i=r[0],o=r[1],l=n.useState(null),s=l[0],p=l[1],u=function(n){0!==n.length?d.strongPasswordRegExp.test(n)?p("hard"):d.mediumPasswordRegExp.test(n)?p("medium"):d.simplePasswordRegExp.test(n)?p("simple"):p("weak"):p(null)};return n.useEffect((function(){var n=e.form,t=e.name,r=mt(t,n);"string"==typeof r&&u(r)}),[]),a.jsxs(a.Fragment,{children:[a.jsx(ot,P({type:i?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;u(e)},"data-testid":"input_password",ref:t,endIcon:a.jsx(bt,P({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:i?a.jsx(c.ClosedEyeIcon,{}):a.jsx(c.OpenEyeIcon,{})}))},e)),a.jsx(ct,{strength:s})]})})),bt=C.default.div(ie\|\|(ie=T(["\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"]))),vt=n.forwardRef((function(n){return a.jsxs(a.Fragment,{children:[a.jsx(wt,{children:a.jsx(ot,P({},n))}),a.jsx(yt,{children:a.jsx(ot,P({isTextArea:!0},n))})]})})),wt=C.default.div(ae\|\|(ae=T(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),yt=C.default.div(oe\|\|(oe=T(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),kt=n.forwardRef((function(n,e){var t=n.label,r=n.button,i=E(n,["label","button"]);return a.jsxs(jt,P({ref:e},{children:[a.jsx(o.Divider,{}),a.jsx(Ct,{children:r\|\|a.jsx(_t,P({fullWidth:!0,size:"s",endIcon:a.jsx(c.CheckIcon,{})},i,{children:t}))})]}))})),jt=C.default.div(de\|\|(de=T(["\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"])),o.theme.palette.grey.zero),Ct=C.default.div(le\|\|(le=T(["\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"]))),_t=C.default(o.Button)(se\|\|(se=T(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),St=n.forwardRef((function(e,r){var i,a=e.title,o=e.description,l=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=E(e,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=u.useController({name:l,control:s.control}),C=k.field,_=null===(i=k.fieldState.error)\|\|void 0===i?void 0:i.message,S=C.value,R=S?S.toFormat("dd.MM.yyyy"):"",z=S?S.toJSDate():null,M=d.useToggle(),T=M[0],O=M[1],D=M[2],N=n.useState(z),B=N[0],F=N[1],L=n.useState(R),W=L[0],G=L[1],U=function(n,e){if(!n\|\|!e)return[];var t=x.DateTime.now().year-n;return j.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),A=d.useForkRef(r,C.ref);n.useEffect((function(){G(R)}),[R]);return t.jsxs(t.Fragment,{children:[t.jsx(Ke,P({mask:"00.00.0000",name:l,handleClick:O,value:W,onChange:function(n){var e=n.target.value;if(G(e),0!==e.length&&d.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"dd.MM.yyyy");F(t.toJSDate()),null==C\|\|C.onChange({target:{value:t,name:l},type:"change"}),h&&h(t)}else F(null),null==C\|\|C.onChange({target:{value:null,name:l},type:"change"}),h&&h(null)},disabled:c,message:_,ref:A},y)),t.jsxs(Pt,P({title:a,description:o,isOpen:T,handleClose:D,alignTitle:w},{children:[t.jsx(It,{children:t.jsx(I.default,P({inline:!0,selected:B\|\|z,onChange:function(n){F(n)},calendarContainer:Rt,renderCustomHeader:function(n){return t.jsx(Be,P({yearOptions:U,max:f,min:m},n))},renderDayContents:function(n){return t.jsx(zt,{children:n})},maxDate:null==f?void 0:f.toJSDate(),minDate:null==m?void 0:m.toJSDate(),calendarStartDay:1},b))}),t.jsx(kt,{fullWidth:!0,disabled:!z&&!B,onClick:function(){if(B){var n=x.DateTime.fromJSDate(B);G(n.toFormat("dd.MM.yyyy")),null==C\|\|C.onChange({target:{value:n,name:l},type:"change"}),h&&h(n),D()}},label:g})]}))]})})),It=C.default.div(ce\|\|(ce=T(["\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"]))),Rt=C.default(Le)(pe\|\|(pe=T(["\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"])),o.theme.palette.background.light1,o.theme.palette.background.light1),zt=C.default.span(ue\|\|(ue=T(["\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"]))),Pt=C.default(o.Modal)(he\|\|(he=T(["\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"})),Et=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],Mt=P(P({},R.default),{localize:{month:function(n){return Et[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Tt=n.forwardRef((function(e,t){var r,i=e.title,l=e.name,s=e.form,c=e.disabled,p=e.datePickerProps,h=E(e,["title","name","form","disabled","datePickerProps"]),f=u.useController({name:l,control:s.control}),m=f.field,g=null===(r=f.fieldState.error)\|\|void 0===r?void 0:r.message,b=d.useToggle(),v=b[0],w=b[1],y=b[2],k=n.useState(m.value?x.DateTime.fromJSDate(new Date(String(m.value))).toFormat("MM.yyyy"):null),j=k[0],C=k[1],_=n.useState(j?x.DateTime.fromFormat(j,"MM.yyyy").toJSDate():null),S=_[0],R=_[1];return a.jsxs(Ot,P({ref:t},{children:[a.jsx(Ke,P({mask:"00.0000",name:l,handleCLick:w,value:j,onChange:function(n){var e=n.target.value;if(C(e),0!==e.length&&d.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"MM.yyyy").toJSDate();R(t),null==m\|\|m.onChange({target:{value:t,name:l},type:"change"})}else R(null),null==m\|\|m.onChange({target:{value:null,name:l},type:"change"})},disabled:c,message:g,isLabelShrink:Boolean(m.value)},h)),a.jsxs(o.Modal,P({title:i,isOpen:v,handleClose:y},{children:[a.jsx(Dt,{children:a.jsx(I.default,P({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:S,onChange:function(n){return R(n)},locale:Mt,calendarContainer:He,renderCustomHeader:function(n){return a.jsx(Ye,P({},n))}},p))}),a.jsx(kt,{fullWidth:!0,disabled:!S,onClick:function(){C(S?x.DateTime.fromJSDate(S).toFormat("MM.yyyy"):""),null==m\|\|m.onChange({target:{value:S,name:l},type:"change"}),y()},label:"Подтвердить"})]}))]}))})),Ot=C.default.div(xe\|\|(xe=T(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Dt=C.default.div(fe\|\|(fe=T(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Nt=n.forwardRef((function(e,r){var i=e.tabs,a=e.handleClick,o=e.variant,d=E(e,["tabs","handleClick","variant"]),l=n.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 t.jsx(Bt,P({css:"white"===o&&{background:"white"},ref:r},{children:t.jsx(_.default,P({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:i.map((function(n,e){return t.jsx(nt,P({tab:n,index:e,handleClick:s,offset:-121},d),n)}))}))}))})),Bt=C.default.div(me\|\|(me=T(["\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"])),o.theme.palette.background.light1),Ft=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,l=e.activeTab,s=e.variant,c=void 0===s?"grey":s,p=d.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(o[n]){f(n);var e=y.pathname,t="".concat(e).concat(y.search),r="".concat(e).concat(o[n]);t!==r&&w(r,{replace:!0})}};return n.useEffect((function(){f(l)}),[l]),n.useEffect((function(){"number"!=typeof l&&p<901&&h.animateScroll.scrollToTop()}),[]),0===p?null:t.jsxs("div",P({ref:r},{children:[p>765?t.jsx(rt,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}):t.jsx(Nt,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}),a.map((function(n,e){return t.jsx("div",P({css:e===a.length-1&&Lt},{children:t.jsx(Wt,P({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Lt=i.css(ge\|\|(ge=T(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Wt=C.default(h.Element)(be\|\|(be=T(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Gt=n.forwardRef((function(n,e){var r=n.form,i=n.name,a=E(n,["form","name"]);return t.jsx(u.Controller,{control:null==r?void 0:r.control,name:i,render:function(n){var r=n.field;return t.jsx(o.Switch,P({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:e,name:i},a))}})})),Ut=n.forwardRef((function(n,e){var t,r=n.form,i=n.name,l=void 0===i?"phone":i,s=n.hiddenInputProps,c=n.error,p=E(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!==c&&String(c).length>0?c:null===(t=x.fieldState.error)\|\|void 0===t?void 0:t.message,m=d.useForkRef(e,x.field.ref);return a.jsx(o.InputWithCountryDropdown,P({message:f,hiddenInputProps:P(P({},h.field),s),onSelectCountry:function(n){h.field.onChange({target:{value:n.phoneCode,name:"".concat(l,".phoneCode")},type:"change"})}},x.field,p,{onChange:function(n){x.field.onChange(n),h.field.value\|\|h.field.onChange({target:{value:"7",name:"".concat(l,".phoneCode")},type:"change"}),p.onChange&&p.onChange(n)},ref:m,autoComplete:"false"}))})),At=n.forwardRef((function(n,e){return a.jsx(Vt,P({cellSpacing:"0",ref:e},n))})),Vt=C.default.table(ve\|\|(ve=T(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Kt=C.default.th(we\|\|(we=T(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),qt=C.default.td(ye\|\|(ye=T(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Ht=n.forwardRef((function(n,e){var t=n.children,r=E(n,["children"]),i=k.Children.toArray(t);return a.jsx("tr",P({ref:e},{children:i.map((function(n){return k.cloneElement(n,r)}))}))})),Jt={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}},Yt=n.forwardRef((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,o=n.className,d=n.style,l=E(n,["placement","open","children","spacing","className","style"]);return a.jsx(Qt,P({ref:e,className:S.default("KUI-Popper",o),spacing:i,style:d,open:!!t},{children:a.jsx($t,P({open:!!t},l,{children:r}))}))})),Qt=C.default.div(ke\|\|(ke=T(["\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}),o.theme.breakpoints.xxs),$t=C.default.div(je\|\|(je=T(["\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})),Xt=n.forwardRef((function(e,t){var r=e.placement,o=e.contentRef,d=E(e,["placement","contentRef"]),l=n.useRef(null),s=n.useState(null),c=s[0],p=s[1],u=n.useState(null),h=u[0],x=u[1];n.useEffect((function(){if(o.current&&l.current){var n=l.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};p(e),x(t)}}),[]);var f={};if(c&&h){var m=Jt[null!=r?r:"bottomMiddle"];f={top:Math.max(m.top?c.top-h.height:c.top+c.height,0),left:Math.max(c.left+c.widthm.offset-h.widthm.offset,0)}}return z.createPortal(a.jsxs(a.Fragment,{children:[a.jsx(i.Global,{styles:i.css(Ce\|\|(Ce=T(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),a.jsx(Yt,P({ref:function(n){t&&(t.current=n),l.current=n},style:f},d))]}),document.body)})),Zt=n.forwardRef((function(e,t){var r=e.placement,i=e.contentRef,o=E(e,["placement","contentRef"]),d=n.useRef(null),l=n.useState(null),s=l[0],c=l[1],p=n.useState(null),u=p[0],h=p[1],x={};if(n.useEffect((function(){i.current&&d.current&&(c({width:i.current.clientWidth,height:i.current.clientHeight}),h({width:d.current.clientWidth,height:d.current.clientHeight}))}),[]),s&&u){var f=Jt[null!=r?r:"bottomMiddle"];x={top:f.top?0-u.height:0+s.height,left:Math.max(s.widthf.offset-u.widthf.offset,0)}}return a.jsx(Yt,P({ref:function(n){t&&(t.current=n),d.current=n},style:x},o))})),nr=n.forwardRef((function(e,t){var r=e.contentRef,i=E(e,["contentRef"]),o=n.useState(!0),d=o[0],l=o[1];return n.useEffect((function(){var n=function(){for(var n=r.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e\|\|"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[r]),d?a.jsx(Zt,P({ref:t,contentRef:r},i)):a.jsx(Xt,P({ref:t,contentRef:r},i))})),er=n.forwardRef((function(e,t){var r=e.content,i=e.onOpen,o=e.onClose,d=e.open,l=e.children,s=e.cursor,c=e.className,p=E(e,["content","onOpen","onClose","open","children","cursor","className"]),u=n.useState(d),h=u[0],x=u[1],f=n.useRef(null),m=function(){x(!0),i&&i()};return n.useEffect((function(){x(d)}),[d]),a.jsxs(rr,P({className:c,onMouseLeave:function(){x(!1),o&&o()},ref:t},{children:[a.jsx(ir,P({onMouseEnter:m,onTouchEnd:m,ref:f,cursor:s},{children:a.jsx(ar,P({className:"Tooltip_content"},{children:l}))})),a.jsx(nr,P({open:h},p,{contentRef:f},{children:r}))]}))})),tr=i.css(_e\|\|(_e=T(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),rr=C.default.div(Se\|\|(Se=T(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),tr),ir=C.default.div(Ie\|\|(Ie=T(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),tr,(function(n){return n.cursor})),ar=C.default.div(Re\|\|(Re=T(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),tr),or=n.forwardRef((function(n,e){var t,r=n.options,i=E(n,["options"]);return a.jsx(dr,P({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}))})),dr=C.default(Ee)(ze\|\|(ze=T(["\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"])),o.theme.breakpoints.xs),lr=n.forwardRef((function(n,e){var t,r,i=n.options,o=n.name,d=n.handleChange,l=n.form,s=n.value,c=E(n,["options","name","handleChange","form","value"]),p=u.useController({control:l.control,name:o}),h=null===(t=p.fieldState.error)\|\|void 0===t?void 0:t.message;return a.jsx(Ee,P({options:i,handleChange:function(n){var e;d&&d(n),l&&(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 sr(n){var e=n.option,t=n.selectedValue.includes(e.value);return a.jsx(ur,P({container:!0,selected:t},{children:a.jsx(o.Checkbox,{checked:t,label:a.jsx(hr,P({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var cr,pr,ur=C.default(o.Grid)(cr\|\|(cr=T(["\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?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1,o.theme.palette.grey.seventy),hr=C.default(o.Caption)(pr\|\|(pr=T(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?o.theme.palette.grey.seventy:o.theme.palette.grey.fiftyP}));var xr=n.forwardRef((function(e,t){var r=e.options,i=e.disabled,d=e.direction,l=void 0===d?"row":d,s=e.defaultValue,c=e.value,p=e.onChange,u=e.isSquare,h=E(e,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),x=n.useState(s\|\|c\|\|r[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 n.useEffect((function(){c&&m(c)}),[c]),a.jsx(o.Grid,P({container:!0,direction:l,ref:t},{children:r.map((function(n){return a.jsx(o.Radio,P({value:n.value,label:n.label,disabled:Boolean(i),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function fr(e){var t=e.form,r=e.name,i=e.defaultValue,o=E(e,["form","name","defaultValue"]);return n.useEffect((function(){t.getValues(r)\|\|i\|\|t.setValue(r,o.options[0].value)}),[]),a.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e=n.field;return a.jsx(xr,P({},o,e,{defaultValue:i,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:r},type:"change"}),o.onChange&&o.onChange(n,e)}(n,t,e)}}))}})}xr.displayName="RadioButtons";var mr,gr,br,vr,wr,yr,kr,jr=C.default.div(mr\|\|(mr=T(["\n position: relative;\n"],["\n position: relative;\n"]))),Cr=C.default(o.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(vr\|\|(vr=T(["\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?o.theme.palette.red.fiftyP:o.theme.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.css(gr\|\|(gr=T(["\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.css(br\|\|(br=T(["\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})}),o.theme.breakpoints.sm),_r=C.default(o.Caption)(wr\|\|(wr=T(["\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}),o.theme.breakpoints.sm),Sr=n.forwardRef((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=E(n,["height","className"]);return a.jsx(Rr,P({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:a.jsx(Ir,P({},i))}))})),Ir=C.default(o.CircularProgress)(yr\|\|(yr=T(["\n color: ",";\n"],["\n color: ",";\n"])),o.theme.palette.brand.main),Rr=C.default(o.Grid,{shouldForwardProp:function(n){return"height"!==n}})(kr\|\|(kr=T(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function zr(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=d.useToggle(),i=r[0],l=r[1],s=r[2];if(!e\|\|!t)return null;return a.jsxs(a.Fragment,{children:[a.jsxs(Or,P({container:!0,onClick:l,alignItems:"center"},{children:[a.jsx(Dr,{width:12,height:12}),a.jsx(o.Caption,P({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),a.jsx(Nr,P({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:s})}))]})}var Pr,Er,Mr,Tr,Or=C.default(o.Grid)(Pr\|\|(Pr=T(["\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"])),o.theme.palette.grey.fifteenB),Dr=C.default(c.PlusIcon)(Er\|\|(Er=T(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),o.theme.palette.grey.fiftyP),Nr=C.default.div(Mr\|\|(Mr=T([""],[""]))),Br=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return a.jsx(Fr,P({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Fr=C.default(o.Grid)(Tr\|\|(Tr=T(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Lr(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,o=n.inputRef,d=n.isOpenDropdown,l=n.isLoading,s=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return a.jsxs(Ur,P({input:s,buttonRef:o,isOpen:d,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&u&&u()},endComponent:a.jsx(zr,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return a.jsx(Br,{option:n,renderOption:t,handleSelect:p,index:e},e)})),l&&a.jsx(Ar,{height:"auto"})]}))}var Wr,Gr,Ur=C.default(_n)(Wr\|\|(Wr=T(["\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"]))),Ar=C.default(Sr)(Gr\|\|(Gr=T(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var Vr,Kr,qr,Hr,Jr=C.default.div(Vr\|\|(Vr=T(["\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"]))),Yr=C.default.div(Kr\|\|(Kr=T(["\n position: relative;\n"],["\n position: relative;\n"]))),Qr=C.default(ot)(qr\|\|(qr=T(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),$r=C.default(c.HalfArrowIcon)(Hr\|\|(Hr=T(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var Xr,Zr=C.default.div(Xr\|\|(Xr=T(["\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"])),o.theme.palette.background.light2);function ni(e){var t,r,i=e.file,d=e.onDelete,l=e.onChange,s=e.index,p=e.selectedFile,u=e.setSelectedFile,h=e.limitTitle,x=void 0===h?100:h,f=e.icon,m=e.subtitle,g=e.disabled,v=e.error,w=e.className,y=e.label,k=e.endIcon,j=E(e,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),C=String(null===(r=(null==i?void 0:i.title)\|\|(null==i?void 0:i.name)\|\|(null===(t=null==i?void 0:i.file)\|\|void 0===t?void 0:t.name)\|\|y)\|\|void 0===r?void 0:r.replace(/\.[^/.]+$/,"")),_=n.useState(C),S=_[0],I=_[1],R=n.useState(!1),z=R[0],M=R[1],T=n.useRef(null);n.useEffect((function(){var n;z&&(null===(n=T.current)\|\|void 0===n\|\|n.focus()),!z&&C!==S&&l&&l(S,s)}),[z]);return a.jsxs(a.Fragment,{children:[a.jsxs(fi,P({selected:(null!=p?p:-1)===s,error:x&&S.length>x\|\|!!v,onClick:function(){u&&u(null!=s?s:1)},disabled:!!g,className:"FileWrapper ".concat(w\|\|"")},j,{children:[a.jsx(mi,P({className:"FileIcon_wrapper"},{children:f\|\|a.jsx(c.FileIcon,{})})),a.jsxs(bi,P({withDelete:!!d,withEdit:!!l,className:"FileContent_wrapper"},{children:[a.jsxs(yi,{children:[a.jsx(b.Link,P({href:i.url,openInNewWindow:!0},{children:a.jsx(wi,{children:S})})),a.jsx(vi,{"data-testid":"file_name",ref:T,disabled:!z,value:S,onChange:function(n){I(n.target.value)},onBlur:function(){M(!1)},maxLength:100})]}),m\|\|String(i.size)&&a.jsxs(o.Caption,P({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(i.size)," mb"]}))]})),a.jsxs(gi,P({className:"FileButtons_wrapper"},{children:[k,!g&&l&&a.jsx(o.Button,P({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){M((function(n){return!n}))}},{children:z?a.jsx(c.CheckIcon,{}):a.jsx(c.EditIcon,{width:18,height:18})})),d&&!g&&a.jsx(o.Button,P({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;d&&d(null!==(n=i.index)&&void 0!==n?n:1,Number(s))}},{children:a.jsx(c.CancelIcon,{width:16,height:16})}))]}))]})),(x&&S.length>x\|\|v)&&a.jsx(o.Box,P({mb:1},{children:a.jsx(o.Caption,P({size:"xs",colorGroup:"red",weight:500},{children:v\|\|"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var ei,ti,ri,ii,ai,oi,di,li,si,ci,pi,ui,hi,xi,fi=C.default.div(ri\|\|(ri=T(["\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?o.theme.palette.brand.main:o.theme.palette.grey.fifteenB}),(function(n){return n.disabled&&i.css(ti\|\|(ti=T(["\n background: ",";\n "],["\n background: ",";\n "])),o.theme.palette.background.light1)}),(function(n){return n.error&&i.css(ei\|\|(ei=T(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),o.theme.palette.red.seventy)})),mi=C.default.div(ii\|\|(ii=T(["\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"])),o.theme.palette.brand.light),gi=C.default.div(ai\|\|(ai=T(["\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"])),o.theme.palette.grey.thirty),bi=C.default.div(oi\|\|(oi=T(["\n width: calc(\n 100% - 48px -\n ","px\n );\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(\n 100% - 48px -\n ","px\n );\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"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),vi=C.default.input(di\|\|(di=T(["\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"])),o.theme.palette.grey.seventy,o.theme.palette.brand.main),wi=C.default.span(li\|\|(li=T(["\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"]))),yi=C.default.div(si\|\|(si=T(["\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"]))),ki=n.forwardRef((function(e,t){var r,i,d=e.form,l=e.name,s=e.parentName,c=e.label,p=e.disabled,h=e.withEdit,x=void 0===h\|\|h,f=e.withDelete,m=void 0===f\|\|f,g=e.fileName,b=e.onChange,v=e.isRequired,w=e.uploadLabel,y=e.toBigTitleMessage,k=e.endIcon,j=e.testId,C=E(e,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId"]),_=n.useState(!1),S=_[0],I=_[1],R=n.useState(),z=R[0],M=R[1],T=n.useState(""),O=T[0],D=T[1],N=n.useRef(null),B=u.useController({control:d.control,name:l}),F=B.field,L=B.fieldState,W=u.useController({control:d.control,name:s\|\|l}).field,G=(z instanceof File?z.name:(null===(r=null==z?void 0:z.uploaded)\|\|void 0===r?void 0:r.name)\|\|(null==z?void 0:z.name)\|\|"").split(".").pop(),U=function(n,e,t,r){var i,a;return n\|\|e?n instanceof File?{file:n,url:URL.createObjectURL(n),size:Math.round(n.size/1048576100)/100,name:t?"".concat(t,".").concat(r):null==n?void 0:n.name}:{file:n,url:(null===(i=null==n?void 0:n.uploaded)\|\|void 0===i?void 0:i.url)\|\|e,size:(null==n?void 0:n.size)?Math.round(n.size/1048576100)/100:null,name:t&&r?"".concat(t,".").concat(r):(null===(a=null==n?void 0:n.uploaded)\|\|void 0===a?void 0:a.name)\|\|(null==n?void 0:n.name)}:null}(z,O,g,G),A=z&&"url"in z?z:U,V=null===(i=L.error)\|\|void 0===i?void 0:i.message;n.useEffect((function(){"string"==typeof F.value&&D(F.value),"object"==typeof F.value&&M(F.value),F.value\|\|D(""),I(!0)}),[F.value]),n.useEffect((function(){var n,e,t=Number((null==g?void 0:g.length)\|\|(null===(n=null==z?void 0:z.uploaded)\|\|void 0===n?void 0:n.name)\|\|(null===(e=null==z?void 0:z.name)\|\|void 0===e?void 0:e.length))>100;S&&!O&&F.onChange({target:{value:z,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:y\|\|"The file name must be less than 100 characters"}):d.clearErrors(l)}),[z]);return a.jsxs(ji,P({"data-testid":j},{children:[a.jsx(_i,P({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];M(e),b&&b(e)}else M(void 0)}},C,{ref:function(n){t&&(t.current=n),N.current=n}})),A?a.jsx(ni,{file:A,onDelete:m&&function(){z&&N.current&&(N.current.value=""),M(void 0),D(""),s?W.onChange({target:{value:null,name:s},type:"change"}):F.onChange({target:{value:null,name:l},type:"change"}),b&&b(null)},onChange:x&&function(n){var e,t=d.getValues(l),r="".concat(n,".").concat(G);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:P(P({},t.uploaded),{name:n})}:new File([t],r,{type:t.type}),M(e)},error:V,disabled:p,label:c,endIcon:k}):a.jsxs(a.Fragment,{children:[a.jsxs(Ci,P({error:!!V,disabled:p,container:!0,justify:"space-between",alignItems:"center"},{children:[a.jsx(Si,P({item:!0},{children:a.jsxs(o.Caption,P({size:"s",color:"fiftyP"},{children:[c,v?" *":""]}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ii,P({disabled:p,size:"s",onClick:function(){N.current&&N.current.click()}},{children:w\|\|"Upload"}))}))]})),V&&a.jsx(o.InputMessage,{variant:"error",msg:V})]})]}))})),ji=C.default.div(ci\|\|(ci=T(["\n position: relative;\n"],["\n position: relative;\n"]))),Ci=C.default(o.Grid)(pi\|\|(pi=T(["\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?o.theme.palette.red.fiftyP:o.theme.palette.grey.fifteenB}),(function(n){return n.disabled?o.theme.palette.background.light1:o.theme.palette.grey.zero})),_i=C.default.input(ui\|\|(ui=T(["\n display: none;\n"],["\n display: none;\n"]))),Si=C.default(o.Grid)(hi\|\|(hi=T(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Ii=C.default(o.Button)(xi\|\|(xi=T(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ri=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.label,d=n.labelProps,l=E(n,["form","name","label","labelProps"]);return a.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return a.jsx(o.Checkbox,P({},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 i?a.jsx(o.Caption,P({},d,{children:i})):i}))}})}));var zi,Pi,Ei=C.default(Ri)(zi\|\|(zi=T(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Mi=C.default(o.Grid)(Pi\|\|(Pi=T(["\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"])),o.theme.palette.grey.fifteenB),Ti={mapKey:""},Oi=[],Di=function(){return P({},Ti)},Ni=function(n){Oi.push(n)},Bi=function(n){var e=Oi.indexOf(n);-1!==e&&Oi.splice(e,1)};exports.AutocompleteOption=function(n){var e=n.label;return a.jsx(Zr,{children:a.jsx(o.Caption,P({size:"s",weight:500},{children:e}))})},exports.Avatar=sn,exports.ButtonSelect=or,exports.ButtonTab=gn,exports.ButtonsPanel=wn,exports.CalendarHeaderWithSelect=Be,exports.CalendarStandardContainer=Le,exports.CalendarStandardHeader=Ge,exports.CheckboxGroupWithTitle=function(n){var e=n.title,t=n.options,r=n.form;n.name;var i=E(n,["title","options","form","name"]);return a.jsxs(Mi,P({container:!0,alignItems:"center",justify:"space-between"},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(o.Caption,P({size:"s",weight:500,color:"fiftyP"},{children:e}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(o.Grid,P({container:!0},{children:t.map((function(n){return a.jsx(Ei,P({name:n.name,label:a.jsx(o.Caption,P({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))},exports.CheckboxWithController=Ri,exports.DependentInput=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,o=E(n,["dependentInputName","form","disabled","Input"]),d=u.useWatch({control:t.control,name:e}),l=P({form:t,disabled:r\|\|!d},o);return i?a.jsx(i,P({},l)):a.jsx(ot,P({},l))},exports.DesktopInputWithMonthPicker=Xe,exports.DesktopMenuPanel=rt,exports.InputDropdown=_n,exports.InputFile=ki,exports.InputForDatepicker=Ke,exports.InputMultiSelect=function(e){var t,r,i=e.options,o=e.name,d=e.handleChange,l=e.form,s=e.value,c=E(e,["options","name","handleChange","form","value"]),p=l?u.useController({control:l.control,name:o}):null,h=n.useState(s\|\|(null===(t=null==p?void 0:p.field)\|\|void 0===t?void 0:t.value)\|\|[]),x=h[0],f=h[1],m=i.filter((function(n){return x.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(r=null==p?void 0:p.fieldState.error)\|\|void 0===r?void 0:r.message;return n.useEffect((function(){var n;l&&(null===(n=null==p?void 0:p.field)\|\|void 0===n\|\|n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),a.jsx(Tn,P({options:i,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 a.jsx(sr,{option:n,selectedValue:e})}},c))},exports.InputPassword=gt,exports.InputPhoneWithForm=Ut,exports.InputSelect=Ee,exports.InputSelectBase=Tn,exports.InputSelectDropdown=Pn,exports.InputSelectWithController=lr,exports.InputTextAreaMobile=vt,exports.InputWithAutocomplete=function(e){var r,i=e.renderOption,a=e.options,l=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=E(e,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),j=n.useState(!1),C=j[0],_=j[1],S=n.useRef(null);s&&c.register(s);var I=function(){m\|\|_(!0)},R=function(){_(!1)};n.useEffect((function(){y&&y(C)}),[C]);var z=d.useForkRef(S,w);return t.jsxs(Yr,{children:[f&&t.jsx(Jr,{children:t.jsx(Sr,{height:"100%"})}),t.jsx(Lr,{renderOption:i,options:a,inputRef:{current:null===(r=S.current)\|\|void 0===r?void 0:r.parentElement},isOpenDropdown:C,handleCloseDropdown:R,handleSelect:function(n){var e;u(n),R(),(null===(e=c.getFieldState(l).error)\|\|void 0===e?void 0:e.message)&&c.clearErrors(l)},isLoading:p,handleScrollEnd:h,creatingLabel:g,renderCreatingModal:b,input:t.jsx(Qr,P({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(l,null),u(null)),I()},onFocus:I,name:l,disabled:m,ref:z,isDropdownOpen:C,autoComplete:"off"},k,{endIcon:!m&&t.jsxs(o.Grid,P({container:!0,alignItems:"center",onClick:function(){_((function(n){return!n}))}},{children:[t.jsx(o.Box,P({mr:2},{children:v})),k.endIcon\|\|!m&&t.jsx($r,{width:12,height:13,css:[C&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=ot,exports.InputWithDatePicker=St,exports.InputWithMask=at,exports.InputWithMonthPicker=function(n){return a.jsxs(a.Fragment,{children:[a.jsx(Xe,P({},n)),a.jsx(Tt,P({},n))]})},exports.Loading=Sr,exports.MapWrapper=function(e){var t=e.children,r=n.useState(!1),i=r[0],o=r[1],d=n.useState("LOADING"),l=d[0],s=d[1],c=n.useState(Di().mapKey),p=c[0],u=c[1];return n.useEffect((function(){var n=function(n){return u(n.mapKey)};return Ni(n),function(){Bi(n)}}),[]),n.useEffect((function(){if(!i&&p){var n=new v.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"===l&&t?a.jsx(a.Fragment,{children:t}):(function(n){"LOADING"===n?a.jsx(Sr,{height:"100%"}):"FAILURE"===n?a.jsx("h3",{children:n}):a.jsx("div",{})}(l),a.jsx(a.Fragment,{})):a.jsx("h2",{children:"Add google key"})},exports.MenuItem=nt,exports.MenuPanel=Ft,exports.MobileInputWithMonthPicker=Tt,exports.MobileMenuPanel=Nt,exports.MonthPickerContainer=He,exports.MonthPickerHeader=Ye,exports.PassportStrengthBar=ct,exports.RadioButtons=xr,exports.RadioButtonsWithController=fr,exports.RadioGroupWithLabel=function(n){var e,t=n.title,r=n.className,i=n.direction,d=n.form,l=n.name,s=E(n,["title","className","direction","form","name"]),c=null===(e=u.useController({control:d.control,name:l}).fieldState.error)\|\|void 0===e?void 0:e.message;return a.jsxs(jr,{children:[a.jsxs(Cr,P({container:!0,alignItems:"vertical"===i?"flex-start":"center",justify:"space-between",direction:"vertical"===i?"column":"row",hasError:!!c,className:r,withTitle:!!t},{children:[t&&a.jsx(_r,P({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),a.jsx(o.Grid,P({item:!0,xs:"vertical"===i?12:"auto"},{children:a.jsx(fr,P({form:d,name:l},s))}))]})),c&&a.jsx(o.InputMessage,{variant:"error",msg:c})]})},exports.ScrollingContainer=jn,exports.SelectMonth=Ne,exports.SelectYear=Te,exports.Switch=Gt,exports.Table=At,exports.TableCell=qt,exports.TableHeadCell=Kt,exports.TableRow=Ht,exports.Tooltip=er,exports.UndefinedAvatar=dn,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=mt,exports.getSettings=Di,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){Ti=P(P({},Ti),n),Oi.forEach((function(n){return n(Ti)}))},exports.shortMonths=Et,exports.subscribeToSettings=Ni,exports.unsubscribeFromSettings=Bi,exports.useScrollWithBottomSpacing=on;

package/index.d.ts CHANGED Viewed

@@ -444,6 +444,7 @@ type InputFileProps<T> = {
   parentName?: string
   toBigTitleMessage?: string
   endIcon?: ReactNode
+  testId?: string
 } & InputProps<T>
 type FileParams = {

package/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"react-datepicker/dist/react-datepicker.css";importas n from"react";import{useEffect as e,forwardRef as t,useRef as i,useState as r}from"react";import a from"lodash";import{jsx as o,jsxs as d,Fragment as l}from"@emotion/react/jsx-runtime";import c from"@emotion/styled";import{css as p,Global as u}from"@emotion/react";import{jsx as s,jsxs as h,Fragment as m}from"react/jsx-runtime";import{Caption as f,theme as x,Button as g,Container as b,Tooltip as v,Grid as w,InputWithAdornments as y,Heading as k,InputWithMask as _,IconButton as C,LinearProgress as S,Divider as z,Modal as I,Switch as P,InputWithCountryDropdown as M,Checkbox as N,Radio as O,InputMessage as j,CircularProgress as E,Box as T}from"kui-basic";import{useWindowWidth as D,updateQueryParams as L,useForkRef as U,strongPasswordRegExp as B,mediumPasswordRegExp as F,simplePasswordRegExp as K,useToggle as R,isValidWithMaskExp as V}from"kui-utils";import A from"kui-swiper";import W from"classnames";import{HalfArrowIcon as H,PrevArrowIcon as J,NextArrowIcon as Y,CalendarIcon as q,ArrowBackIcon as G,ArrowNextIcon as $,ClosedEyeIcon as Q,OpenEyeIcon as X,CheckIcon as Z,PlusIcon as nn,FileIcon as en,EditIcon as tn,CancelIcon as rn}from"kui-icon";import an from"react-datepicker";import{useController as on,Controller as dn,useWatch as ln}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";importas bn from"react-dom";import{Link as vn}from"kui-crm";import{Loader as wn}from"@googlemaps/js-api-loader";var yn=function(){return yn=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},yn.apply(this,arguments)};function kn(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(n);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(n,i[r])&&(t[i[r]]=n[i[r]])}return t}function _n(n,e,t){if(t\|\|2===arguments.length)for(var i,r=0,a=e.length;r<a;r++)!i&&r in e\|\|(i\|\|(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return n.concat(i\|\|Array.prototype.slice.call(e))}function Cn(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var Sn,zn,In,Pn,Mn,Nn,On,jn,En,Tn,Dn,Ln,Un,Bn,Fn,Kn,Rn,Vn,An,Wn,Hn,Jn,Yn,qn,Gn,$n=function(n,t,i,r,o){var d=function(e){var t=r?e.target:e.target.documentElement,a=r?e.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<n&&i&&i()};e((function(){if(i){var n=a.throttle(d,t),e=(null==r?void 0:r.current)\|\|document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),_n([t],o\|\|[],!0))},Qn=t((function(n,e){var t=n.label,i=kn(n,["label"]);if(!t)return s("div",{});var r=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return s(Xn,yn({"data-testid":"undefined_avatar",ref:e},{children:s(f,yn({size:"xs",weight:600,colorGroup:"brand",color:"main"},i,{children:r}))}))})),Xn=c.div(Sn\|\|(Sn=Cn(["\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),Zn=t((function(n,e){var t=n.size,i=n.fullName,r=n.imageUrl,a=kn(n,["size","fullName","imageUrl"]);return o(ne,yn({css:ie[t],ref:e},a,{children:r?o(ee,{"data-testid":"avatar_image",src:r,alt:"avatar"}):o(te,{label:i,avatarSize:t})}))})),ne=c.div(zn\|\|(zn=Cn(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),ee=c.img(In\|\|(In=Cn(["\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"]))),te=c(Qn,{shouldForwardProp:function(n){return"size"!==n}})(Mn\|\|(Mn=Cn(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&p(Pn\|\|(Pn=Cn(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),ie={xs:p(Nn\|\|(Nn=Cn(["\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:p(On\|\|(On=Cn(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:p(jn\|\|(jn=Cn(["\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:p(En\|\|(En=Cn(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},re=t((function(n,e){var t=n.index,i=n.onClick,r=n.isActive,a=n.label,d=n.disabled;return o(ae,yn({disabled:d,variant:r?"orange":"white",captionWeight:400,onClick:function(){i(t)},css:!r&&oe,size:"s",ref:e,className:W("KUI-ButtonTab",r&&"KUI-ButtonTab_active")},{children:a}))})),ae=c(g)(Tn\|\|(Tn=Cn(["\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"]))),oe=p(Dn\|\|(Dn=Cn(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),x.palette.grey.seventy),de=t((function(n,e){var t=n.renderTabWrapper,i=n.label,r=kn(n,["renderTabWrapper","label"]);return t?t(i,o(re,yn({ref:e,label:i},r))):o(re,yn({ref:e,label:i},r))})),le=function(n){var e=n.startComponent,t=n.endComponent,r=n.tabs,a=n.renderTabWrapper,o=n.handleChange,d=n.value,l=i(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),o(n)};return h(b,yn({className:"KUI-ButtonTabs"},{children:[e,s(ce,yn({},{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 s(de,{index:e,onClick:c,isActive:e===d,label:n,renderTabWrapper:a},n)}))})),t]}))},ce=c(A)(Ln\|\|(Ln=Cn(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),pe=t((function(t,i){var r=t.tabs,a=t.tabPanels,c=t.paths,p=t.activeTab,u=t.isSticky,s=t.onChange,h=t.startComponent,m=t.endComponent,f=t.navigate,x=t.renderTabWrapper,g=kn(t,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),b=D(),v=n.useState(Number(p)),w=v[0],y=v[1];return e((function(){y(Number(p))}),[p]),0===b?null:d(l,{children:[o(se,yn({css:u&&{position:"sticky"},ref:i},g,{children:o(le,{value:w,tabs:r,handleChange:function(n){if(y(n),null==c?void 0:c.length){var e=c[n];f?f(e):L(e)}s&&s(n)},endComponent:m,startComponent:h,renderTabWrapper:x})})),o(ue,yn({role:"tabpanel"},{children:a[w]}))]})})),ue=c.div(Un\|\|(Un=Cn(["\n height: 100%;\n"],["\n height: 100%;\n"]))),se=c.div(Bn\|\|(Bn=Cn(["\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),he=t((function(n,t){var a=n.onScrollEnd,o=n.maxHeight,d=n.onScrollChange,l=kn(n,["onScrollEnd","maxHeight","onScrollChange"]),c=i(null),p=r(!1),u=p[0],h=p[1];$n(10,200,a,c),e((function(){var n;if(c.current){var e=o?(null===(n=c.current)\|\|void 0===n?void 0:n.clientHeight)>=o:c.current.scrollHeight>c.current.clientHeight;h(e)}}));return e((function(){d&&d(u)}),[u]),s(me,yn({isScrollable:u,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),c.current=n}},l))})),me=c.div(Fn\|\|(Fn=Cn(["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\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\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\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\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?6:0}),x.palette.grey.fifteenB,x.palette.grey.thirty),fe=t((function(n,e){var t=n.isOpen,a=n.handleClose;n.buttonRef;var o=n.children,d=n.endComponent,l=n.input,c=n.className,p=n.strategy;n.onScroll;var u=kn(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),m=r(!1),f=m[0],x=m[1],g=i(null);return s(xe,yn({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:t,onChange:function(n){n\|\|a()},toggleMethod:"click",strategy:p\|\|"fixed",placement:"bottom",className:c,content:h(ge,yn({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),g.current=n}},u,{children:[s(be,yn({isScrollable:f},{children:s(ve,yn({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),xe=c(v)(Kn\|\|(Kn=Cn(["\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"]))),ge=c(w)(Rn\|\|(Rn=Cn(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),be=c.div(Vn\|\|(Vn=Cn(["\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 6px 8px 0":"14px 0px 8px 0"})),ve=c(he)(An\|\|(An=Cn(["\n width: 100%;\n"],["\n width: 100%;\n"]))),we=t((function(n,e){var t=n.input,i=n.options,r=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,d=n.handleSelect,l=n.selectedValue,c=n.renderOption;return s(ke,yn({input:t,buttonRef:r,isOpen:a,handleClose:o,ref:e},{children:i.map((function(n,e){return s(ye,yn({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,l)}),n.label)}))}))})),ye=c.div(Wn\|\|(Wn=Cn(["\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})),ke=c(fe)(Hn\|\|(Hn=Cn(["\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"]))),_e=t((function(n,e){var t,a=n.options,l=n.name,c=n.disabled,p=n.handleChange,u=n.iconProps,s=n.renderOption,h=n.selectedLabel,m=n.selectedValue,f=n.error,x=n.endIcon,g=kn(n,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),b=r(!1),v=b[0],w=b[1],y=i(null),k=U(y,e),_=function(){w(!1)};return d(Ce,{children:[o("input",{name:l,autoComplete:"off",hidden:!0}),o(we,{options:a,inputRef:{current:null===(t=null==y?void 0:y.current)\|\|void 0===t?void 0:t.parentElement},isOpenDropdown:v,handleCloseDropdown:_,handleSelect:function(n){p&&p(n),_()},selectedValue:m,renderOption:s,input:o(Se,yn({onClick:function(){var n,e,t,i;(null===(e=null===(n=null==y?void 0:y.current)\|\|void 0===n?void 0:n.parentElement)\|\|void 0===e?void 0:e.parentElement)&&(null===(i=null===(t=null==y?void 0:y.current)\|\|void 0===t?void 0:t.parentElement)\|\|void 0===i\|\|i.parentElement.focus()),c\|\|w((function(n){return!n}))},ref:k,disabled:c,readOnly:!0,value:h,message:f,isLabelShrink:Boolean(m)\|\|0===m,autoComplete:"off"},g,{endIcon:d(Ie,yn({container:!0,alignItems:"center"},{children:[!c&&o(ze,yn({width:12,height:13,css:[{transition:"all linear .2s"},v&&{transform:"rotate(180deg)"}]},u)),x]}))}))})]})})),Ce=c.div(Jn\|\|(Jn=Cn(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Se=c(y)(Yn\|\|(Yn=Cn(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\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 &:disabled {\n cursor: default;\n }\n"]))),ze=c(H)(qn\|\|(qn=Cn(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Ie=c(w)(Gn\|\|(Gn=Cn(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Pe(n){var e=n.option,t=n.selectedValue;return s(wt,yn({selected:t===e.value},{children:s(f,yn({size:"sm",weight:500},{children:e.label}))}))}var Me,Ne,Oe,je,Ee,Te,De,Le,Ue,Be,Fe,Ke,Re,Ve,Ae,We,He,Je,Ye,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,it,rt,at,ot,dt,lt,ct,pt,ut,st,ht,mt,ft,xt,gt,bt,vt,wt=c.div(Me\|\|(Me=Cn(["\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),yt=t((function(n,t){var i,a=n.options,o=n.name,d=n.handleChange;n.form;var l=n.value,c=kn(n,["options","name","handleChange","form","value"]),p=r(l),u=p[0],h=p[1],m=(null===(i=a.find((function(n){return String(n.value)===String(u)})))\|\|void 0===i?void 0:i.label)\|\|"";return e((function(){void 0!==l&&h(l)}),[l]),s(_e,yn({options:a,handleChange:function(n){h(n.value),d&&d(n.value)},selectedLabel:m,selectedValue:u,name:o,renderOption:function(n,e){return s(Pe,{option:n,selectedValue:e})},ref:t},c))})),kt=function(n,e,t){return e&&n<e\|\|t&&n>t},_t=t((function(n,e){var t=n.yearOptions;n.options;var i=n.min,r=n.max,a=kn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return yn(yn({},n),{disabled:kt(Number(n.value),i,r)})}));return s(yt,yn({ref:e,label:"Year",options:o},a))})),Ct=function(n,e,t){return e&&n<e\|\|t&&n>=t},St=[{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"}],zt=t((function(n,e){var t=n.min,i=n.max;n.options;var r=kn(n,["min","max","options"]),a=St.map((function(n){return yn(yn({},n),{disabled:Ct(n.value,t,i)})}));return s(yt,yn({ref:e,label:"Month",options:a},r))})),It=t((function(n,e){var t=n.changeMonth,i=n.changeYear,r=n.date,a=n.yearOptions,o=n.max,d=n.min,l=r.getFullYear(),c=r.getMonth(),p=(null==d?void 0:d.year)===l&&(null==d?void 0:d.month)?d.month-1:0,u=(null==o?void 0:o.year)===l?null==o?void 0:o.month:11;return s(Pt,yn({ref:e},{children:h(w,yn({container:!0,spacing:2},{children:[s(w,yn({item:!0,xs:6},{children:s(_t,{min:null==d?void 0:d.year,max:null==o?void 0:o.year,yearOptions:a,value:l,handleChange:i})})),s(w,yn({item:!0,xs:6},{children:s(zt,{min:Number(null==d?void 0:d.year)>=l&&p,max:Number(null==o?void 0:o.year)<=l&&u,value:c,handleChange:t})}))]}))}))})),Pt=c.div(Ne\|\|(Ne=Cn(["\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"]))),Mt=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=kn(n,["arrowProps","showPopperArrow"]);return s(Nt,yn({ref:e},t))})),Nt=c.div(Oe\|\|(Oe=Cn(['\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),Ot=t((function(n,e){var t=n.decreaseMonth,i=n.increaseMonth,r=n.nextMonthButtonDisabled,o=n.prevMonthButtonDisabled,d=n.date,l=a.capitalize(d.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return h(jt,yn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,yn({item:!0},{children:s(Et,yn({size:"h4"},{children:l}))})),s(w,yn({item:!0},{children:h(w,yn({container:!0,spacing:2},{children:[s(w,yn({item:!0},{children:s(Tt,yn({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:o,onClick:t},{children:s(J,{width:10,height:10})}))})),s(w,yn({item:!0},{children:s(Tt,yn({isCircle:!0,size:"xs",variant:"white",disabled:r,onClick:i},{children:s(Y,{width:10,height:10})}))}))]}))}))]}))})),jt=c(w)(je\|\|(je=Cn(["\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"]))),Et=c(k)(Ee\|\|(Ee=Cn(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Tt=c(g)(Te\|\|(Te=Cn(["\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"]))),Dt=t((function(n,e){var t=n.onClick,i=n.disabled,r=n.handleClick,a=n.startIcon,o=kn(n,["onClick","disabled","handleClick","startIcon"]),d=function(){i\|\|(r?r():t())},l=function(){return s(Lt,yn({disabled:i,onClick:d},{children:a\|\|s(q,{width:19,height:21})}))};return s(_,yn({disabled:i,endIcon:!a&&s(l,{}),startIcon:a&&s(l,{})},o,{ref:e}))})),Lt=c.div(De\|\|(De=Cn(["\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"})),Ut=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=kn(n,["arrowProps","showPopperArrow"]);return s(Bt,yn({ref:e},t))})),Bt=c.div(Le\|\|(Le=Cn(["\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),Ft=t((function(n,e){var t=n.decreaseYear,i=n.increaseYear,r=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return h(Rt,yn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,yn({item:!0},{children:s(Kt,yn({disabled:a,onClick:t,type:"button"},{children:s(G,{width:14,height:12})}))})),s(w,yn({item:!0},{children:s(f,yn({size:"sm",weight:600},{children:o.getFullYear()}))})),s(w,yn({item:!0},{children:s(Kt,yn({disabled:r,onClick:i,type:"button"},{children:s($,{width:14,height:12})}))}))]}))})),Kt=c(C)(Ue\|\|(Ue=Cn(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Rt=c(w)(Be\|\|(Be=Cn(["\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"]))),Vt=t((function(n,t){var i,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=n.onChange,p=kn(n,["name","form","disabled","datePickerProps","onChange"]),u=r(),h=u[0],m=u[1],f=on({name:a,control:o.control}),x=f.field,g=f.fieldState;return e((function(){m(x.value)}),[x.value]),s(At,yn({ref:t},{children:s(an,yn({selected:x.value,onChange:function(n){x.onChange(n),c&&c(n)},disabled:d,customInput:s(Dt,yn({mask:"00.0000",name:a,disabled:d,message:null===(i=g.error)\|\|void 0===i?void 0:i.message},p),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:Ut,renderCustomHeader:function(n){return s(Ft,yn({},n))}},l))}))})),At=c.div(Fe\|\|(Fe=Cn(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),Wt=t((function(n,t){var i=n.tab,r=n.active,a=n.index,d=n.handleClick,l=n.offset,c=n.isScrolling,p=n.setIsScrolling,u=function(){p(!1)};return e((function(){return r===a&&cn.scrollTo(i,{offset:l}),pn.scrollEvent.register("begin",(function(n,e){p(!0),e&&d(Number(e.dataset.index))})),pn.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){pn.scrollEvent.remove("begin"),pn.scrollEvent.remove("end")}}),[]),o(un,yn({to:i,spy:!0,smooth:!0,duration:500,offset:l,onSetActive:function(){c\|\|d(a)}},{children:o(Ht,yn({ref:t},{children:o(g,yn({variant:Number(r)===a?"orange":"transparentWithBorder",size:"xs",css:Number(r)!==a&&Jt},{children:i}))}))}))})),Ht=c.div(Ke\|\|(Ke=Cn(["\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"]))),Jt=p(Re\|\|(Re=Cn(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),x.palette.grey.seventy),Yt=t((function(n,e){var t=n.tabs,i=n.variant,r=kn(n,["tabs","variant"]);return o(qt,yn({container:!0,css:"white"===i&&{background:"white"},ref:e},{children:t.map((function(n,e){return o(w,yn({item:!0},{children:o(Wt,yn({tab:n,index:e,offset:-121},r),n)}),e)}))}))})),qt=c(w)(Ve\|\|(Ve=Cn(["\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),Gt=t((function(n,e){var t=n.form,i=n.name,r=n.error,a=kn(n,["form","name","error"]),o=function(n){var e;return void 0!==r&&String(r).length>0?r:null===(e=n.error)\|\|void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field,i=n.fieldState;return s(_,yn({message:o(i)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),$t=t((function(n,e){var t=n.form,i=n.name,r=n.error,a=n.value,o=n.type,d=kn(n,["form","name","error","value","type"]),l=function(n){var e;return void 0!==r&&String(r).length>0?r:null===(e=n.error)\|\|void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field,i=n.fieldState;return s(y,yn({message:l(i)},t,d,{onChange:function(n){return function(n,e){var t,i="number"!==o\|\|(null===(t=n.target.value)\|\|void 0===t?void 0:t.length)?n.target.value:null;e.onChange(yn(yn({},n),{target:yn(yn({},n.target),{value:i})})),d.onChange&&d.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),Qt={weak:0,simple:1,medium:2,hard:3},Xt={weak:x.palette.red.fiftyP,simple:x.palette.brand.main,medium:x.palette.blue.fiftyP,hard:x.palette.green.fiftyP},Zt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ni=t((function(n,e){var t=n.strength,i=t?Xt[t]:"",r=t?Qt[t]:-1;return d(ei,yn({"data-testid":"strength_bar",className:String(!t&&"hidden"),ref:e},{children:[o(ti,{children:Object.keys(Qt).map((function(n,e){return o(ii,{children:o(ri,{"data-testid":"progress_item_".concat(n),value:r>=e?100:0,color:i})},n)}))}),o(f,yn({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:t&&Zt[t]})),o(ai,yn({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),ei=c.div(Ae\|\|(Ae=Cn(["\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"]))),ti=c.div(We\|\|(We=Cn(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),ii=c.div(He\|\|(He=Cn(["\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"]))),ri=c(S)(Je\|\|(Je=Cn(["\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})),ai=c(f)(Ye\|\|(Ye=Cn(["\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"]))),oi=function(n,e){var t=null==n?void 0:n.split("."),i=null==e?void 0:e.control._formValues;return null==t\|\|t.forEach((function(n){i&&(i=i[n])})),i},di=function(n,e){var t=null==n?void 0:n.split("."),i=null==e?void 0:e.formState.errors;return null==t\|\|t.forEach((function(n){i&&(i=i[n])})),null==i?void 0:i.message},li=t((function(n,t){var i=r(!1),a=i[0],o=i[1],d=r(null),l=d[0],c=d[1],p=function(n){0!==n.length?B.test(n)?c("hard"):F.test(n)?c("medium"):K.test(n)?c("simple"):c("weak"):c(null)};return e((function(){var e=n.form,t=n.name,i=oi(t,e);"string"==typeof i&&p(i)}),[]),h(m,{children:[s($t,yn({type:a?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;p(e)},"data-testid":"input_password",ref:t,endIcon:s(ci,yn({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:s(a?Q:X,{})}))},n)),s(ni,{strength:l})]})})),ci=c.div(qe\|\|(qe=Cn(["\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"]))),pi=t((function(n){return h(m,{children:[s(ui,{children:s($t,yn({},n))}),s(si,{children:s($t,yn({isTextArea:!0},n))})]})})),ui=c.div(Ge\|\|(Ge=Cn(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),si=c.div($e\|\|($e=Cn(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),hi=t((function(n,e){var t=n.label,i=n.button,r=kn(n,["label","button"]);return h(mi,yn({ref:e},{children:[s(z,{}),s(fi,{children:i\|\|s(xi,yn({fullWidth:!0,size:"s",endIcon:s(Z,{})},r,{children:t}))})]}))})),mi=c.div(Qe\|\|(Qe=Cn(["\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),fi=c.div(Xe\|\|(Xe=Cn(["\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"]))),xi=c(g)(Ze\|\|(Ze=Cn(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),gi=t((function(n,t){var i,c=n.title,p=n.description,u=n.name,s=n.form,h=n.disabled,m=n.yearParams,f=n.onChange,x=n.max,g=n.min,b=n.footerLabel,v=n.datePickerProps,w=n.alignTitle,y=void 0===w?"center":w,k=kn(n,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),_=on({name:u,control:s.control}),C=_.field,S=null===(i=_.fieldState.error)\|\|void 0===i?void 0:i.message,z=C.value,I=z?z.toFormat("dd.MM.yyyy"):"",P=z?z.toJSDate():null,M=R(),N=M[0],O=M[1],j=M[2],E=r(P),T=E[0],D=E[1],L=r(I),B=L[0],F=L[1],K=function(n,e){if(!n\|\|!e)return[];var t=mn.now().year-n;return a.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==m?void 0:m.min,null==m?void 0:m.max),A=U(t,C.ref);e((function(){F(I)}),[I]);return d(l,{children:[o(Dt,yn({mask:"00.00.0000",name:u,handleClick:O,value:B,onChange:function(n){var e=n.target.value;if(F(e),0!==e.length&&V.test(e)){var t=mn.fromFormat(e,"dd.MM.yyyy");D(t.toJSDate()),null==C\|\|C.onChange({target:{value:t,name:u},type:"change"}),f&&f(t)}else D(null),null==C\|\|C.onChange({target:{value:null,name:u},type:"change"}),f&&f(null)},disabled:h,message:S,ref:A},k)),d(yi,yn({title:c,description:p,isOpen:N,handleClose:j,alignTitle:y},{children:[o(bi,{children:o(an,yn({inline:!0,selected:T\|\|P,onChange:function(n){D(n)},calendarContainer:vi,renderCustomHeader:function(n){return o(It,yn({yearOptions:K,max:x,min:g},n))},renderDayContents:function(n){return o(wi,{children:n})},maxDate:null==x?void 0:x.toJSDate(),minDate:null==g?void 0:g.toJSDate(),calendarStartDay:1},v))}),o(hi,{fullWidth:!0,disabled:!P&&!T,onClick:function(){if(T){var n=mn.fromJSDate(T);F(n.toFormat("dd.MM.yyyy")),null==C\|\|C.onChange({target:{value:n,name:u},type:"change"}),f&&f(n),j()}},label:b})]}))]})})),bi=c.div(nt\|\|(nt=Cn(["\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"]))),vi=c(Mt)(et\|\|(et=Cn(["\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),wi=c.span(tt\|\|(tt=Cn(["\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"]))),yi=c(I)(it\|\|(it=Cn(["\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"})),ki=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],_i=yn(yn({},fn),{localize:{month:function(n){return ki[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Ci=t((function(n,e){var t,i=n.title,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=kn(n,["title","name","form","disabled","datePickerProps"]),p=on({name:a,control:o.control}),u=p.field,m=null===(t=p.fieldState.error)\|\|void 0===t?void 0:t.message,f=R(),x=f[0],g=f[1],b=f[2],v=r(u.value?mn.fromJSDate(new Date(String(u.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=r(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return h(Si,yn({ref:e},{children:[s(Dt,yn({mask:"00.0000",name:a,handleCLick:g,value:w,onChange:function(n){var e=n.target.value;if(y(e),0!==e.length&&V.test(e)){var t=mn.fromFormat(e,"MM.yyyy").toJSDate();C(t),null==u\|\|u.onChange({target:{value:t,name:a},type:"change"})}else C(null),null==u\|\|u.onChange({target:{value:null,name:a},type:"change"})},disabled:d,message:m,isLabelShrink:Boolean(u.value)},c)),h(I,yn({title:i,isOpen:x,handleClose:b},{children:[s(zi,{children:s(an,yn({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:_i,calendarContainer:Ut,renderCustomHeader:function(n){return s(Ft,yn({},n))}},l))}),s(hi,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==u\|\|u.onChange({target:{value:_,name:a},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),Si=c.div(rt\|\|(rt=Cn(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),zi=c.div(at\|\|(at=Cn(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Ii=function(n){return h(m,{children:[s(Vt,yn({},n)),s(Ci,yn({},n))]})},Pi=t((function(n,e){var t=n.tabs,r=n.handleClick,a=n.variant,d=kn(n,["tabs","handleClick","variant"]),l=i(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),r(n)};return o(Mi,yn({css:"white"===a&&{background:"white"},ref:e},{children:o(A,yn({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:t.map((function(n,e){return o(Wt,yn({tab:n,index:e,handleClick:c,offset:-121},d),n)}))}))}))})),Mi=c.div(ot\|\|(ot=Cn(["\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),Ni=t((function(t,i){var r=t.tabs,a=t.tabPanels,l=t.paths,c=t.activeTab,p=t.variant,u=void 0===p?"grey":p,s=D(),h=n.useState(c),m=h[0],f=h[1],x=n.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),i="".concat(e).concat(l[n]);t!==i&&v(i,{replace:!0})}};return e((function(){f(c)}),[c]),e((function(){"number"!=typeof c&&s<901&&sn.scrollToTop()}),[]),0===s?null:d("div",yn({ref:i},{children:[o(s>765?Yt:Pi,{tabs:r,active:m,handleClick:y,variant:u,isScrolling:g,setIsScrolling:b}),a.map((function(n,e){return o("div",yn({css:e===a.length-1&&Oi},{children:o(ji,yn({name:r[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Oi=p(dt\|\|(dt=Cn(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),ji=c(hn)(lt\|\|(lt=Cn(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Ei=t((function(n,e){var t=n.form,i=n.name,r=kn(n,["form","name"]);return o(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field;return o(P,yn({checked:Boolean(t.value),onChange:t.onChange,"data-testid":i,ref:e,name:i},r))}})})),Ti=t((function(n,e){var t,i=n.form,r=n.name,a=void 0===r?"phone":r,o=n.hiddenInputProps,d=n.error,l=kn(n,["form","name","hiddenInputProps","error"]),c=on({control:i.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),p=on({control:i.control,name:"".concat(a,".phoneNumber")}),u=void 0!==d&&String(d).length>0?d:null===(t=p.fieldState.error)\|\|void 0===t?void 0:t.message,h=U(e,p.field.ref);return s(M,yn({message:u,hiddenInputProps:yn(yn({},c.field),o),onSelectCountry:function(n){c.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},p.field,l,{onChange:function(n){p.field.onChange(n),c.field.value\|\|c.field.onChange({target:{value:"7",name:"".concat(a,".phoneCode")},type:"change"}),l.onChange&&l.onChange(n)},ref:h,autoComplete:"false"}))})),Di=t((function(n,e){return s(Li,yn({cellSpacing:"0",ref:e},n))})),Li=c.table(ct\|\|(ct=Cn(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Ui=c.th(pt\|\|(pt=Cn(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Bi=c.td(ut\|\|(ut=Cn(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Fi=t((function(e,t){var i=e.children,r=kn(e,["children"]),a=n.Children.toArray(i);return s("tr",yn({ref:t},{children:a.map((function(e){return n.cloneElement(e,r)}))}))})),Ki={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}},Ri=t((function(n,e){n.placement;var t=n.open,i=n.children,r=n.spacing,a=n.className,o=n.style,d=kn(n,["placement","open","children","spacing","className","style"]);return s(Vi,yn({ref:e,className:W("KUI-Popper",a),spacing:r,style:o,open:!!t},{children:s(Ai,yn({open:!!t},d,{children:i}))}))})),Vi=c.div(st\|\|(st=Cn(["\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),Ai=c.div(ht\|\|(ht=Cn(["\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})),Wi=t((function(n,t){var a=n.placement,o=n.contentRef,d=kn(n,["placement","contentRef"]),l=i(null),c=r(null),f=c[0],x=c[1],g=r(null),b=g[0],v=g[1];e((function(){if(o.current&&l.current){var n=l.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};x(e),v(t)}}),[]);var w={};if(f&&b){var y=Ki[null!=a?a:"bottomMiddle"];w={top:Math.max(y.top?f.top-b.height:f.top+f.height,0),left:Math.max(f.left+f.widthy.offset-b.widthy.offset,0)}}return bn.createPortal(h(m,{children:[s(u,{styles:p(mt\|\|(mt=Cn(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),s(Ri,yn({ref:function(n){t&&(t.current=n),l.current=n},style:w},d))]}),document.body)})),Hi=t((function(n,t){var a=n.placement,o=n.contentRef,d=kn(n,["placement","contentRef"]),l=i(null),c=r(null),p=c[0],u=c[1],h=r(null),m=h[0],f=h[1],x={};if(e((function(){o.current&&l.current&&(u({width:o.current.clientWidth,height:o.current.clientHeight}),f({width:l.current.clientWidth,height:l.current.clientHeight}))}),[]),p&&m){var g=Ki[null!=a?a:"bottomMiddle"];x={top:g.top?0-m.height:0+p.height,left:Math.max(p.widthg.offset-m.widthg.offset,0)}}return s(Ri,yn({ref:function(n){t&&(t.current=n),l.current=n},style:x},d))})),Ji=t((function(n,t){var i=n.contentRef,a=kn(n,["contentRef"]),o=r(!0),d=o[0],l=o[1];return e((function(){var n=function(){for(var n=i.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e\|\|"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[i]),s(d?Hi:Wi,yn({ref:t,contentRef:i},a))})),Yi=t((function(n,t){var a=n.content,o=n.onOpen,d=n.onClose,l=n.open,c=n.children,p=n.cursor,u=n.className,m=kn(n,["content","onOpen","onClose","open","children","cursor","className"]),f=r(l),x=f[0],g=f[1],b=i(null),v=function(){g(!0),o&&o()};return e((function(){g(l)}),[l]),h(Gi,yn({className:u,onMouseLeave:function(){g(!1),d&&d()},ref:t},{children:[s($i,yn({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:p},{children:s(Qi,yn({className:"Tooltip_content"},{children:c}))})),s(Ji,yn({open:x},m,{contentRef:b},{children:a}))]}))})),qi=p(ft\|\|(ft=Cn(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Gi=c.div(xt\|\|(xt=Cn(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),qi),$i=c.div(gt\|\|(gt=Cn(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),qi,(function(n){return n.cursor})),Qi=c.div(bt\|\|(bt=Cn(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),qi),Xi=t((function(n,e){var t,i=n.options,r=kn(n,["options"]);return s(Zi,yn({value:null===(t=null==i?void 0:i[0])\|\|void 0===t?void 0:t.value,options:i,iconProps:{width:9,height:5}},r,{ref:e}))})),Zi=c(yt)(vt\|\|(vt=Cn(["\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),nr=t((function(n,e){var t,i,r=n.options,a=n.name,o=n.handleChange,d=n.form,l=n.value,c=kn(n,["options","name","handleChange","form","value"]),p=on({control:d.control,name:a}),u=null===(t=p.fieldState.error)\|\|void 0===t?void 0:t.message;return s(yt,yn({options:r,handleChange:function(n){var e;o&&o(n),d&&(null===(e=p.field)\|\|void 0===e\|\|e.onChange({target:{value:n,name:a},type:"change"}))},error:u,name:a,value:l\|\|(null===(i=p.field)\|\|void 0===i?void 0:i.value),ref:e},c))}));function er(n){var e=n.option,t=n.selectedValue.includes(e.value);return s(rr,yn({container:!0,selected:t},{children:s(N,{checked:t,label:s(ar,yn({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var tr,ir,rr=c(w)(tr\|\|(tr=Cn(["\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),ar=c(f)(ir\|\|(ir=Cn(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?x.palette.grey.seventy:x.palette.grey.fiftyP}));function or(n){var t,i,a=n.options,o=n.name,d=n.handleChange,l=n.form,c=n.value,p=kn(n,["options","name","handleChange","form","value"]),u=l?on({control:l.control,name:o}):null,h=r(c\|\|(null===(t=null==u?void 0:u.field)\|\|void 0===t?void 0:t.value)\|\|[]),m=h[0],f=h[1],x=a.filter((function(n){return m.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(i=null==u?void 0:u.fieldState.error)\|\|void 0===i?void 0:i.message;e((function(){var n;l&&(null===(n=null==u?void 0:u.field)\|\|void 0===n\|\|n.onChange({target:{value:m,name:o},type:"change"}))}),[m]);return s(_e,yn({options:a,handleChange:function(n){m.includes(n.value)?f((function(e){return e.filter((function(e){return e!==n.value}))})):f((function(e){return _n(_n([],e,!0),[n.value],!1)})),d&&d(n.value)},error:g,selectedLabel:x,selectedValue:m,name:o,isLabelShrink:!!x,renderOption:function(n,e){return s(er,{option:n,selectedValue:e})}},p))}var dr=t((function(n,t){var i=n.options,a=n.disabled,o=n.direction,d=void 0===o?"row":o,l=n.defaultValue,c=n.value,p=n.onChange,u=n.isSquare,h=kn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=r(l\|\|c\|\|i[0].value),f=m[0],x=m[1],g=function(n){var e=n.target.value;x(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(x(null),p&&p(n,null))};return e((function(){c&&x(c)}),[c]),s(w,yn({container:!0,direction:d,ref:t},{children:i.map((function(n){return s(O,yn({value:n.value,label:n.label,disabled:Boolean(a),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function lr(n){var t=n.form,i=n.name,r=n.defaultValue,a=kn(n,["form","name","defaultValue"]);return e((function(){t.getValues(i)\|\|r\|\|t.setValue(i,a.options[0].value)}),[]),s(dn,{control:t.control,name:String(i),render:function(n){var e=n.field;return s(dr,yn({},a,e,{defaultValue:r,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:i},type:"change"}),a.onChange&&a.onChange(n,e)}(n,t,e)}}))}})}function cr(n){var e,t=n.title,i=n.className,r=n.direction,a=n.form,o=n.name,d=kn(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 h(gr,{children:[h(br,yn({container:!0,alignItems:"vertical"===r?"flex-start":"center",justify:"space-between",direction:"vertical"===r?"column":"row",hasError:!!l,className:i,withTitle:!!t},{children:[t&&s(vr,yn({direction:r,size:"xs",weight:600},{children:t.toUpperCase()})),s(w,yn({item:!0,xs:"vertical"===r?12:"auto"},{children:s(lr,yn({form:a,name:o},d))}))]})),l&&s(j,{variant:"error",msg:l})]})}dr.displayName="RadioButtons";var pr,ur,sr,hr,mr,fr,xr,gr=c.div(pr\|\|(pr=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),br=c(w,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(hr\|\|(hr=Cn(["\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,i=n.withTitle;return"column"===e?function(n){var e=n.hasError;return p(ur\|\|(ur=Cn(["\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 p(sr\|\|(sr=Cn(["\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:i})}),x.breakpoints.sm),vr=c(f)(mr\|\|(mr=Cn(["\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),wr=t((function(n){var e=n.height,t=void 0===e?"adaptive":e,i=n.className,r=kn(n,["height","className"]);return s(kr,yn({container:!0,alignItems:"center",justify:"center",className:i,height:t},{children:s(yr,yn({},r))}))})),yr=c(E)(fr\|\|(fr=Cn(["\n color: ",";\n"],["\n color: ",";\n"])),x.palette.brand.main),kr=c(w,{shouldForwardProp:function(n){return"height"!==n}})(xr\|\|(xr=Cn(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function _r(n){var e=n.creatingLabel,t=n.renderCreatingModal,i=R(),r=i[0],a=i[1],o=i[2];if(!e\|\|!t)return null;return h(m,{children:[h(Pr,yn({container:!0,onClick:a,alignItems:"center"},{children:[s(Mr,{width:12,height:12}),s(f,yn({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),s(Nr,yn({onClick:function(n){return n.stopPropagation()}},{children:t({open:r,handleClose:o})}))]})}var Cr,Sr,zr,Ir,Pr=c(w)(Cr\|\|(Cr=Cn(["\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),Mr=c(nn)(Sr\|\|(Sr=Cn(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),x.palette.grey.fiftyP),Nr=c.div(zr\|\|(zr=Cn([""],[""]))),Or=function(n){var e=n.option,t=n.renderOption,i=n.handleSelect,r=n.index;return s(jr,yn({item:!0,xs:12,onClick:function(){i(e)},"data-testid":"autocomplete_option_".concat(r)},{children:t(e)}))},jr=c(w)(Ir\|\|(Ir=Cn(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Er(n){var e=n.options,t=n.renderOption,i=n.creatingLabel,r=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,d=n.isLoading,l=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return h(Lr,yn({input:l,buttonRef:a,isOpen:o,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&u&&u()},endComponent:s(_r,{creatingLabel:i,renderCreatingModal:r})},{children:[e.map((function(n,e){return s(Or,{option:n,renderOption:t,handleSelect:p,index:e},e)})),d&&s(Ur,{height:"auto"})]}))}var Tr,Dr,Lr=c(fe)(Tr\|\|(Tr=Cn(["\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"]))),Ur=c(wr)(Dr\|\|(Dr=Cn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function Br(n){var t,a=n.renderOption,l=n.options,c=n.name,p=n.hideName,u=n.form,s=n.isLoading,h=n.onSelectItem,m=n.handleScrollEnd,f=n.onSearchItem,x=n.isLabelLoading,g=n.disabled,b=n.creatingLabel,v=n.renderCreatingModal,y=n.endComponent,k=n.inputRef,_=n.onOpen,C=kn(n,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),S=r(!1),z=S[0],I=S[1],P=i(null);p&&u.register(p);var M=function(){g\|\|I(!0)},N=function(){I(!1)};e((function(){_&&_(z)}),[z]);var O=U(P,k);return d(Wr,{children:[x&&o(Ar,{children:o(wr,{height:"100%"})}),o(Er,{renderOption:a,options:l,inputRef:{current:null===(t=P.current)\|\|void 0===t?void 0:t.parentElement},isOpenDropdown:z,handleCloseDropdown:N,handleSelect:function(n){var e;h(n),N(),(null===(e=u.getFieldState(c).error)\|\|void 0===e?void 0:e.message)&&u.clearErrors(c)},isLoading:s,handleScrollEnd:m,creatingLabel:b,renderCreatingModal:v,input:o(Hr,yn({form:u,onInput:function(n){f&&(f(n.target.value),p&&u.setValue(p,null)),!n.target.value&&p&&(p&&u.setValue(p,null),u.setValue(c,null),h(null)),M()},onFocus:M,name:c,disabled:g,ref:O,isDropdownOpen:z,autoComplete:"off"},C,{endIcon:!g&&d(w,yn({container:!0,alignItems:"center",onClick:function(){I((function(n){return!n}))}},{children:[o(T,yn({mr:2},{children:y})),C.endIcon\|\|!g&&o(Jr,{width:12,height:13,css:[z&&{transform:"rotate(180deg)"}]})]}))}))})]})}var Fr,Kr,Rr,Vr,Ar=c.div(Fr\|\|(Fr=Cn(["\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"]))),Wr=c.div(Kr\|\|(Kr=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),Hr=c($t)(Rr\|\|(Rr=Cn(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Jr=c(H)(Vr\|\|(Vr=Cn(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function Yr(n){var e=n.label;return s(Gr,{children:s(f,yn({size:"s",weight:500},{children:e}))})}var qr,Gr=c.div(qr\|\|(qr=Cn(["\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 $r(n){var t,a,o=n.file,d=n.onDelete,l=n.onChange,c=n.index,p=n.selectedFile,u=n.setSelectedFile,x=n.limitTitle,b=void 0===x?100:x,v=n.icon,w=n.subtitle,y=n.disabled,k=n.error,_=n.className,C=n.label,S=n.endIcon,z=kn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),I=String(null===(a=(null==o?void 0:o.title)\|\|(null==o?void 0:o.name)\|\|(null===(t=null==o?void 0:o.file)\|\|void 0===t?void 0:t.name)\|\|C)\|\|void 0===a?void 0:a.replace(/\.[^/.]+$/,"")),P=r(I),M=P[0],N=P[1],O=r(!1),j=O[0],E=O[1],D=i(null);e((function(){var n;j&&(null===(n=D.current)\|\|void 0===n\|\|n.focus()),!j&&I!==M&&l&&l(M,c)}),[j]);return h(m,{children:[h(ua,yn({selected:(null!=p?p:-1)===c,error:b&&M.length>b\|\|!!k,onClick:function(){u&&u(null!=c?c:1)},disabled:!!y,className:"FileWrapper ".concat(_\|\|"")},z,{children:[s(sa,yn({className:"FileIcon_wrapper"},{children:v\|\|s(en,{})})),h(ma,yn({className:"FileContent_wrapper"},{children:[h(ga,{children:[s(vn,yn({href:o.url,openInNewWindow:!0},{children:s(xa,{children:M})})),s(fa,{"data-testid":"file_name",ref:D,disabled:!j,value:M,onChange:function(n){N(n.target.value)},onBlur:function(){E(!1)},maxLength:100})]}),w\|\|String(o.size)&&h(f,yn({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),h(ha,yn({className:"FileButtons_wrapper"},{children:[S,!y&&l&&s(g,yn({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){E((function(n){return!n}))}},{children:j?s(Z,{}):s(tn,{width:18,height:18})})),d&&!y&&s(g,yn({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(c))}},{children:s(rn,{width:16,height:16})}))]}))]})),(b&&M.length>b\|\|k)&&s(T,yn({mb:1},{children:s(f,yn({size:"xs",colorGroup:"red",weight:500},{children:k\|\|"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var Qr,Xr,Zr,na,ea,ta,ia,ra,aa,oa,da,la,ca,pa,ua=c.div(Zr\|\|(Zr=Cn(["\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&&p(Xr\|\|(Xr=Cn(["\n background: ",";\n "],["\n background: ",";\n "])),x.palette.background.light1)}),(function(n){return n.error&&p(Qr\|\|(Qr=Cn(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),x.palette.red.seventy)})),sa=c.div(na\|\|(na=Cn(["\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),ha=c.div(ea\|\|(ea=Cn(["\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),ma=c.div(ta\|\|(ta=Cn(["\n width: calc(\n 100% -\n ","px\n );\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(\n 100% -\n ","px\n );\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"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),fa=c.input(ia\|\|(ia=Cn(["\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),xa=c.span(ra\|\|(ra=Cn(["\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"]))),ga=c.div(aa\|\|(aa=Cn(["\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"]))),ba=t((function(n,t){var a,o,d=n.form,l=n.name,c=n.parentName,p=n.label,u=n.disabled,x=n.withEdit,g=void 0===x\|\|x,b=n.withDelete,v=void 0===b\|\|b,y=n.fileName,k=n.onChange,_=n.isRequired,C=n.uploadLabel,S=n.toBigTitleMessage,z=n.endIcon,I=kn(n,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon"]),P=r(!1),M=P[0],N=P[1],O=r(),E=O[0],T=O[1],D=r(""),L=D[0],U=D[1],B=i(null),F=on({control:d.control,name:l}),K=F.field,R=F.fieldState,V=on({control:d.control,name:c\|\|l}).field,A=(E instanceof File?E.name:(null===(a=null==E?void 0:E.uploaded)\|\|void 0===a?void 0:a.name)\|\|(null==E?void 0:E.name)\|\|"").split(".").pop(),W=function(n,e,t,i){var r,a;return n\|\|e?n instanceof File?{file:n,url:URL.createObjectURL(n),size:Math.round(n.size/1048576100)/100,name:t?"".concat(t,".").concat(i):null==n?void 0:n.name}:{file:n,url:(null===(r=null==n?void 0:n.uploaded)\|\|void 0===r?void 0:r.url)\|\|e,size:(null==n?void 0:n.size)?Math.round(n.size/1048576100)/100:null,name:t&&i?"".concat(t,".").concat(i):(null===(a=null==n?void 0:n.uploaded)\|\|void 0===a?void 0:a.name)\|\|(null==n?void 0:n.name)}:null}(E,L,y,A),H=E&&"url"in E?E:W,J=null===(o=R.error)\|\|void 0===o?void 0:o.message;e((function(){"string"==typeof K.value&&U(K.value),"object"==typeof K.value&&T(K.value),K.value\|\|U(""),N(!0)}),[K.value]),e((function(){var n,e,t=Number((null==y?void 0:y.length)\|\|(null===(n=null==E?void 0:E.uploaded)\|\|void 0===n?void 0:n.name)\|\|(null===(e=null==E?void 0:E.name)\|\|void 0===e?void 0:e.length))>100;M&&!L&&K.onChange({target:{value:E,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:S\|\|"The file name must be less than 100 characters"}):d.clearErrors(l)}),[E]);return h(va,{children:[s(ya,yn({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];T(e),k&&k(e)}else T(void 0)}},I,{ref:function(n){t&&(t.current=n),B.current=n}})),H?s($r,{file:H,onDelete:v&&function(){E&&B.current&&(B.current.value=""),T(void 0),U(""),c?V.onChange({target:{value:null,name:c},type:"change"}):K.onChange({target:{value:null,name:l},type:"change"}),k&&k(null)},onChange:g&&function(n){var e,t=d.getValues(l),i="".concat(n,".").concat(A);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:yn(yn({},t.uploaded),{name:n})}:new File([t],i,{type:t.type}),T(e)},error:J,disabled:u,label:p,endIcon:z}):h(m,{children:[h(wa,yn({error:!!J,disabled:u,container:!0,justify:"space-between",alignItems:"center"},{children:[s(ka,yn({item:!0},{children:h(f,yn({size:"s",color:"fiftyP"},{children:[p,_?" *":""]}))})),s(w,yn({item:!0},{children:s(_a,yn({disabled:u,size:"s",onClick:function(){B.current&&B.current.click()}},{children:C\|\|"Upload"}))}))]})),J&&s(j,{variant:"error",msg:J})]})]})})),va=c.div(oa\|\|(oa=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),wa=c(w)(da\|\|(da=Cn(["\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})),ya=c.input(la\|\|(la=Cn(["\n display: none;\n"],["\n display: none;\n"]))),ka=c(w)(ca\|\|(ca=Cn(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),_a=c(g)(pa\|\|(pa=Cn(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ca=t((function(n,e){var t=n.form,i=n.name,r=n.label,a=n.labelProps,o=kn(n,["form","name","label","labelProps"]);return s(dn,{control:t.control,name:String(i),render:function(n){var e,t=n.field,i=n.fieldState;return s(N,yn({},o,t,{error:null===(e=i.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 r?s(f,yn({},a,{children:r})):r}))}})}));function Sa(n){var e=n.title,t=n.options,i=n.form;n.name;var r=kn(n,["title","options","form","name"]);return h(Ma,yn({container:!0,alignItems:"center",justify:"space-between"},{children:[s(w,yn({item:!0},{children:s(f,yn({size:"s",weight:500,color:"fiftyP"},{children:e}))})),s(w,yn({item:!0},{children:s(w,yn({container:!0},{children:t.map((function(n){return s(Pa,yn({name:n.name,label:s(f,yn({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:i,testId:n.name},r),n.name)}))}))}))]}))}var za,Ia,Pa=c(Ca)(za\|\|(za=Cn(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Ma=c(w)(Ia\|\|(Ia=Cn(["\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),Na={mapKey:""},Oa=[],ja=function(){return yn({},Na)},Ea=function(n){Na=yn(yn({},Na),n),Oa.forEach((function(n){return n(Na)}))},Ta=function(n){Oa.push(n)},Da=function(n){var e=Oa.indexOf(n);-1!==e&&Oa.splice(e,1)};function La(n){var t=n.children,i=r(!1),a=i[0],o=i[1],d=r("LOADING"),l=d[0],c=d[1],p=r(ja().mapKey),u=p[0],h=p[1];return e((function(){var n=function(n){return h(n.mapKey)};return Ta(n),function(){Da(n)}}),[]),e((function(){if(!a&&u){var n=new wn({apiKey:u,libraries:["places"],language:"ru"}),e=function(n){c(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return o(!0)}}),[u]),u?"SUCCESS"===l&&t?s(m,{children:t}):(function(n){"LOADING"===n?s(wr,{height:"100%"}):"FAILURE"===n?s("h3",{children:n}):s("div",{})}(l),s(m,{})):s("h2",{children:"Add google key"})}var Ua=function(n){var e=n.dependentInputName,t=n.form,i=n.disabled,r=n.Input,a=kn(n,["dependentInputName","form","disabled","Input"]),o=ln({control:t.control,name:e}),d=yn({form:t,disabled:i\|\|!o},a);return s(r\|\|$t,yn({},d))},Ba=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},Fa=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{Yr as AutocompleteOption,Zn as Avatar,Xi as ButtonSelect,de as ButtonTab,pe as ButtonsPanel,It as CalendarHeaderWithSelect,Mt as CalendarStandardContainer,Ot as CalendarStandardHeader,Sa as CheckboxGroupWithTitle,Ca as CheckboxWithController,Ua as DependentInput,Vt as DesktopInputWithMonthPicker,Yt as DesktopMenuPanel,fe as InputDropdown,ba as InputFile,Dt as InputForDatepicker,or as InputMultiSelect,li as InputPassword,Ti as InputPhoneWithForm,yt as InputSelect,_e as InputSelectBase,we as InputSelectDropdown,nr as InputSelectWithController,pi as InputTextAreaMobile,Br as InputWithAutocomplete,$t as InputWithController,gi as InputWithDatePicker,Gt as InputWithMask,Ii as InputWithMonthPicker,wr as Loading,La as MapWrapper,Wt as MenuItem,Ni as MenuPanel,Ci as MobileInputWithMonthPicker,Pi as MobileMenuPanel,Ut as MonthPickerContainer,Ft as MonthPickerHeader,ni as PassportStrengthBar,dr as RadioButtons,lr as RadioButtonsWithController,cr as RadioGroupWithLabel,he as ScrollingContainer,zt as SelectMonth,_t as SelectYear,Ei as Switch,Di as Table,Bi as TableCell,Ui as TableHeadCell,Fi as TableRow,Yi as Tooltip,Qn as UndefinedAvatar,di as getFormError,oi as getFormValue,ja as getSettings,Ba as getVisibility,Fa as getVisibilitySettings,Ea as setSettings,ki as shortMonths,Ta as subscribeToSettings,Da as unsubscribeFromSettings,$n as useScrollWithBottomSpacing};
1	+ import"react-datepicker/dist/react-datepicker.css";importas n from"react";import{useEffect as e,forwardRef as t,useRef as i,useState as r}from"react";import a from"lodash";import{jsx as o,jsxs as d,Fragment as l}from"@emotion/react/jsx-runtime";import c from"@emotion/styled";import{css as p,Global as u}from"@emotion/react";import{jsx as s,jsxs as h,Fragment as m}from"react/jsx-runtime";import{Caption as f,theme as x,Button as g,Container as b,Tooltip as v,Grid as w,InputWithAdornments as y,Heading as k,InputWithMask as _,IconButton as C,LinearProgress as S,Divider as z,Modal as I,Switch as P,InputWithCountryDropdown as M,Checkbox as N,Radio as O,InputMessage as E,CircularProgress as j,Box as T}from"kui-basic";import{useWindowWidth as D,updateQueryParams as L,useForkRef as U,strongPasswordRegExp as B,mediumPasswordRegExp as F,simplePasswordRegExp as K,useToggle as R,isValidWithMaskExp as V}from"kui-utils";import A from"kui-swiper";import W from"classnames";import{HalfArrowIcon as H,PrevArrowIcon as J,NextArrowIcon as Y,CalendarIcon as q,ArrowBackIcon as G,ArrowNextIcon as $,ClosedEyeIcon as Q,OpenEyeIcon as X,CheckIcon as Z,PlusIcon as nn,FileIcon as en,EditIcon as tn,CancelIcon as rn}from"kui-icon";import an from"react-datepicker";import{useController as on,Controller as dn,useWatch as ln}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";importas bn from"react-dom";import{Link as vn}from"kui-crm";import{Loader as wn}from"@googlemaps/js-api-loader";var yn=function(){return yn=Object.assign\|\|function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},yn.apply(this,arguments)};function kn(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(n);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(n,i[r])&&(t[i[r]]=n[i[r]])}return t}function _n(n,e,t){if(t\|\|2===arguments.length)for(var i,r=0,a=e.length;r<a;r++)!i&&r in e\|\|(i\|\|(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return n.concat(i\|\|Array.prototype.slice.call(e))}function Cn(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var Sn,zn,In,Pn,Mn,Nn,On,En,jn,Tn,Dn,Ln,Un,Bn,Fn,Kn,Rn,Vn,An,Wn,Hn,Jn,Yn,qn,Gn,$n=function(n,t,i,r,o){var d=function(e){var t=r?e.target:e.target.documentElement,a=r?e.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<n&&i&&i()};e((function(){if(i){var n=a.throttle(d,t),e=(null==r?void 0:r.current)\|\|document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),_n([t],o\|\|[],!0))},Qn=t((function(n,e){var t=n.label,i=kn(n,["label"]);if(!t)return s("div",{});var r=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return s(Xn,yn({"data-testid":"undefined_avatar",ref:e},{children:s(f,yn({size:"xs",weight:600,colorGroup:"brand",color:"main"},i,{children:r}))}))})),Xn=c.div(Sn\|\|(Sn=Cn(["\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),Zn=t((function(n,e){var t=n.size,i=n.fullName,r=n.imageUrl,a=kn(n,["size","fullName","imageUrl"]);return o(ne,yn({css:ie[t],ref:e},a,{children:r?o(ee,{"data-testid":"avatar_image",src:r,alt:"avatar"}):o(te,{label:i,avatarSize:t})}))})),ne=c.div(zn\|\|(zn=Cn(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),ee=c.img(In\|\|(In=Cn(["\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"]))),te=c(Qn,{shouldForwardProp:function(n){return"size"!==n}})(Mn\|\|(Mn=Cn(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&p(Pn\|\|(Pn=Cn(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),ie={xs:p(Nn\|\|(Nn=Cn(["\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:p(On\|\|(On=Cn(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:p(En\|\|(En=Cn(["\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:p(jn\|\|(jn=Cn(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},re=t((function(n,e){var t=n.index,i=n.onClick,r=n.isActive,a=n.label,d=n.disabled;return o(ae,yn({disabled:d,variant:r?"orange":"white",captionWeight:400,onClick:function(){i(t)},css:!r&&oe,size:"s",ref:e,className:W("KUI-ButtonTab",r&&"KUI-ButtonTab_active")},{children:a}))})),ae=c(g)(Tn\|\|(Tn=Cn(["\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"]))),oe=p(Dn\|\|(Dn=Cn(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),x.palette.grey.seventy),de=t((function(n,e){var t=n.renderTabWrapper,i=n.label,r=kn(n,["renderTabWrapper","label"]);return t?t(i,o(re,yn({ref:e,label:i},r))):o(re,yn({ref:e,label:i},r))})),le=function(n){var e=n.startComponent,t=n.endComponent,r=n.tabs,a=n.renderTabWrapper,o=n.handleChange,d=n.value,l=i(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),o(n)};return h(b,yn({className:"KUI-ButtonTabs"},{children:[e,s(ce,yn({},{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 s(de,{index:e,onClick:c,isActive:e===d,label:n,renderTabWrapper:a},n)}))})),t]}))},ce=c(A)(Ln\|\|(Ln=Cn(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),pe=t((function(t,i){var r=t.tabs,a=t.tabPanels,c=t.paths,p=t.activeTab,u=t.isSticky,s=t.onChange,h=t.startComponent,m=t.endComponent,f=t.navigate,x=t.renderTabWrapper,g=kn(t,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),b=D(),v=n.useState(Number(p)),w=v[0],y=v[1];return e((function(){y(Number(p))}),[p]),0===b?null:d(l,{children:[o(se,yn({css:u&&{position:"sticky"},ref:i},g,{children:o(le,{value:w,tabs:r,handleChange:function(n){if(y(n),null==c?void 0:c.length){var e=c[n];f?f(e):L(e)}s&&s(n)},endComponent:m,startComponent:h,renderTabWrapper:x})})),o(ue,yn({role:"tabpanel"},{children:a[w]}))]})})),ue=c.div(Un\|\|(Un=Cn(["\n height: 100%;\n"],["\n height: 100%;\n"]))),se=c.div(Bn\|\|(Bn=Cn(["\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),he=t((function(n,t){var a=n.onScrollEnd,o=n.maxHeight,d=n.onScrollChange,l=kn(n,["onScrollEnd","maxHeight","onScrollChange"]),c=i(null),p=r(!1),u=p[0],h=p[1];$n(10,200,a,c),e((function(){var n;if(c.current){var e=o?(null===(n=c.current)\|\|void 0===n?void 0:n.clientHeight)>=o:c.current.scrollHeight>c.current.clientHeight;h(e)}}));return e((function(){d&&d(u)}),[u]),s(me,yn({isScrollable:u,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),c.current=n}},l))})),me=c.div(Fn\|\|(Fn=Cn(["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\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\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\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\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?6:0}),x.palette.grey.fifteenB,x.palette.grey.thirty),fe=t((function(n,e){var t=n.isOpen,a=n.handleClose;n.buttonRef;var o=n.children,d=n.endComponent,l=n.input,c=n.className,p=n.strategy;n.onScroll;var u=kn(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),m=r(!1),f=m[0],x=m[1],g=i(null);return s(xe,yn({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:t,onChange:function(n){n\|\|a()},toggleMethod:"click",strategy:p\|\|"fixed",placement:"bottom",className:c,content:h(ge,yn({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),g.current=n}},u,{children:[s(be,yn({isScrollable:f},{children:s(ve,yn({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),xe=c(v)(Kn\|\|(Kn=Cn(["\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"]))),ge=c(w)(Rn\|\|(Rn=Cn(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),be=c.div(Vn\|\|(Vn=Cn(["\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 6px 8px 0":"14px 0px 8px 0"})),ve=c(he)(An\|\|(An=Cn(["\n width: 100%;\n"],["\n width: 100%;\n"]))),we=t((function(n,e){var t=n.input,i=n.options,r=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,d=n.handleSelect,l=n.selectedValue,c=n.renderOption;return s(ke,yn({input:t,buttonRef:r,isOpen:a,handleClose:o,ref:e},{children:i.map((function(n,e){return s(ye,yn({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,l)}),n.label)}))}))})),ye=c.div(Wn\|\|(Wn=Cn(["\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})),ke=c(fe)(Hn\|\|(Hn=Cn(["\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"]))),_e=t((function(n,e){var t,a=n.options,l=n.name,c=n.disabled,p=n.handleChange,u=n.iconProps,s=n.renderOption,h=n.selectedLabel,m=n.selectedValue,f=n.error,x=n.endIcon,g=kn(n,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),b=r(!1),v=b[0],w=b[1],y=i(null),k=U(y,e),_=function(){w(!1)};return d(Ce,{children:[o("input",{name:l,autoComplete:"off",hidden:!0}),o(we,{options:a,inputRef:{current:null===(t=null==y?void 0:y.current)\|\|void 0===t?void 0:t.parentElement},isOpenDropdown:v,handleCloseDropdown:_,handleSelect:function(n){p&&p(n),_()},selectedValue:m,renderOption:s,input:o(Se,yn({onClick:function(){var n,e,t,i;(null===(e=null===(n=null==y?void 0:y.current)\|\|void 0===n?void 0:n.parentElement)\|\|void 0===e?void 0:e.parentElement)&&(null===(i=null===(t=null==y?void 0:y.current)\|\|void 0===t?void 0:t.parentElement)\|\|void 0===i\|\|i.parentElement.focus()),c\|\|w((function(n){return!n}))},ref:k,disabled:c,readOnly:!0,value:h,message:f,isLabelShrink:Boolean(m)\|\|0===m,autoComplete:"off"},g,{endIcon:d(Ie,yn({container:!0,alignItems:"center"},{children:[!c&&o(ze,yn({width:12,height:13,css:[{transition:"all linear .2s"},v&&{transform:"rotate(180deg)"}]},u)),x]}))}))})]})})),Ce=c.div(Jn\|\|(Jn=Cn(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Se=c(y)(Yn\|\|(Yn=Cn(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\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 &:disabled {\n cursor: default;\n }\n"]))),ze=c(H)(qn\|\|(qn=Cn(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Ie=c(w)(Gn\|\|(Gn=Cn(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Pe(n){var e=n.option,t=n.selectedValue;return s(wt,yn({selected:t===e.value},{children:s(f,yn({size:"sm",weight:500},{children:e.label}))}))}var Me,Ne,Oe,Ee,je,Te,De,Le,Ue,Be,Fe,Ke,Re,Ve,Ae,We,He,Je,Ye,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,it,rt,at,ot,dt,lt,ct,pt,ut,st,ht,mt,ft,xt,gt,bt,vt,wt=c.div(Me\|\|(Me=Cn(["\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),yt=t((function(n,t){var i,a=n.options,o=n.name,d=n.handleChange;n.form;var l=n.value,c=kn(n,["options","name","handleChange","form","value"]),p=r(l),u=p[0],h=p[1],m=(null===(i=a.find((function(n){return String(n.value)===String(u)})))\|\|void 0===i?void 0:i.label)\|\|"";return e((function(){void 0!==l&&h(l)}),[l]),s(_e,yn({options:a,handleChange:function(n){h(n.value),d&&d(n.value)},selectedLabel:m,selectedValue:u,name:o,renderOption:function(n,e){return s(Pe,{option:n,selectedValue:e})},ref:t},c))})),kt=function(n,e,t){return e&&n<e\|\|t&&n>t},_t=t((function(n,e){var t=n.yearOptions;n.options;var i=n.min,r=n.max,a=kn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return yn(yn({},n),{disabled:kt(Number(n.value),i,r)})}));return s(yt,yn({ref:e,label:"Year",options:o},a))})),Ct=function(n,e,t){return e&&n<e\|\|t&&n>=t},St=[{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"}],zt=t((function(n,e){var t=n.min,i=n.max;n.options;var r=kn(n,["min","max","options"]),a=St.map((function(n){return yn(yn({},n),{disabled:Ct(n.value,t,i)})}));return s(yt,yn({ref:e,label:"Month",options:a},r))})),It=t((function(n,e){var t=n.changeMonth,i=n.changeYear,r=n.date,a=n.yearOptions,o=n.max,d=n.min,l=r.getFullYear(),c=r.getMonth(),p=(null==d?void 0:d.year)===l&&(null==d?void 0:d.month)?d.month-1:0,u=(null==o?void 0:o.year)===l?null==o?void 0:o.month:11;return s(Pt,yn({ref:e},{children:h(w,yn({container:!0,spacing:2},{children:[s(w,yn({item:!0,xs:6},{children:s(_t,{min:null==d?void 0:d.year,max:null==o?void 0:o.year,yearOptions:a,value:l,handleChange:i})})),s(w,yn({item:!0,xs:6},{children:s(zt,{min:Number(null==d?void 0:d.year)>=l&&p,max:Number(null==o?void 0:o.year)<=l&&u,value:c,handleChange:t})}))]}))}))})),Pt=c.div(Ne\|\|(Ne=Cn(["\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"]))),Mt=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=kn(n,["arrowProps","showPopperArrow"]);return s(Nt,yn({ref:e},t))})),Nt=c.div(Oe\|\|(Oe=Cn(['\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),Ot=t((function(n,e){var t=n.decreaseMonth,i=n.increaseMonth,r=n.nextMonthButtonDisabled,o=n.prevMonthButtonDisabled,d=n.date,l=a.capitalize(d.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return h(Et,yn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,yn({item:!0},{children:s(jt,yn({size:"h4"},{children:l}))})),s(w,yn({item:!0},{children:h(w,yn({container:!0,spacing:2},{children:[s(w,yn({item:!0},{children:s(Tt,yn({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:o,onClick:t},{children:s(J,{width:10,height:10})}))})),s(w,yn({item:!0},{children:s(Tt,yn({isCircle:!0,size:"xs",variant:"white",disabled:r,onClick:i},{children:s(Y,{width:10,height:10})}))}))]}))}))]}))})),Et=c(w)(Ee\|\|(Ee=Cn(["\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"]))),jt=c(k)(je\|\|(je=Cn(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Tt=c(g)(Te\|\|(Te=Cn(["\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"]))),Dt=t((function(n,e){var t=n.onClick,i=n.disabled,r=n.handleClick,a=n.startIcon,o=kn(n,["onClick","disabled","handleClick","startIcon"]),d=function(){i\|\|(r?r():t())},l=function(){return s(Lt,yn({disabled:i,onClick:d},{children:a\|\|s(q,{width:19,height:21})}))};return s(_,yn({disabled:i,endIcon:!a&&s(l,{}),startIcon:a&&s(l,{})},o,{ref:e}))})),Lt=c.div(De\|\|(De=Cn(["\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"})),Ut=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=kn(n,["arrowProps","showPopperArrow"]);return s(Bt,yn({ref:e},t))})),Bt=c.div(Le\|\|(Le=Cn(["\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),Ft=t((function(n,e){var t=n.decreaseYear,i=n.increaseYear,r=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return h(Rt,yn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,yn({item:!0},{children:s(Kt,yn({disabled:a,onClick:t,type:"button"},{children:s(G,{width:14,height:12})}))})),s(w,yn({item:!0},{children:s(f,yn({size:"sm",weight:600},{children:o.getFullYear()}))})),s(w,yn({item:!0},{children:s(Kt,yn({disabled:r,onClick:i,type:"button"},{children:s($,{width:14,height:12})}))}))]}))})),Kt=c(C)(Ue\|\|(Ue=Cn(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Rt=c(w)(Be\|\|(Be=Cn(["\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"]))),Vt=t((function(n,t){var i,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=n.onChange,p=kn(n,["name","form","disabled","datePickerProps","onChange"]),u=r(),h=u[0],m=u[1],f=on({name:a,control:o.control}),x=f.field,g=f.fieldState;return e((function(){m(x.value)}),[x.value]),s(At,yn({ref:t},{children:s(an,yn({selected:x.value,onChange:function(n){x.onChange(n),c&&c(n)},disabled:d,customInput:s(Dt,yn({mask:"00.0000",name:a,disabled:d,message:null===(i=g.error)\|\|void 0===i?void 0:i.message},p),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:Ut,renderCustomHeader:function(n){return s(Ft,yn({},n))}},l))}))})),At=c.div(Fe\|\|(Fe=Cn(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),Wt=t((function(n,t){var i=n.tab,r=n.active,a=n.index,d=n.handleClick,l=n.offset,c=n.isScrolling,p=n.setIsScrolling,u=function(){p(!1)};return e((function(){return r===a&&cn.scrollTo(i,{offset:l}),pn.scrollEvent.register("begin",(function(n,e){p(!0),e&&d(Number(e.dataset.index))})),pn.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){pn.scrollEvent.remove("begin"),pn.scrollEvent.remove("end")}}),[]),o(un,yn({to:i,spy:!0,smooth:!0,duration:500,offset:l,onSetActive:function(){c\|\|d(a)}},{children:o(Ht,yn({ref:t},{children:o(g,yn({variant:Number(r)===a?"orange":"transparentWithBorder",size:"xs",css:Number(r)!==a&&Jt},{children:i}))}))}))})),Ht=c.div(Ke\|\|(Ke=Cn(["\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"]))),Jt=p(Re\|\|(Re=Cn(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),x.palette.grey.seventy),Yt=t((function(n,e){var t=n.tabs,i=n.variant,r=kn(n,["tabs","variant"]);return o(qt,yn({container:!0,css:"white"===i&&{background:"white"},ref:e},{children:t.map((function(n,e){return o(w,yn({item:!0},{children:o(Wt,yn({tab:n,index:e,offset:-121},r),n)}),e)}))}))})),qt=c(w)(Ve\|\|(Ve=Cn(["\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),Gt=t((function(n,e){var t=n.form,i=n.name,r=n.error,a=kn(n,["form","name","error"]),o=function(n){var e;return void 0!==r&&String(r).length>0?r:null===(e=n.error)\|\|void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field,i=n.fieldState;return s(_,yn({message:o(i)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),$t=t((function(n,e){var t=n.form,i=n.name,r=n.error,a=n.value,o=n.type,d=kn(n,["form","name","error","value","type"]),l=function(n){var e;return void 0!==r&&String(r).length>0?r:null===(e=n.error)\|\|void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field,i=n.fieldState;return s(y,yn({message:l(i)},t,d,{onChange:function(n){return function(n,e){var t,i="number"!==o\|\|(null===(t=n.target.value)\|\|void 0===t?void 0:t.length)?n.target.value:null;e.onChange(yn(yn({},n),{target:yn(yn({},n.target),{value:i})})),d.onChange&&d.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),Qt={weak:0,simple:1,medium:2,hard:3},Xt={weak:x.palette.red.fiftyP,simple:x.palette.brand.main,medium:x.palette.blue.fiftyP,hard:x.palette.green.fiftyP},Zt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ni=t((function(n,e){var t=n.strength,i=t?Xt[t]:"",r=t?Qt[t]:-1;return d(ei,yn({"data-testid":"strength_bar",className:String(!t&&"hidden"),ref:e},{children:[o(ti,{children:Object.keys(Qt).map((function(n,e){return o(ii,{children:o(ri,{"data-testid":"progress_item_".concat(n),value:r>=e?100:0,color:i})},n)}))}),o(f,yn({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:t&&Zt[t]})),o(ai,yn({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),ei=c.div(Ae\|\|(Ae=Cn(["\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"]))),ti=c.div(We\|\|(We=Cn(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),ii=c.div(He\|\|(He=Cn(["\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"]))),ri=c(S)(Je\|\|(Je=Cn(["\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})),ai=c(f)(Ye\|\|(Ye=Cn(["\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"]))),oi=function(n,e){var t=null==n?void 0:n.split("."),i=null==e?void 0:e.control._formValues;return null==t\|\|t.forEach((function(n){i&&(i=i[n])})),i},di=function(n,e){var t=null==n?void 0:n.split("."),i=null==e?void 0:e.formState.errors;return null==t\|\|t.forEach((function(n){i&&(i=i[n])})),null==i?void 0:i.message},li=t((function(n,t){var i=r(!1),a=i[0],o=i[1],d=r(null),l=d[0],c=d[1],p=function(n){0!==n.length?B.test(n)?c("hard"):F.test(n)?c("medium"):K.test(n)?c("simple"):c("weak"):c(null)};return e((function(){var e=n.form,t=n.name,i=oi(t,e);"string"==typeof i&&p(i)}),[]),h(m,{children:[s($t,yn({type:a?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;p(e)},"data-testid":"input_password",ref:t,endIcon:s(ci,yn({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:s(a?Q:X,{})}))},n)),s(ni,{strength:l})]})})),ci=c.div(qe\|\|(qe=Cn(["\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"]))),pi=t((function(n){return h(m,{children:[s(ui,{children:s($t,yn({},n))}),s(si,{children:s($t,yn({isTextArea:!0},n))})]})})),ui=c.div(Ge\|\|(Ge=Cn(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),si=c.div($e\|\|($e=Cn(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),hi=t((function(n,e){var t=n.label,i=n.button,r=kn(n,["label","button"]);return h(mi,yn({ref:e},{children:[s(z,{}),s(fi,{children:i\|\|s(xi,yn({fullWidth:!0,size:"s",endIcon:s(Z,{})},r,{children:t}))})]}))})),mi=c.div(Qe\|\|(Qe=Cn(["\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),fi=c.div(Xe\|\|(Xe=Cn(["\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"]))),xi=c(g)(Ze\|\|(Ze=Cn(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),gi=t((function(n,t){var i,c=n.title,p=n.description,u=n.name,s=n.form,h=n.disabled,m=n.yearParams,f=n.onChange,x=n.max,g=n.min,b=n.footerLabel,v=n.datePickerProps,w=n.alignTitle,y=void 0===w?"center":w,k=kn(n,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),_=on({name:u,control:s.control}),C=_.field,S=null===(i=_.fieldState.error)\|\|void 0===i?void 0:i.message,z=C.value,I=z?z.toFormat("dd.MM.yyyy"):"",P=z?z.toJSDate():null,M=R(),N=M[0],O=M[1],E=M[2],j=r(P),T=j[0],D=j[1],L=r(I),B=L[0],F=L[1],K=function(n,e){if(!n\|\|!e)return[];var t=mn.now().year-n;return a.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==m?void 0:m.min,null==m?void 0:m.max),A=U(t,C.ref);e((function(){F(I)}),[I]);return d(l,{children:[o(Dt,yn({mask:"00.00.0000",name:u,handleClick:O,value:B,onChange:function(n){var e=n.target.value;if(F(e),0!==e.length&&V.test(e)){var t=mn.fromFormat(e,"dd.MM.yyyy");D(t.toJSDate()),null==C\|\|C.onChange({target:{value:t,name:u},type:"change"}),f&&f(t)}else D(null),null==C\|\|C.onChange({target:{value:null,name:u},type:"change"}),f&&f(null)},disabled:h,message:S,ref:A},k)),d(yi,yn({title:c,description:p,isOpen:N,handleClose:E,alignTitle:y},{children:[o(bi,{children:o(an,yn({inline:!0,selected:T\|\|P,onChange:function(n){D(n)},calendarContainer:vi,renderCustomHeader:function(n){return o(It,yn({yearOptions:K,max:x,min:g},n))},renderDayContents:function(n){return o(wi,{children:n})},maxDate:null==x?void 0:x.toJSDate(),minDate:null==g?void 0:g.toJSDate(),calendarStartDay:1},v))}),o(hi,{fullWidth:!0,disabled:!P&&!T,onClick:function(){if(T){var n=mn.fromJSDate(T);F(n.toFormat("dd.MM.yyyy")),null==C\|\|C.onChange({target:{value:n,name:u},type:"change"}),f&&f(n),E()}},label:b})]}))]})})),bi=c.div(nt\|\|(nt=Cn(["\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"]))),vi=c(Mt)(et\|\|(et=Cn(["\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),wi=c.span(tt\|\|(tt=Cn(["\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"]))),yi=c(I)(it\|\|(it=Cn(["\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"})),ki=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],_i=yn(yn({},fn),{localize:{month:function(n){return ki[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Ci=t((function(n,e){var t,i=n.title,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=kn(n,["title","name","form","disabled","datePickerProps"]),p=on({name:a,control:o.control}),u=p.field,m=null===(t=p.fieldState.error)\|\|void 0===t?void 0:t.message,f=R(),x=f[0],g=f[1],b=f[2],v=r(u.value?mn.fromJSDate(new Date(String(u.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=r(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return h(Si,yn({ref:e},{children:[s(Dt,yn({mask:"00.0000",name:a,handleCLick:g,value:w,onChange:function(n){var e=n.target.value;if(y(e),0!==e.length&&V.test(e)){var t=mn.fromFormat(e,"MM.yyyy").toJSDate();C(t),null==u\|\|u.onChange({target:{value:t,name:a},type:"change"})}else C(null),null==u\|\|u.onChange({target:{value:null,name:a},type:"change"})},disabled:d,message:m,isLabelShrink:Boolean(u.value)},c)),h(I,yn({title:i,isOpen:x,handleClose:b},{children:[s(zi,{children:s(an,yn({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:_i,calendarContainer:Ut,renderCustomHeader:function(n){return s(Ft,yn({},n))}},l))}),s(hi,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==u\|\|u.onChange({target:{value:_,name:a},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),Si=c.div(rt\|\|(rt=Cn(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),zi=c.div(at\|\|(at=Cn(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Ii=function(n){return h(m,{children:[s(Vt,yn({},n)),s(Ci,yn({},n))]})},Pi=t((function(n,e){var t=n.tabs,r=n.handleClick,a=n.variant,d=kn(n,["tabs","handleClick","variant"]),l=i(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),r(n)};return o(Mi,yn({css:"white"===a&&{background:"white"},ref:e},{children:o(A,yn({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:t.map((function(n,e){return o(Wt,yn({tab:n,index:e,handleClick:c,offset:-121},d),n)}))}))}))})),Mi=c.div(ot\|\|(ot=Cn(["\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),Ni=t((function(t,i){var r=t.tabs,a=t.tabPanels,l=t.paths,c=t.activeTab,p=t.variant,u=void 0===p?"grey":p,s=D(),h=n.useState(c),m=h[0],f=h[1],x=n.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),i="".concat(e).concat(l[n]);t!==i&&v(i,{replace:!0})}};return e((function(){f(c)}),[c]),e((function(){"number"!=typeof c&&s<901&&sn.scrollToTop()}),[]),0===s?null:d("div",yn({ref:i},{children:[o(s>765?Yt:Pi,{tabs:r,active:m,handleClick:y,variant:u,isScrolling:g,setIsScrolling:b}),a.map((function(n,e){return o("div",yn({css:e===a.length-1&&Oi},{children:o(Ei,yn({name:r[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Oi=p(dt\|\|(dt=Cn(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Ei=c(hn)(lt\|\|(lt=Cn(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),ji=t((function(n,e){var t=n.form,i=n.name,r=kn(n,["form","name"]);return o(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field;return o(P,yn({checked:Boolean(t.value),onChange:t.onChange,"data-testid":i,ref:e,name:i},r))}})})),Ti=t((function(n,e){var t,i=n.form,r=n.name,a=void 0===r?"phone":r,o=n.hiddenInputProps,d=n.error,l=kn(n,["form","name","hiddenInputProps","error"]),c=on({control:i.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),p=on({control:i.control,name:"".concat(a,".phoneNumber")}),u=void 0!==d&&String(d).length>0?d:null===(t=p.fieldState.error)\|\|void 0===t?void 0:t.message,h=U(e,p.field.ref);return s(M,yn({message:u,hiddenInputProps:yn(yn({},c.field),o),onSelectCountry:function(n){c.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},p.field,l,{onChange:function(n){p.field.onChange(n),c.field.value\|\|c.field.onChange({target:{value:"7",name:"".concat(a,".phoneCode")},type:"change"}),l.onChange&&l.onChange(n)},ref:h,autoComplete:"false"}))})),Di=t((function(n,e){return s(Li,yn({cellSpacing:"0",ref:e},n))})),Li=c.table(ct\|\|(ct=Cn(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Ui=c.th(pt\|\|(pt=Cn(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Bi=c.td(ut\|\|(ut=Cn(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Fi=t((function(e,t){var i=e.children,r=kn(e,["children"]),a=n.Children.toArray(i);return s("tr",yn({ref:t},{children:a.map((function(e){return n.cloneElement(e,r)}))}))})),Ki={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}},Ri=t((function(n,e){n.placement;var t=n.open,i=n.children,r=n.spacing,a=n.className,o=n.style,d=kn(n,["placement","open","children","spacing","className","style"]);return s(Vi,yn({ref:e,className:W("KUI-Popper",a),spacing:r,style:o,open:!!t},{children:s(Ai,yn({open:!!t},d,{children:i}))}))})),Vi=c.div(st\|\|(st=Cn(["\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),Ai=c.div(ht\|\|(ht=Cn(["\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})),Wi=t((function(n,t){var a=n.placement,o=n.contentRef,d=kn(n,["placement","contentRef"]),l=i(null),c=r(null),f=c[0],x=c[1],g=r(null),b=g[0],v=g[1];e((function(){if(o.current&&l.current){var n=l.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};x(e),v(t)}}),[]);var w={};if(f&&b){var y=Ki[null!=a?a:"bottomMiddle"];w={top:Math.max(y.top?f.top-b.height:f.top+f.height,0),left:Math.max(f.left+f.widthy.offset-b.widthy.offset,0)}}return bn.createPortal(h(m,{children:[s(u,{styles:p(mt\|\|(mt=Cn(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),s(Ri,yn({ref:function(n){t&&(t.current=n),l.current=n},style:w},d))]}),document.body)})),Hi=t((function(n,t){var a=n.placement,o=n.contentRef,d=kn(n,["placement","contentRef"]),l=i(null),c=r(null),p=c[0],u=c[1],h=r(null),m=h[0],f=h[1],x={};if(e((function(){o.current&&l.current&&(u({width:o.current.clientWidth,height:o.current.clientHeight}),f({width:l.current.clientWidth,height:l.current.clientHeight}))}),[]),p&&m){var g=Ki[null!=a?a:"bottomMiddle"];x={top:g.top?0-m.height:0+p.height,left:Math.max(p.widthg.offset-m.widthg.offset,0)}}return s(Ri,yn({ref:function(n){t&&(t.current=n),l.current=n},style:x},d))})),Ji=t((function(n,t){var i=n.contentRef,a=kn(n,["contentRef"]),o=r(!0),d=o[0],l=o[1];return e((function(){var n=function(){for(var n=i.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e\|\|"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[i]),s(d?Hi:Wi,yn({ref:t,contentRef:i},a))})),Yi=t((function(n,t){var a=n.content,o=n.onOpen,d=n.onClose,l=n.open,c=n.children,p=n.cursor,u=n.className,m=kn(n,["content","onOpen","onClose","open","children","cursor","className"]),f=r(l),x=f[0],g=f[1],b=i(null),v=function(){g(!0),o&&o()};return e((function(){g(l)}),[l]),h(Gi,yn({className:u,onMouseLeave:function(){g(!1),d&&d()},ref:t},{children:[s($i,yn({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:p},{children:s(Qi,yn({className:"Tooltip_content"},{children:c}))})),s(Ji,yn({open:x},m,{contentRef:b},{children:a}))]}))})),qi=p(ft\|\|(ft=Cn(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Gi=c.div(xt\|\|(xt=Cn(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),qi),$i=c.div(gt\|\|(gt=Cn(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),qi,(function(n){return n.cursor})),Qi=c.div(bt\|\|(bt=Cn(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),qi),Xi=t((function(n,e){var t,i=n.options,r=kn(n,["options"]);return s(Zi,yn({value:null===(t=null==i?void 0:i[0])\|\|void 0===t?void 0:t.value,options:i,iconProps:{width:9,height:5}},r,{ref:e}))})),Zi=c(yt)(vt\|\|(vt=Cn(["\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),nr=t((function(n,e){var t,i,r=n.options,a=n.name,o=n.handleChange,d=n.form,l=n.value,c=kn(n,["options","name","handleChange","form","value"]),p=on({control:d.control,name:a}),u=null===(t=p.fieldState.error)\|\|void 0===t?void 0:t.message;return s(yt,yn({options:r,handleChange:function(n){var e;o&&o(n),d&&(null===(e=p.field)\|\|void 0===e\|\|e.onChange({target:{value:n,name:a},type:"change"}))},error:u,name:a,value:l\|\|(null===(i=p.field)\|\|void 0===i?void 0:i.value),ref:e},c))}));function er(n){var e=n.option,t=n.selectedValue.includes(e.value);return s(rr,yn({container:!0,selected:t},{children:s(N,{checked:t,label:s(ar,yn({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var tr,ir,rr=c(w)(tr\|\|(tr=Cn(["\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),ar=c(f)(ir\|\|(ir=Cn(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?x.palette.grey.seventy:x.palette.grey.fiftyP}));function or(n){var t,i,a=n.options,o=n.name,d=n.handleChange,l=n.form,c=n.value,p=kn(n,["options","name","handleChange","form","value"]),u=l?on({control:l.control,name:o}):null,h=r(c\|\|(null===(t=null==u?void 0:u.field)\|\|void 0===t?void 0:t.value)\|\|[]),m=h[0],f=h[1],x=a.filter((function(n){return m.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(i=null==u?void 0:u.fieldState.error)\|\|void 0===i?void 0:i.message;e((function(){var n;l&&(null===(n=null==u?void 0:u.field)\|\|void 0===n\|\|n.onChange({target:{value:m,name:o},type:"change"}))}),[m]);return s(_e,yn({options:a,handleChange:function(n){m.includes(n.value)?f((function(e){return e.filter((function(e){return e!==n.value}))})):f((function(e){return _n(_n([],e,!0),[n.value],!1)})),d&&d(n.value)},error:g,selectedLabel:x,selectedValue:m,name:o,isLabelShrink:!!x,renderOption:function(n,e){return s(er,{option:n,selectedValue:e})}},p))}var dr=t((function(n,t){var i=n.options,a=n.disabled,o=n.direction,d=void 0===o?"row":o,l=n.defaultValue,c=n.value,p=n.onChange,u=n.isSquare,h=kn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=r(l\|\|c\|\|i[0].value),f=m[0],x=m[1],g=function(n){var e=n.target.value;x(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(x(null),p&&p(n,null))};return e((function(){c&&x(c)}),[c]),s(w,yn({container:!0,direction:d,ref:t},{children:i.map((function(n){return s(O,yn({value:n.value,label:n.label,disabled:Boolean(a),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function lr(n){var t=n.form,i=n.name,r=n.defaultValue,a=kn(n,["form","name","defaultValue"]);return e((function(){t.getValues(i)\|\|r\|\|t.setValue(i,a.options[0].value)}),[]),s(dn,{control:t.control,name:String(i),render:function(n){var e=n.field;return s(dr,yn({},a,e,{defaultValue:r,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:i},type:"change"}),a.onChange&&a.onChange(n,e)}(n,t,e)}}))}})}function cr(n){var e,t=n.title,i=n.className,r=n.direction,a=n.form,o=n.name,d=kn(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 h(gr,{children:[h(br,yn({container:!0,alignItems:"vertical"===r?"flex-start":"center",justify:"space-between",direction:"vertical"===r?"column":"row",hasError:!!l,className:i,withTitle:!!t},{children:[t&&s(vr,yn({direction:r,size:"xs",weight:600},{children:t.toUpperCase()})),s(w,yn({item:!0,xs:"vertical"===r?12:"auto"},{children:s(lr,yn({form:a,name:o},d))}))]})),l&&s(E,{variant:"error",msg:l})]})}dr.displayName="RadioButtons";var pr,ur,sr,hr,mr,fr,xr,gr=c.div(pr\|\|(pr=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),br=c(w,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(hr\|\|(hr=Cn(["\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,i=n.withTitle;return"column"===e?function(n){var e=n.hasError;return p(ur\|\|(ur=Cn(["\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 p(sr\|\|(sr=Cn(["\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:i})}),x.breakpoints.sm),vr=c(f)(mr\|\|(mr=Cn(["\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),wr=t((function(n){var e=n.height,t=void 0===e?"adaptive":e,i=n.className,r=kn(n,["height","className"]);return s(kr,yn({container:!0,alignItems:"center",justify:"center",className:i,height:t},{children:s(yr,yn({},r))}))})),yr=c(j)(fr\|\|(fr=Cn(["\n color: ",";\n"],["\n color: ",";\n"])),x.palette.brand.main),kr=c(w,{shouldForwardProp:function(n){return"height"!==n}})(xr\|\|(xr=Cn(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function _r(n){var e=n.creatingLabel,t=n.renderCreatingModal,i=R(),r=i[0],a=i[1],o=i[2];if(!e\|\|!t)return null;return h(m,{children:[h(Pr,yn({container:!0,onClick:a,alignItems:"center"},{children:[s(Mr,{width:12,height:12}),s(f,yn({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),s(Nr,yn({onClick:function(n){return n.stopPropagation()}},{children:t({open:r,handleClose:o})}))]})}var Cr,Sr,zr,Ir,Pr=c(w)(Cr\|\|(Cr=Cn(["\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),Mr=c(nn)(Sr\|\|(Sr=Cn(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),x.palette.grey.fiftyP),Nr=c.div(zr\|\|(zr=Cn([""],[""]))),Or=function(n){var e=n.option,t=n.renderOption,i=n.handleSelect,r=n.index;return s(Er,yn({item:!0,xs:12,onClick:function(){i(e)},"data-testid":"autocomplete_option_".concat(r)},{children:t(e)}))},Er=c(w)(Ir\|\|(Ir=Cn(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function jr(n){var e=n.options,t=n.renderOption,i=n.creatingLabel,r=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,d=n.isLoading,l=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return h(Lr,yn({input:l,buttonRef:a,isOpen:o,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&u&&u()},endComponent:s(_r,{creatingLabel:i,renderCreatingModal:r})},{children:[e.map((function(n,e){return s(Or,{option:n,renderOption:t,handleSelect:p,index:e},e)})),d&&s(Ur,{height:"auto"})]}))}var Tr,Dr,Lr=c(fe)(Tr\|\|(Tr=Cn(["\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"]))),Ur=c(wr)(Dr\|\|(Dr=Cn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function Br(n){var t,a=n.renderOption,l=n.options,c=n.name,p=n.hideName,u=n.form,s=n.isLoading,h=n.onSelectItem,m=n.handleScrollEnd,f=n.onSearchItem,x=n.isLabelLoading,g=n.disabled,b=n.creatingLabel,v=n.renderCreatingModal,y=n.endComponent,k=n.inputRef,_=n.onOpen,C=kn(n,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),S=r(!1),z=S[0],I=S[1],P=i(null);p&&u.register(p);var M=function(){g\|\|I(!0)},N=function(){I(!1)};e((function(){_&&_(z)}),[z]);var O=U(P,k);return d(Wr,{children:[x&&o(Ar,{children:o(wr,{height:"100%"})}),o(jr,{renderOption:a,options:l,inputRef:{current:null===(t=P.current)\|\|void 0===t?void 0:t.parentElement},isOpenDropdown:z,handleCloseDropdown:N,handleSelect:function(n){var e;h(n),N(),(null===(e=u.getFieldState(c).error)\|\|void 0===e?void 0:e.message)&&u.clearErrors(c)},isLoading:s,handleScrollEnd:m,creatingLabel:b,renderCreatingModal:v,input:o(Hr,yn({form:u,onInput:function(n){f&&(f(n.target.value),p&&u.setValue(p,null)),!n.target.value&&p&&(p&&u.setValue(p,null),u.setValue(c,null),h(null)),M()},onFocus:M,name:c,disabled:g,ref:O,isDropdownOpen:z,autoComplete:"off"},C,{endIcon:!g&&d(w,yn({container:!0,alignItems:"center",onClick:function(){I((function(n){return!n}))}},{children:[o(T,yn({mr:2},{children:y})),C.endIcon\|\|!g&&o(Jr,{width:12,height:13,css:[z&&{transform:"rotate(180deg)"}]})]}))}))})]})}var Fr,Kr,Rr,Vr,Ar=c.div(Fr\|\|(Fr=Cn(["\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"]))),Wr=c.div(Kr\|\|(Kr=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),Hr=c($t)(Rr\|\|(Rr=Cn(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Jr=c(H)(Vr\|\|(Vr=Cn(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function Yr(n){var e=n.label;return s(Gr,{children:s(f,yn({size:"s",weight:500},{children:e}))})}var qr,Gr=c.div(qr\|\|(qr=Cn(["\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 $r(n){var t,a,o=n.file,d=n.onDelete,l=n.onChange,c=n.index,p=n.selectedFile,u=n.setSelectedFile,x=n.limitTitle,b=void 0===x?100:x,v=n.icon,w=n.subtitle,y=n.disabled,k=n.error,_=n.className,C=n.label,S=n.endIcon,z=kn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),I=String(null===(a=(null==o?void 0:o.title)\|\|(null==o?void 0:o.name)\|\|(null===(t=null==o?void 0:o.file)\|\|void 0===t?void 0:t.name)\|\|C)\|\|void 0===a?void 0:a.replace(/\.[^/.]+$/,"")),P=r(I),M=P[0],N=P[1],O=r(!1),E=O[0],j=O[1],D=i(null);e((function(){var n;E&&(null===(n=D.current)\|\|void 0===n\|\|n.focus()),!E&&I!==M&&l&&l(M,c)}),[E]);return h(m,{children:[h(ua,yn({selected:(null!=p?p:-1)===c,error:b&&M.length>b\|\|!!k,onClick:function(){u&&u(null!=c?c:1)},disabled:!!y,className:"FileWrapper ".concat(_\|\|"")},z,{children:[s(sa,yn({className:"FileIcon_wrapper"},{children:v\|\|s(en,{})})),h(ma,yn({withDelete:!!d,withEdit:!!l,className:"FileContent_wrapper"},{children:[h(ga,{children:[s(vn,yn({href:o.url,openInNewWindow:!0},{children:s(xa,{children:M})})),s(fa,{"data-testid":"file_name",ref:D,disabled:!E,value:M,onChange:function(n){N(n.target.value)},onBlur:function(){j(!1)},maxLength:100})]}),w\|\|String(o.size)&&h(f,yn({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),h(ha,yn({className:"FileButtons_wrapper"},{children:[S,!y&&l&&s(g,yn({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){j((function(n){return!n}))}},{children:E?s(Z,{}):s(tn,{width:18,height:18})})),d&&!y&&s(g,yn({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(c))}},{children:s(rn,{width:16,height:16})}))]}))]})),(b&&M.length>b\|\|k)&&s(T,yn({mb:1},{children:s(f,yn({size:"xs",colorGroup:"red",weight:500},{children:k\|\|"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var Qr,Xr,Zr,na,ea,ta,ia,ra,aa,oa,da,la,ca,pa,ua=c.div(Zr\|\|(Zr=Cn(["\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&&p(Xr\|\|(Xr=Cn(["\n background: ",";\n "],["\n background: ",";\n "])),x.palette.background.light1)}),(function(n){return n.error&&p(Qr\|\|(Qr=Cn(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),x.palette.red.seventy)})),sa=c.div(na\|\|(na=Cn(["\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),ha=c.div(ea\|\|(ea=Cn(["\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),ma=c.div(ta\|\|(ta=Cn(["\n width: calc(\n 100% - 48px -\n ","px\n );\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(\n 100% - 48px -\n ","px\n );\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"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),fa=c.input(ia\|\|(ia=Cn(["\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),xa=c.span(ra\|\|(ra=Cn(["\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"]))),ga=c.div(aa\|\|(aa=Cn(["\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"]))),ba=t((function(n,t){var a,o,d=n.form,l=n.name,c=n.parentName,p=n.label,u=n.disabled,x=n.withEdit,g=void 0===x\|\|x,b=n.withDelete,v=void 0===b\|\|b,y=n.fileName,k=n.onChange,_=n.isRequired,C=n.uploadLabel,S=n.toBigTitleMessage,z=n.endIcon,I=n.testId,P=kn(n,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId"]),M=r(!1),N=M[0],O=M[1],j=r(),T=j[0],D=j[1],L=r(""),U=L[0],B=L[1],F=i(null),K=on({control:d.control,name:l}),R=K.field,V=K.fieldState,A=on({control:d.control,name:c\|\|l}).field,W=(T instanceof File?T.name:(null===(a=null==T?void 0:T.uploaded)\|\|void 0===a?void 0:a.name)\|\|(null==T?void 0:T.name)\|\|"").split(".").pop(),H=function(n,e,t,i){var r,a;return n\|\|e?n instanceof File?{file:n,url:URL.createObjectURL(n),size:Math.round(n.size/1048576100)/100,name:t?"".concat(t,".").concat(i):null==n?void 0:n.name}:{file:n,url:(null===(r=null==n?void 0:n.uploaded)\|\|void 0===r?void 0:r.url)\|\|e,size:(null==n?void 0:n.size)?Math.round(n.size/1048576100)/100:null,name:t&&i?"".concat(t,".").concat(i):(null===(a=null==n?void 0:n.uploaded)\|\|void 0===a?void 0:a.name)\|\|(null==n?void 0:n.name)}:null}(T,U,y,W),J=T&&"url"in T?T:H,Y=null===(o=V.error)\|\|void 0===o?void 0:o.message;e((function(){"string"==typeof R.value&&B(R.value),"object"==typeof R.value&&D(R.value),R.value\|\|B(""),O(!0)}),[R.value]),e((function(){var n,e,t=Number((null==y?void 0:y.length)\|\|(null===(n=null==T?void 0:T.uploaded)\|\|void 0===n?void 0:n.name)\|\|(null===(e=null==T?void 0:T.name)\|\|void 0===e?void 0:e.length))>100;N&&!U&&R.onChange({target:{value:T,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:S\|\|"The file name must be less than 100 characters"}):d.clearErrors(l)}),[T]);return h(va,yn({"data-testid":I},{children:[s(ya,yn({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];D(e),k&&k(e)}else D(void 0)}},P,{ref:function(n){t&&(t.current=n),F.current=n}})),J?s($r,{file:J,onDelete:v&&function(){T&&F.current&&(F.current.value=""),D(void 0),B(""),c?A.onChange({target:{value:null,name:c},type:"change"}):R.onChange({target:{value:null,name:l},type:"change"}),k&&k(null)},onChange:g&&function(n){var e,t=d.getValues(l),i="".concat(n,".").concat(W);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:yn(yn({},t.uploaded),{name:n})}:new File([t],i,{type:t.type}),D(e)},error:Y,disabled:u,label:p,endIcon:z}):h(m,{children:[h(wa,yn({error:!!Y,disabled:u,container:!0,justify:"space-between",alignItems:"center"},{children:[s(ka,yn({item:!0},{children:h(f,yn({size:"s",color:"fiftyP"},{children:[p,_?" *":""]}))})),s(w,yn({item:!0},{children:s(_a,yn({disabled:u,size:"s",onClick:function(){F.current&&F.current.click()}},{children:C\|\|"Upload"}))}))]})),Y&&s(E,{variant:"error",msg:Y})]})]}))})),va=c.div(oa\|\|(oa=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),wa=c(w)(da\|\|(da=Cn(["\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})),ya=c.input(la\|\|(la=Cn(["\n display: none;\n"],["\n display: none;\n"]))),ka=c(w)(ca\|\|(ca=Cn(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),_a=c(g)(pa\|\|(pa=Cn(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ca=t((function(n,e){var t=n.form,i=n.name,r=n.label,a=n.labelProps,o=kn(n,["form","name","label","labelProps"]);return s(dn,{control:t.control,name:String(i),render:function(n){var e,t=n.field,i=n.fieldState;return s(N,yn({},o,t,{error:null===(e=i.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 r?s(f,yn({},a,{children:r})):r}))}})}));function Sa(n){var e=n.title,t=n.options,i=n.form;n.name;var r=kn(n,["title","options","form","name"]);return h(Ma,yn({container:!0,alignItems:"center",justify:"space-between"},{children:[s(w,yn({item:!0},{children:s(f,yn({size:"s",weight:500,color:"fiftyP"},{children:e}))})),s(w,yn({item:!0},{children:s(w,yn({container:!0},{children:t.map((function(n){return s(Pa,yn({name:n.name,label:s(f,yn({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:i,testId:n.name},r),n.name)}))}))}))]}))}var za,Ia,Pa=c(Ca)(za\|\|(za=Cn(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Ma=c(w)(Ia\|\|(Ia=Cn(["\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),Na={mapKey:""},Oa=[],Ea=function(){return yn({},Na)},ja=function(n){Na=yn(yn({},Na),n),Oa.forEach((function(n){return n(Na)}))},Ta=function(n){Oa.push(n)},Da=function(n){var e=Oa.indexOf(n);-1!==e&&Oa.splice(e,1)};function La(n){var t=n.children,i=r(!1),a=i[0],o=i[1],d=r("LOADING"),l=d[0],c=d[1],p=r(Ea().mapKey),u=p[0],h=p[1];return e((function(){var n=function(n){return h(n.mapKey)};return Ta(n),function(){Da(n)}}),[]),e((function(){if(!a&&u){var n=new wn({apiKey:u,libraries:["places"],language:"ru"}),e=function(n){c(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return o(!0)}}),[u]),u?"SUCCESS"===l&&t?s(m,{children:t}):(function(n){"LOADING"===n?s(wr,{height:"100%"}):"FAILURE"===n?s("h3",{children:n}):s("div",{})}(l),s(m,{})):s("h2",{children:"Add google key"})}var Ua=function(n){var e=n.dependentInputName,t=n.form,i=n.disabled,r=n.Input,a=kn(n,["dependentInputName","form","disabled","Input"]),o=ln({control:t.control,name:e}),d=yn({form:t,disabled:i\|\|!o},a);return s(r\|\|$t,yn({},d))},Ba=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},Fa=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{Yr as AutocompleteOption,Zn as Avatar,Xi as ButtonSelect,de as ButtonTab,pe as ButtonsPanel,It as CalendarHeaderWithSelect,Mt as CalendarStandardContainer,Ot as CalendarStandardHeader,Sa as CheckboxGroupWithTitle,Ca as CheckboxWithController,Ua as DependentInput,Vt as DesktopInputWithMonthPicker,Yt as DesktopMenuPanel,fe as InputDropdown,ba as InputFile,Dt as InputForDatepicker,or as InputMultiSelect,li as InputPassword,Ti as InputPhoneWithForm,yt as InputSelect,_e as InputSelectBase,we as InputSelectDropdown,nr as InputSelectWithController,pi as InputTextAreaMobile,Br as InputWithAutocomplete,$t as InputWithController,gi as InputWithDatePicker,Gt as InputWithMask,Ii as InputWithMonthPicker,wr as Loading,La as MapWrapper,Wt as MenuItem,Ni as MenuPanel,Ci as MobileInputWithMonthPicker,Pi as MobileMenuPanel,Ut as MonthPickerContainer,Ft as MonthPickerHeader,ni as PassportStrengthBar,dr as RadioButtons,lr as RadioButtonsWithController,cr as RadioGroupWithLabel,he as ScrollingContainer,zt as SelectMonth,_t as SelectYear,ji as Switch,Di as Table,Bi as TableCell,Ui as TableHeadCell,Fi as TableRow,Yi as Tooltip,Qn as UndefinedAvatar,di as getFormError,oi as getFormValue,Ea as getSettings,Ba as getVisibility,Fa as getVisibilitySettings,ja as setSettings,ki as shortMonths,Ta as subscribeToSettings,Da as unsubscribeFromSettings,$n as useScrollWithBottomSpacing};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "kui-complex",
-  "version": "0.0.178",
+  "version": "0.0.180",
   "description": "ui kit for maroom products",
   "main": "./cjs/index.js",
   "types": "./index.d.ts",