kui-complex 0.0.210 → 0.0.211

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cjs/index.js CHANGED
@@ -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"),l=require("kui-utils"),d=require("kui-swiper"),s=require("classnames"),c=require("kui-icon"),p=require("react-datepicker"),u=require("react-hook-form"),h=require("react-scroll"),f=require("luxon"),x=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(d),S=w(s),I=w(p),E=w(x),R=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 z(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function M(n,e,t,r){return new(t||(t=Promise))((function(i,a){function o(n){try{d(r.next(n))}catch(n){a(n)}}function l(n){try{d(r.throw(n))}catch(n){a(n)}}function d(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,l)}d((r=r.apply(n,e||[])).next())}))}function O(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}function D(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function N(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var T,L,B,F,W,G,A,U,V,K,q,H,J,Y,Q,$,X,Z,nn,en,tn,rn,an,on,ln,dn,sn,cn,pn=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)}}}),D([t],a||[],!0))},un=n.forwardRef((function(n,e){var t=n.label,r=z(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(hn,P({"data-testid":"undefined_avatar",ref:e},{children:a.jsx(o.Caption,P({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),hn=C.default.div(T||(T=N(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),o.theme.palette.brand.light,o.theme.palette.brand.main),fn=n.forwardRef((function(n,e){var r=n.size,i=n.fullName,a=n.imageUrl,o=z(n,["size","fullName","imageUrl"]);return t.jsx(xn,P({css:bn[r],ref:e},o,{children:a?t.jsx(mn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):t.jsx(gn,{label:i,avatarSize:r})}))})),xn=C.default.div(L||(L=N(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),mn=C.default.img(B||(B=N(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),gn=C.default(un,{shouldForwardProp:function(n){return"size"!==n}})(W||(W=N(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&i.css(F||(F=N(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),bn={xs:i.css(G||(G=N(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:i.css(A||(A=N(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:i.css(U||(U=N(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:i.css(V||(V=N(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},vn=n.forwardRef((function(n,e){var r=n.index,i=n.onClick,a=n.isActive,o=n.label,l=n.disabled;return t.jsx(wn,P({disabled:l,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&yn,size:"s",ref:e,className:S.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),wn=C.default(o.Button)(K||(K=N(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),yn=i.css(q||(q=N(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),o.theme.palette.grey.seventy),kn=n.forwardRef((function(n,e){var r=n.renderTabWrapper,i=n.label,a=z(n,["renderTabWrapper","label"]);return r?r(i,t.jsx(vn,P({ref:e,label:i},a))):t.jsx(vn,P({ref:e,label:i},a))})),jn=function(e){var t=e.startComponent,r=e.endComponent,i=e.tabs,l=e.renderTabWrapper,d=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),d(n)};return a.jsxs(o.Container,P({className:"KUI-ButtonTabs"},{children:[t,a.jsx(Cn,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(kn,{index:e,onClick:p,isActive:e===s,label:n,renderTabWrapper:l},n)}))})),r]}))},Cn=C.default(_.default)(H||(H=N(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),_n=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,d=e.activeTab,s=e.isSticky,c=e.onChange,p=e.startComponent,u=e.endComponent,h=e.navigate,f=e.renderTabWrapper,x=z(e,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),m=l.useWindowWidth(),g=k.useState(Number(d)),b=g[0],v=g[1];return n.useEffect((function(){v(Number(d))}),[d]),0===m?null:t.jsxs(t.Fragment,{children:[t.jsx(In,P({css:s&&{position:"sticky"},ref:r},x,{children:t.jsx(jn,{value:b,tabs:i,handleChange:function(n){if(v(n),null==o?void 0:o.length){var e=o[n];h?h(e):l.updateQueryParams(e)}c&&c(n)},endComponent:u,startComponent:p,renderTabWrapper:f})})),t.jsx(Sn,P({role:"tabpanel"},{children:a[b]}))]})})),Sn=C.default.div(J||(J=N(["\n height: 100%;\n"],["\n height: 100%;\n"]))),In=C.default.div(Y||(Y=N(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),o.theme.palette.grey.zero),En=n.forwardRef((function(e,t){var r=e.onScrollEnd,i=e.maxHeight,o=e.onScrollChange,l=z(e,["onScrollEnd","maxHeight","onScrollChange"]),d=n.useRef(null),s=n.useState(!1),c=s[0],p=s[1];pn(10,200,r,d),n.useEffect((function(){var n;if(d.current){var e=i?(null===(n=d.current)||void 0===n?void 0:n.clientHeight)>=i:d.current.scrollHeight>d.current.clientHeight;p(e)}}));return n.useEffect((function(){o&&o(c)}),[c]),a.jsx(Rn,P({isScrollable:c,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),d.current=n}},l))})),Rn=C.default.div(Q||(Q=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"],["\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),Pn=n.forwardRef((function(e,t){var r=e.isOpen,i=e.handleClose;e.buttonRef;var o=e.children,l=e.startComponent,d=e.endComponent,s=e.input,c=e.className,p=e.strategy,u=e.onScrollEnd,h=z(e,["isOpen","handleClose","buttonRef","children","startComponent","endComponent","input","className","strategy","onScrollEnd"]),f=n.useState(!1),x=f[0],m=f[1],g=n.useRef(null);return a.jsx(zn,P({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:r,onChange:function(n){n||i()},toggleMethod:"click",strategy:p||"fixed",placement:"bottom",className:c,content:a.jsxs(Mn,P({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof t?t(n):t&&(t.current=n),g.current=n},className:"InputDropdownWrapper"},h,{children:[l,a.jsx(On,P({className:S.default("InputDropdownContent",x&&"InputDropdownScrollable"),isScrollable:x},{children:a.jsx(Dn,P({className:"KUI-InputDropdown_scroll",onScrollChange:m,onScrollEnd:u},{children:o}))})),d]}))},{children:s}))})),zn=C.default(o.Tooltip)($||($=N(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),Mn=C.default(o.Grid)(X||(X=N(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),On=C.default.div(Z||(Z=N(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 6px 8px 0":"14px 0px 8px 0"})),Dn=C.default(En)(nn||(nn=N(["\n width: 100%;\n"],["\n width: 100%;\n"]))),Nn=n.forwardRef((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=z(n,["height","className"]);return a.jsx(Ln,P({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:a.jsx(Tn,P({},i))}))})),Tn=C.default(o.CircularProgress)(en||(en=N(["\n color: ",";\n"],["\n color: ",";\n"])),o.theme.palette.brand.main),Ln=C.default(o.Grid,{shouldForwardProp:function(n){return"height"!==n}})(tn||(tn=N(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height})),Bn=n.forwardRef((function(n,e){var t=n.input,r=n.options,i=n.inputRef,o=n.isOpenDropdown,l=n.handleCloseDropdown,d=n.handleSelect,s=n.selectedValue,c=n.renderOption,p=n.onScrollEnd,u=n.startComponent,h=n.isLoading;return a.jsxs(Wn,P({input:t,buttonRef:i,isOpen:o,handleClose:l,ref:e,onScrollEnd:p,startComponent:u},{children:[a.jsx("div",{children:r.map((function(n,e){return a.jsx(Fn,P({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),className:"InputSelectOption"},{children:c(n,s)}),n.label)}))}),h&&a.jsx(Gn,{height:"auto"})]}))})),Fn=C.default.div(rn||(rn=N(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?o.theme.palette.grey.fiftyP:o.theme.palette.grey.seventy})),Wn=C.default(Pn)(an||(an=N(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Gn=C.default(Nn)(on||(on=N(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"]))),An=n.forwardRef((function(e,r){var i,a=e.options,o=e.name,d=e.disabled,s=e.handleChange,c=e.iconProps,p=e.renderOption,u=e.selectedLabel,h=e.selectedValue,f=e.error,x=e.endIcon,m=e.beforeArrowIcon,g=e.className,b=e.onScrollEnd,v=e.startComponent,w=z(e,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon","beforeArrowIcon","className","onScrollEnd","startComponent"]),y=n.useState(!1),k=y[0],j=y[1],C=n.useRef(null),_=l.useForkRef(C,r),S=function(){j(!1)};return t.jsxs(Un,P({className:g},{children:[t.jsx("input",{name:o,autoComplete:"off",hidden:!0}),t.jsx(Bn,{options:a,inputRef:{current:null===(i=null==C?void 0:C.current)||void 0===i?void 0:i.parentElement},isOpenDropdown:k,handleCloseDropdown:S,handleSelect:function(n){s&&s(n),S()},selectedValue:h,renderOption:p,onScrollEnd:b,startComponent:v,input:t.jsx(Vn,P({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==C?void 0:C.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),d||j((function(n){return!n}))},ref:_,disabled:d,readOnly:!0,value:u,message:f,isLabelShrink:Boolean(h)||0===h,autoComplete:"off"},w,{endIcon:t.jsxs(qn,P({container:!0,alignItems:"center"},{children:[m,!d&&t.jsx(Kn,P({width:12,height:13,css:[{transition:"all linear .2s"},k&&{transform:"rotate(180deg)"}]},c)),x]}))}))})]}))})),Un=C.default.div(ln||(ln=N(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Vn=C.default(o.InputWithAdornments)(dn||(dn=N(["\n input,\n .KUI-Input_label p {\n cursor: "," !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"],["\n input,\n .KUI-Input_label p {\n cursor: "," !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"])),(function(n){return n.disabled?"default":"pointer"})),Kn=C.default(c.HalfArrowIcon)(sn||(sn=N(["\n user-select: none;\n"],["\n user-select: none;\n"]))),qn=C.default(o.Grid)(cn||(cn=N(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Hn(n){var e=n.option,t=n.selectedValue;return a.jsx(Fe,P({selected:t===e.value},{children:a.jsx(o.Caption,P({size:"sm",weight:500},{children:e.label}))}))}var Jn,Yn,Qn,$n,Xn,Zn,ne,ee,te,re,ie,ae,oe,le,de,se,ce,pe,ue,he,fe,xe,me,ge,be,ve,we,ye,ke,je,Ce,_e,Se,Ie,Ee,Re,Pe,ze,Me,Oe,De,Ne,Te,Le,Be,Fe=C.default.div(Jn||(Jn=N(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1),We=n.forwardRef((function(e,t){var r,i=e.options,o=e.name,l=e.handleChange;e.form;var d=e.value,s=z(e,["options","name","handleChange","form","value"]),c=n.useState(d),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!==d&&u(d)}),[d]),a.jsx(An,P({options:i,handleChange:function(n){u(n.value),l&&l(n.value,n)},selectedLabel:h,selectedValue:p,name:o,renderOption:function(n,e){return a.jsx(Hn,{option:n,selectedValue:e})},ref:t},s))})),Ge=function(n,e,t){return e&&n<e||t&&n>t},Ae=n.forwardRef((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,o=z(n,["yearOptions","options","min","max"]),l=t.map((function(n){return P(P({},n),{disabled:Ge(Number(n.value),r,i)})}));return a.jsx(We,P({ref:e,label:"Year",options:l},o))})),Ue=function(n,e,t){return e&&n<e||t&&n>=t},Ve=[{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"}],Ke=n.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var i=z(n,["min","max","options"]),o=Ve.map((function(n){return P(P({},n),{disabled:Ue(n.value,t,r)})}));return a.jsx(We,P({ref:e,label:"Month",options:o},i))})),qe=n.forwardRef((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,l=n.yearOptions,d=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==d?void 0:d.year)===c?null==d?void 0:d.month:11;return a.jsx(He,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(Ae,{min:null==s?void 0:s.year,max:null==d?void 0:d.year,yearOptions:l,value:c,handleChange:r})})),a.jsx(o.Grid,P({item:!0,xs:6},{children:a.jsx(Ke,{min:Number(null==s?void 0:s.year)>=c&&u,max:Number(null==d?void 0:d.year)<=c&&h,value:p,handleChange:t})}))]}))}))})),He=C.default.div(Yn||(Yn=N(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Je=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return a.jsx(Ye,P({ref:e},t))})),Ye=C.default.div(Qn||(Qn=N(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),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),Qe=n.forwardRef((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,l=n.prevMonthButtonDisabled,d=n.date,s=j.default.capitalize(d.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);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(Xe,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(Ze,P({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:l,onClick:t},{children:a.jsx(c.PrevArrowIcon,{width:10,height:10})}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ze,P({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:a.jsx(c.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),$e=C.default(o.Grid)($n||($n=N(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Xe=C.default(o.Heading)(Xn||(Xn=N(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ze=C.default(o.Button)(Zn||(Zn=N(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),nt=n.forwardRef((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,l=n.startIcon,d=z(n,["onClick","disabled","handleClick","startIcon"]),s=function(){r||(i?i():t())},p=function(){return a.jsx(et,P({disabled:r,onClick:s},{children:l||a.jsx(c.CalendarIcon,{width:19,height:21})}))};return a.jsx(o.InputWithMask,P({disabled:r,endIcon:!l&&a.jsx(p,{}),startIcon:l&&a.jsx(p,{})},d,{ref:e}))})),et=C.default.div(ne||(ne=N(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),tt=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return a.jsx(rt,P({ref:e},t))})),rt=C.default.div(ee||(ee=N(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),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),it=n.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,l=n.prevYearButtonDisabled,d=n.date;return a.jsxs(ot,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(at,P({disabled:l,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:d.getFullYear()}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(at,P({disabled:i,onClick:r,type:"button"},{children:a.jsx(c.ArrowNextIcon,{width:14,height:12})}))}))]}))})),at=C.default(o.IconButton)(te||(te=N(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),ot=C.default(o.Grid)(re||(re=N(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),lt=n.forwardRef((function(e,t){var r,i=e.name,o=e.form,l=e.disabled,d=e.datePickerProps,s=e.onChange,c=z(e,["name","form","disabled","datePickerProps","onChange"]),p=n.useState(),h=p[0],f=p[1],x=u.useController({name:i,control:o.control}),m=x.field,g=x.fieldState;return n.useEffect((function(){f(m.value)}),[m.value]),a.jsx(dt,P({ref:t},{children:a.jsx(I.default,P({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:l,customInput:a.jsx(nt,P({mask:"00.0000",name:i,disabled:l,message:null===(r=g.error)||void 0===r?void 0:r.message},c),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:tt,renderCustomHeader:function(n){return a.jsx(it,P({},n))}},d))}))})),dt=C.default.div(ie||(ie=N(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),st=n.forwardRef((function(e,r){var i=e.tab,a=e.active,l=e.index,d=e.handleClick,s=e.offset,c=e.isScrolling,p=e.setIsScrolling,u=function(){p(!1)};return n.useEffect((function(){return a===l&&h.scroller.scrollTo(i,{offset:s}),h.Events.scrollEvent.register("begin",(function(n,e){p(!0),e&&d(Number(e.dataset.index))})),h.Events.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){h.Events.scrollEvent.remove("begin"),h.Events.scrollEvent.remove("end")}}),[]),t.jsx(h.Link,P({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){c||d(l)}},{children:t.jsx(ct,P({ref:r},{children:t.jsx(o.Button,P({variant:Number(a)===l?"orange":"transparentWithBorder",size:"xs",css:Number(a)!==l&&pt},{children:i}))}))}))})),ct=C.default.div(ae||(ae=N(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),pt=i.css(oe||(oe=N(["\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),ut=n.forwardRef((function(n,e){var r=n.tabs,i=n.variant,a=z(n,["tabs","variant"]);return t.jsx(ht,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(st,P({tab:n,index:e,offset:-121},a),n)}),e)}))}))})),ht=C.default(o.Grid)(le||(le=N(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),o.theme.palette.background.light1),ft=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,l=z(n,["form","name","error"]),d=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return 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:d(r)},t,l,{onChange:function(n){return function(n,e){e.onChange(n),l.onChange&&l.onChange(n)}(n,t)},inputRef:e}))}})})),xt=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,l=n.value,d=n.type,s=z(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"!==d||(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:d,value:null!=l?l:t.value,inputRef:e}))}})})),mt={weak:0,simple:1,medium:2,hard:3},gt={weak:o.theme.palette.red.fiftyP,simple:o.theme.palette.brand.main,medium:o.theme.palette.blue.fiftyP,hard:o.theme.palette.green.fiftyP},bt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},vt=n.forwardRef((function(n,e){var r=n.strength,i=r?gt[r]:"",a=r?mt[r]:-1;return t.jsxs(wt,P({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:e},{children:[t.jsx(yt,{children:Object.keys(mt).map((function(n,e){return t.jsx(kt,{children:t.jsx(jt,{"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&&bt[r]})),t.jsx(Ct,P({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),wt=C.default.div(de||(de=N(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),yt=C.default.div(se||(se=N(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),kt=C.default.div(ce||(ce=N(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),jt=C.default(o.LinearProgress)(pe||(pe=N(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),o.theme.palette.grey.fifteenB,(function(n){return n.color})),Ct=C.default(o.Caption)(ue||(ue=N(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),_t=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},St=n.forwardRef((function(e,t){var r=n.useState(!1),i=r[0],o=r[1],d=n.useState(null),s=d[0],p=d[1],u=function(n){0!==n.length?l.strongPasswordRegExp.test(n)?p("hard"):l.mediumPasswordRegExp.test(n)?p("medium"):l.simplePasswordRegExp.test(n)?p("simple"):p("weak"):p(null)};return n.useEffect((function(){var n=e.form,t=e.name,r=_t(t,n);"string"==typeof r&&u(r)}),[]),a.jsxs(a.Fragment,{children:[a.jsx(xt,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(It,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(vt,{strength:s})]})})),It=C.default.div(he||(he=N(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),Et=n.forwardRef((function(n){return a.jsxs(a.Fragment,{children:[a.jsx(Rt,{children:a.jsx(xt,P({},n))}),a.jsx(Pt,{children:a.jsx(xt,P({isTextArea:!0},n))})]})})),Rt=C.default.div(fe||(fe=N(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),Pt=C.default.div(xe||(xe=N(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),zt=n.forwardRef((function(n,e){var t=n.label,r=n.button,i=z(n,["label","button"]);return a.jsxs(Mt,P({ref:e},{children:[a.jsx(o.Divider,{}),a.jsx(Ot,{children:r||a.jsx(Dt,P({fullWidth:!0,size:"s",endIcon:a.jsx(c.CheckIcon,{})},i,{children:t}))})]}))})),Mt=C.default.div(me||(me=N(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),o.theme.palette.grey.zero),Ot=C.default.div(ge||(ge=N(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),Dt=C.default(o.Button)(be||(be=N(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),Nt=n.forwardRef((function(e,r){var i,a=e.title,o=e.description,d=e.name,s=e.form,c=e.disabled,p=e.yearParams,h=e.onChange,x=e.max,m=e.min,g=e.footerLabel,b=e.datePickerProps,v=e.alignTitle,w=void 0===v?"center":v,y=z(e,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=u.useController({name:d,control:s.control}),C=k.field,_=null===(i=k.fieldState.error)||void 0===i?void 0:i.message,S=C.value,E=S?S.toFormat("dd.MM.yyyy"):"",R=S?S.toJSDate():null,M=l.useToggle(),O=M[0],D=M[1],N=M[2],T=n.useState(R),L=T[0],B=T[1],F=n.useState(E),W=F[0],G=F[1],A=function(n,e){if(!n||!e)return[];var t=f.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),U=l.useForkRef(r,C.ref);n.useEffect((function(){G(E)}),[E]);return t.jsxs(t.Fragment,{children:[t.jsx(nt,P({mask:"00.00.0000",name:d,handleClick:D,value:W,onChange:function(n){var e=n.target.value;if(G(e),0!==e.length&&l.isValidWithMaskExp.test(e)){var t=f.DateTime.fromFormat(e,"dd.MM.yyyy");B(t.toJSDate()),null==C||C.onChange({target:{value:t,name:d},type:"change"}),h&&h(t)}else B(null),null==C||C.onChange({target:{value:null,name:d},type:"change"}),h&&h(null)},disabled:c,message:_,ref:U},y)),t.jsxs(Ft,P({title:a,description:o,isOpen:O,handleClose:N,alignTitle:w},{children:[t.jsx(Tt,{children:t.jsx(I.default,P({inline:!0,selected:L||R,onChange:function(n){B(n)},calendarContainer:Lt,renderCustomHeader:function(n){return t.jsx(qe,P({yearOptions:A,max:x,min:m},n))},renderDayContents:function(n){return t.jsx(Bt,{children:n})},maxDate:null==x?void 0:x.toJSDate(),minDate:null==m?void 0:m.toJSDate(),calendarStartDay:1},b))}),t.jsx(zt,{fullWidth:!0,disabled:!R&&!L,onClick:function(){if(L){var n=f.DateTime.fromJSDate(L);G(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:d},type:"change"}),h&&h(n),N()}},label:g})]}))]})})),Tt=C.default.div(ve||(ve=N(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),Lt=C.default(Je)(we||(we=N(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),o.theme.palette.background.light1,o.theme.palette.background.light1),Bt=C.default.span(ye||(ye=N(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),Ft=C.default(o.Modal)(ke||(ke=N(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),Wt=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],Gt=P(P({},E.default),{localize:{month:function(n){return Wt[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),At=n.forwardRef((function(e,t){var r,i=e.title,d=e.name,s=e.form,c=e.disabled,p=e.datePickerProps,h=z(e,["title","name","form","disabled","datePickerProps"]),x=u.useController({name:d,control:s.control}),m=x.field,g=null===(r=x.fieldState.error)||void 0===r?void 0:r.message,b=l.useToggle(),v=b[0],w=b[1],y=b[2],k=n.useState(m.value?f.DateTime.fromJSDate(new Date(String(m.value))).toFormat("MM.yyyy"):null),j=k[0],C=k[1],_=n.useState(j?f.DateTime.fromFormat(j,"MM.yyyy").toJSDate():null),S=_[0],E=_[1];return a.jsxs(Ut,P({ref:t},{children:[a.jsx(nt,P({mask:"00.0000",name:d,handleCLick:w,value:j,onChange:function(n){var e=n.target.value;if(C(e),0!==e.length&&l.isValidWithMaskExp.test(e)){var t=f.DateTime.fromFormat(e,"MM.yyyy").toJSDate();E(t),null==m||m.onChange({target:{value:t,name:d},type:"change"})}else E(null),null==m||m.onChange({target:{value:null,name:d},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(Vt,{children:a.jsx(I.default,P({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:S,onChange:function(n){return E(n)},locale:Gt,calendarContainer:tt,renderCustomHeader:function(n){return a.jsx(it,P({},n))}},p))}),a.jsx(zt,{fullWidth:!0,disabled:!S,onClick:function(){C(S?f.DateTime.fromJSDate(S).toFormat("MM.yyyy"):""),null==m||m.onChange({target:{value:S,name:d},type:"change"}),y()},label:"Подтвердить"})]}))]}))})),Ut=C.default.div(je||(je=N(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Vt=C.default.div(Ce||(Ce=N(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Kt=n.forwardRef((function(e,r){var i=e.tabs,a=e.handleClick,o=e.variant,l=z(e,["tabs","handleClick","variant"]),d=n.useRef(null),s=function(n){setTimeout((function(){var e,t;null===(t=null===(e=d.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),a(n)};return t.jsx(qt,P({css:"white"===o&&{background:"white"},ref:r},{children:t.jsx(_.default,P({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:d},{children:i.map((function(n,e){return t.jsx(st,P({tab:n,index:e,handleClick:s,offset:-121},l),n)}))}))}))})),qt=C.default.div(_e||(_e=N(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),o.theme.palette.background.light1),Ht=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,d=e.activeTab,s=e.variant,c=void 0===s?"grey":s,p=l.useWindowWidth(),u=k.useState(d),f=u[0],x=u[1],g=k.useState(!1),b=g[0],v=g[1],w=m.useNavigate(),y=m.useLocation(),j=function(n){if(o[n]){x(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(){x(d)}),[d]),n.useEffect((function(){"number"!=typeof d&&p<901&&h.animateScroll.scrollToTop()}),[]),0===p?null:t.jsxs("div",P({ref:r},{children:[p>765?t.jsx(ut,{tabs:i,active:f,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}):t.jsx(Kt,{tabs:i,active:f,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}),a.map((function(n,e){return t.jsx("div",P({css:e===a.length-1&&Jt},{children:t.jsx(Yt,P({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Jt=i.css(Se||(Se=N(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Yt=C.default(h.Element)(Ie||(Ie=N(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Qt=n.forwardRef((function(n,e){var r=n.form,i=n.name,a=z(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))}})})),$t=n.forwardRef((function(n,e){var t,r=n.form,i=n.name,d=void 0===i?"phone":i,s=n.hiddenInputProps,c=n.error,p=z(n,["form","name","hiddenInputProps","error"]),h=u.useController({control:r.control,name:"".concat(d,".phoneCode"),defaultValue:"7"}),f=u.useController({control:r.control,name:"".concat(d,".phoneNumber")}),x=void 0!==c&&String(c).length>0?c:null===(t=f.fieldState.error)||void 0===t?void 0:t.message,m=l.useForkRef(e,f.field.ref);return a.jsx(o.InputWithCountryDropdown,P({message:x,hiddenInputProps:P(P({},h.field),s),onSelectCountry:function(n){h.field.onChange({target:{value:n.phoneCode,name:"".concat(d,".phoneCode")},type:"change"})}},f.field,p,{onChange:function(n){f.field.onChange(n),h.field.value||h.field.onChange({target:{value:"7",name:"".concat(d,".phoneCode")},type:"change"}),p.onChange&&p.onChange(n)},ref:m,autoComplete:"false"}))})),Xt=n.forwardRef((function(n,e){return a.jsx(Zt,P({cellSpacing:"0",ref:e},n))})),Zt=C.default.table(Ee||(Ee=N(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),nr=C.default.th(Re||(Re=N(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),er=C.default.td(Pe||(Pe=N(["\n padding: 0;\n"],["\n padding: 0;\n"]))),tr=n.forwardRef((function(n,e){var t=n.children,r=z(n,["children"]),i=k.Children.toArray(t);return a.jsx("tr",P({ref:e},{children:i.map((function(n){return k.cloneElement(n,r)}))}))})),rr={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}},ir=n.forwardRef((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,o=n.className,l=n.style,d=z(n,["placement","open","children","spacing","className","style"]);return a.jsx(ar,P({ref:e,className:S.default("KUI-Popper",o),spacing:i,style:l,open:!!t},{children:a.jsx(or,P({open:!!t},d,{children:r}))}))})),ar=C.default.div(ze||(ze=N(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),o.theme.breakpoints.xxs),or=C.default.div(Me||(Me=N(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),lr=n.forwardRef((function(e,t){var r=e.placement,o=e.contentRef,l=z(e,["placement","contentRef"]),d=n.useRef(null),s=n.useState(null),c=s[0],p=s[1],u=n.useState(null),h=u[0],f=u[1];n.useEffect((function(){if(o.current&&d.current){var n=d.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};p(e),f(t)}}),[]);var x={};if(c&&h){var m=rr[null!=r?r:"bottomMiddle"];x={top:Math.max(m.top?c.top-h.height:c.top+c.height,0),left:Math.max(c.left+c.width*m.offset-h.width*m.offset,0)}}return R.createPortal(a.jsxs(a.Fragment,{children:[a.jsx(i.Global,{styles:i.css(Oe||(Oe=N(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),a.jsx(ir,P({ref:function(n){t&&(t.current=n),d.current=n},style:x},l))]}),document.body)})),dr=n.forwardRef((function(e,t){var r=e.placement,i=e.contentRef,o=z(e,["placement","contentRef"]),l=n.useRef(null),d=n.useState(null),s=d[0],c=d[1],p=n.useState(null),u=p[0],h=p[1],f={};if(n.useEffect((function(){i.current&&l.current&&(c({width:i.current.clientWidth,height:i.current.clientHeight}),h({width:l.current.clientWidth,height:l.current.clientHeight}))}),[]),s&&u){var x=rr[null!=r?r:"bottomMiddle"];f={top:x.top?0-u.height:0+s.height,left:Math.max(s.width*x.offset-u.width*x.offset,0)}}return a.jsx(ir,P({ref:function(n){t&&(t.current=n),l.current=n},style:f},o))})),sr=n.forwardRef((function(e,t){var r=e.contentRef,i=z(e,["contentRef"]),o=n.useState(!0),l=o[0],d=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}();d(!!n)}),[r]),l?a.jsx(dr,P({ref:t,contentRef:r},i)):a.jsx(lr,P({ref:t,contentRef:r},i))})),cr=n.forwardRef((function(e,t){var r=e.content,i=e.onOpen,o=e.onClose,l=e.open,d=e.children,s=e.cursor,c=e.className,p=z(e,["content","onOpen","onClose","open","children","cursor","className"]),u=n.useState(l),h=u[0],f=u[1],x=n.useRef(null),m=function(){f(!0),i&&i()};return n.useEffect((function(){f(l)}),[l]),a.jsxs(ur,P({className:c,onMouseLeave:function(){f(!1),o&&o()},ref:t},{children:[a.jsx(hr,P({onMouseEnter:m,onTouchEnd:m,ref:x,cursor:s},{children:a.jsx(fr,P({className:"Tooltip_content"},{children:d}))})),a.jsx(sr,P({open:h},p,{contentRef:x},{children:r}))]}))})),pr=i.css(De||(De=N(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),ur=C.default.div(Ne||(Ne=N(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),pr),hr=C.default.div(Te||(Te=N(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),pr,(function(n){return n.cursor})),fr=C.default.div(Le||(Le=N(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),pr),xr=n.forwardRef((function(n,e){var t,r=n.options,i=z(n,["options"]);return a.jsx(mr,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}))})),mr=C.default(We)(Be||(Be=N(["\n .KUI-Input_container {\n height: 40px !important;\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 !important;\n input {\n height: 32px;\n }\n }\n }\n .KUI-Input_container + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n .KUI-Input_container {\n height: 40px !important;\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 !important;\n input {\n height: 32px;\n }\n }\n }\n .KUI-Input_container + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),o.theme.breakpoints.xs),gr=n.forwardRef((function(n,e){var t,r,i=n.options,o=n.name,l=n.handleChange,d=n.form,s=n.value,c=z(n,["options","name","handleChange","form","value"]),p=u.useController({control:d.control,name:o}),h=null===(t=p.fieldState.error)||void 0===t?void 0:t.message;return a.jsx(We,P({options:i,handleChange:function(n,e){var t;l&&l(n,e),d&&(null===(t=p.field)||void 0===t||t.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 br(n){var e=n.option,t=n.selectedValue.includes(e.value);return a.jsx(yr,P({container:!0,selected:t},{children:a.jsx(o.Checkbox,{checked:t,label:a.jsx(kr,P({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var vr,wr,yr=C.default(o.Grid)(vr||(vr=N(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1,o.theme.palette.grey.seventy),kr=C.default(o.Caption)(wr||(wr=N(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?o.theme.palette.grey.seventy:o.theme.palette.grey.fiftyP}));function jr(n){var e=n.option,t=!!n.selectedValue.find((function(n){return n.value===e.value}));return a.jsxs(Ir,P({container:!0,selected:t,alignItems:"center",justify:"space-between"},{children:[a.jsx(Er,P({onClick:function(n){n.preventDefault()},size:"sm",weight:500,selected:t},{children:e.label})),a.jsx(Rr,{children:t&&a.jsx(c.CheckIcon,{width:12})})]}))}var Cr,_r,Sr,Ir=C.default(o.Grid)(Cr||(Cr=N(["\n padding: 8px 0;\n &:hover {\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px 0;\n &:hover {\n p {\n color: "," !important;\n }\n }\n"])),o.theme.palette.grey.seventy),Er=C.default(o.Caption)(_r||(_r=N(["\n transition: all ease-out 0.3s;\n color: "," !important;\n"],["\n transition: all ease-out 0.3s;\n color: "," !important;\n"])),(function(n){return n.selected?o.theme.palette.grey.seventy:o.theme.palette.grey.fiftyP})),Rr=C.default.div(Sr||(Sr=N(["\n margin-left: 4px;\n width: 10px;\n min-width: 10px;\n path {\n fill: ",";\n }\n"],["\n margin-left: 4px;\n width: 10px;\n min-width: 10px;\n path {\n fill: ",";\n }\n"])),o.theme.palette.grey.fiftyP);var Pr,zr=C.default(An)(Pr||(Pr=N(["\n .InputDropdownWrapper {\n padding: 8px;\n }\n .InputDropdownContent {\n padding: 0 12px;\n border-radius: 16px;\n border: 1px solid ",";\n &.InputDropdownScrollable {\n padding: 0 20px 0 12px;\n }\n }\n .InputSelectOption {\n padding: 0;\n }\n .InputSelectOption:not(:last-of-type) {\n border-bottom: 1px solid ",";\n }\n"],["\n .InputDropdownWrapper {\n padding: 8px;\n }\n .InputDropdownContent {\n padding: 0 12px;\n border-radius: 16px;\n border: 1px solid ",";\n &.InputDropdownScrollable {\n padding: 0 20px 0 12px;\n }\n }\n .InputSelectOption {\n padding: 0;\n }\n .InputSelectOption:not(:last-of-type) {\n border-bottom: 1px solid ",";\n }\n"])),o.theme.palette.grey.fifteenB,o.theme.palette.grey.fifteenB);var Mr=n.forwardRef((function(e,t){var r=e.options,i=e.disabled,l=e.direction,d=void 0===l?"row":l,s=e.defaultValue,c=e.value,p=e.onChange,u=e.isSquare,h=z(e,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),f=n.useState(s||c||r[0].value),x=f[0],m=f[1],g=function(n){var e=n.target.value;m(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(x)===String(e)&&(m(null),p&&p(n,null))};return n.useEffect((function(){c&&m(c)}),[c]),a.jsx(o.Grid,P({container:!0,direction:d,ref:t},{children:r.map((function(n){return a.jsx(o.Radio,P({value:n.value,label:n.label,disabled:Boolean(i),checked:String(x)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function Or(e){var t=e.form,r=e.name,i=e.defaultValue,o=z(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(Mr,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)}}))}})}Mr.displayName="RadioButtons";var Dr,Nr,Tr,Lr,Br,Fr=C.default.div(Dr||(Dr=N(["\n position: relative;\n"],["\n position: relative;\n"]))),Wr=C.default(o.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(Lr||(Lr=N(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?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(Nr||(Nr=N(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:t}):function(n){var e=n.hasError,t=n.withTitle;return i.css(Tr||(Tr=N(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),t?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:t,withTitle:r})}),o.theme.breakpoints.sm),Gr=C.default(o.Caption)(Br||(Br=N(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),o.theme.breakpoints.sm);function Ar(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=l.useToggle(),i=r[0],d=r[1],s=r[2];if(!e||!t)return null;return a.jsxs(a.Fragment,{children:[a.jsxs(Hr,P({container:!0,onClick:d,alignItems:"center"},{children:[a.jsx(Jr,{width:12,height:12}),a.jsx(o.Caption,P({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),a.jsx(Yr,P({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:s})}))]})}var Ur,Vr,Kr,qr,Hr=C.default(o.Grid)(Ur||(Ur=N(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),o.theme.palette.grey.fifteenB),Jr=C.default(c.PlusIcon)(Vr||(Vr=N(["\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),Yr=C.default.div(Kr||(Kr=N([""],[""]))),Qr=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return a.jsx($r,P({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},$r=C.default(o.Grid)(qr||(qr=N(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Xr(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,o=n.inputRef,l=n.isOpenDropdown,d=n.isLoading,s=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return a.jsxs(ei,P({input:s,buttonRef:o,isOpen:l,handleClose:c,onScrollEnd:u,endComponent:a.jsx(Ar,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return a.jsx(Qr,{option:n,renderOption:t,handleSelect:p,index:e},e)})),d&&a.jsx(ti,{height:"auto"})]}))}var Zr,ni,ei=C.default(Pn)(Zr||(Zr=N(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),ti=C.default(Nn)(ni||(ni=N(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var ri,ii,ai,oi,li=C.default.div(ri||(ri=N(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),di=C.default.div(ii||(ii=N(["\n position: relative;\n"],["\n position: relative;\n"]))),si=C.default(xt)(ai||(ai=N(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),ci=C.default(c.HalfArrowIcon)(oi||(oi=N(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var pi,ui=C.default.div(pi||(pi=N(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),o.theme.palette.background.light2);function hi(e){var t,r,i=e.file,l=e.onDelete,d=e.onChange,s=e.index,p=e.selectedFile,u=e.setSelectedFile,h=e.limitTitle,f=void 0===h?100:h,x=e.icon,m=e.subtitle,g=e.disabled,v=e.error,w=e.className,y=e.label,k=e.endIcon,j=z(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],E=n.useState(!1),R=E[0],M=E[1],O=n.useRef(null);n.useEffect((function(){var n;R&&(null===(n=O.current)||void 0===n||n.focus()),!R&&C!==S&&d&&d(S,s)}),[R]);return a.jsxs(a.Fragment,{children:[a.jsxs(Ei,P({selected:(null!=p?p:-1)===s,error:f&&S.length>f||!!v,onClick:function(){u&&u(null!=s?s:1)},disabled:!!g,className:"FileWrapper ".concat(w||"")},j,{children:[a.jsx(Ri,P({className:"FileIcon_wrapper"},{children:x||a.jsx(c.FileIcon,{})})),a.jsxs(zi,P({withDelete:!!l,withEdit:!!d,className:"FileContent_wrapper"},{children:[a.jsxs(Di,{children:[a.jsx(b.Link,P({href:i.url,openInNewWindow:!0},{children:a.jsx(Oi,{children:S})})),a.jsx(Mi,{"data-testid":"file_name",ref:O,disabled:!R,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(Pi,P({className:"FileButtons_wrapper"},{children:[k,!g&&d&&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:R?a.jsx(c.CheckIcon,{}):a.jsx(c.EditIcon,{width:18,height:18})})),l&&!g&&a.jsx(o.Button,P({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;l&&l(null!==(n=i.index)&&void 0!==n?n:1,Number(s))}},{children:a.jsx(c.CancelIcon,{width:16,height:16})}))]}))]})),(f&&S.length>f||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 fi,xi,mi,gi,bi,vi,wi,yi,ki,ji,Ci,_i,Si,Ii,Ei=C.default.div(mi||(mi=N(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?o.theme.palette.brand.main:o.theme.palette.grey.fifteenB}),(function(n){return n.disabled&&i.css(xi||(xi=N(["\n background: ",";\n "],["\n background: ",";\n "])),o.theme.palette.background.light1)}),(function(n){return n.error&&i.css(fi||(fi=N(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),o.theme.palette.red.seventy)})),Ri=C.default.div(gi||(gi=N(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),o.theme.palette.brand.light),Pi=C.default.div(bi||(bi=N(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),o.theme.palette.grey.thirty),zi=C.default.div(vi||(vi=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"],["\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})),Mi=C.default.input(wi||(wi=N(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),o.theme.palette.grey.seventy,o.theme.palette.brand.main),Oi=C.default.span(yi||(yi=N(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),Di=C.default.div(ki||(ki=N(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),Ni=["png","svg","jpg","jpeg","webp","gif","avif","apng","heic"],Ti=n.forwardRef((function(e,t){var r,i,l,d=e.form,s=e.name,c=e.parentName,p=e.label,h=e.disabled,f=e.withEdit,x=void 0===f||f,m=e.withDelete,g=void 0===m||m,b=e.fileName,v=e.onChange,w=e.isRequired,y=e.uploadLabel,k=e.toBigTitleMessage,j=e.endIcon,C=e.testId,_=e.onlyImages,S=z(e,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId","onlyImages"]),I=n.useState(!1),E=I[0],R=I[1],M=n.useState(),O=M[0],D=M[1],N=n.useState(""),T=N[0],L=N[1],B=n.useRef(null),F=u.useController({control:d.control,name:s}),W=F.field,G=F.fieldState,A=u.useController({control:d.control,name:c||s}).field,U=(O instanceof File?O.name:(null===(r=null==O?void 0:O.uploaded)||void 0===r?void 0:r.name)||(null==O?void 0:O.name)||"").split(".").pop(),V=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/1048576*100)/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/1048576*100)/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}(O,T,b,U),K=O&&"url"in O?O:V,q=null===(i=G.error)||void 0===i?void 0:i.message;n.useEffect((function(){"string"==typeof W.value&&L(W.value),"object"==typeof W.value&&D(W.value),W.value||L(""),R(!0)}),[null===(l=W.value)||void 0===l?void 0:l.toString()]),n.useEffect((function(){var n,e,t=Number((null==b?void 0:b.length)||(null===(n=null==O?void 0:O.uploaded)||void 0===n?void 0:n.name)||(null===(e=null==O?void 0:O.name)||void 0===e?void 0:e.length))>100;E&&!T&&W.onChange({target:{value:O,name:s},type:"change"}),t?d.setError(s,{type:"custom",message:k||"The file name must be less than 100 characters"}):d.clearErrors(s)}),[O]);return a.jsxs(Li,P({"data-testid":C},{children:[a.jsx(Fi,P({type:"file",onInput:function(n){var e;if(n.target.files&&n.target.files[0]){d.clearErrors(s);var t=n.target.files[0];if(_){var r=null===(e=t.name.split(".").pop())||void 0===e?void 0:e.toLowerCase();r&&Ni.includes(r)?(D(t),v&&v(t)):d.setError(s,{type:"custom",message:"The file must be an image"})}else D(t),v&&v(t)}else D(void 0)}},S,{ref:function(n){t&&(t.current=n),B.current=n}})),K?a.jsx(hi,{file:K,onDelete:g&&function(){O&&B.current&&(B.current.value=""),D(void 0),L(""),c?A.onChange({target:{value:null,name:c},type:"change"}):W.onChange({target:{value:null,name:s},type:"change"}),v&&v(null)},onChange:x&&function(n){var e,t=d.getValues(s),r="".concat(n,".").concat(U);"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}),D(e)},error:q,disabled:h,label:p,endIcon:j}):a.jsxs(a.Fragment,{children:[a.jsxs(Bi,P({error:!!q,disabled:h,container:!0,justify:"space-between",alignItems:"center"},{children:[a.jsx(Wi,P({item:!0},{children:a.jsxs(o.Caption,P({size:"s",color:"fiftyP"},{children:[p,w?" *":""]}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Gi,P({disabled:h,size:"s",onClick:function(){B.current&&B.current.click()}},{children:y||"Upload"}))}))]})),q&&a.jsx(o.InputMessage,{variant:"error",msg:q})]})]}))})),Li=C.default.div(ji||(ji=N(["\n position: relative;\n"],["\n position: relative;\n"]))),Bi=C.default(o.Grid)(Ci||(Ci=N(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?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})),Fi=C.default.input(_i||(_i=N(["\n display: none;\n"],["\n display: none;\n"]))),Wi=C.default(o.Grid)(Si||(Si=N(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Gi=C.default(o.Button)(Ii||(Ii=N(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ai=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.label,l=n.labelProps,d=z(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({},d,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},label:"string"==typeof i?a.jsx(o.Caption,P({},l,{children:i})):i}))}})}));var Ui,Vi,Ki=C.default(Ai)(Ui||(Ui=N(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),qi=C.default(o.Grid)(Vi||(Vi=N(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),o.theme.palette.grey.fifteenB),Hi={mapKey:""},Ji=[],Yi=function(){return P({},Hi)},Qi=function(n){Ji.push(n)},$i=function(n){var e=Ji.indexOf(n);-1!==e&&Ji.splice(e,1)};exports.AdvancedMarker=function(e){var t=e.map,r=e.position,i=e.children,a=n.useRef(null),o=n.useRef(document.createElement("div"));return n.useEffect((function(){var n,e,i;if(t&&(null===(i=null===(e=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===e?void 0:e.marker)||void 0===i?void 0:i.AdvancedMarkerElement)){var l=new google.maps.marker.AdvancedMarkerElement({map:t,position:r,content:o.current,collisionBehavior:"OPTIONAL_AND_HIDES_LOWER_PRIORITY"});return a.current=l,function(){return l.map=null}}}),[t]),n.useEffect((function(){a.current&&r&&(a.current.position=r)}),[r]),g.createPortal(i,o.current)},exports.AutocompleteOption=function(n){var e=n.label;return a.jsx(ui,{children:a.jsx(o.Caption,P({size:"s",weight:500},{children:e}))})},exports.Avatar=fn,exports.ButtonSelect=xr,exports.ButtonTab=kn,exports.ButtonsPanel=_n,exports.CalendarHeaderWithSelect=qe,exports.CalendarStandardContainer=Je,exports.CalendarStandardHeader=Qe,exports.CheckboxGroupWithTitle=function(n){var e=n.title,t=n.options,r=n.form;n.name;var i=z(n,["title","options","form","name"]);return a.jsxs(qi,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(Ki,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=Ai,exports.DependentInput=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,o=z(n,["dependentInputName","form","disabled","Input"]),l=u.useWatch({control:t.control,name:e}),d=P({form:t,disabled:r||!l},o);return i?a.jsx(i,P({},d)):a.jsx(xt,P({},d))},exports.DesktopInputWithMonthPicker=lt,exports.DesktopMenuPanel=ut,exports.InputDropdown=Pn,exports.InputFile=Ti,exports.InputForDatepicker=nt,exports.InputMultiSelect=function(e){var t,r,i=e.options,o=e.name,l=e.handleChange,d=e.onLabelChange,s=e.form,c=e.value,p=e.onOptionsChange,h=z(e,["options","name","handleChange","onLabelChange","form","value","onOptionsChange"]),f=s?u.useController({control:s.control,name:o}):null,x=c||(null===(t=null==f?void 0:f.field)||void 0===t?void 0:t.value),m=n.useState(x||[]),g=m[0],b=m[1],v=n.useState((null==x?void 0:x.map((function(n){return i.find((function(e){return e.value===n}))||{label:"",optionValue:n}})))||[]),w=v[0],y=v[1],k=i.filter((function(n){return g.includes(n.value)})).map((function(n){return n.label})).join(", "),j=null===(r=null==f?void 0:f.fieldState.error)||void 0===r?void 0:r.message;return n.useEffect((function(){var n;s&&(null===(n=null==f?void 0:f.field)||void 0===n||n.onChange({target:{value:g,name:o},type:"change"}))}),[g]),n.useEffect((function(){p&&p(w)}),[w]),n.useEffect((function(){d&&d(k)}),[k]),a.jsx(An,P({options:i,handleChange:function(n){g.includes(n.value)?(l&&l(n.value,n,g.filter((function(e){return e!==n.value}))),b((function(e){return e.filter((function(e){return e!==n.value}))})),y((function(e){return e.filter((function(e){return e.value!==n.value}))}))):(l&&l(n.value,n,D(D([],g,!0),[n.value],!1)),b((function(e){return D(D([],e,!0),[n.value],!1)})),y((function(e){return D(D([],e,!0),[n],!1)})))},error:j,selectedLabel:k,selectedValue:g,name:o,isLabelShrink:!!k,renderOption:function(n,e){return a.jsx(br,{option:n,selectedValue:e})}},h))},exports.InputMultiSelectBase=function(e){var t=e.options,r=e.name,i=e.handleChange,o=e.onLabelChange,l=e.value,d=z(e,["options","name","handleChange","onLabelChange","value"]),s=n.useState(l||[]),c=s[0],p=s[1],u=t.filter((function(n){return c.includes(n.value)})).map((function(n){return n.label})).join(", ");return n.useEffect((function(){o&&o(u)}),[u]),a.jsx(An,P({options:t,handleChange:function(n){c.includes(n.value)?(i&&i(n.value,n,c.filter((function(e){return e!==n.value}))),p((function(e){return e.filter((function(e){return e!==n.value}))}))):(i&&i(n.value,n,D(D([],c,!0),[n.value],!1)),p((function(e){return D(D([],e,!0),[n.value],!1)})))},selectedLabel:u,selectedValue:c,name:r,isLabelShrink:!!u,renderOption:function(n,e){return a.jsx(br,{option:n,selectedValue:e})}},d))},exports.InputMultiSelectNew=function(e){var t,r,i=e.options,o=e.name,l=e.handleChange,d=e.onLabelChange,s=e.form,c=e.value,p=z(e,["options","name","handleChange","onLabelChange","form","value"]),h=s?u.useController({control:s.control,name:o}):null,f=n.useState(c||(null===(t=null==h?void 0:h.field)||void 0===t?void 0:t.value)||[]),x=f[0],m=f[1],g=i.filter((function(n){return x.find((function(e){return e.value===n.value}))})).map((function(n){return n.label})).join(", "),b=null===(r=null==h?void 0:h.fieldState.error)||void 0===r?void 0:r.message;return n.useEffect((function(){var n;s&&(null===(n=null==h?void 0:h.field)||void 0===n||n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),n.useEffect((function(){d&&d(g)}),[g]),a.jsx(zr,P({options:i,handleChange:function(n){x.find((function(e){return e.value===n.value}))?(l&&l(n.value,n,x.filter((function(e){return e.value!==n.value}))),m((function(e){return e.filter((function(e){return e.value!==n.value}))}))):(l&&l(n.value,n,D(D([],x,!0),[n.value],!1)),m((function(e){return D(D([],e,!0),[n],!1)})))},error:b,selectedLabel:g,selectedValue:x,name:o,isLabelShrink:!!g,renderOption:function(n,e){return a.jsx(jr,{option:n,selectedValue:e})}},p))},exports.InputPassword=St,exports.InputPhoneWithForm=$t,exports.InputSelect=We,exports.InputSelectBase=An,exports.InputSelectDropdown=Bn,exports.InputSelectWithController=gr,exports.InputTextAreaMobile=Et,exports.InputWithAutocomplete=function(e){var r,i=e.renderOption,a=e.options,d=e.name,s=e.hideName,c=e.form,p=e.isLoading,u=e.onSelectItem,h=e.handleScrollEnd,f=e.onSearchItem,x=e.isLabelLoading,m=e.disabled,g=e.creatingLabel,b=e.renderCreatingModal,v=e.endComponent,w=e.inputRef,y=e.onOpen,k=z(e,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),j=n.useState(!1),C=j[0],_=j[1],S=n.useRef(null);s&&c.register(s);var I=function(){m||_(!0)},E=function(){_(!1)};n.useEffect((function(){y&&y(C)}),[C]);var R=l.useForkRef(S,w);return t.jsxs(di,{children:[x&&t.jsx(li,{children:t.jsx(Nn,{height:"100%"})}),t.jsx(Xr,{renderOption:i,options:a,inputRef:{current:null===(r=S.current)||void 0===r?void 0:r.parentElement},isOpenDropdown:C,handleCloseDropdown:E,handleSelect:function(n){var e;u(n),E(),(null===(e=c.getFieldState(d).error)||void 0===e?void 0:e.message)&&c.clearErrors(d)},isLoading:p,handleScrollEnd:h,creatingLabel:g,renderCreatingModal:b,input:t.jsx(si,P({form:c,onInput:function(n){f&&(f(n.target.value),s&&c.setValue(s,null)),!n.target.value&&s&&(s&&c.setValue(s,null),c.setValue(d,null),u(null)),I()},onFocus:I,name:d,disabled:m,ref:R,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(ci,{width:12,height:13,css:[C&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=xt,exports.InputWithDatePicker=Nt,exports.InputWithMask=ft,exports.InputWithMonthPicker=function(n){return a.jsxs(a.Fragment,{children:[a.jsx(lt,P({},n)),a.jsx(At,P({},n))]})},exports.Loading=Nn,exports.MapWrapper=function(e){var t=this,r=e.children,i=e.onInit,o=n.useState(!1),l=o[0],d=o[1],s=n.useState("LOADING"),c=s[0],p=s[1],u=n.useState(Yi().mapKey),h=u[0],f=u[1];return n.useEffect((function(){var n=function(n){return f(n.mapKey)};return Qi(n),function(){$i(n)}}),[]),n.useEffect((function(){var n;return n=h,M(t,void 0,void 0,(function(){return O(this,(function(e){switch(e.label){case 0:if(l||!n)return[3,4];p("LOADING"),e.label=1;case 1:return e.trys.push([1,3,,4]),v.setOptions({key:n,language:"ru"}),[4,Promise.allSettled(D([v.importLibrary("core"),v.importLibrary("maps"),v.importLibrary("places"),v.importLibrary("marker")],i?[i()]:[],!0))];case 2:return e.sent(),p("SUCCESS"),[3,4];case 3:return e.sent(),p("FAILURE"),[3,4];case 4:return[2]}}))})),function(){return d(!0)}}),[h]),h?"SUCCESS"===c&&r?a.jsx(a.Fragment,{children:r}):(function(n){"LOADING"===n?a.jsx(Nn,{height:"100%"}):"FAILURE"===n?a.jsx("h3",{children:n}):a.jsx("div",{})}(c),a.jsx(a.Fragment,{})):a.jsx("h2",{children:"Add google key"})},exports.MenuItem=st,exports.MenuPanel=Ht,exports.MobileInputWithMonthPicker=At,exports.MobileMenuPanel=Kt,exports.MonthPickerContainer=tt,exports.MonthPickerHeader=it,exports.PassportStrengthBar=vt,exports.RadioButtons=Mr,exports.RadioButtonsWithController=Or,exports.RadioGroupWithLabel=function(n){var e,t=n.title,r=n.className,i=n.direction,l=n.form,d=n.name,s=z(n,["title","className","direction","form","name"]),c=null===(e=u.useController({control:l.control,name:d}).fieldState.error)||void 0===e?void 0:e.message;return a.jsxs(Fr,{children:[a.jsxs(Wr,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(Gr,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(Or,P({form:l,name:d},s))}))]})),c&&a.jsx(o.InputMessage,{variant:"error",msg:c})]})},exports.ScrollingContainer=En,exports.SelectMonth=Ke,exports.SelectYear=Ae,exports.Switch=Qt,exports.Table=Xt,exports.TableCell=er,exports.TableHeadCell=nr,exports.TableRow=tr,exports.Tooltip=cr,exports.UndefinedAvatar=un,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=_t,exports.getSettings=Yi,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){Hi=P(P({},Hi),n),Ji.forEach((function(n){return n(Hi)}))},exports.shortMonths=Wt,exports.subscribeToSettings=Qi,exports.unsubscribeFromSettings=$i,exports.useScrollWithBottomSpacing=pn;
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"),l=require("kui-utils"),d=require("kui-swiper"),s=require("classnames"),c=require("kui-icon"),p=require("react-datepicker"),u=require("react-hook-form"),h=require("react-scroll"),f=require("luxon"),x=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(d),S=w(s),I=w(p),E=w(x),R=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 z(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function M(n,e,t,r){return new(t||(t=Promise))((function(i,a){function o(n){try{d(r.next(n))}catch(n){a(n)}}function l(n){try{d(r.throw(n))}catch(n){a(n)}}function d(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,l)}d((r=r.apply(n,e||[])).next())}))}function O(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}function D(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function N(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var T,L,B,F,W,G,A,U,V,K,q,H,J,Y,Q,$,X,Z,nn,en,tn,rn,an,on,ln,dn,sn,cn,pn=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)}}}),D([t],a||[],!0))},un=n.forwardRef((function(n,e){var t=n.label,r=z(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(hn,P({"data-testid":"undefined_avatar",ref:e},{children:a.jsx(o.Caption,P({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),hn=C.default.div(T||(T=N(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),o.theme.palette.brand.light,o.theme.palette.brand.main),fn=n.forwardRef((function(n,e){var r=n.size,i=n.fullName,a=n.imageUrl,o=z(n,["size","fullName","imageUrl"]);return t.jsx(xn,P({css:bn[r],ref:e},o,{children:a?t.jsx(mn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):t.jsx(gn,{label:i,avatarSize:r})}))})),xn=C.default.div(L||(L=N(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),mn=C.default.img(B||(B=N(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),gn=C.default(un,{shouldForwardProp:function(n){return"size"!==n}})(W||(W=N(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&i.css(F||(F=N(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),bn={xs:i.css(G||(G=N(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:i.css(A||(A=N(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:i.css(U||(U=N(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:i.css(V||(V=N(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},vn=n.forwardRef((function(n,e){var r=n.index,i=n.onClick,a=n.isActive,o=n.label,l=n.disabled;return t.jsx(wn,P({disabled:l,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&yn,size:"s",ref:e,className:S.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),wn=C.default(o.Button)(K||(K=N(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),yn=i.css(q||(q=N(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),o.theme.palette.grey.seventy),kn=n.forwardRef((function(n,e){var r=n.renderTabWrapper,i=n.label,a=z(n,["renderTabWrapper","label"]);return r?r(i,t.jsx(vn,P({ref:e,label:i},a))):t.jsx(vn,P({ref:e,label:i},a))})),jn=function(e){var t=e.startComponent,r=e.endComponent,i=e.tabs,l=e.renderTabWrapper,d=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),d(n)};return a.jsxs(o.Container,P({className:"KUI-ButtonTabs"},{children:[t,a.jsx(Cn,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(kn,{index:e,onClick:p,isActive:e===s,label:n,renderTabWrapper:l},n)}))})),r]}))},Cn=C.default(_.default)(H||(H=N(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),_n=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,d=e.activeTab,s=e.isSticky,c=e.onChange,p=e.startComponent,u=e.endComponent,h=e.navigate,f=e.renderTabWrapper,x=z(e,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),m=l.useWindowWidth(),g=k.useState(Number(d)),b=g[0],v=g[1];return n.useEffect((function(){v(Number(d))}),[d]),0===m?null:t.jsxs(t.Fragment,{children:[t.jsx(In,P({css:s&&{position:"sticky"},ref:r},x,{children:t.jsx(jn,{value:b,tabs:i,handleChange:function(n){if(v(n),null==o?void 0:o.length){var e=o[n];h?h(e):l.updateQueryParams(e)}c&&c(n)},endComponent:u,startComponent:p,renderTabWrapper:f})})),t.jsx(Sn,P({role:"tabpanel"},{children:a[b]}))]})})),Sn=C.default.div(J||(J=N(["\n height: 100%;\n"],["\n height: 100%;\n"]))),In=C.default.div(Y||(Y=N(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),o.theme.palette.grey.zero),En=n.forwardRef((function(e,t){var r=e.onScrollEnd,i=e.maxHeight,o=e.onScrollChange,l=z(e,["onScrollEnd","maxHeight","onScrollChange"]),d=n.useRef(null),s=n.useState(!1),c=s[0],p=s[1];pn(10,200,r,d),n.useEffect((function(){var n;if(d.current){var e=i?(null===(n=d.current)||void 0===n?void 0:n.clientHeight)>=i:d.current.scrollHeight>d.current.clientHeight;p(e)}}));return n.useEffect((function(){o&&o(c)}),[c]),a.jsx(Rn,P({isScrollable:c,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),d.current=n}},l))})),Rn=C.default.div(Q||(Q=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"],["\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),Pn=n.forwardRef((function(e,t){var r=e.isOpen,i=e.handleClose;e.buttonRef;var o=e.children,l=e.startComponent,d=e.endComponent,s=e.input,c=e.className,p=e.strategy,u=e.onScrollEnd,h=z(e,["isOpen","handleClose","buttonRef","children","startComponent","endComponent","input","className","strategy","onScrollEnd"]),f=n.useState(!1),x=f[0],m=f[1],g=n.useRef(null);return a.jsx(zn,P({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:r,onChange:function(n){n||i()},toggleMethod:"click",strategy:p||"fixed",placement:"bottom",className:c,content:a.jsxs(Mn,P({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof t?t(n):t&&(t.current=n),g.current=n},className:"InputDropdownWrapper"},h,{children:[l,a.jsx(On,P({className:S.default("InputDropdownContent",x&&"InputDropdownScrollable"),isScrollable:x},{children:a.jsx(Dn,P({className:"KUI-InputDropdown_scroll",onScrollChange:m,onScrollEnd:u},{children:o}))})),d]}))},{children:s}))})),zn=C.default(o.Tooltip)($||($=N(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),Mn=C.default(o.Grid)(X||(X=N(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),On=C.default.div(Z||(Z=N(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 6px 8px 0":"14px 0px 8px 0"})),Dn=C.default(En)(nn||(nn=N(["\n width: 100%;\n"],["\n width: 100%;\n"]))),Nn=n.forwardRef((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=z(n,["height","className"]);return a.jsx(Ln,P({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:a.jsx(Tn,P({},i))}))})),Tn=C.default(o.CircularProgress)(en||(en=N(["\n color: ",";\n"],["\n color: ",";\n"])),o.theme.palette.brand.main),Ln=C.default(o.Grid,{shouldForwardProp:function(n){return"height"!==n}})(tn||(tn=N(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height})),Bn=n.forwardRef((function(n,e){var t=n.input,r=n.options,i=n.inputRef,o=n.isOpenDropdown,l=n.handleCloseDropdown,d=n.handleSelect,s=n.selectedValue,c=n.renderOption,p=n.onScrollEnd,u=n.startComponent,h=n.isLoading;return a.jsxs(Wn,P({input:t,buttonRef:i,isOpen:o,handleClose:l,ref:e,onScrollEnd:p,startComponent:u},{children:[a.jsx("div",{children:r.map((function(n,e){return a.jsx(Fn,P({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),className:"InputSelectOption"},{children:c(n,s)}),n.label)}))}),h&&a.jsx(Gn,{height:"auto"})]}))})),Fn=C.default.div(rn||(rn=N(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?o.theme.palette.grey.fiftyP:o.theme.palette.grey.seventy})),Wn=C.default(Pn)(an||(an=N(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Gn=C.default(Nn)(on||(on=N(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"]))),An=n.forwardRef((function(e,r){var i,a=e.options,o=e.name,d=e.disabled,s=e.handleChange,c=e.iconProps,p=e.renderOption,u=e.selectedLabel,h=e.selectedValue,f=e.error,x=e.endIcon,m=e.beforeArrowIcon,g=e.className,b=e.onScrollEnd,v=e.startComponent,w=z(e,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon","beforeArrowIcon","className","onScrollEnd","startComponent"]),y=n.useState(!1),k=y[0],j=y[1],C=n.useRef(null),_=l.useForkRef(C,r),S=function(){j(!1)};return t.jsxs(Un,P({className:g},{children:[t.jsx("input",{name:o,autoComplete:"off",hidden:!0}),t.jsx(Bn,{options:a,inputRef:{current:null===(i=null==C?void 0:C.current)||void 0===i?void 0:i.parentElement},isOpenDropdown:k,handleCloseDropdown:S,handleSelect:function(n){s&&s(n),S()},selectedValue:h,renderOption:p,onScrollEnd:b,startComponent:v,input:t.jsx(Vn,P({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==C?void 0:C.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==C?void 0:C.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),d||j((function(n){return!n}))},ref:_,disabled:d,readOnly:!0,value:u,message:f,isLabelShrink:Boolean(h)||0===h,autoComplete:"off"},w,{endIcon:t.jsxs(qn,P({container:!0,alignItems:"center"},{children:[m,!d&&t.jsx(Kn,P({width:12,height:13,css:[{transition:"all linear .2s"},k&&{transform:"rotate(180deg)"}]},c)),x]}))}))})]}))})),Un=C.default.div(ln||(ln=N(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Vn=C.default(o.InputWithAdornments)(dn||(dn=N(["\n input,\n .KUI-Input_label p {\n cursor: "," !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"],["\n input,\n .KUI-Input_label p {\n cursor: "," !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"])),(function(n){return n.disabled?"default":"pointer"})),Kn=C.default(c.HalfArrowIcon)(sn||(sn=N(["\n user-select: none;\n"],["\n user-select: none;\n"]))),qn=C.default(o.Grid)(cn||(cn=N(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Hn(n){var e=n.option,t=n.selectedValue;return a.jsx(Fe,P({selected:t===e.value},{children:a.jsx(o.Caption,P({size:"sm",weight:500},{children:e.label}))}))}var Jn,Yn,Qn,$n,Xn,Zn,ne,ee,te,re,ie,ae,oe,le,de,se,ce,pe,ue,he,fe,xe,me,ge,be,ve,we,ye,ke,je,Ce,_e,Se,Ie,Ee,Re,Pe,ze,Me,Oe,De,Ne,Te,Le,Be,Fe=C.default.div(Jn||(Jn=N(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1),We=n.forwardRef((function(e,t){var r,i=e.options,o=e.name,l=e.handleChange;e.form;var d=e.value,s=z(e,["options","name","handleChange","form","value"]),c=n.useState(d),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!==d&&u(d)}),[d]),a.jsx(An,P({options:i,handleChange:function(n){u(n.value),l&&l(n.value,n)},selectedLabel:h,selectedValue:p,name:o,renderOption:function(n,e){return a.jsx(Hn,{option:n,selectedValue:e})},ref:t},s))})),Ge=function(n,e,t){return e&&n<e||t&&n>t},Ae=n.forwardRef((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,o=z(n,["yearOptions","options","min","max"]),l=t.map((function(n){return P(P({},n),{disabled:Ge(Number(n.value),r,i)})}));return a.jsx(We,P({ref:e,label:"Year",options:l},o))})),Ue=function(n,e,t){return e&&n<e||t&&n>=t},Ve=[{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"}],Ke=n.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var i=z(n,["min","max","options"]),o=Ve.map((function(n){return P(P({},n),{disabled:Ue(n.value,t,r)})}));return a.jsx(We,P({ref:e,label:"Month",options:o},i))})),qe=n.forwardRef((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,l=n.yearOptions,d=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==d?void 0:d.year)===c?null==d?void 0:d.month:11;return a.jsx(He,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(Ae,{min:null==s?void 0:s.year,max:null==d?void 0:d.year,yearOptions:l,value:c,handleChange:r})})),a.jsx(o.Grid,P({item:!0,xs:6},{children:a.jsx(Ke,{min:Number(null==s?void 0:s.year)>=c&&u,max:Number(null==d?void 0:d.year)<=c&&h,value:p,handleChange:t})}))]}))}))})),He=C.default.div(Yn||(Yn=N(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Je=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return a.jsx(Ye,P({ref:e},t))})),Ye=C.default.div(Qn||(Qn=N(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),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),Qe=n.forwardRef((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,l=n.prevMonthButtonDisabled,d=n.date,s=j.default.capitalize(d.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);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(Xe,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(Ze,P({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:l,onClick:t},{children:a.jsx(c.PrevArrowIcon,{width:10,height:10})}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ze,P({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:a.jsx(c.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),$e=C.default(o.Grid)($n||($n=N(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Xe=C.default(o.Heading)(Xn||(Xn=N(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ze=C.default(o.Button)(Zn||(Zn=N(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),nt=n.forwardRef((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,l=n.startIcon,d=z(n,["onClick","disabled","handleClick","startIcon"]),s=function(){r||(i?i():t())},p=function(){return a.jsx(et,P({disabled:r,onClick:s},{children:l||a.jsx(c.CalendarIcon,{width:19,height:21})}))};return a.jsx(o.InputWithMask,P({disabled:r,endIcon:!l&&a.jsx(p,{}),startIcon:l&&a.jsx(p,{})},d,{ref:e}))})),et=C.default.div(ne||(ne=N(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),tt=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return a.jsx(rt,P({ref:e},t))})),rt=C.default.div(ee||(ee=N(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),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),it=n.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,l=n.prevYearButtonDisabled,d=n.date;return a.jsxs(ot,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(at,P({disabled:l,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:d.getFullYear()}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(at,P({disabled:i,onClick:r,type:"button"},{children:a.jsx(c.ArrowNextIcon,{width:14,height:12})}))}))]}))})),at=C.default(o.IconButton)(te||(te=N(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),ot=C.default(o.Grid)(re||(re=N(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),lt=n.forwardRef((function(e,t){var r,i=e.name,o=e.form,l=e.disabled,d=e.datePickerProps,s=e.onChange,c=z(e,["name","form","disabled","datePickerProps","onChange"]),p=n.useState(),h=p[0],f=p[1],x=u.useController({name:i,control:o.control}),m=x.field,g=x.fieldState;return n.useEffect((function(){f(m.value)}),[m.value]),a.jsx(dt,P({ref:t},{children:a.jsx(I.default,P({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:l,customInput:a.jsx(nt,P({mask:"00.0000",name:i,disabled:l,message:null===(r=g.error)||void 0===r?void 0:r.message},c),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:tt,renderCustomHeader:function(n){return a.jsx(it,P({},n))}},d))}))})),dt=C.default.div(ie||(ie=N(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),st=n.forwardRef((function(e,r){var i=e.tab,a=e.active,l=e.index,d=e.handleClick,s=e.offset,c=e.isScrolling,p=e.setIsScrolling,u=function(){p(!1)};return n.useEffect((function(){return a===l&&h.scroller.scrollTo(i,{offset:s}),h.Events.scrollEvent.register("begin",(function(n,e){p(!0),e&&d(Number(e.dataset.index))})),h.Events.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){h.Events.scrollEvent.remove("begin"),h.Events.scrollEvent.remove("end")}}),[]),t.jsx(h.Link,P({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){c||d(l)}},{children:t.jsx(ct,P({ref:r},{children:t.jsx(o.Button,P({variant:Number(a)===l?"orange":"transparentWithBorder",size:"xs",css:Number(a)!==l&&pt},{children:i}))}))}))})),ct=C.default.div(ae||(ae=N(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),pt=i.css(oe||(oe=N(["\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),ut=n.forwardRef((function(n,e){var r=n.tabs,i=n.variant,a=z(n,["tabs","variant"]);return t.jsx(ht,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(st,P({tab:n,index:e,offset:-121},a),n)}),e)}))}))})),ht=C.default(o.Grid)(le||(le=N(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),o.theme.palette.background.light1),ft=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,l=z(n,["form","name","error"]),d=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return 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:d(r)},t,l,{onChange:function(n){return function(n,e){e.onChange(n),l.onChange&&l.onChange(n)}(n,t)},inputRef:e}))}})})),xt=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,l=n.value,d=n.type,s=z(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"!==d||(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:d,value:null!=l?l:t.value,inputRef:e}))}})})),mt={weak:0,simple:1,medium:2,hard:3},gt={weak:o.theme.palette.red.fiftyP,simple:o.theme.palette.brand.main,medium:o.theme.palette.blue.fiftyP,hard:o.theme.palette.green.fiftyP},bt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},vt=n.forwardRef((function(n,e){var r=n.strength,i=r?gt[r]:"",a=r?mt[r]:-1;return t.jsxs(wt,P({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:e},{children:[t.jsx(yt,{children:Object.keys(mt).map((function(n,e){return t.jsx(kt,{children:t.jsx(jt,{"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&&bt[r]})),t.jsx(Ct,P({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),wt=C.default.div(de||(de=N(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),yt=C.default.div(se||(se=N(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),kt=C.default.div(ce||(ce=N(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),jt=C.default(o.LinearProgress)(pe||(pe=N(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),o.theme.palette.grey.fifteenB,(function(n){return n.color})),Ct=C.default(o.Caption)(ue||(ue=N(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),_t=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},St=n.forwardRef((function(e,t){var r=n.useState(!1),i=r[0],o=r[1],d=n.useState(null),s=d[0],p=d[1],u=function(n){0!==n.length?l.strongPasswordRegExp.test(n)?p("hard"):l.mediumPasswordRegExp.test(n)?p("medium"):l.simplePasswordRegExp.test(n)?p("simple"):p("weak"):p(null)};return n.useEffect((function(){var n=e.form,t=e.name,r=_t(t,n);"string"==typeof r&&u(r)}),[]),a.jsxs(a.Fragment,{children:[a.jsx(xt,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(It,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(vt,{strength:s})]})})),It=C.default.div(he||(he=N(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),Et=n.forwardRef((function(n){return a.jsxs(a.Fragment,{children:[a.jsx(Rt,{children:a.jsx(xt,P({},n))}),a.jsx(Pt,{children:a.jsx(xt,P({isTextArea:!0},n))})]})})),Rt=C.default.div(fe||(fe=N(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),Pt=C.default.div(xe||(xe=N(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),zt=n.forwardRef((function(n,e){var t=n.label,r=n.button,i=z(n,["label","button"]);return a.jsxs(Mt,P({ref:e},{children:[a.jsx(o.Divider,{}),a.jsx(Ot,{children:r||a.jsx(Dt,P({fullWidth:!0,size:"s",endIcon:a.jsx(c.CheckIcon,{})},i,{children:t}))})]}))})),Mt=C.default.div(me||(me=N(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),o.theme.palette.grey.zero),Ot=C.default.div(ge||(ge=N(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),Dt=C.default(o.Button)(be||(be=N(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),Nt=n.forwardRef((function(e,r){var i,a=e.title,o=e.description,d=e.name,s=e.form,c=e.disabled,p=e.yearParams,h=e.onChange,x=e.max,m=e.min,g=e.footerLabel,b=e.datePickerProps,v=e.alignTitle,w=void 0===v?"center":v,y=z(e,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=u.useController({name:d,control:s.control}),C=k.field,_=null===(i=k.fieldState.error)||void 0===i?void 0:i.message,S=C.value,E=S?S.toFormat("dd.MM.yyyy"):"",R=S?S.toJSDate():null,M=l.useToggle(),O=M[0],D=M[1],N=M[2],T=n.useState(R),L=T[0],B=T[1],F=n.useState(E),W=F[0],G=F[1],A=function(n,e){if(!n||!e)return[];var t=f.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),U=l.useForkRef(r,C.ref);n.useEffect((function(){G(E)}),[E]);return t.jsxs(t.Fragment,{children:[t.jsx(nt,P({mask:"00.00.0000",name:d,handleClick:D,value:W,onChange:function(n){var e=n.target.value;if(G(e),0!==e.length&&l.isValidWithMaskExp.test(e)){var t=f.DateTime.fromFormat(e,"dd.MM.yyyy");B(t.toJSDate()),null==C||C.onChange({target:{value:t,name:d},type:"change"}),h&&h(t)}else B(null),null==C||C.onChange({target:{value:null,name:d},type:"change"}),h&&h(null)},disabled:c,message:_,ref:U},y)),t.jsxs(Ft,P({title:a,description:o,isOpen:O,handleClose:N,alignTitle:w},{children:[t.jsx(Tt,{children:t.jsx(I.default,P({inline:!0,selected:L||R,onChange:function(n){B(n)},calendarContainer:Lt,renderCustomHeader:function(n){return t.jsx(qe,P({yearOptions:A,max:x,min:m},n))},renderDayContents:function(n){return t.jsx(Bt,{children:n})},maxDate:null==x?void 0:x.toJSDate(),minDate:null==m?void 0:m.toJSDate(),calendarStartDay:1},b))}),t.jsx(zt,{fullWidth:!0,disabled:!R&&!L,onClick:function(){if(L){var n=f.DateTime.fromJSDate(L);G(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:d},type:"change"}),h&&h(n),N()}},label:g})]}))]})})),Tt=C.default.div(ve||(ve=N(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),Lt=C.default(Je)(we||(we=N(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),o.theme.palette.background.light1,o.theme.palette.background.light1),Bt=C.default.span(ye||(ye=N(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),Ft=C.default(o.Modal)(ke||(ke=N(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),Wt=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],Gt=P(P({},E.default),{localize:{month:function(n){return Wt[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),At=n.forwardRef((function(e,t){var r,i=e.title,d=e.name,s=e.form,c=e.disabled,p=e.datePickerProps,h=z(e,["title","name","form","disabled","datePickerProps"]),x=u.useController({name:d,control:s.control}),m=x.field,g=null===(r=x.fieldState.error)||void 0===r?void 0:r.message,b=l.useToggle(),v=b[0],w=b[1],y=b[2],k=n.useState(m.value?f.DateTime.fromJSDate(new Date(String(m.value))).toFormat("MM.yyyy"):null),j=k[0],C=k[1],_=n.useState(j?f.DateTime.fromFormat(j,"MM.yyyy").toJSDate():null),S=_[0],E=_[1];return a.jsxs(Ut,P({ref:t},{children:[a.jsx(nt,P({mask:"00.0000",name:d,handleCLick:w,value:j,onChange:function(n){var e=n.target.value;if(C(e),0!==e.length&&l.isValidWithMaskExp.test(e)){var t=f.DateTime.fromFormat(e,"MM.yyyy").toJSDate();E(t),null==m||m.onChange({target:{value:t,name:d},type:"change"})}else E(null),null==m||m.onChange({target:{value:null,name:d},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(Vt,{children:a.jsx(I.default,P({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:S,onChange:function(n){return E(n)},locale:Gt,calendarContainer:tt,renderCustomHeader:function(n){return a.jsx(it,P({},n))}},p))}),a.jsx(zt,{fullWidth:!0,disabled:!S,onClick:function(){C(S?f.DateTime.fromJSDate(S).toFormat("MM.yyyy"):""),null==m||m.onChange({target:{value:S,name:d},type:"change"}),y()},label:"Подтвердить"})]}))]}))})),Ut=C.default.div(je||(je=N(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Vt=C.default.div(Ce||(Ce=N(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Kt=n.forwardRef((function(e,r){var i=e.tabs,a=e.handleClick,o=e.variant,l=z(e,["tabs","handleClick","variant"]),d=n.useRef(null),s=function(n){setTimeout((function(){var e,t;null===(t=null===(e=d.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),a(n)};return t.jsx(qt,P({css:"white"===o&&{background:"white"},ref:r},{children:t.jsx(_.default,P({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:d},{children:i.map((function(n,e){return t.jsx(st,P({tab:n,index:e,handleClick:s,offset:-121},l),n)}))}))}))})),qt=C.default.div(_e||(_e=N(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),o.theme.palette.background.light1),Ht=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,d=e.activeTab,s=e.variant,c=void 0===s?"grey":s,p=l.useWindowWidth(),u=k.useState(d),f=u[0],x=u[1],g=k.useState(!1),b=g[0],v=g[1],w=m.useNavigate(),y=m.useLocation(),j=function(n){if(o[n]){x(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(){x(d)}),[d]),n.useEffect((function(){"number"!=typeof d&&p<901&&h.animateScroll.scrollToTop()}),[]),0===p?null:t.jsxs("div",P({ref:r},{children:[p>765?t.jsx(ut,{tabs:i,active:f,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}):t.jsx(Kt,{tabs:i,active:f,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}),a.map((function(n,e){return t.jsx("div",P({css:e===a.length-1&&Jt},{children:t.jsx(Yt,P({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Jt=i.css(Se||(Se=N(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Yt=C.default(h.Element)(Ie||(Ie=N(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Qt=n.forwardRef((function(n,e){var r=n.form,i=n.name,a=z(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))}})})),$t=n.forwardRef((function(n,e){var t,r=n.form,i=n.name,d=void 0===i?"phone":i,s=n.hiddenInputProps,c=n.error,p=z(n,["form","name","hiddenInputProps","error"]),h=u.useController({control:r.control,name:"".concat(d,".phoneCode"),defaultValue:"7"}),f=u.useController({control:r.control,name:"".concat(d,".phoneNumber")}),x=void 0!==c&&String(c).length>0?c:null===(t=f.fieldState.error)||void 0===t?void 0:t.message,m=l.useForkRef(e,f.field.ref);return a.jsx(o.InputWithCountryDropdown,P({message:x,hiddenInputProps:P(P({},h.field),s),onSelectCountry:function(n){h.field.onChange({target:{value:n.phoneCode,name:"".concat(d,".phoneCode")},type:"change"})}},f.field,p,{onChange:function(n){f.field.onChange(n),h.field.value||h.field.onChange({target:{value:"7",name:"".concat(d,".phoneCode")},type:"change"}),p.onChange&&p.onChange(n)},ref:m,autoComplete:"false"}))})),Xt=n.forwardRef((function(n,e){return a.jsx(Zt,P({cellSpacing:"0",ref:e},n))})),Zt=C.default.table(Ee||(Ee=N(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),nr=C.default.th(Re||(Re=N(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),er=C.default.td(Pe||(Pe=N(["\n padding: 0;\n"],["\n padding: 0;\n"]))),tr=n.forwardRef((function(n,e){var t=n.children,r=z(n,["children"]),i=k.Children.toArray(t);return a.jsx("tr",P({ref:e},{children:i.map((function(n){return k.cloneElement(n,r)}))}))})),rr={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}},ir=n.forwardRef((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,o=n.className,l=n.style,d=z(n,["placement","open","children","spacing","className","style"]);return a.jsx(ar,P({ref:e,className:S.default("KUI-Popper",o),spacing:i,style:l,open:!!t},{children:a.jsx(or,P({open:!!t},d,{children:r}))}))})),ar=C.default.div(ze||(ze=N(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),o.theme.breakpoints.xxs),or=C.default.div(Me||(Me=N(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),lr=n.forwardRef((function(e,t){var r=e.placement,o=e.contentRef,l=z(e,["placement","contentRef"]),d=n.useRef(null),s=n.useState(null),c=s[0],p=s[1],u=n.useState(null),h=u[0],f=u[1];n.useEffect((function(){if(o.current&&d.current){var n=d.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};p(e),f(t)}}),[]);var x={};if(c&&h){var m=rr[null!=r?r:"bottomMiddle"];x={top:Math.max(m.top?c.top-h.height:c.top+c.height,0),left:Math.max(c.left+c.width*m.offset-h.width*m.offset,0)}}return R.createPortal(a.jsxs(a.Fragment,{children:[a.jsx(i.Global,{styles:i.css(Oe||(Oe=N(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),a.jsx(ir,P({ref:function(n){t&&(t.current=n),d.current=n},style:x},l))]}),document.body)})),dr=n.forwardRef((function(e,t){var r=e.placement,i=e.contentRef,o=z(e,["placement","contentRef"]),l=n.useRef(null),d=n.useState(null),s=d[0],c=d[1],p=n.useState(null),u=p[0],h=p[1],f={};if(n.useEffect((function(){i.current&&l.current&&(c({width:i.current.clientWidth,height:i.current.clientHeight}),h({width:l.current.clientWidth,height:l.current.clientHeight}))}),[]),s&&u){var x=rr[null!=r?r:"bottomMiddle"];f={top:x.top?0-u.height:0+s.height,left:Math.max(s.width*x.offset-u.width*x.offset,0)}}return a.jsx(ir,P({ref:function(n){t&&(t.current=n),l.current=n},style:f},o))})),sr=n.forwardRef((function(e,t){var r=e.contentRef,i=z(e,["contentRef"]),o=n.useState(!0),l=o[0],d=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}();d(!!n)}),[r]),l?a.jsx(dr,P({ref:t,contentRef:r},i)):a.jsx(lr,P({ref:t,contentRef:r},i))})),cr=n.forwardRef((function(e,t){var r=e.content,i=e.onOpen,o=e.onClose,l=e.open,d=e.children,s=e.cursor,c=e.className,p=z(e,["content","onOpen","onClose","open","children","cursor","className"]),u=n.useState(l),h=u[0],f=u[1],x=n.useRef(null),m=function(){f(!0),i&&i()};return n.useEffect((function(){f(l)}),[l]),a.jsxs(ur,P({className:c,onMouseLeave:function(){f(!1),o&&o()},ref:t},{children:[a.jsx(hr,P({onMouseEnter:m,onTouchEnd:m,ref:x,cursor:s},{children:a.jsx(fr,P({className:"Tooltip_content"},{children:d}))})),a.jsx(sr,P({open:h},p,{contentRef:x},{children:r}))]}))})),pr=i.css(De||(De=N(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),ur=C.default.div(Ne||(Ne=N(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),pr),hr=C.default.div(Te||(Te=N(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),pr,(function(n){return n.cursor})),fr=C.default.div(Le||(Le=N(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),pr),xr=n.forwardRef((function(n,e){var t,r=n.options,i=z(n,["options"]);return a.jsx(mr,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}))})),mr=C.default(We)(Be||(Be=N(["\n .KUI-Input_container {\n height: 40px !important;\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 !important;\n input {\n height: 32px;\n }\n }\n }\n .KUI-Input_container + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n .KUI-Input_container {\n height: 40px !important;\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 !important;\n input {\n height: 32px;\n }\n }\n }\n .KUI-Input_container + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),o.theme.breakpoints.xs),gr=n.forwardRef((function(n,e){var t,r,i=n.options,o=n.name,l=n.handleChange,d=n.form,s=n.value,c=n.defaultValue,p=z(n,["options","name","handleChange","form","value","defaultValue"]),h=u.useController({control:d.control,name:o}),f=null===(t=h.fieldState.error)||void 0===t?void 0:t.message;return a.jsx(We,P({options:i,handleChange:function(n,e){var t;l&&l(n,e),d&&(null===(t=h.field)||void 0===t||t.onChange({target:{value:n,name:o},type:"change"}))},error:f,name:o,value:s||(null===(r=h.field)||void 0===r?void 0:r.value)||c,ref:e},p))}));function br(n){var e=n.option,t=n.selectedValue.includes(e.value);return a.jsx(yr,P({container:!0,selected:t},{children:a.jsx(o.Checkbox,{checked:t,label:a.jsx(kr,P({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var vr,wr,yr=C.default(o.Grid)(vr||(vr=N(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1,o.theme.palette.grey.seventy),kr=C.default(o.Caption)(wr||(wr=N(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?o.theme.palette.grey.seventy:o.theme.palette.grey.fiftyP}));function jr(n){var e=n.option,t=!!n.selectedValue.find((function(n){return n.value===e.value}));return a.jsxs(Ir,P({container:!0,selected:t,alignItems:"center",justify:"space-between"},{children:[a.jsx(Er,P({onClick:function(n){n.preventDefault()},size:"sm",weight:500,selected:t},{children:e.label})),a.jsx(Rr,{children:t&&a.jsx(c.CheckIcon,{width:12})})]}))}var Cr,_r,Sr,Ir=C.default(o.Grid)(Cr||(Cr=N(["\n padding: 8px 0;\n &:hover {\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px 0;\n &:hover {\n p {\n color: "," !important;\n }\n }\n"])),o.theme.palette.grey.seventy),Er=C.default(o.Caption)(_r||(_r=N(["\n transition: all ease-out 0.3s;\n color: "," !important;\n"],["\n transition: all ease-out 0.3s;\n color: "," !important;\n"])),(function(n){return n.selected?o.theme.palette.grey.seventy:o.theme.palette.grey.fiftyP})),Rr=C.default.div(Sr||(Sr=N(["\n margin-left: 4px;\n width: 10px;\n min-width: 10px;\n path {\n fill: ",";\n }\n"],["\n margin-left: 4px;\n width: 10px;\n min-width: 10px;\n path {\n fill: ",";\n }\n"])),o.theme.palette.grey.fiftyP);var Pr,zr=C.default(An)(Pr||(Pr=N(["\n .InputDropdownWrapper {\n padding: 8px;\n }\n .InputDropdownContent {\n padding: 0 12px;\n border-radius: 16px;\n border: 1px solid ",";\n &.InputDropdownScrollable {\n padding: 0 20px 0 12px;\n }\n }\n .InputSelectOption {\n padding: 0;\n }\n .InputSelectOption:not(:last-of-type) {\n border-bottom: 1px solid ",";\n }\n"],["\n .InputDropdownWrapper {\n padding: 8px;\n }\n .InputDropdownContent {\n padding: 0 12px;\n border-radius: 16px;\n border: 1px solid ",";\n &.InputDropdownScrollable {\n padding: 0 20px 0 12px;\n }\n }\n .InputSelectOption {\n padding: 0;\n }\n .InputSelectOption:not(:last-of-type) {\n border-bottom: 1px solid ",";\n }\n"])),o.theme.palette.grey.fifteenB,o.theme.palette.grey.fifteenB);var Mr=n.forwardRef((function(e,t){var r=e.options,i=e.disabled,l=e.direction,d=void 0===l?"row":l,s=e.defaultValue,c=e.value,p=e.onChange,u=e.isSquare,h=z(e,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),f=n.useState(s||c||r[0].value),x=f[0],m=f[1],g=function(n){var e=n.target.value;m(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(x)===String(e)&&(m(null),p&&p(n,null))};return n.useEffect((function(){c&&m(c)}),[c]),a.jsx(o.Grid,P({container:!0,direction:d,ref:t},{children:r.map((function(n){return a.jsx(o.Radio,P({value:n.value,label:n.label,disabled:Boolean(i),checked:String(x)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function Or(e){var t=e.form,r=e.name,i=e.defaultValue,o=z(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(Mr,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)}}))}})}Mr.displayName="RadioButtons";var Dr,Nr,Tr,Lr,Br,Fr=C.default.div(Dr||(Dr=N(["\n position: relative;\n"],["\n position: relative;\n"]))),Wr=C.default(o.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(Lr||(Lr=N(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?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(Nr||(Nr=N(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:t}):function(n){var e=n.hasError,t=n.withTitle;return i.css(Tr||(Tr=N(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),t?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:t,withTitle:r})}),o.theme.breakpoints.sm),Gr=C.default(o.Caption)(Br||(Br=N(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),o.theme.breakpoints.sm);function Ar(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=l.useToggle(),i=r[0],d=r[1],s=r[2];if(!e||!t)return null;return a.jsxs(a.Fragment,{children:[a.jsxs(Hr,P({container:!0,onClick:d,alignItems:"center"},{children:[a.jsx(Jr,{width:12,height:12}),a.jsx(o.Caption,P({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),a.jsx(Yr,P({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:s})}))]})}var Ur,Vr,Kr,qr,Hr=C.default(o.Grid)(Ur||(Ur=N(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),o.theme.palette.grey.fifteenB),Jr=C.default(c.PlusIcon)(Vr||(Vr=N(["\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),Yr=C.default.div(Kr||(Kr=N([""],[""]))),Qr=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return a.jsx($r,P({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},$r=C.default(o.Grid)(qr||(qr=N(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Xr(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,o=n.inputRef,l=n.isOpenDropdown,d=n.isLoading,s=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return a.jsxs(ei,P({input:s,buttonRef:o,isOpen:l,handleClose:c,onScrollEnd:u,endComponent:a.jsx(Ar,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return a.jsx(Qr,{option:n,renderOption:t,handleSelect:p,index:e},e)})),d&&a.jsx(ti,{height:"auto"})]}))}var Zr,ni,ei=C.default(Pn)(Zr||(Zr=N(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),ti=C.default(Nn)(ni||(ni=N(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var ri,ii,ai,oi,li=C.default.div(ri||(ri=N(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),di=C.default.div(ii||(ii=N(["\n position: relative;\n"],["\n position: relative;\n"]))),si=C.default(xt)(ai||(ai=N(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),ci=C.default(c.HalfArrowIcon)(oi||(oi=N(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var pi,ui=C.default.div(pi||(pi=N(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),o.theme.palette.background.light2);function hi(e){var t,r,i=e.file,l=e.onDelete,d=e.onChange,s=e.index,p=e.selectedFile,u=e.setSelectedFile,h=e.limitTitle,f=void 0===h?100:h,x=e.icon,m=e.subtitle,g=e.disabled,v=e.error,w=e.className,y=e.label,k=e.endIcon,j=z(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],E=n.useState(!1),R=E[0],M=E[1],O=n.useRef(null);n.useEffect((function(){var n;R&&(null===(n=O.current)||void 0===n||n.focus()),!R&&C!==S&&d&&d(S,s)}),[R]);return a.jsxs(a.Fragment,{children:[a.jsxs(Ei,P({selected:(null!=p?p:-1)===s,error:f&&S.length>f||!!v,onClick:function(){u&&u(null!=s?s:1)},disabled:!!g,className:"FileWrapper ".concat(w||"")},j,{children:[a.jsx(Ri,P({className:"FileIcon_wrapper"},{children:x||a.jsx(c.FileIcon,{})})),a.jsxs(zi,P({withDelete:!!l,withEdit:!!d,className:"FileContent_wrapper"},{children:[a.jsxs(Di,{children:[a.jsx(b.Link,P({href:i.url,openInNewWindow:!0},{children:a.jsx(Oi,{children:S})})),a.jsx(Mi,{"data-testid":"file_name",ref:O,disabled:!R,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(Pi,P({className:"FileButtons_wrapper"},{children:[k,!g&&d&&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:R?a.jsx(c.CheckIcon,{}):a.jsx(c.EditIcon,{width:18,height:18})})),l&&!g&&a.jsx(o.Button,P({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;l&&l(null!==(n=i.index)&&void 0!==n?n:1,Number(s))}},{children:a.jsx(c.CancelIcon,{width:16,height:16})}))]}))]})),(f&&S.length>f||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 fi,xi,mi,gi,bi,vi,wi,yi,ki,ji,Ci,_i,Si,Ii,Ei=C.default.div(mi||(mi=N(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?o.theme.palette.brand.main:o.theme.palette.grey.fifteenB}),(function(n){return n.disabled&&i.css(xi||(xi=N(["\n background: ",";\n "],["\n background: ",";\n "])),o.theme.palette.background.light1)}),(function(n){return n.error&&i.css(fi||(fi=N(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),o.theme.palette.red.seventy)})),Ri=C.default.div(gi||(gi=N(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),o.theme.palette.brand.light),Pi=C.default.div(bi||(bi=N(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),o.theme.palette.grey.thirty),zi=C.default.div(vi||(vi=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"],["\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})),Mi=C.default.input(wi||(wi=N(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),o.theme.palette.grey.seventy,o.theme.palette.brand.main),Oi=C.default.span(yi||(yi=N(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),Di=C.default.div(ki||(ki=N(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),Ni=["png","svg","jpg","jpeg","webp","gif","avif","apng","heic"],Ti=n.forwardRef((function(e,t){var r,i,l,d=e.form,s=e.name,c=e.parentName,p=e.label,h=e.disabled,f=e.withEdit,x=void 0===f||f,m=e.withDelete,g=void 0===m||m,b=e.fileName,v=e.onChange,w=e.isRequired,y=e.uploadLabel,k=e.toBigTitleMessage,j=e.endIcon,C=e.testId,_=e.onlyImages,S=z(e,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId","onlyImages"]),I=n.useState(!1),E=I[0],R=I[1],M=n.useState(),O=M[0],D=M[1],N=n.useState(""),T=N[0],L=N[1],B=n.useRef(null),F=u.useController({control:d.control,name:s}),W=F.field,G=F.fieldState,A=u.useController({control:d.control,name:c||s}).field,U=(O instanceof File?O.name:(null===(r=null==O?void 0:O.uploaded)||void 0===r?void 0:r.name)||(null==O?void 0:O.name)||"").split(".").pop(),V=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/1048576*100)/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/1048576*100)/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}(O,T,b,U),K=O&&"url"in O?O:V,q=null===(i=G.error)||void 0===i?void 0:i.message;n.useEffect((function(){"string"==typeof W.value&&L(W.value),"object"==typeof W.value&&D(W.value),W.value||L(""),R(!0)}),[null===(l=W.value)||void 0===l?void 0:l.toString()]),n.useEffect((function(){var n,e,t=Number((null==b?void 0:b.length)||(null===(n=null==O?void 0:O.uploaded)||void 0===n?void 0:n.name)||(null===(e=null==O?void 0:O.name)||void 0===e?void 0:e.length))>100;E&&!T&&W.onChange({target:{value:O,name:s},type:"change"}),t?d.setError(s,{type:"custom",message:k||"The file name must be less than 100 characters"}):d.clearErrors(s)}),[O]);return a.jsxs(Li,P({"data-testid":C},{children:[a.jsx(Fi,P({type:"file",onInput:function(n){var e;if(n.target.files&&n.target.files[0]){d.clearErrors(s);var t=n.target.files[0];if(_){var r=null===(e=t.name.split(".").pop())||void 0===e?void 0:e.toLowerCase();r&&Ni.includes(r)?(D(t),v&&v(t)):d.setError(s,{type:"custom",message:"The file must be an image"})}else D(t),v&&v(t)}else D(void 0)}},S,{ref:function(n){t&&(t.current=n),B.current=n}})),K?a.jsx(hi,{file:K,onDelete:g&&function(){O&&B.current&&(B.current.value=""),D(void 0),L(""),c?A.onChange({target:{value:null,name:c},type:"change"}):W.onChange({target:{value:null,name:s},type:"change"}),v&&v(null)},onChange:x&&function(n){var e,t=d.getValues(s),r="".concat(n,".").concat(U);"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}),D(e)},error:q,disabled:h,label:p,endIcon:j}):a.jsxs(a.Fragment,{children:[a.jsxs(Bi,P({error:!!q,disabled:h,container:!0,justify:"space-between",alignItems:"center"},{children:[a.jsx(Wi,P({item:!0},{children:a.jsxs(o.Caption,P({size:"s",color:"fiftyP"},{children:[p,w?" *":""]}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Gi,P({disabled:h,size:"s",onClick:function(){B.current&&B.current.click()}},{children:y||"Upload"}))}))]})),q&&a.jsx(o.InputMessage,{variant:"error",msg:q})]})]}))})),Li=C.default.div(ji||(ji=N(["\n position: relative;\n"],["\n position: relative;\n"]))),Bi=C.default(o.Grid)(Ci||(Ci=N(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?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})),Fi=C.default.input(_i||(_i=N(["\n display: none;\n"],["\n display: none;\n"]))),Wi=C.default(o.Grid)(Si||(Si=N(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Gi=C.default(o.Button)(Ii||(Ii=N(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ai=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.label,l=n.labelProps,d=z(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({},d,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},label:"string"==typeof i?a.jsx(o.Caption,P({},l,{children:i})):i}))}})}));var Ui,Vi,Ki=C.default(Ai)(Ui||(Ui=N(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),qi=C.default(o.Grid)(Vi||(Vi=N(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),o.theme.palette.grey.fifteenB),Hi={mapKey:""},Ji=[],Yi=function(){return P({},Hi)},Qi=function(n){Ji.push(n)},$i=function(n){var e=Ji.indexOf(n);-1!==e&&Ji.splice(e,1)};exports.AdvancedMarker=function(e){var t=e.map,r=e.position,i=e.children,a=n.useRef(null),o=n.useRef(document.createElement("div"));return n.useEffect((function(){var n,e,i;if(t&&(null===(i=null===(e=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===e?void 0:e.marker)||void 0===i?void 0:i.AdvancedMarkerElement)){var l=new google.maps.marker.AdvancedMarkerElement({map:t,position:r,content:o.current,collisionBehavior:"OPTIONAL_AND_HIDES_LOWER_PRIORITY"});return a.current=l,function(){return l.map=null}}}),[t]),n.useEffect((function(){a.current&&r&&(a.current.position=r)}),[r]),g.createPortal(i,o.current)},exports.AutocompleteOption=function(n){var e=n.label;return a.jsx(ui,{children:a.jsx(o.Caption,P({size:"s",weight:500},{children:e}))})},exports.Avatar=fn,exports.ButtonSelect=xr,exports.ButtonTab=kn,exports.ButtonsPanel=_n,exports.CalendarHeaderWithSelect=qe,exports.CalendarStandardContainer=Je,exports.CalendarStandardHeader=Qe,exports.CheckboxGroupWithTitle=function(n){var e=n.title,t=n.options,r=n.form;n.name;var i=z(n,["title","options","form","name"]);return a.jsxs(qi,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(Ki,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=Ai,exports.DependentInput=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,o=z(n,["dependentInputName","form","disabled","Input"]),l=u.useWatch({control:t.control,name:e}),d=P({form:t,disabled:r||!l},o);return i?a.jsx(i,P({},d)):a.jsx(xt,P({},d))},exports.DesktopInputWithMonthPicker=lt,exports.DesktopMenuPanel=ut,exports.InputDropdown=Pn,exports.InputFile=Ti,exports.InputForDatepicker=nt,exports.InputMultiSelect=function(e){var t,r,i=e.options,o=e.name,l=e.handleChange,d=e.onLabelChange,s=e.form,c=e.value,p=e.onOptionsChange,h=z(e,["options","name","handleChange","onLabelChange","form","value","onOptionsChange"]),f=s?u.useController({control:s.control,name:o}):null,x=c||(null===(t=null==f?void 0:f.field)||void 0===t?void 0:t.value),m=n.useState(x||[]),g=m[0],b=m[1],v=n.useState((null==x?void 0:x.map((function(n){return i.find((function(e){return e.value===n}))||{label:"",optionValue:n}})))||[]),w=v[0],y=v[1],k=i.filter((function(n){return g.includes(n.value)})).map((function(n){return n.label})).join(", "),j=null===(r=null==f?void 0:f.fieldState.error)||void 0===r?void 0:r.message;return n.useEffect((function(){var n;s&&(null===(n=null==f?void 0:f.field)||void 0===n||n.onChange({target:{value:g,name:o},type:"change"}))}),[g]),n.useEffect((function(){p&&p(w)}),[w]),n.useEffect((function(){d&&d(k)}),[k]),a.jsx(An,P({options:i,handleChange:function(n){g.includes(n.value)?(l&&l(n.value,n,g.filter((function(e){return e!==n.value}))),b((function(e){return e.filter((function(e){return e!==n.value}))})),y((function(e){return e.filter((function(e){return e.value!==n.value}))}))):(l&&l(n.value,n,D(D([],g,!0),[n.value],!1)),b((function(e){return D(D([],e,!0),[n.value],!1)})),y((function(e){return D(D([],e,!0),[n],!1)})))},error:j,selectedLabel:k,selectedValue:g,name:o,isLabelShrink:!!k,renderOption:function(n,e){return a.jsx(br,{option:n,selectedValue:e})}},h))},exports.InputMultiSelectBase=function(e){var t=e.options,r=e.name,i=e.handleChange,o=e.onLabelChange,l=e.value,d=z(e,["options","name","handleChange","onLabelChange","value"]),s=n.useState(l||[]),c=s[0],p=s[1],u=t.filter((function(n){return c.includes(n.value)})).map((function(n){return n.label})).join(", ");return n.useEffect((function(){o&&o(u)}),[u]),a.jsx(An,P({options:t,handleChange:function(n){c.includes(n.value)?(i&&i(n.value,n,c.filter((function(e){return e!==n.value}))),p((function(e){return e.filter((function(e){return e!==n.value}))}))):(i&&i(n.value,n,D(D([],c,!0),[n.value],!1)),p((function(e){return D(D([],e,!0),[n.value],!1)})))},selectedLabel:u,selectedValue:c,name:r,isLabelShrink:!!u,renderOption:function(n,e){return a.jsx(br,{option:n,selectedValue:e})}},d))},exports.InputMultiSelectNew=function(e){var t,r,i=e.options,o=e.name,l=e.handleChange,d=e.onLabelChange,s=e.form,c=e.value,p=z(e,["options","name","handleChange","onLabelChange","form","value"]),h=s?u.useController({control:s.control,name:o}):null,f=n.useState(c||(null===(t=null==h?void 0:h.field)||void 0===t?void 0:t.value)||[]),x=f[0],m=f[1],g=i.filter((function(n){return x.find((function(e){return e.value===n.value}))})).map((function(n){return n.label})).join(", "),b=null===(r=null==h?void 0:h.fieldState.error)||void 0===r?void 0:r.message;return n.useEffect((function(){var n;s&&(null===(n=null==h?void 0:h.field)||void 0===n||n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),n.useEffect((function(){d&&d(g)}),[g]),a.jsx(zr,P({options:i,handleChange:function(n){x.find((function(e){return e.value===n.value}))?(l&&l(n.value,n,x.filter((function(e){return e.value!==n.value}))),m((function(e){return e.filter((function(e){return e.value!==n.value}))}))):(l&&l(n.value,n,D(D([],x,!0),[n.value],!1)),m((function(e){return D(D([],e,!0),[n],!1)})))},error:b,selectedLabel:g,selectedValue:x,name:o,isLabelShrink:!!g,renderOption:function(n,e){return a.jsx(jr,{option:n,selectedValue:e})}},p))},exports.InputPassword=St,exports.InputPhoneWithForm=$t,exports.InputSelect=We,exports.InputSelectBase=An,exports.InputSelectDropdown=Bn,exports.InputSelectWithController=gr,exports.InputTextAreaMobile=Et,exports.InputWithAutocomplete=function(e){var r,i=e.renderOption,a=e.options,d=e.name,s=e.hideName,c=e.form,p=e.isLoading,u=e.onSelectItem,h=e.handleScrollEnd,f=e.onSearchItem,x=e.isLabelLoading,m=e.disabled,g=e.creatingLabel,b=e.renderCreatingModal,v=e.endComponent,w=e.inputRef,y=e.onOpen,k=z(e,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),j=n.useState(!1),C=j[0],_=j[1],S=n.useRef(null);s&&c.register(s);var I=function(){m||_(!0)},E=function(){_(!1)};n.useEffect((function(){y&&y(C)}),[C]);var R=l.useForkRef(S,w);return t.jsxs(di,{children:[x&&t.jsx(li,{children:t.jsx(Nn,{height:"100%"})}),t.jsx(Xr,{renderOption:i,options:a,inputRef:{current:null===(r=S.current)||void 0===r?void 0:r.parentElement},isOpenDropdown:C,handleCloseDropdown:E,handleSelect:function(n){var e;u(n),E(),(null===(e=c.getFieldState(d).error)||void 0===e?void 0:e.message)&&c.clearErrors(d)},isLoading:p,handleScrollEnd:h,creatingLabel:g,renderCreatingModal:b,input:t.jsx(si,P({form:c,onInput:function(n){f&&(f(n.target.value),s&&c.setValue(s,null)),!n.target.value&&s&&(s&&c.setValue(s,null),c.setValue(d,null),u(null)),I()},onFocus:I,name:d,disabled:m,ref:R,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(ci,{width:12,height:13,css:[C&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=xt,exports.InputWithDatePicker=Nt,exports.InputWithMask=ft,exports.InputWithMonthPicker=function(n){return a.jsxs(a.Fragment,{children:[a.jsx(lt,P({},n)),a.jsx(At,P({},n))]})},exports.Loading=Nn,exports.MapWrapper=function(e){var t=this,r=e.children,i=e.onInit,o=n.useState(!1),l=o[0],d=o[1],s=n.useState("LOADING"),c=s[0],p=s[1],u=n.useState(Yi().mapKey),h=u[0],f=u[1];return n.useEffect((function(){var n=function(n){return f(n.mapKey)};return Qi(n),function(){$i(n)}}),[]),n.useEffect((function(){var n;return n=h,M(t,void 0,void 0,(function(){return O(this,(function(e){switch(e.label){case 0:if(l||!n)return[3,4];p("LOADING"),e.label=1;case 1:return e.trys.push([1,3,,4]),v.setOptions({key:n,language:"ru"}),[4,Promise.allSettled(D([v.importLibrary("core"),v.importLibrary("maps"),v.importLibrary("places"),v.importLibrary("marker")],i?[i()]:[],!0))];case 2:return e.sent(),p("SUCCESS"),[3,4];case 3:return e.sent(),p("FAILURE"),[3,4];case 4:return[2]}}))})),function(){return d(!0)}}),[h]),h?"SUCCESS"===c&&r?a.jsx(a.Fragment,{children:r}):(function(n){"LOADING"===n?a.jsx(Nn,{height:"100%"}):"FAILURE"===n?a.jsx("h3",{children:n}):a.jsx("div",{})}(c),a.jsx(a.Fragment,{})):a.jsx("h2",{children:"Add google key"})},exports.MenuItem=st,exports.MenuPanel=Ht,exports.MobileInputWithMonthPicker=At,exports.MobileMenuPanel=Kt,exports.MonthPickerContainer=tt,exports.MonthPickerHeader=it,exports.PassportStrengthBar=vt,exports.RadioButtons=Mr,exports.RadioButtonsWithController=Or,exports.RadioGroupWithLabel=function(n){var e,t=n.title,r=n.className,i=n.direction,l=n.form,d=n.name,s=z(n,["title","className","direction","form","name"]),c=null===(e=u.useController({control:l.control,name:d}).fieldState.error)||void 0===e?void 0:e.message;return a.jsxs(Fr,{children:[a.jsxs(Wr,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(Gr,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(Or,P({form:l,name:d},s))}))]})),c&&a.jsx(o.InputMessage,{variant:"error",msg:c})]})},exports.ScrollingContainer=En,exports.SelectMonth=Ke,exports.SelectYear=Ae,exports.Switch=Qt,exports.Table=Xt,exports.TableCell=er,exports.TableHeadCell=nr,exports.TableRow=tr,exports.Tooltip=cr,exports.UndefinedAvatar=un,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=_t,exports.getSettings=Yi,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){Hi=P(P({},Hi),n),Ji.forEach((function(n){return n(Hi)}))},exports.shortMonths=Wt,exports.subscribeToSettings=Qi,exports.unsubscribeFromSettings=$i,exports.useScrollWithBottomSpacing=pn;
package/index.d.ts CHANGED
@@ -71,6 +71,7 @@ type InputSelectBaseProps<TFormValues, TOption extends OptionParams$2> = {
71
71
  onScrollEnd?: () => void
72
72
  isLoading?: boolean
73
73
  startComponent?: ReactNode
74
+ defaultValue?: any
74
75
  } & InputProps<TFormValues>
75
76
 
76
77
  /** @jsxImportSource @emotion/react */
package/index.js CHANGED
@@ -1 +1 @@
1
- import"react-datepicker/dist/react-datepicker.css";import*as n from"react";import{useEffect as e,forwardRef as t,useRef as r,useState as i}from"react";import a from"lodash";import{jsx as o,jsxs as l,Fragment as d}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 g,Button as x,Container as b,Tooltip as v,Grid as w,CircularProgress as y,InputWithAdornments as k,Heading as _,InputWithMask as C,IconButton as I,LinearProgress as S,Divider as z,Modal as P,Switch as O,InputWithCountryDropdown as E,Checkbox as N,Radio as M,InputMessage as D,Box as L}from"kui-basic";import{useWindowWidth as j,updateQueryParams as T,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 ln,useWatch as dn}from"react-hook-form";import{scroller as cn,Events as pn,Link as un,animateScroll as sn,Element as hn}from"react-scroll";import{DateTime as mn}from"luxon";import fn from"date-fns/locale/ru";import{useNavigate as gn,useLocation as xn}from"react-router-dom";import*as bn from"react-dom";import{createPortal as vn}from"react-dom";import{Link as wn}from"kui-crm";import{setOptions as yn,importLibrary as kn}from"@googlemaps/js-api-loader";var _n=function(){return _n=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},_n.apply(this,arguments)};function Cn(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 In(n,e,t,r){return new(t||(t=Promise))((function(i,a){function o(n){try{d(r.next(n))}catch(n){a(n)}}function l(n){try{d(r.throw(n))}catch(n){a(n)}}function d(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,l)}d((r=r.apply(n,e||[])).next())}))}function Sn(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}function zn(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 Pn(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var On,En,Nn,Mn,Dn,Ln,jn,Tn,Un,Bn,Fn,Kn,Rn,Vn,An,Wn,Hn,Jn,Yn,qn,Gn,$n,Qn,Xn,Zn,ne,ee,te,re=function(n,t,r,i,o){var l=function(e){var t=i?e.target:e.target.documentElement,a=i?e.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<n&&r&&r()};e((function(){if(r){var n=a.throttle(l,t),e=(null==i?void 0:i.current)||document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),zn([t],o||[],!0))},ie=t((function(n,e){var t=n.label,r=Cn(n,["label"]);if(!t)return s("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return s(ae,_n({"data-testid":"undefined_avatar",ref:e},{children:s(f,_n({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),ae=c.div(On||(On=Pn(["\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"])),g.palette.brand.light,g.palette.brand.main),oe=t((function(n,e){var t=n.size,r=n.fullName,i=n.imageUrl,a=Cn(n,["size","fullName","imageUrl"]);return o(le,_n({css:pe[t],ref:e},a,{children:i?o(de,{"data-testid":"avatar_image",src:i,alt:"avatar"}):o(ce,{label:r,avatarSize:t})}))})),le=c.div(En||(En=Pn(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),de=c.img(Nn||(Nn=Pn(["\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"]))),ce=c(ie,{shouldForwardProp:function(n){return"size"!==n}})(Dn||(Dn=Pn(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&p(Mn||(Mn=Pn(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),pe={xs:p(Ln||(Ln=Pn(["\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(jn||(jn=Pn(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:p(Tn||(Tn=Pn(["\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(Un||(Un=Pn(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},ue=t((function(n,e){var t=n.index,r=n.onClick,i=n.isActive,a=n.label,l=n.disabled;return o(se,_n({disabled:l,variant:i?"orange":"white",captionWeight:400,onClick:function(){r(t)},css:!i&&he,size:"s",ref:e,className:W("KUI-ButtonTab",i&&"KUI-ButtonTab_active")},{children:a}))})),se=c(x)(Bn||(Bn=Pn(["\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"]))),he=p(Fn||(Fn=Pn(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),g.palette.grey.seventy),me=t((function(n,e){var t=n.renderTabWrapper,r=n.label,i=Cn(n,["renderTabWrapper","label"]);return t?t(r,o(ue,_n({ref:e,label:r},i))):o(ue,_n({ref:e,label:r},i))})),fe=function(n){var e=n.startComponent,t=n.endComponent,i=n.tabs,a=n.renderTabWrapper,o=n.handleChange,l=n.value,d=r(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=d.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),o(n)};return h(b,_n({className:"KUI-ButtonTabs"},{children:[e,s(ge,_n({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:d},{children:i.map((function(n,e){return s(me,{index:e,onClick:c,isActive:e===l,label:n,renderTabWrapper:a},n)}))})),t]}))},ge=c(A)(Kn||(Kn=Pn(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),xe=t((function(t,r){var i=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,g=t.renderTabWrapper,x=Cn(t,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),b=j(),v=n.useState(Number(p)),w=v[0],y=v[1];return e((function(){y(Number(p))}),[p]),0===b?null:l(d,{children:[o(ve,_n({css:u&&{position:"sticky"},ref:r},x,{children:o(fe,{value:w,tabs:i,handleChange:function(n){if(y(n),null==c?void 0:c.length){var e=c[n];f?f(e):T(e)}s&&s(n)},endComponent:m,startComponent:h,renderTabWrapper:g})})),o(be,_n({role:"tabpanel"},{children:a[w]}))]})})),be=c.div(Rn||(Rn=Pn(["\n height: 100%;\n"],["\n height: 100%;\n"]))),ve=c.div(Vn||(Vn=Pn(["\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"])),g.palette.grey.zero),we=t((function(n,t){var a=n.onScrollEnd,o=n.maxHeight,l=n.onScrollChange,d=Cn(n,["onScrollEnd","maxHeight","onScrollChange"]),c=r(null),p=i(!1),u=p[0],h=p[1];re(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(){l&&l(u)}),[u]),s(ye,_n({isScrollable:u,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),c.current=n}},d))})),ye=c.div(An||(An=Pn(["\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}),g.palette.grey.fifteenB,g.palette.grey.thirty),ke=t((function(n,e){var t=n.isOpen,a=n.handleClose;n.buttonRef;var o=n.children,l=n.startComponent,d=n.endComponent,c=n.input,p=n.className,u=n.strategy,m=n.onScrollEnd,f=Cn(n,["isOpen","handleClose","buttonRef","children","startComponent","endComponent","input","className","strategy","onScrollEnd"]),g=i(!1),x=g[0],b=g[1],v=r(null);return s(_e,_n({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:t,onChange:function(n){n||a()},toggleMethod:"click",strategy:u||"fixed",placement:"bottom",className:p,content:h(Ce,_n({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),v.current=n},className:"InputDropdownWrapper"},f,{children:[l,s(Ie,_n({className:W("InputDropdownContent",x&&"InputDropdownScrollable"),isScrollable:x},{children:s(Se,_n({className:"KUI-InputDropdown_scroll",onScrollChange:b,onScrollEnd:m},{children:o}))})),d]}))},{children:c}))})),_e=c(v)(Wn||(Wn=Pn(["\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"]))),Ce=c(w)(Hn||(Hn=Pn(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),Ie=c.div(Jn||(Jn=Pn(["\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"})),Se=c(we)(Yn||(Yn=Pn(["\n width: 100%;\n"],["\n width: 100%;\n"]))),ze=t((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=Cn(n,["height","className"]);return s(Oe,_n({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:s(Pe,_n({},i))}))})),Pe=c(y)(qn||(qn=Pn(["\n color: ",";\n"],["\n color: ",";\n"])),g.palette.brand.main),Oe=c(w,{shouldForwardProp:function(n){return"height"!==n}})(Gn||(Gn=Pn(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height})),Ee=t((function(n,e){var t=n.input,r=n.options,i=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,l=n.handleSelect,d=n.selectedValue,c=n.renderOption,p=n.onScrollEnd,u=n.startComponent,m=n.isLoading;return h(Me,_n({input:t,buttonRef:i,isOpen:a,handleClose:o,ref:e,onScrollEnd:p,startComponent:u},{children:[s("div",{children:r.map((function(n,e){return s(Ne,_n({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),className:"InputSelectOption"},{children:c(n,d)}),n.label)}))}),m&&s(De,{height:"auto"})]}))})),Ne=c.div($n||($n=Pn(["\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?g.palette.grey.fiftyP:g.palette.grey.seventy})),Me=c(ke)(Qn||(Qn=Pn(["\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"]))),De=c(ze)(Xn||(Xn=Pn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"]))),Le=t((function(n,e){var t,a=n.options,d=n.name,c=n.disabled,p=n.handleChange,u=n.iconProps,s=n.renderOption,h=n.selectedLabel,m=n.selectedValue,f=n.error,g=n.endIcon,x=n.beforeArrowIcon,b=n.className,v=n.onScrollEnd,w=n.startComponent,y=Cn(n,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon","beforeArrowIcon","className","onScrollEnd","startComponent"]),k=i(!1),_=k[0],C=k[1],I=r(null),S=U(I,e),z=function(){C(!1)};return l(je,_n({className:b},{children:[o("input",{name:d,autoComplete:"off",hidden:!0}),o(Ee,{options:a,inputRef:{current:null===(t=null==I?void 0:I.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:_,handleCloseDropdown:z,handleSelect:function(n){p&&p(n),z()},selectedValue:m,renderOption:s,onScrollEnd:v,startComponent:w,input:o(Te,_n({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==I?void 0:I.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==I?void 0:I.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),c||C((function(n){return!n}))},ref:S,disabled:c,readOnly:!0,value:h,message:f,isLabelShrink:Boolean(m)||0===m,autoComplete:"off"},y,{endIcon:l(Be,_n({container:!0,alignItems:"center"},{children:[x,!c&&o(Ue,_n({width:12,height:13,css:[{transition:"all linear .2s"},_&&{transform:"rotate(180deg)"}]},u)),g]}))}))})]}))})),je=c.div(Zn||(Zn=Pn(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Te=c(k)(ne||(ne=Pn(["\n input,\n .KUI-Input_label p {\n cursor: "," !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"],["\n input,\n .KUI-Input_label p {\n cursor: "," !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"])),(function(n){return n.disabled?"default":"pointer"})),Ue=c(H)(ee||(ee=Pn(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Be=c(w)(te||(te=Pn(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Fe(n){var e=n.option,t=n.selectedValue;return s(Nt,_n({selected:t===e.value},{children:s(f,_n({size:"sm",weight:500},{children:e.label}))}))}var Ke,Re,Ve,Ae,We,He,Je,Ye,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,rt,it,at,ot,lt,dt,ct,pt,ut,st,ht,mt,ft,gt,xt,bt,vt,wt,yt,kt,_t,Ct,It,St,zt,Pt,Ot,Et,Nt=c.div(Ke||(Ke=Pn(["\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?g.palette.background.light1:g.palette.grey.zero}),g.palette.background.light1),Mt=t((function(n,t){var r,a=n.options,o=n.name,l=n.handleChange;n.form;var d=n.value,c=Cn(n,["options","name","handleChange","form","value"]),p=i(d),u=p[0],h=p[1],m=(null===(r=a.find((function(n){return String(n.value)===String(u)})))||void 0===r?void 0:r.label)||"";return e((function(){void 0!==d&&h(d)}),[d]),s(Le,_n({options:a,handleChange:function(n){h(n.value),l&&l(n.value,n)},selectedLabel:m,selectedValue:u,name:o,renderOption:function(n,e){return s(Fe,{option:n,selectedValue:e})},ref:t},c))})),Dt=function(n,e,t){return e&&n<e||t&&n>t},Lt=t((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,a=Cn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return _n(_n({},n),{disabled:Dt(Number(n.value),r,i)})}));return s(Mt,_n({ref:e,label:"Year",options:o},a))})),jt=function(n,e,t){return e&&n<e||t&&n>=t},Tt=[{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"}],Ut=t((function(n,e){var t=n.min,r=n.max;n.options;var i=Cn(n,["min","max","options"]),a=Tt.map((function(n){return _n(_n({},n),{disabled:jt(n.value,t,r)})}));return s(Mt,_n({ref:e,label:"Month",options:a},i))})),Bt=t((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,a=n.yearOptions,o=n.max,l=n.min,d=i.getFullYear(),c=i.getMonth(),p=(null==l?void 0:l.year)===d&&(null==l?void 0:l.month)?l.month-1:0,u=(null==o?void 0:o.year)===d?null==o?void 0:o.month:11;return s(Ft,_n({ref:e},{children:h(w,_n({container:!0,spacing:2},{children:[s(w,_n({item:!0,xs:6},{children:s(Lt,{min:null==l?void 0:l.year,max:null==o?void 0:o.year,yearOptions:a,value:d,handleChange:r})})),s(w,_n({item:!0,xs:6},{children:s(Ut,{min:Number(null==l?void 0:l.year)>=d&&p,max:Number(null==o?void 0:o.year)<=d&&u,value:c,handleChange:t})}))]}))}))})),Ft=c.div(Re||(Re=Pn(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Kt=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=Cn(n,["arrowProps","showPopperArrow"]);return s(Rt,_n({ref:e},t))})),Rt=c.div(Ve||(Ve=Pn(['\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"])),g.palette.grey.fiftyP,g.palette.background.light3,g.palette.background.light3,g.palette.brand.main,g.palette.brand.light,g.palette.brand.main,g.palette.brand.main,g.palette.grey.fifteenB,g.palette.red.seventy,g.palette.grey.zero),Vt=t((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,o=n.prevMonthButtonDisabled,l=n.date,d=a.capitalize(l.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return h(At,_n({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,_n({item:!0},{children:s(Wt,_n({size:"h4"},{children:d}))})),s(w,_n({item:!0},{children:h(w,_n({container:!0,spacing:2},{children:[s(w,_n({item:!0},{children:s(Ht,_n({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:o,onClick:t},{children:s(J,{width:10,height:10})}))})),s(w,_n({item:!0},{children:s(Ht,_n({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:s(Y,{width:10,height:10})}))}))]}))}))]}))})),At=c(w)(Ae||(Ae=Pn(["\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"]))),Wt=c(_)(We||(We=Pn(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ht=c(x)(He||(He=Pn(["\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"]))),Jt=t((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,a=n.startIcon,o=Cn(n,["onClick","disabled","handleClick","startIcon"]),l=function(){r||(i?i():t())},d=function(){return s(Yt,_n({disabled:r,onClick:l},{children:a||s(q,{width:19,height:21})}))};return s(C,_n({disabled:r,endIcon:!a&&s(d,{}),startIcon:a&&s(d,{})},o,{ref:e}))})),Yt=c.div(Je||(Je=Pn(["\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"})),qt=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=Cn(n,["arrowProps","showPopperArrow"]);return s(Gt,_n({ref:e},t))})),Gt=c.div(Ye||(Ye=Pn(["\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"])),g.palette.background.light1,g.palette.grey.fifteenB,g.palette.grey.fifteenB,g.palette.brand.main,g.palette.grey.fifteenB),$t=t((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return h(Xt,_n({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,_n({item:!0},{children:s(Qt,_n({disabled:a,onClick:t,type:"button"},{children:s(G,{width:14,height:12})}))})),s(w,_n({item:!0},{children:s(f,_n({size:"sm",weight:600},{children:o.getFullYear()}))})),s(w,_n({item:!0},{children:s(Qt,_n({disabled:i,onClick:r,type:"button"},{children:s($,{width:14,height:12})}))}))]}))})),Qt=c(I)(qe||(qe=Pn(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Xt=c(w)(Ge||(Ge=Pn(["\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"]))),Zt=t((function(n,t){var r,a=n.name,o=n.form,l=n.disabled,d=n.datePickerProps,c=n.onChange,p=Cn(n,["name","form","disabled","datePickerProps","onChange"]),u=i(),h=u[0],m=u[1],f=on({name:a,control:o.control}),g=f.field,x=f.fieldState;return e((function(){m(g.value)}),[g.value]),s(nr,_n({ref:t},{children:s(an,_n({selected:g.value,onChange:function(n){g.onChange(n),c&&c(n)},disabled:l,customInput:s(Jt,_n({mask:"00.0000",name:a,disabled:l,message:null===(r=x.error)||void 0===r?void 0:r.message},p),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:qt,renderCustomHeader:function(n){return s($t,_n({},n))}},d))}))})),nr=c.div($e||($e=Pn(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),er=t((function(n,t){var r=n.tab,i=n.active,a=n.index,l=n.handleClick,d=n.offset,c=n.isScrolling,p=n.setIsScrolling,u=function(){p(!1)};return e((function(){return i===a&&cn.scrollTo(r,{offset:d}),pn.scrollEvent.register("begin",(function(n,e){p(!0),e&&l(Number(e.dataset.index))})),pn.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){pn.scrollEvent.remove("begin"),pn.scrollEvent.remove("end")}}),[]),o(un,_n({to:r,spy:!0,smooth:!0,duration:500,offset:d,onSetActive:function(){c||l(a)}},{children:o(tr,_n({ref:t},{children:o(x,_n({variant:Number(i)===a?"orange":"transparentWithBorder",size:"xs",css:Number(i)!==a&&rr},{children:r}))}))}))})),tr=c.div(Qe||(Qe=Pn(["\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"]))),rr=p(Xe||(Xe=Pn(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),g.palette.grey.seventy),ir=t((function(n,e){var t=n.tabs,r=n.variant,i=Cn(n,["tabs","variant"]);return o(ar,_n({container:!0,css:"white"===r&&{background:"white"},ref:e},{children:t.map((function(n,e){return o(w,_n({item:!0},{children:o(er,_n({tab:n,index:e,offset:-121},i),n)}),e)}))}))})),ar=c(w)(Ze||(Ze=Pn(["\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"])),g.palette.background.light1),or=t((function(n,e){var t=n.form,r=n.name,i=n.error,a=Cn(n,["form","name","error"]),o=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(ln,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(C,_n({message:o(r)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),lr=t((function(n,e){var t=n.form,r=n.name,i=n.error,a=n.value,o=n.type,l=Cn(n,["form","name","error","value","type"]),d=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(ln,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(k,_n({message:d(r)},t,l,{onChange:function(n){return function(n,e){var t,r="number"!==o||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(_n(_n({},n),{target:_n(_n({},n.target),{value:r})})),l.onChange&&l.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),dr={weak:0,simple:1,medium:2,hard:3},cr={weak:g.palette.red.fiftyP,simple:g.palette.brand.main,medium:g.palette.blue.fiftyP,hard:g.palette.green.fiftyP},pr={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ur=t((function(n,e){var t=n.strength,r=t?cr[t]:"",i=t?dr[t]:-1;return l(sr,_n({"data-testid":"strength_bar",className:String(!t&&"hidden"),ref:e},{children:[o(hr,{children:Object.keys(dr).map((function(n,e){return o(mr,{children:o(fr,{"data-testid":"progress_item_".concat(n),value:i>=e?100:0,color:r})},n)}))}),o(f,_n({"data-testid":"strength_bar_explanation",size:"s",css:{color:r}},{children:t&&pr[t]})),o(gr,_n({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),sr=c.div(nt||(nt=Pn(["\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"]))),hr=c.div(et||(et=Pn(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),mr=c.div(tt||(tt=Pn(["\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"]))),fr=c(S)(rt||(rt=Pn(["\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"])),g.palette.grey.fifteenB,(function(n){return n.color})),gr=c(f)(it||(it=Pn(["\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"]))),xr=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},br=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},vr=t((function(n,t){var r=i(!1),a=r[0],o=r[1],l=i(null),d=l[0],c=l[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,r=xr(t,e);"string"==typeof r&&p(r)}),[]),h(m,{children:[s(lr,_n({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(wr,_n({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:s(a?Q:X,{})}))},n)),s(ur,{strength:d})]})})),wr=c.div(at||(at=Pn(["\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"]))),yr=t((function(n){return h(m,{children:[s(kr,{children:s(lr,_n({},n))}),s(_r,{children:s(lr,_n({isTextArea:!0},n))})]})})),kr=c.div(ot||(ot=Pn(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),_r=c.div(lt||(lt=Pn(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),Cr=t((function(n,e){var t=n.label,r=n.button,i=Cn(n,["label","button"]);return h(Ir,_n({ref:e},{children:[s(z,{}),s(Sr,{children:r||s(zr,_n({fullWidth:!0,size:"s",endIcon:s(Z,{})},i,{children:t}))})]}))})),Ir=c.div(dt||(dt=Pn(["\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"])),g.palette.grey.zero),Sr=c.div(ct||(ct=Pn(["\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"]))),zr=c(x)(pt||(pt=Pn(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),Pr=t((function(n,t){var r,c=n.title,p=n.description,u=n.name,s=n.form,h=n.disabled,m=n.yearParams,f=n.onChange,g=n.max,x=n.min,b=n.footerLabel,v=n.datePickerProps,w=n.alignTitle,y=void 0===w?"center":w,k=Cn(n,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),_=on({name:u,control:s.control}),C=_.field,I=null===(r=_.fieldState.error)||void 0===r?void 0:r.message,S=C.value,z=S?S.toFormat("dd.MM.yyyy"):"",P=S?S.toJSDate():null,O=R(),E=O[0],N=O[1],M=O[2],D=i(P),L=D[0],j=D[1],T=i(z),B=T[0],F=T[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(z)}),[z]);return l(d,{children:[o(Jt,_n({mask:"00.00.0000",name:u,handleClick:N,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");j(t.toJSDate()),null==C||C.onChange({target:{value:t,name:u},type:"change"}),f&&f(t)}else j(null),null==C||C.onChange({target:{value:null,name:u},type:"change"}),f&&f(null)},disabled:h,message:I,ref:A},k)),l(Mr,_n({title:c,description:p,isOpen:E,handleClose:M,alignTitle:y},{children:[o(Or,{children:o(an,_n({inline:!0,selected:L||P,onChange:function(n){j(n)},calendarContainer:Er,renderCustomHeader:function(n){return o(Bt,_n({yearOptions:K,max:g,min:x},n))},renderDayContents:function(n){return o(Nr,{children:n})},maxDate:null==g?void 0:g.toJSDate(),minDate:null==x?void 0:x.toJSDate(),calendarStartDay:1},v))}),o(Cr,{fullWidth:!0,disabled:!P&&!L,onClick:function(){if(L){var n=mn.fromJSDate(L);F(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:u},type:"change"}),f&&f(n),M()}},label:b})]}))]})})),Or=c.div(ut||(ut=Pn(["\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"]))),Er=c(Kt)(st||(st=Pn(["\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"])),g.palette.background.light1,g.palette.background.light1),Nr=c.span(ht||(ht=Pn(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),Mr=c(P)(mt||(mt=Pn(["\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"})),Dr=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],Lr=_n(_n({},fn),{localize:{month:function(n){return Dr[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),jr=t((function(n,e){var t,r=n.title,a=n.name,o=n.form,l=n.disabled,d=n.datePickerProps,c=Cn(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(),g=f[0],x=f[1],b=f[2],v=i(u.value?mn.fromJSDate(new Date(String(u.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=i(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return h(Tr,_n({ref:e},{children:[s(Jt,_n({mask:"00.0000",name:a,handleCLick:x,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:l,message:m,isLabelShrink:Boolean(u.value)},c)),h(P,_n({title:r,isOpen:g,handleClose:b},{children:[s(Ur,{children:s(an,_n({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:Lr,calendarContainer:qt,renderCustomHeader:function(n){return s($t,_n({},n))}},d))}),s(Cr,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==u||u.onChange({target:{value:_,name:a},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),Tr=c.div(ft||(ft=Pn(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Ur=c.div(gt||(gt=Pn(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Br=function(n){return h(m,{children:[s(Zt,_n({},n)),s(jr,_n({},n))]})},Fr=t((function(n,e){var t=n.tabs,i=n.handleClick,a=n.variant,l=Cn(n,["tabs","handleClick","variant"]),d=r(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=d.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),i(n)};return o(Kr,_n({css:"white"===a&&{background:"white"},ref:e},{children:o(A,_n({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:d},{children:t.map((function(n,e){return o(er,_n({tab:n,index:e,handleClick:c,offset:-121},l),n)}))}))}))})),Kr=c.div(xt||(xt=Pn(["\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"])),g.palette.background.light1),Rr=t((function(t,r){var i=t.tabs,a=t.tabPanels,d=t.paths,c=t.activeTab,p=t.variant,u=void 0===p?"grey":p,s=j(),h=n.useState(c),m=h[0],f=h[1],g=n.useState(!1),x=g[0],b=g[1],v=gn(),w=xn(),y=function(n){if(d[n]){f(n);var e=w.pathname,t="".concat(e).concat(w.search),r="".concat(e).concat(d[n]);t!==r&&v(r,{replace:!0})}};return e((function(){f(c)}),[c]),e((function(){"number"!=typeof c&&s<901&&sn.scrollToTop()}),[]),0===s?null:l("div",_n({ref:r},{children:[o(s>765?ir:Fr,{tabs:i,active:m,handleClick:y,variant:u,isScrolling:x,setIsScrolling:b}),a.map((function(n,e){return o("div",_n({css:e===a.length-1&&Vr},{children:o(Ar,_n({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Vr=p(bt||(bt=Pn(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Ar=c(hn)(vt||(vt=Pn(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Wr=t((function(n,e){var t=n.form,r=n.name,i=Cn(n,["form","name"]);return o(ln,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field;return o(O,_n({checked:Boolean(t.value),onChange:t.onChange,"data-testid":r,ref:e,name:r},i))}})})),Hr=t((function(n,e){var t,r=n.form,i=n.name,a=void 0===i?"phone":i,o=n.hiddenInputProps,l=n.error,d=Cn(n,["form","name","hiddenInputProps","error"]),c=on({control:r.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),p=on({control:r.control,name:"".concat(a,".phoneNumber")}),u=void 0!==l&&String(l).length>0?l:null===(t=p.fieldState.error)||void 0===t?void 0:t.message,h=U(e,p.field.ref);return s(E,_n({message:u,hiddenInputProps:_n(_n({},c.field),o),onSelectCountry:function(n){c.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},p.field,d,{onChange:function(n){p.field.onChange(n),c.field.value||c.field.onChange({target:{value:"7",name:"".concat(a,".phoneCode")},type:"change"}),d.onChange&&d.onChange(n)},ref:h,autoComplete:"false"}))})),Jr=t((function(n,e){return s(Yr,_n({cellSpacing:"0",ref:e},n))})),Yr=c.table(wt||(wt=Pn(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),qr=c.th(yt||(yt=Pn(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Gr=c.td(kt||(kt=Pn(["\n padding: 0;\n"],["\n padding: 0;\n"]))),$r=t((function(e,t){var r=e.children,i=Cn(e,["children"]),a=n.Children.toArray(r);return s("tr",_n({ref:t},{children:a.map((function(e){return n.cloneElement(e,i)}))}))})),Qr={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}},Xr=t((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,a=n.className,o=n.style,l=Cn(n,["placement","open","children","spacing","className","style"]);return s(Zr,_n({ref:e,className:W("KUI-Popper",a),spacing:i,style:o,open:!!t},{children:s(ni,_n({open:!!t},l,{children:r}))}))})),Zr=c.div(_t||(_t=Pn(["\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}),g.breakpoints.xxs),ni=c.div(Ct||(Ct=Pn(["\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})),ei=t((function(n,t){var a=n.placement,o=n.contentRef,l=Cn(n,["placement","contentRef"]),d=r(null),c=i(null),f=c[0],g=c[1],x=i(null),b=x[0],v=x[1];e((function(){if(o.current&&d.current){var n=d.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};g(e),v(t)}}),[]);var w={};if(f&&b){var y=Qr[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.width*y.offset-b.width*y.offset,0)}}return bn.createPortal(h(m,{children:[s(u,{styles:p(It||(It=Pn(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),s(Xr,_n({ref:function(n){t&&(t.current=n),d.current=n},style:w},l))]}),document.body)})),ti=t((function(n,t){var a=n.placement,o=n.contentRef,l=Cn(n,["placement","contentRef"]),d=r(null),c=i(null),p=c[0],u=c[1],h=i(null),m=h[0],f=h[1],g={};if(e((function(){o.current&&d.current&&(u({width:o.current.clientWidth,height:o.current.clientHeight}),f({width:d.current.clientWidth,height:d.current.clientHeight}))}),[]),p&&m){var x=Qr[null!=a?a:"bottomMiddle"];g={top:x.top?0-m.height:0+p.height,left:Math.max(p.width*x.offset-m.width*x.offset,0)}}return s(Xr,_n({ref:function(n){t&&(t.current=n),d.current=n},style:g},l))})),ri=t((function(n,t){var r=n.contentRef,a=Cn(n,["contentRef"]),o=i(!0),l=o[0],d=o[1];return e((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}();d(!!n)}),[r]),s(l?ti:ei,_n({ref:t,contentRef:r},a))})),ii=t((function(n,t){var a=n.content,o=n.onOpen,l=n.onClose,d=n.open,c=n.children,p=n.cursor,u=n.className,m=Cn(n,["content","onOpen","onClose","open","children","cursor","className"]),f=i(d),g=f[0],x=f[1],b=r(null),v=function(){x(!0),o&&o()};return e((function(){x(d)}),[d]),h(oi,_n({className:u,onMouseLeave:function(){x(!1),l&&l()},ref:t},{children:[s(li,_n({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:p},{children:s(di,_n({className:"Tooltip_content"},{children:c}))})),s(ri,_n({open:g},m,{contentRef:b},{children:a}))]}))})),ai=p(St||(St=Pn(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),oi=c.div(zt||(zt=Pn(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),ai),li=c.div(Pt||(Pt=Pn(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),ai,(function(n){return n.cursor})),di=c.div(Ot||(Ot=Pn(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),ai),ci=t((function(n,e){var t,r=n.options,i=Cn(n,["options"]);return s(pi,_n({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}))})),pi=c(Mt)(Et||(Et=Pn(["\n .KUI-Input_container {\n height: 40px !important;\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 !important;\n input {\n height: 32px;\n }\n }\n }\n .KUI-Input_container + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n .KUI-Input_container {\n height: 40px !important;\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 !important;\n input {\n height: 32px;\n }\n }\n }\n .KUI-Input_container + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),g.breakpoints.xs),ui=t((function(n,e){var t,r,i=n.options,a=n.name,o=n.handleChange,l=n.form,d=n.value,c=Cn(n,["options","name","handleChange","form","value"]),p=on({control:l.control,name:a}),u=null===(t=p.fieldState.error)||void 0===t?void 0:t.message;return s(Mt,_n({options:i,handleChange:function(n,e){var t;o&&o(n,e),l&&(null===(t=p.field)||void 0===t||t.onChange({target:{value:n,name:a},type:"change"}))},error:u,name:a,value:d||(null===(r=p.field)||void 0===r?void 0:r.value),ref:e},c))}));function si(n){var e=n.option,t=n.selectedValue.includes(e.value);return s(fi,_n({container:!0,selected:t},{children:s(N,{checked:t,label:s(gi,_n({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var hi,mi,fi=c(w)(hi||(hi=Pn(["\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?g.palette.background.light1:g.palette.grey.zero}),g.palette.background.light1,g.palette.grey.seventy),gi=c(f)(mi||(mi=Pn(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?g.palette.grey.seventy:g.palette.grey.fiftyP}));function xi(n){var t,r,a=n.options,o=n.name,l=n.handleChange,d=n.onLabelChange,c=n.form,p=n.value,u=n.onOptionsChange,h=Cn(n,["options","name","handleChange","onLabelChange","form","value","onOptionsChange"]),m=c?on({control:c.control,name:o}):null,f=p||(null===(t=null==m?void 0:m.field)||void 0===t?void 0:t.value),g=i(f||[]),x=g[0],b=g[1],v=i((null==f?void 0:f.map((function(n){return a.find((function(e){return e.value===n}))||{label:"",optionValue:n}})))||[]),w=v[0],y=v[1],k=a.filter((function(n){return x.includes(n.value)})).map((function(n){return n.label})).join(", "),_=null===(r=null==m?void 0:m.fieldState.error)||void 0===r?void 0:r.message;return e((function(){var n;c&&(null===(n=null==m?void 0:m.field)||void 0===n||n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),e((function(){u&&u(w)}),[w]),e((function(){d&&d(k)}),[k]),s(Le,_n({options:a,handleChange:function(n){x.includes(n.value)?(l&&l(n.value,n,x.filter((function(e){return e!==n.value}))),b((function(e){return e.filter((function(e){return e!==n.value}))})),y((function(e){return e.filter((function(e){return e.value!==n.value}))}))):(l&&l(n.value,n,zn(zn([],x,!0),[n.value],!1)),b((function(e){return zn(zn([],e,!0),[n.value],!1)})),y((function(e){return zn(zn([],e,!0),[n],!1)})))},error:_,selectedLabel:k,selectedValue:x,name:o,isLabelShrink:!!k,renderOption:function(n,e){return s(si,{option:n,selectedValue:e})}},h))}function bi(n){var e=n.option,t=!!n.selectedValue.find((function(n){return n.value===e.value}));return h(ki,_n({container:!0,selected:t,alignItems:"center",justify:"space-between"},{children:[s(_i,_n({onClick:function(n){n.preventDefault()},size:"sm",weight:500,selected:t},{children:e.label})),s(Ci,{children:t&&s(Z,{width:12})})]}))}var vi,wi,yi,ki=c(w)(vi||(vi=Pn(["\n padding: 8px 0;\n &:hover {\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px 0;\n &:hover {\n p {\n color: "," !important;\n }\n }\n"])),g.palette.grey.seventy),_i=c(f)(wi||(wi=Pn(["\n transition: all ease-out 0.3s;\n color: "," !important;\n"],["\n transition: all ease-out 0.3s;\n color: "," !important;\n"])),(function(n){return n.selected?g.palette.grey.seventy:g.palette.grey.fiftyP})),Ci=c.div(yi||(yi=Pn(["\n margin-left: 4px;\n width: 10px;\n min-width: 10px;\n path {\n fill: ",";\n }\n"],["\n margin-left: 4px;\n width: 10px;\n min-width: 10px;\n path {\n fill: ",";\n }\n"])),g.palette.grey.fiftyP);function Ii(n){var t,r,a=n.options,o=n.name,l=n.handleChange,d=n.onLabelChange,c=n.form,p=n.value,u=Cn(n,["options","name","handleChange","onLabelChange","form","value"]),h=c?on({control:c.control,name:o}):null,m=i(p||(null===(t=null==h?void 0:h.field)||void 0===t?void 0:t.value)||[]),f=m[0],g=m[1],x=a.filter((function(n){return f.find((function(e){return e.value===n.value}))})).map((function(n){return n.label})).join(", "),b=null===(r=null==h?void 0:h.fieldState.error)||void 0===r?void 0:r.message;return e((function(){var n;c&&(null===(n=null==h?void 0:h.field)||void 0===n||n.onChange({target:{value:f,name:o},type:"change"}))}),[f]),e((function(){d&&d(x)}),[x]),s(zi,_n({options:a,handleChange:function(n){f.find((function(e){return e.value===n.value}))?(l&&l(n.value,n,f.filter((function(e){return e.value!==n.value}))),g((function(e){return e.filter((function(e){return e.value!==n.value}))}))):(l&&l(n.value,n,zn(zn([],f,!0),[n.value],!1)),g((function(e){return zn(zn([],e,!0),[n],!1)})))},error:b,selectedLabel:x,selectedValue:f,name:o,isLabelShrink:!!x,renderOption:function(n,e){return s(bi,{option:n,selectedValue:e})}},u))}var Si,zi=c(Le)(Si||(Si=Pn(["\n .InputDropdownWrapper {\n padding: 8px;\n }\n .InputDropdownContent {\n padding: 0 12px;\n border-radius: 16px;\n border: 1px solid ",";\n &.InputDropdownScrollable {\n padding: 0 20px 0 12px;\n }\n }\n .InputSelectOption {\n padding: 0;\n }\n .InputSelectOption:not(:last-of-type) {\n border-bottom: 1px solid ",";\n }\n"],["\n .InputDropdownWrapper {\n padding: 8px;\n }\n .InputDropdownContent {\n padding: 0 12px;\n border-radius: 16px;\n border: 1px solid ",";\n &.InputDropdownScrollable {\n padding: 0 20px 0 12px;\n }\n }\n .InputSelectOption {\n padding: 0;\n }\n .InputSelectOption:not(:last-of-type) {\n border-bottom: 1px solid ",";\n }\n"])),g.palette.grey.fifteenB,g.palette.grey.fifteenB);function Pi(n){var t=n.options,r=n.name,a=n.handleChange,o=n.onLabelChange,l=n.value,d=Cn(n,["options","name","handleChange","onLabelChange","value"]),c=i(l||[]),p=c[0],u=c[1],h=t.filter((function(n){return p.includes(n.value)})).map((function(n){return n.label})).join(", ");return e((function(){o&&o(h)}),[h]),s(Le,_n({options:t,handleChange:function(n){p.includes(n.value)?(a&&a(n.value,n,p.filter((function(e){return e!==n.value}))),u((function(e){return e.filter((function(e){return e!==n.value}))}))):(a&&a(n.value,n,zn(zn([],p,!0),[n.value],!1)),u((function(e){return zn(zn([],e,!0),[n.value],!1)})))},selectedLabel:h,selectedValue:p,name:r,isLabelShrink:!!h,renderOption:function(n,e){return s(si,{option:n,selectedValue:e})}},d))}var Oi=t((function(n,t){var r=n.options,a=n.disabled,o=n.direction,l=void 0===o?"row":o,d=n.defaultValue,c=n.value,p=n.onChange,u=n.isSquare,h=Cn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=i(d||c||r[0].value),f=m[0],g=m[1],x=function(n){var e=n.target.value;g(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(g(null),p&&p(n,null))};return e((function(){c&&g(c)}),[c]),s(w,_n({container:!0,direction:l,ref:t},{children:r.map((function(n){return s(M,_n({value:n.value,label:n.label,disabled:Boolean(a),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:x},h),n.value)}))}))}));function Ei(n){var t=n.form,r=n.name,i=n.defaultValue,a=Cn(n,["form","name","defaultValue"]);return e((function(){t.getValues(r)||i||t.setValue(r,a.options[0].value)}),[]),s(ln,{control:t.control,name:String(r),render:function(n){var e=n.field;return s(Oi,_n({},a,e,{defaultValue:i,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:r},type:"change"}),a.onChange&&a.onChange(n,e)}(n,t,e)}}))}})}function Ni(n){var e,t=n.title,r=n.className,i=n.direction,a=n.form,o=n.name,l=Cn(n,["title","className","direction","form","name"]),d=null===(e=on({control:a.control,name:o}).fieldState.error)||void 0===e?void 0:e.message;return h(Ui,{children:[h(Bi,_n({container:!0,alignItems:"vertical"===i?"flex-start":"center",justify:"space-between",direction:"vertical"===i?"column":"row",hasError:!!d,className:r,withTitle:!!t},{children:[t&&s(Fi,_n({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),s(w,_n({item:!0,xs:"vertical"===i?12:"auto"},{children:s(Ei,_n({form:a,name:o},l))}))]})),d&&s(D,{variant:"error",msg:d})]})}Oi.displayName="RadioButtons";var Mi,Di,Li,ji,Ti,Ui=c.div(Mi||(Mi=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),Bi=c(w,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(ji||(ji=Pn(["\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?g.palette.red.fiftyP:g.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 p(Di||(Di=Pn(["\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(Li||(Li=Pn(["\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})}),g.breakpoints.sm),Fi=c(f)(Ti||(Ti=Pn(["\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}),g.breakpoints.sm);function Ki(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=R(),i=r[0],a=r[1],o=r[2];if(!e||!t)return null;return h(m,{children:[h(Hi,_n({container:!0,onClick:a,alignItems:"center"},{children:[s(Ji,{width:12,height:12}),s(f,_n({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),s(Yi,_n({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:o})}))]})}var Ri,Vi,Ai,Wi,Hi=c(w)(Ri||(Ri=Pn(["\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"])),g.palette.grey.fifteenB),Ji=c(nn)(Vi||(Vi=Pn(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),g.palette.grey.fiftyP),Yi=c.div(Ai||(Ai=Pn([""],[""]))),qi=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return s(Gi,_n({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Gi=c(w)(Wi||(Wi=Pn(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function $i(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,l=n.isLoading,d=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return h(Zi,_n({input:d,buttonRef:a,isOpen:o,handleClose:c,onScrollEnd:u,endComponent:s(Ki,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return s(qi,{option:n,renderOption:t,handleSelect:p,index:e},e)})),l&&s(na,{height:"auto"})]}))}var Qi,Xi,Zi=c(ke)(Qi||(Qi=Pn(["\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"]))),na=c(ze)(Xi||(Xi=Pn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function ea(n){var t,a=n.renderOption,d=n.options,c=n.name,p=n.hideName,u=n.form,s=n.isLoading,h=n.onSelectItem,m=n.handleScrollEnd,f=n.onSearchItem,g=n.isLabelLoading,x=n.disabled,b=n.creatingLabel,v=n.renderCreatingModal,y=n.endComponent,k=n.inputRef,_=n.onOpen,C=Cn(n,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),I=i(!1),S=I[0],z=I[1],P=r(null);p&&u.register(p);var O=function(){x||z(!0)},E=function(){z(!1)};e((function(){_&&_(S)}),[S]);var N=U(P,k);return l(la,{children:[g&&o(oa,{children:o(ze,{height:"100%"})}),o($i,{renderOption:a,options:d,inputRef:{current:null===(t=P.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:S,handleCloseDropdown:E,handleSelect:function(n){var e;h(n),E(),(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(da,_n({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)),O()},onFocus:O,name:c,disabled:x,ref:N,isDropdownOpen:S,autoComplete:"off"},C,{endIcon:!x&&l(w,_n({container:!0,alignItems:"center",onClick:function(){z((function(n){return!n}))}},{children:[o(L,_n({mr:2},{children:y})),C.endIcon||!x&&o(ca,{width:12,height:13,css:[S&&{transform:"rotate(180deg)"}]})]}))}))})]})}var ta,ra,ia,aa,oa=c.div(ta||(ta=Pn(["\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"]))),la=c.div(ra||(ra=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),da=c(lr)(ia||(ia=Pn(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),ca=c(H)(aa||(aa=Pn(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function pa(n){var e=n.label;return s(sa,{children:s(f,_n({size:"s",weight:500},{children:e}))})}var ua,sa=c.div(ua||(ua=Pn(["\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"])),g.palette.background.light2);function ha(n){var t,a,o=n.file,l=n.onDelete,d=n.onChange,c=n.index,p=n.selectedFile,u=n.setSelectedFile,g=n.limitTitle,b=void 0===g?100:g,v=n.icon,w=n.subtitle,y=n.disabled,k=n.error,_=n.className,C=n.label,I=n.endIcon,S=Cn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),z=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=i(z),O=P[0],E=P[1],N=i(!1),M=N[0],D=N[1],j=r(null);e((function(){var n;M&&(null===(n=j.current)||void 0===n||n.focus()),!M&&z!==O&&d&&d(O,c)}),[M]);return h(m,{children:[h(Pa,_n({selected:(null!=p?p:-1)===c,error:b&&O.length>b||!!k,onClick:function(){u&&u(null!=c?c:1)},disabled:!!y,className:"FileWrapper ".concat(_||"")},S,{children:[s(Oa,_n({className:"FileIcon_wrapper"},{children:v||s(en,{})})),h(Na,_n({withDelete:!!l,withEdit:!!d,className:"FileContent_wrapper"},{children:[h(La,{children:[s(wn,_n({href:o.url,openInNewWindow:!0},{children:s(Da,{children:O})})),s(Ma,{"data-testid":"file_name",ref:j,disabled:!M,value:O,onChange:function(n){E(n.target.value)},onBlur:function(){D(!1)},maxLength:100})]}),w||String(o.size)&&h(f,_n({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),h(Ea,_n({className:"FileButtons_wrapper"},{children:[I,!y&&d&&s(x,_n({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){D((function(n){return!n}))}},{children:M?s(Z,{}):s(tn,{width:18,height:18})})),l&&!y&&s(x,_n({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;l&&l(null!==(n=o.index)&&void 0!==n?n:1,Number(c))}},{children:s(rn,{width:16,height:16})}))]}))]})),(b&&O.length>b||k)&&s(L,_n({mb:1},{children:s(f,_n({size:"xs",colorGroup:"red",weight:500},{children:k||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var ma,fa,ga,xa,ba,va,wa,ya,ka,_a,Ca,Ia,Sa,za,Pa=c.div(ga||(ga=Pn(["\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?g.palette.brand.main:g.palette.grey.fifteenB}),(function(n){return n.disabled&&p(fa||(fa=Pn(["\n background: ",";\n "],["\n background: ",";\n "])),g.palette.background.light1)}),(function(n){return n.error&&p(ma||(ma=Pn(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),g.palette.red.seventy)})),Oa=c.div(xa||(xa=Pn(["\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"])),g.palette.brand.light),Ea=c.div(ba||(ba=Pn(["\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"])),g.palette.grey.thirty),Na=c.div(va||(va=Pn(["\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})),Ma=c.input(wa||(wa=Pn(["\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"])),g.palette.grey.seventy,g.palette.brand.main),Da=c.span(ya||(ya=Pn(["\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"]))),La=c.div(ka||(ka=Pn(["\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"]))),ja=["png","svg","jpg","jpeg","webp","gif","avif","apng","heic"],Ta=t((function(n,t){var a,o,l,d=n.form,c=n.name,p=n.parentName,u=n.label,g=n.disabled,x=n.withEdit,b=void 0===x||x,v=n.withDelete,y=void 0===v||v,k=n.fileName,_=n.onChange,C=n.isRequired,I=n.uploadLabel,S=n.toBigTitleMessage,z=n.endIcon,P=n.testId,O=n.onlyImages,E=Cn(n,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId","onlyImages"]),N=i(!1),M=N[0],L=N[1],j=i(),T=j[0],U=j[1],B=i(""),F=B[0],K=B[1],R=r(null),V=on({control:d.control,name:c}),A=V.field,W=V.fieldState,H=on({control:d.control,name:p||c}).field,J=(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(),Y=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/1048576*100)/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/1048576*100)/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}(T,F,k,J),q=T&&"url"in T?T:Y,G=null===(o=W.error)||void 0===o?void 0:o.message;e((function(){"string"==typeof A.value&&K(A.value),"object"==typeof A.value&&U(A.value),A.value||K(""),L(!0)}),[null===(l=A.value)||void 0===l?void 0:l.toString()]),e((function(){var n,e,t=Number((null==k?void 0:k.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;M&&!F&&A.onChange({target:{value:T,name:c},type:"change"}),t?d.setError(c,{type:"custom",message:S||"The file name must be less than 100 characters"}):d.clearErrors(c)}),[T]);return h(Ua,_n({"data-testid":P},{children:[s(Fa,_n({type:"file",onInput:function(n){var e;if(n.target.files&&n.target.files[0]){d.clearErrors(c);var t=n.target.files[0];if(O){var r=null===(e=t.name.split(".").pop())||void 0===e?void 0:e.toLowerCase();r&&ja.includes(r)?(U(t),_&&_(t)):d.setError(c,{type:"custom",message:"The file must be an image"})}else U(t),_&&_(t)}else U(void 0)}},E,{ref:function(n){t&&(t.current=n),R.current=n}})),q?s(ha,{file:q,onDelete:y&&function(){T&&R.current&&(R.current.value=""),U(void 0),K(""),p?H.onChange({target:{value:null,name:p},type:"change"}):A.onChange({target:{value:null,name:c},type:"change"}),_&&_(null)},onChange:b&&function(n){var e,t=d.getValues(c),r="".concat(n,".").concat(J);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:_n(_n({},t.uploaded),{name:n})}:new File([t],r,{type:t.type}),U(e)},error:G,disabled:g,label:u,endIcon:z}):h(m,{children:[h(Ba,_n({error:!!G,disabled:g,container:!0,justify:"space-between",alignItems:"center"},{children:[s(Ka,_n({item:!0},{children:h(f,_n({size:"s",color:"fiftyP"},{children:[u,C?" *":""]}))})),s(w,_n({item:!0},{children:s(Ra,_n({disabled:g,size:"s",onClick:function(){R.current&&R.current.click()}},{children:I||"Upload"}))}))]})),G&&s(D,{variant:"error",msg:G})]})]}))})),Ua=c.div(_a||(_a=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),Ba=c(w)(Ca||(Ca=Pn(["\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?g.palette.red.fiftyP:g.palette.grey.fifteenB}),(function(n){return n.disabled?g.palette.background.light1:g.palette.grey.zero})),Fa=c.input(Ia||(Ia=Pn(["\n display: none;\n"],["\n display: none;\n"]))),Ka=c(w)(Sa||(Sa=Pn(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Ra=c(x)(za||(za=Pn(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Va=t((function(n,e){var t=n.form,r=n.name,i=n.label,a=n.labelProps,o=Cn(n,["form","name","label","labelProps"]);return s(ln,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return s(N,_n({},o,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),o.onChange&&o.onChange(n)}(n,t)},label:"string"==typeof i?s(f,_n({},a,{children:i})):i}))}})}));function Aa(n){var e=n.title,t=n.options,r=n.form;n.name;var i=Cn(n,["title","options","form","name"]);return h(Ya,_n({container:!0,alignItems:"center",justify:"space-between"},{children:[s(w,_n({item:!0},{children:s(f,_n({size:"s",weight:500,color:"fiftyP"},{children:e}))})),s(w,_n({item:!0},{children:s(w,_n({container:!0},{children:t.map((function(n){return s(Ja,_n({name:n.name,label:s(f,_n({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))}var Wa,Ha,Ja=c(Va)(Wa||(Wa=Pn(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Ya=c(w)(Ha||(Ha=Pn(["\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"])),g.palette.grey.fifteenB),qa={mapKey:""},Ga=[],$a=function(){return _n({},qa)},Qa=function(n){qa=_n(_n({},qa),n),Ga.forEach((function(n){return n(qa)}))},Xa=function(n){Ga.push(n)},Za=function(n){var e=Ga.indexOf(n);-1!==e&&Ga.splice(e,1)};function no(n){var t=this,r=n.children,a=n.onInit,o=i(!1),l=o[0],d=o[1],c=i("LOADING"),p=c[0],u=c[1],h=i($a().mapKey),f=h[0],g=h[1];return e((function(){var n=function(n){return g(n.mapKey)};return Xa(n),function(){Za(n)}}),[]),e((function(){var n;return n=f,In(t,void 0,void 0,(function(){return Sn(this,(function(e){switch(e.label){case 0:if(l||!n)return[3,4];u("LOADING"),e.label=1;case 1:return e.trys.push([1,3,,4]),yn({key:n,language:"ru"}),[4,Promise.allSettled(zn([kn("core"),kn("maps"),kn("places"),kn("marker")],a?[a()]:[],!0))];case 2:return e.sent(),u("SUCCESS"),[3,4];case 3:return e.sent(),u("FAILURE"),[3,4];case 4:return[2]}}))})),function(){return d(!0)}}),[f]),f?"SUCCESS"===p&&r?s(m,{children:r}):(function(n){"LOADING"===n?s(ze,{height:"100%"}):"FAILURE"===n?s("h3",{children:n}):s("div",{})}(p),s(m,{})):s("h2",{children:"Add google key"})}var eo=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,a=Cn(n,["dependentInputName","form","disabled","Input"]),o=dn({control:t.control,name:e}),l=_n({form:t,disabled:r||!o},a);return s(i||lr,_n({},l))};function to(n){var t=n.map,i=n.position,a=n.children,o=r(null),l=r(document.createElement("div"));return e((function(){var n,e,r;if(t&&(null===(r=null===(e=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===e?void 0:e.marker)||void 0===r?void 0:r.AdvancedMarkerElement)){var a=new google.maps.marker.AdvancedMarkerElement({map:t,position:i,content:l.current,collisionBehavior:"OPTIONAL_AND_HIDES_LOWER_PRIORITY"});return o.current=a,function(){return a.map=null}}}),[t]),e((function(){o.current&&i&&(o.current.position=i)}),[i]),vn(a,l.current)}var ro=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},io=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{to as AdvancedMarker,pa as AutocompleteOption,oe as Avatar,ci as ButtonSelect,me as ButtonTab,xe as ButtonsPanel,Bt as CalendarHeaderWithSelect,Kt as CalendarStandardContainer,Vt as CalendarStandardHeader,Aa as CheckboxGroupWithTitle,Va as CheckboxWithController,eo as DependentInput,Zt as DesktopInputWithMonthPicker,ir as DesktopMenuPanel,ke as InputDropdown,Ta as InputFile,Jt as InputForDatepicker,xi as InputMultiSelect,Pi as InputMultiSelectBase,Ii as InputMultiSelectNew,vr as InputPassword,Hr as InputPhoneWithForm,Mt as InputSelect,Le as InputSelectBase,Ee as InputSelectDropdown,ui as InputSelectWithController,yr as InputTextAreaMobile,ea as InputWithAutocomplete,lr as InputWithController,Pr as InputWithDatePicker,or as InputWithMask,Br as InputWithMonthPicker,ze as Loading,no as MapWrapper,er as MenuItem,Rr as MenuPanel,jr as MobileInputWithMonthPicker,Fr as MobileMenuPanel,qt as MonthPickerContainer,$t as MonthPickerHeader,ur as PassportStrengthBar,Oi as RadioButtons,Ei as RadioButtonsWithController,Ni as RadioGroupWithLabel,we as ScrollingContainer,Ut as SelectMonth,Lt as SelectYear,Wr as Switch,Jr as Table,Gr as TableCell,qr as TableHeadCell,$r as TableRow,ii as Tooltip,ie as UndefinedAvatar,br as getFormError,xr as getFormValue,$a as getSettings,ro as getVisibility,io as getVisibilitySettings,Qa as setSettings,Dr as shortMonths,Xa as subscribeToSettings,Za as unsubscribeFromSettings,re as useScrollWithBottomSpacing};
1
+ import"react-datepicker/dist/react-datepicker.css";import*as n from"react";import{useEffect as e,forwardRef as t,useRef as r,useState as i}from"react";import a from"lodash";import{jsx as o,jsxs as l,Fragment as d}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 g,Button as x,Container as b,Tooltip as v,Grid as w,CircularProgress as y,InputWithAdornments as k,Heading as _,InputWithMask as C,IconButton as I,LinearProgress as S,Divider as z,Modal as P,Switch as O,InputWithCountryDropdown as E,Checkbox as N,Radio as M,InputMessage as D,Box as L}from"kui-basic";import{useWindowWidth as j,updateQueryParams as T,useForkRef as U,strongPasswordRegExp as B,mediumPasswordRegExp as V,simplePasswordRegExp as F,useToggle as K,isValidWithMaskExp as R}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 ln,useWatch as dn}from"react-hook-form";import{scroller as cn,Events as pn,Link as un,animateScroll as sn,Element as hn}from"react-scroll";import{DateTime as mn}from"luxon";import fn from"date-fns/locale/ru";import{useNavigate as gn,useLocation as xn}from"react-router-dom";import*as bn from"react-dom";import{createPortal as vn}from"react-dom";import{Link as wn}from"kui-crm";import{setOptions as yn,importLibrary as kn}from"@googlemaps/js-api-loader";var _n=function(){return _n=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},_n.apply(this,arguments)};function Cn(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 In(n,e,t,r){return new(t||(t=Promise))((function(i,a){function o(n){try{d(r.next(n))}catch(n){a(n)}}function l(n){try{d(r.throw(n))}catch(n){a(n)}}function d(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,l)}d((r=r.apply(n,e||[])).next())}))}function Sn(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}function zn(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 Pn(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var On,En,Nn,Mn,Dn,Ln,jn,Tn,Un,Bn,Vn,Fn,Kn,Rn,An,Wn,Hn,Jn,Yn,qn,Gn,$n,Qn,Xn,Zn,ne,ee,te,re=function(n,t,r,i,o){var l=function(e){var t=i?e.target:e.target.documentElement,a=i?e.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<n&&r&&r()};e((function(){if(r){var n=a.throttle(l,t),e=(null==i?void 0:i.current)||document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),zn([t],o||[],!0))},ie=t((function(n,e){var t=n.label,r=Cn(n,["label"]);if(!t)return s("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return s(ae,_n({"data-testid":"undefined_avatar",ref:e},{children:s(f,_n({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),ae=c.div(On||(On=Pn(["\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"])),g.palette.brand.light,g.palette.brand.main),oe=t((function(n,e){var t=n.size,r=n.fullName,i=n.imageUrl,a=Cn(n,["size","fullName","imageUrl"]);return o(le,_n({css:pe[t],ref:e},a,{children:i?o(de,{"data-testid":"avatar_image",src:i,alt:"avatar"}):o(ce,{label:r,avatarSize:t})}))})),le=c.div(En||(En=Pn(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),de=c.img(Nn||(Nn=Pn(["\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"]))),ce=c(ie,{shouldForwardProp:function(n){return"size"!==n}})(Dn||(Dn=Pn(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&p(Mn||(Mn=Pn(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),pe={xs:p(Ln||(Ln=Pn(["\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(jn||(jn=Pn(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:p(Tn||(Tn=Pn(["\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(Un||(Un=Pn(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},ue=t((function(n,e){var t=n.index,r=n.onClick,i=n.isActive,a=n.label,l=n.disabled;return o(se,_n({disabled:l,variant:i?"orange":"white",captionWeight:400,onClick:function(){r(t)},css:!i&&he,size:"s",ref:e,className:W("KUI-ButtonTab",i&&"KUI-ButtonTab_active")},{children:a}))})),se=c(x)(Bn||(Bn=Pn(["\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"]))),he=p(Vn||(Vn=Pn(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),g.palette.grey.seventy),me=t((function(n,e){var t=n.renderTabWrapper,r=n.label,i=Cn(n,["renderTabWrapper","label"]);return t?t(r,o(ue,_n({ref:e,label:r},i))):o(ue,_n({ref:e,label:r},i))})),fe=function(n){var e=n.startComponent,t=n.endComponent,i=n.tabs,a=n.renderTabWrapper,o=n.handleChange,l=n.value,d=r(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=d.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),o(n)};return h(b,_n({className:"KUI-ButtonTabs"},{children:[e,s(ge,_n({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:d},{children:i.map((function(n,e){return s(me,{index:e,onClick:c,isActive:e===l,label:n,renderTabWrapper:a},n)}))})),t]}))},ge=c(A)(Fn||(Fn=Pn(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),xe=t((function(t,r){var i=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,g=t.renderTabWrapper,x=Cn(t,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),b=j(),v=n.useState(Number(p)),w=v[0],y=v[1];return e((function(){y(Number(p))}),[p]),0===b?null:l(d,{children:[o(ve,_n({css:u&&{position:"sticky"},ref:r},x,{children:o(fe,{value:w,tabs:i,handleChange:function(n){if(y(n),null==c?void 0:c.length){var e=c[n];f?f(e):T(e)}s&&s(n)},endComponent:m,startComponent:h,renderTabWrapper:g})})),o(be,_n({role:"tabpanel"},{children:a[w]}))]})})),be=c.div(Kn||(Kn=Pn(["\n height: 100%;\n"],["\n height: 100%;\n"]))),ve=c.div(Rn||(Rn=Pn(["\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"])),g.palette.grey.zero),we=t((function(n,t){var a=n.onScrollEnd,o=n.maxHeight,l=n.onScrollChange,d=Cn(n,["onScrollEnd","maxHeight","onScrollChange"]),c=r(null),p=i(!1),u=p[0],h=p[1];re(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(){l&&l(u)}),[u]),s(ye,_n({isScrollable:u,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),c.current=n}},d))})),ye=c.div(An||(An=Pn(["\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}),g.palette.grey.fifteenB,g.palette.grey.thirty),ke=t((function(n,e){var t=n.isOpen,a=n.handleClose;n.buttonRef;var o=n.children,l=n.startComponent,d=n.endComponent,c=n.input,p=n.className,u=n.strategy,m=n.onScrollEnd,f=Cn(n,["isOpen","handleClose","buttonRef","children","startComponent","endComponent","input","className","strategy","onScrollEnd"]),g=i(!1),x=g[0],b=g[1],v=r(null);return s(_e,_n({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:t,onChange:function(n){n||a()},toggleMethod:"click",strategy:u||"fixed",placement:"bottom",className:p,content:h(Ce,_n({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),v.current=n},className:"InputDropdownWrapper"},f,{children:[l,s(Ie,_n({className:W("InputDropdownContent",x&&"InputDropdownScrollable"),isScrollable:x},{children:s(Se,_n({className:"KUI-InputDropdown_scroll",onScrollChange:b,onScrollEnd:m},{children:o}))})),d]}))},{children:c}))})),_e=c(v)(Wn||(Wn=Pn(["\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"]))),Ce=c(w)(Hn||(Hn=Pn(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),Ie=c.div(Jn||(Jn=Pn(["\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"})),Se=c(we)(Yn||(Yn=Pn(["\n width: 100%;\n"],["\n width: 100%;\n"]))),ze=t((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=Cn(n,["height","className"]);return s(Oe,_n({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:s(Pe,_n({},i))}))})),Pe=c(y)(qn||(qn=Pn(["\n color: ",";\n"],["\n color: ",";\n"])),g.palette.brand.main),Oe=c(w,{shouldForwardProp:function(n){return"height"!==n}})(Gn||(Gn=Pn(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height})),Ee=t((function(n,e){var t=n.input,r=n.options,i=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,l=n.handleSelect,d=n.selectedValue,c=n.renderOption,p=n.onScrollEnd,u=n.startComponent,m=n.isLoading;return h(Me,_n({input:t,buttonRef:i,isOpen:a,handleClose:o,ref:e,onScrollEnd:p,startComponent:u},{children:[s("div",{children:r.map((function(n,e){return s(Ne,_n({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),className:"InputSelectOption"},{children:c(n,d)}),n.label)}))}),m&&s(De,{height:"auto"})]}))})),Ne=c.div($n||($n=Pn(["\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?g.palette.grey.fiftyP:g.palette.grey.seventy})),Me=c(ke)(Qn||(Qn=Pn(["\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"]))),De=c(ze)(Xn||(Xn=Pn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"]))),Le=t((function(n,e){var t,a=n.options,d=n.name,c=n.disabled,p=n.handleChange,u=n.iconProps,s=n.renderOption,h=n.selectedLabel,m=n.selectedValue,f=n.error,g=n.endIcon,x=n.beforeArrowIcon,b=n.className,v=n.onScrollEnd,w=n.startComponent,y=Cn(n,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon","beforeArrowIcon","className","onScrollEnd","startComponent"]),k=i(!1),_=k[0],C=k[1],I=r(null),S=U(I,e),z=function(){C(!1)};return l(je,_n({className:b},{children:[o("input",{name:d,autoComplete:"off",hidden:!0}),o(Ee,{options:a,inputRef:{current:null===(t=null==I?void 0:I.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:_,handleCloseDropdown:z,handleSelect:function(n){p&&p(n),z()},selectedValue:m,renderOption:s,onScrollEnd:v,startComponent:w,input:o(Te,_n({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==I?void 0:I.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==I?void 0:I.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),c||C((function(n){return!n}))},ref:S,disabled:c,readOnly:!0,value:h,message:f,isLabelShrink:Boolean(m)||0===m,autoComplete:"off"},y,{endIcon:l(Be,_n({container:!0,alignItems:"center"},{children:[x,!c&&o(Ue,_n({width:12,height:13,css:[{transition:"all linear .2s"},_&&{transform:"rotate(180deg)"}]},u)),g]}))}))})]}))})),je=c.div(Zn||(Zn=Pn(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Te=c(k)(ne||(ne=Pn(["\n input,\n .KUI-Input_label p {\n cursor: "," !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"],["\n input,\n .KUI-Input_label p {\n cursor: "," !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n"])),(function(n){return n.disabled?"default":"pointer"})),Ue=c(H)(ee||(ee=Pn(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Be=c(w)(te||(te=Pn(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Ve(n){var e=n.option,t=n.selectedValue;return s(Nt,_n({selected:t===e.value},{children:s(f,_n({size:"sm",weight:500},{children:e.label}))}))}var Fe,Ke,Re,Ae,We,He,Je,Ye,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,rt,it,at,ot,lt,dt,ct,pt,ut,st,ht,mt,ft,gt,xt,bt,vt,wt,yt,kt,_t,Ct,It,St,zt,Pt,Ot,Et,Nt=c.div(Fe||(Fe=Pn(["\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?g.palette.background.light1:g.palette.grey.zero}),g.palette.background.light1),Mt=t((function(n,t){var r,a=n.options,o=n.name,l=n.handleChange;n.form;var d=n.value,c=Cn(n,["options","name","handleChange","form","value"]),p=i(d),u=p[0],h=p[1],m=(null===(r=a.find((function(n){return String(n.value)===String(u)})))||void 0===r?void 0:r.label)||"";return e((function(){void 0!==d&&h(d)}),[d]),s(Le,_n({options:a,handleChange:function(n){h(n.value),l&&l(n.value,n)},selectedLabel:m,selectedValue:u,name:o,renderOption:function(n,e){return s(Ve,{option:n,selectedValue:e})},ref:t},c))})),Dt=function(n,e,t){return e&&n<e||t&&n>t},Lt=t((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,a=Cn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return _n(_n({},n),{disabled:Dt(Number(n.value),r,i)})}));return s(Mt,_n({ref:e,label:"Year",options:o},a))})),jt=function(n,e,t){return e&&n<e||t&&n>=t},Tt=[{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"}],Ut=t((function(n,e){var t=n.min,r=n.max;n.options;var i=Cn(n,["min","max","options"]),a=Tt.map((function(n){return _n(_n({},n),{disabled:jt(n.value,t,r)})}));return s(Mt,_n({ref:e,label:"Month",options:a},i))})),Bt=t((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,a=n.yearOptions,o=n.max,l=n.min,d=i.getFullYear(),c=i.getMonth(),p=(null==l?void 0:l.year)===d&&(null==l?void 0:l.month)?l.month-1:0,u=(null==o?void 0:o.year)===d?null==o?void 0:o.month:11;return s(Vt,_n({ref:e},{children:h(w,_n({container:!0,spacing:2},{children:[s(w,_n({item:!0,xs:6},{children:s(Lt,{min:null==l?void 0:l.year,max:null==o?void 0:o.year,yearOptions:a,value:d,handleChange:r})})),s(w,_n({item:!0,xs:6},{children:s(Ut,{min:Number(null==l?void 0:l.year)>=d&&p,max:Number(null==o?void 0:o.year)<=d&&u,value:c,handleChange:t})}))]}))}))})),Vt=c.div(Ke||(Ke=Pn(["\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"]))),Ft=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=Cn(n,["arrowProps","showPopperArrow"]);return s(Kt,_n({ref:e},t))})),Kt=c.div(Re||(Re=Pn(['\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"])),g.palette.grey.fiftyP,g.palette.background.light3,g.palette.background.light3,g.palette.brand.main,g.palette.brand.light,g.palette.brand.main,g.palette.brand.main,g.palette.grey.fifteenB,g.palette.red.seventy,g.palette.grey.zero),Rt=t((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,o=n.prevMonthButtonDisabled,l=n.date,d=a.capitalize(l.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return h(At,_n({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,_n({item:!0},{children:s(Wt,_n({size:"h4"},{children:d}))})),s(w,_n({item:!0},{children:h(w,_n({container:!0,spacing:2},{children:[s(w,_n({item:!0},{children:s(Ht,_n({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:o,onClick:t},{children:s(J,{width:10,height:10})}))})),s(w,_n({item:!0},{children:s(Ht,_n({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:s(Y,{width:10,height:10})}))}))]}))}))]}))})),At=c(w)(Ae||(Ae=Pn(["\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"]))),Wt=c(_)(We||(We=Pn(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ht=c(x)(He||(He=Pn(["\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"]))),Jt=t((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,a=n.startIcon,o=Cn(n,["onClick","disabled","handleClick","startIcon"]),l=function(){r||(i?i():t())},d=function(){return s(Yt,_n({disabled:r,onClick:l},{children:a||s(q,{width:19,height:21})}))};return s(C,_n({disabled:r,endIcon:!a&&s(d,{}),startIcon:a&&s(d,{})},o,{ref:e}))})),Yt=c.div(Je||(Je=Pn(["\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"})),qt=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=Cn(n,["arrowProps","showPopperArrow"]);return s(Gt,_n({ref:e},t))})),Gt=c.div(Ye||(Ye=Pn(["\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"])),g.palette.background.light1,g.palette.grey.fifteenB,g.palette.grey.fifteenB,g.palette.brand.main,g.palette.grey.fifteenB),$t=t((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return h(Xt,_n({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,_n({item:!0},{children:s(Qt,_n({disabled:a,onClick:t,type:"button"},{children:s(G,{width:14,height:12})}))})),s(w,_n({item:!0},{children:s(f,_n({size:"sm",weight:600},{children:o.getFullYear()}))})),s(w,_n({item:!0},{children:s(Qt,_n({disabled:i,onClick:r,type:"button"},{children:s($,{width:14,height:12})}))}))]}))})),Qt=c(I)(qe||(qe=Pn(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Xt=c(w)(Ge||(Ge=Pn(["\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"]))),Zt=t((function(n,t){var r,a=n.name,o=n.form,l=n.disabled,d=n.datePickerProps,c=n.onChange,p=Cn(n,["name","form","disabled","datePickerProps","onChange"]),u=i(),h=u[0],m=u[1],f=on({name:a,control:o.control}),g=f.field,x=f.fieldState;return e((function(){m(g.value)}),[g.value]),s(nr,_n({ref:t},{children:s(an,_n({selected:g.value,onChange:function(n){g.onChange(n),c&&c(n)},disabled:l,customInput:s(Jt,_n({mask:"00.0000",name:a,disabled:l,message:null===(r=x.error)||void 0===r?void 0:r.message},p),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:qt,renderCustomHeader:function(n){return s($t,_n({},n))}},d))}))})),nr=c.div($e||($e=Pn(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),er=t((function(n,t){var r=n.tab,i=n.active,a=n.index,l=n.handleClick,d=n.offset,c=n.isScrolling,p=n.setIsScrolling,u=function(){p(!1)};return e((function(){return i===a&&cn.scrollTo(r,{offset:d}),pn.scrollEvent.register("begin",(function(n,e){p(!0),e&&l(Number(e.dataset.index))})),pn.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){pn.scrollEvent.remove("begin"),pn.scrollEvent.remove("end")}}),[]),o(un,_n({to:r,spy:!0,smooth:!0,duration:500,offset:d,onSetActive:function(){c||l(a)}},{children:o(tr,_n({ref:t},{children:o(x,_n({variant:Number(i)===a?"orange":"transparentWithBorder",size:"xs",css:Number(i)!==a&&rr},{children:r}))}))}))})),tr=c.div(Qe||(Qe=Pn(["\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"]))),rr=p(Xe||(Xe=Pn(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),g.palette.grey.seventy),ir=t((function(n,e){var t=n.tabs,r=n.variant,i=Cn(n,["tabs","variant"]);return o(ar,_n({container:!0,css:"white"===r&&{background:"white"},ref:e},{children:t.map((function(n,e){return o(w,_n({item:!0},{children:o(er,_n({tab:n,index:e,offset:-121},i),n)}),e)}))}))})),ar=c(w)(Ze||(Ze=Pn(["\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"])),g.palette.background.light1),or=t((function(n,e){var t=n.form,r=n.name,i=n.error,a=Cn(n,["form","name","error"]),o=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(ln,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(C,_n({message:o(r)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),lr=t((function(n,e){var t=n.form,r=n.name,i=n.error,a=n.value,o=n.type,l=Cn(n,["form","name","error","value","type"]),d=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(ln,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(k,_n({message:d(r)},t,l,{onChange:function(n){return function(n,e){var t,r="number"!==o||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(_n(_n({},n),{target:_n(_n({},n.target),{value:r})})),l.onChange&&l.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),dr={weak:0,simple:1,medium:2,hard:3},cr={weak:g.palette.red.fiftyP,simple:g.palette.brand.main,medium:g.palette.blue.fiftyP,hard:g.palette.green.fiftyP},pr={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ur=t((function(n,e){var t=n.strength,r=t?cr[t]:"",i=t?dr[t]:-1;return l(sr,_n({"data-testid":"strength_bar",className:String(!t&&"hidden"),ref:e},{children:[o(hr,{children:Object.keys(dr).map((function(n,e){return o(mr,{children:o(fr,{"data-testid":"progress_item_".concat(n),value:i>=e?100:0,color:r})},n)}))}),o(f,_n({"data-testid":"strength_bar_explanation",size:"s",css:{color:r}},{children:t&&pr[t]})),o(gr,_n({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),sr=c.div(nt||(nt=Pn(["\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"]))),hr=c.div(et||(et=Pn(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),mr=c.div(tt||(tt=Pn(["\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"]))),fr=c(S)(rt||(rt=Pn(["\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"])),g.palette.grey.fifteenB,(function(n){return n.color})),gr=c(f)(it||(it=Pn(["\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"]))),xr=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},br=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},vr=t((function(n,t){var r=i(!1),a=r[0],o=r[1],l=i(null),d=l[0],c=l[1],p=function(n){0!==n.length?B.test(n)?c("hard"):V.test(n)?c("medium"):F.test(n)?c("simple"):c("weak"):c(null)};return e((function(){var e=n.form,t=n.name,r=xr(t,e);"string"==typeof r&&p(r)}),[]),h(m,{children:[s(lr,_n({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(wr,_n({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:s(a?Q:X,{})}))},n)),s(ur,{strength:d})]})})),wr=c.div(at||(at=Pn(["\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"]))),yr=t((function(n){return h(m,{children:[s(kr,{children:s(lr,_n({},n))}),s(_r,{children:s(lr,_n({isTextArea:!0},n))})]})})),kr=c.div(ot||(ot=Pn(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),_r=c.div(lt||(lt=Pn(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),Cr=t((function(n,e){var t=n.label,r=n.button,i=Cn(n,["label","button"]);return h(Ir,_n({ref:e},{children:[s(z,{}),s(Sr,{children:r||s(zr,_n({fullWidth:!0,size:"s",endIcon:s(Z,{})},i,{children:t}))})]}))})),Ir=c.div(dt||(dt=Pn(["\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"])),g.palette.grey.zero),Sr=c.div(ct||(ct=Pn(["\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"]))),zr=c(x)(pt||(pt=Pn(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),Pr=t((function(n,t){var r,c=n.title,p=n.description,u=n.name,s=n.form,h=n.disabled,m=n.yearParams,f=n.onChange,g=n.max,x=n.min,b=n.footerLabel,v=n.datePickerProps,w=n.alignTitle,y=void 0===w?"center":w,k=Cn(n,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),_=on({name:u,control:s.control}),C=_.field,I=null===(r=_.fieldState.error)||void 0===r?void 0:r.message,S=C.value,z=S?S.toFormat("dd.MM.yyyy"):"",P=S?S.toJSDate():null,O=K(),E=O[0],N=O[1],M=O[2],D=i(P),L=D[0],j=D[1],T=i(z),B=T[0],V=T[1],F=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(){V(z)}),[z]);return l(d,{children:[o(Jt,_n({mask:"00.00.0000",name:u,handleClick:N,value:B,onChange:function(n){var e=n.target.value;if(V(e),0!==e.length&&R.test(e)){var t=mn.fromFormat(e,"dd.MM.yyyy");j(t.toJSDate()),null==C||C.onChange({target:{value:t,name:u},type:"change"}),f&&f(t)}else j(null),null==C||C.onChange({target:{value:null,name:u},type:"change"}),f&&f(null)},disabled:h,message:I,ref:A},k)),l(Mr,_n({title:c,description:p,isOpen:E,handleClose:M,alignTitle:y},{children:[o(Or,{children:o(an,_n({inline:!0,selected:L||P,onChange:function(n){j(n)},calendarContainer:Er,renderCustomHeader:function(n){return o(Bt,_n({yearOptions:F,max:g,min:x},n))},renderDayContents:function(n){return o(Nr,{children:n})},maxDate:null==g?void 0:g.toJSDate(),minDate:null==x?void 0:x.toJSDate(),calendarStartDay:1},v))}),o(Cr,{fullWidth:!0,disabled:!P&&!L,onClick:function(){if(L){var n=mn.fromJSDate(L);V(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:u},type:"change"}),f&&f(n),M()}},label:b})]}))]})})),Or=c.div(ut||(ut=Pn(["\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"]))),Er=c(Ft)(st||(st=Pn(["\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"])),g.palette.background.light1,g.palette.background.light1),Nr=c.span(ht||(ht=Pn(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),Mr=c(P)(mt||(mt=Pn(["\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"})),Dr=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],Lr=_n(_n({},fn),{localize:{month:function(n){return Dr[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),jr=t((function(n,e){var t,r=n.title,a=n.name,o=n.form,l=n.disabled,d=n.datePickerProps,c=Cn(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=K(),g=f[0],x=f[1],b=f[2],v=i(u.value?mn.fromJSDate(new Date(String(u.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=i(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return h(Tr,_n({ref:e},{children:[s(Jt,_n({mask:"00.0000",name:a,handleCLick:x,value:w,onChange:function(n){var e=n.target.value;if(y(e),0!==e.length&&R.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:l,message:m,isLabelShrink:Boolean(u.value)},c)),h(P,_n({title:r,isOpen:g,handleClose:b},{children:[s(Ur,{children:s(an,_n({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:Lr,calendarContainer:qt,renderCustomHeader:function(n){return s($t,_n({},n))}},d))}),s(Cr,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==u||u.onChange({target:{value:_,name:a},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),Tr=c.div(ft||(ft=Pn(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Ur=c.div(gt||(gt=Pn(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Br=function(n){return h(m,{children:[s(Zt,_n({},n)),s(jr,_n({},n))]})},Vr=t((function(n,e){var t=n.tabs,i=n.handleClick,a=n.variant,l=Cn(n,["tabs","handleClick","variant"]),d=r(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=d.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),i(n)};return o(Fr,_n({css:"white"===a&&{background:"white"},ref:e},{children:o(A,_n({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:d},{children:t.map((function(n,e){return o(er,_n({tab:n,index:e,handleClick:c,offset:-121},l),n)}))}))}))})),Fr=c.div(xt||(xt=Pn(["\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"])),g.palette.background.light1),Kr=t((function(t,r){var i=t.tabs,a=t.tabPanels,d=t.paths,c=t.activeTab,p=t.variant,u=void 0===p?"grey":p,s=j(),h=n.useState(c),m=h[0],f=h[1],g=n.useState(!1),x=g[0],b=g[1],v=gn(),w=xn(),y=function(n){if(d[n]){f(n);var e=w.pathname,t="".concat(e).concat(w.search),r="".concat(e).concat(d[n]);t!==r&&v(r,{replace:!0})}};return e((function(){f(c)}),[c]),e((function(){"number"!=typeof c&&s<901&&sn.scrollToTop()}),[]),0===s?null:l("div",_n({ref:r},{children:[o(s>765?ir:Vr,{tabs:i,active:m,handleClick:y,variant:u,isScrolling:x,setIsScrolling:b}),a.map((function(n,e){return o("div",_n({css:e===a.length-1&&Rr},{children:o(Ar,_n({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Rr=p(bt||(bt=Pn(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Ar=c(hn)(vt||(vt=Pn(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Wr=t((function(n,e){var t=n.form,r=n.name,i=Cn(n,["form","name"]);return o(ln,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field;return o(O,_n({checked:Boolean(t.value),onChange:t.onChange,"data-testid":r,ref:e,name:r},i))}})})),Hr=t((function(n,e){var t,r=n.form,i=n.name,a=void 0===i?"phone":i,o=n.hiddenInputProps,l=n.error,d=Cn(n,["form","name","hiddenInputProps","error"]),c=on({control:r.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),p=on({control:r.control,name:"".concat(a,".phoneNumber")}),u=void 0!==l&&String(l).length>0?l:null===(t=p.fieldState.error)||void 0===t?void 0:t.message,h=U(e,p.field.ref);return s(E,_n({message:u,hiddenInputProps:_n(_n({},c.field),o),onSelectCountry:function(n){c.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},p.field,d,{onChange:function(n){p.field.onChange(n),c.field.value||c.field.onChange({target:{value:"7",name:"".concat(a,".phoneCode")},type:"change"}),d.onChange&&d.onChange(n)},ref:h,autoComplete:"false"}))})),Jr=t((function(n,e){return s(Yr,_n({cellSpacing:"0",ref:e},n))})),Yr=c.table(wt||(wt=Pn(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),qr=c.th(yt||(yt=Pn(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Gr=c.td(kt||(kt=Pn(["\n padding: 0;\n"],["\n padding: 0;\n"]))),$r=t((function(e,t){var r=e.children,i=Cn(e,["children"]),a=n.Children.toArray(r);return s("tr",_n({ref:t},{children:a.map((function(e){return n.cloneElement(e,i)}))}))})),Qr={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}},Xr=t((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,a=n.className,o=n.style,l=Cn(n,["placement","open","children","spacing","className","style"]);return s(Zr,_n({ref:e,className:W("KUI-Popper",a),spacing:i,style:o,open:!!t},{children:s(ni,_n({open:!!t},l,{children:r}))}))})),Zr=c.div(_t||(_t=Pn(["\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}),g.breakpoints.xxs),ni=c.div(Ct||(Ct=Pn(["\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})),ei=t((function(n,t){var a=n.placement,o=n.contentRef,l=Cn(n,["placement","contentRef"]),d=r(null),c=i(null),f=c[0],g=c[1],x=i(null),b=x[0],v=x[1];e((function(){if(o.current&&d.current){var n=d.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};g(e),v(t)}}),[]);var w={};if(f&&b){var y=Qr[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.width*y.offset-b.width*y.offset,0)}}return bn.createPortal(h(m,{children:[s(u,{styles:p(It||(It=Pn(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),s(Xr,_n({ref:function(n){t&&(t.current=n),d.current=n},style:w},l))]}),document.body)})),ti=t((function(n,t){var a=n.placement,o=n.contentRef,l=Cn(n,["placement","contentRef"]),d=r(null),c=i(null),p=c[0],u=c[1],h=i(null),m=h[0],f=h[1],g={};if(e((function(){o.current&&d.current&&(u({width:o.current.clientWidth,height:o.current.clientHeight}),f({width:d.current.clientWidth,height:d.current.clientHeight}))}),[]),p&&m){var x=Qr[null!=a?a:"bottomMiddle"];g={top:x.top?0-m.height:0+p.height,left:Math.max(p.width*x.offset-m.width*x.offset,0)}}return s(Xr,_n({ref:function(n){t&&(t.current=n),d.current=n},style:g},l))})),ri=t((function(n,t){var r=n.contentRef,a=Cn(n,["contentRef"]),o=i(!0),l=o[0],d=o[1];return e((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}();d(!!n)}),[r]),s(l?ti:ei,_n({ref:t,contentRef:r},a))})),ii=t((function(n,t){var a=n.content,o=n.onOpen,l=n.onClose,d=n.open,c=n.children,p=n.cursor,u=n.className,m=Cn(n,["content","onOpen","onClose","open","children","cursor","className"]),f=i(d),g=f[0],x=f[1],b=r(null),v=function(){x(!0),o&&o()};return e((function(){x(d)}),[d]),h(oi,_n({className:u,onMouseLeave:function(){x(!1),l&&l()},ref:t},{children:[s(li,_n({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:p},{children:s(di,_n({className:"Tooltip_content"},{children:c}))})),s(ri,_n({open:g},m,{contentRef:b},{children:a}))]}))})),ai=p(St||(St=Pn(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),oi=c.div(zt||(zt=Pn(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),ai),li=c.div(Pt||(Pt=Pn(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),ai,(function(n){return n.cursor})),di=c.div(Ot||(Ot=Pn(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),ai),ci=t((function(n,e){var t,r=n.options,i=Cn(n,["options"]);return s(pi,_n({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}))})),pi=c(Mt)(Et||(Et=Pn(["\n .KUI-Input_container {\n height: 40px !important;\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 !important;\n input {\n height: 32px;\n }\n }\n }\n .KUI-Input_container + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n .KUI-Input_container {\n height: 40px !important;\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 !important;\n input {\n height: 32px;\n }\n }\n }\n .KUI-Input_container + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),g.breakpoints.xs),ui=t((function(n,e){var t,r,i=n.options,a=n.name,o=n.handleChange,l=n.form,d=n.value,c=n.defaultValue,p=Cn(n,["options","name","handleChange","form","value","defaultValue"]),u=on({control:l.control,name:a}),h=null===(t=u.fieldState.error)||void 0===t?void 0:t.message;return s(Mt,_n({options:i,handleChange:function(n,e){var t;o&&o(n,e),l&&(null===(t=u.field)||void 0===t||t.onChange({target:{value:n,name:a},type:"change"}))},error:h,name:a,value:d||(null===(r=u.field)||void 0===r?void 0:r.value)||c,ref:e},p))}));function si(n){var e=n.option,t=n.selectedValue.includes(e.value);return s(fi,_n({container:!0,selected:t},{children:s(N,{checked:t,label:s(gi,_n({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var hi,mi,fi=c(w)(hi||(hi=Pn(["\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?g.palette.background.light1:g.palette.grey.zero}),g.palette.background.light1,g.palette.grey.seventy),gi=c(f)(mi||(mi=Pn(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?g.palette.grey.seventy:g.palette.grey.fiftyP}));function xi(n){var t,r,a=n.options,o=n.name,l=n.handleChange,d=n.onLabelChange,c=n.form,p=n.value,u=n.onOptionsChange,h=Cn(n,["options","name","handleChange","onLabelChange","form","value","onOptionsChange"]),m=c?on({control:c.control,name:o}):null,f=p||(null===(t=null==m?void 0:m.field)||void 0===t?void 0:t.value),g=i(f||[]),x=g[0],b=g[1],v=i((null==f?void 0:f.map((function(n){return a.find((function(e){return e.value===n}))||{label:"",optionValue:n}})))||[]),w=v[0],y=v[1],k=a.filter((function(n){return x.includes(n.value)})).map((function(n){return n.label})).join(", "),_=null===(r=null==m?void 0:m.fieldState.error)||void 0===r?void 0:r.message;return e((function(){var n;c&&(null===(n=null==m?void 0:m.field)||void 0===n||n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),e((function(){u&&u(w)}),[w]),e((function(){d&&d(k)}),[k]),s(Le,_n({options:a,handleChange:function(n){x.includes(n.value)?(l&&l(n.value,n,x.filter((function(e){return e!==n.value}))),b((function(e){return e.filter((function(e){return e!==n.value}))})),y((function(e){return e.filter((function(e){return e.value!==n.value}))}))):(l&&l(n.value,n,zn(zn([],x,!0),[n.value],!1)),b((function(e){return zn(zn([],e,!0),[n.value],!1)})),y((function(e){return zn(zn([],e,!0),[n],!1)})))},error:_,selectedLabel:k,selectedValue:x,name:o,isLabelShrink:!!k,renderOption:function(n,e){return s(si,{option:n,selectedValue:e})}},h))}function bi(n){var e=n.option,t=!!n.selectedValue.find((function(n){return n.value===e.value}));return h(ki,_n({container:!0,selected:t,alignItems:"center",justify:"space-between"},{children:[s(_i,_n({onClick:function(n){n.preventDefault()},size:"sm",weight:500,selected:t},{children:e.label})),s(Ci,{children:t&&s(Z,{width:12})})]}))}var vi,wi,yi,ki=c(w)(vi||(vi=Pn(["\n padding: 8px 0;\n &:hover {\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px 0;\n &:hover {\n p {\n color: "," !important;\n }\n }\n"])),g.palette.grey.seventy),_i=c(f)(wi||(wi=Pn(["\n transition: all ease-out 0.3s;\n color: "," !important;\n"],["\n transition: all ease-out 0.3s;\n color: "," !important;\n"])),(function(n){return n.selected?g.palette.grey.seventy:g.palette.grey.fiftyP})),Ci=c.div(yi||(yi=Pn(["\n margin-left: 4px;\n width: 10px;\n min-width: 10px;\n path {\n fill: ",";\n }\n"],["\n margin-left: 4px;\n width: 10px;\n min-width: 10px;\n path {\n fill: ",";\n }\n"])),g.palette.grey.fiftyP);function Ii(n){var t,r,a=n.options,o=n.name,l=n.handleChange,d=n.onLabelChange,c=n.form,p=n.value,u=Cn(n,["options","name","handleChange","onLabelChange","form","value"]),h=c?on({control:c.control,name:o}):null,m=i(p||(null===(t=null==h?void 0:h.field)||void 0===t?void 0:t.value)||[]),f=m[0],g=m[1],x=a.filter((function(n){return f.find((function(e){return e.value===n.value}))})).map((function(n){return n.label})).join(", "),b=null===(r=null==h?void 0:h.fieldState.error)||void 0===r?void 0:r.message;return e((function(){var n;c&&(null===(n=null==h?void 0:h.field)||void 0===n||n.onChange({target:{value:f,name:o},type:"change"}))}),[f]),e((function(){d&&d(x)}),[x]),s(zi,_n({options:a,handleChange:function(n){f.find((function(e){return e.value===n.value}))?(l&&l(n.value,n,f.filter((function(e){return e.value!==n.value}))),g((function(e){return e.filter((function(e){return e.value!==n.value}))}))):(l&&l(n.value,n,zn(zn([],f,!0),[n.value],!1)),g((function(e){return zn(zn([],e,!0),[n],!1)})))},error:b,selectedLabel:x,selectedValue:f,name:o,isLabelShrink:!!x,renderOption:function(n,e){return s(bi,{option:n,selectedValue:e})}},u))}var Si,zi=c(Le)(Si||(Si=Pn(["\n .InputDropdownWrapper {\n padding: 8px;\n }\n .InputDropdownContent {\n padding: 0 12px;\n border-radius: 16px;\n border: 1px solid ",";\n &.InputDropdownScrollable {\n padding: 0 20px 0 12px;\n }\n }\n .InputSelectOption {\n padding: 0;\n }\n .InputSelectOption:not(:last-of-type) {\n border-bottom: 1px solid ",";\n }\n"],["\n .InputDropdownWrapper {\n padding: 8px;\n }\n .InputDropdownContent {\n padding: 0 12px;\n border-radius: 16px;\n border: 1px solid ",";\n &.InputDropdownScrollable {\n padding: 0 20px 0 12px;\n }\n }\n .InputSelectOption {\n padding: 0;\n }\n .InputSelectOption:not(:last-of-type) {\n border-bottom: 1px solid ",";\n }\n"])),g.palette.grey.fifteenB,g.palette.grey.fifteenB);function Pi(n){var t=n.options,r=n.name,a=n.handleChange,o=n.onLabelChange,l=n.value,d=Cn(n,["options","name","handleChange","onLabelChange","value"]),c=i(l||[]),p=c[0],u=c[1],h=t.filter((function(n){return p.includes(n.value)})).map((function(n){return n.label})).join(", ");return e((function(){o&&o(h)}),[h]),s(Le,_n({options:t,handleChange:function(n){p.includes(n.value)?(a&&a(n.value,n,p.filter((function(e){return e!==n.value}))),u((function(e){return e.filter((function(e){return e!==n.value}))}))):(a&&a(n.value,n,zn(zn([],p,!0),[n.value],!1)),u((function(e){return zn(zn([],e,!0),[n.value],!1)})))},selectedLabel:h,selectedValue:p,name:r,isLabelShrink:!!h,renderOption:function(n,e){return s(si,{option:n,selectedValue:e})}},d))}var Oi=t((function(n,t){var r=n.options,a=n.disabled,o=n.direction,l=void 0===o?"row":o,d=n.defaultValue,c=n.value,p=n.onChange,u=n.isSquare,h=Cn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=i(d||c||r[0].value),f=m[0],g=m[1],x=function(n){var e=n.target.value;g(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(g(null),p&&p(n,null))};return e((function(){c&&g(c)}),[c]),s(w,_n({container:!0,direction:l,ref:t},{children:r.map((function(n){return s(M,_n({value:n.value,label:n.label,disabled:Boolean(a),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:x},h),n.value)}))}))}));function Ei(n){var t=n.form,r=n.name,i=n.defaultValue,a=Cn(n,["form","name","defaultValue"]);return e((function(){t.getValues(r)||i||t.setValue(r,a.options[0].value)}),[]),s(ln,{control:t.control,name:String(r),render:function(n){var e=n.field;return s(Oi,_n({},a,e,{defaultValue:i,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:r},type:"change"}),a.onChange&&a.onChange(n,e)}(n,t,e)}}))}})}function Ni(n){var e,t=n.title,r=n.className,i=n.direction,a=n.form,o=n.name,l=Cn(n,["title","className","direction","form","name"]),d=null===(e=on({control:a.control,name:o}).fieldState.error)||void 0===e?void 0:e.message;return h(Ui,{children:[h(Bi,_n({container:!0,alignItems:"vertical"===i?"flex-start":"center",justify:"space-between",direction:"vertical"===i?"column":"row",hasError:!!d,className:r,withTitle:!!t},{children:[t&&s(Vi,_n({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),s(w,_n({item:!0,xs:"vertical"===i?12:"auto"},{children:s(Ei,_n({form:a,name:o},l))}))]})),d&&s(D,{variant:"error",msg:d})]})}Oi.displayName="RadioButtons";var Mi,Di,Li,ji,Ti,Ui=c.div(Mi||(Mi=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),Bi=c(w,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(ji||(ji=Pn(["\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?g.palette.red.fiftyP:g.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 p(Di||(Di=Pn(["\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(Li||(Li=Pn(["\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})}),g.breakpoints.sm),Vi=c(f)(Ti||(Ti=Pn(["\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}),g.breakpoints.sm);function Fi(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=K(),i=r[0],a=r[1],o=r[2];if(!e||!t)return null;return h(m,{children:[h(Hi,_n({container:!0,onClick:a,alignItems:"center"},{children:[s(Ji,{width:12,height:12}),s(f,_n({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),s(Yi,_n({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:o})}))]})}var Ki,Ri,Ai,Wi,Hi=c(w)(Ki||(Ki=Pn(["\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"])),g.palette.grey.fifteenB),Ji=c(nn)(Ri||(Ri=Pn(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),g.palette.grey.fiftyP),Yi=c.div(Ai||(Ai=Pn([""],[""]))),qi=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return s(Gi,_n({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Gi=c(w)(Wi||(Wi=Pn(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function $i(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,l=n.isLoading,d=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return h(Zi,_n({input:d,buttonRef:a,isOpen:o,handleClose:c,onScrollEnd:u,endComponent:s(Fi,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return s(qi,{option:n,renderOption:t,handleSelect:p,index:e},e)})),l&&s(na,{height:"auto"})]}))}var Qi,Xi,Zi=c(ke)(Qi||(Qi=Pn(["\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"]))),na=c(ze)(Xi||(Xi=Pn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function ea(n){var t,a=n.renderOption,d=n.options,c=n.name,p=n.hideName,u=n.form,s=n.isLoading,h=n.onSelectItem,m=n.handleScrollEnd,f=n.onSearchItem,g=n.isLabelLoading,x=n.disabled,b=n.creatingLabel,v=n.renderCreatingModal,y=n.endComponent,k=n.inputRef,_=n.onOpen,C=Cn(n,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),I=i(!1),S=I[0],z=I[1],P=r(null);p&&u.register(p);var O=function(){x||z(!0)},E=function(){z(!1)};e((function(){_&&_(S)}),[S]);var N=U(P,k);return l(la,{children:[g&&o(oa,{children:o(ze,{height:"100%"})}),o($i,{renderOption:a,options:d,inputRef:{current:null===(t=P.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:S,handleCloseDropdown:E,handleSelect:function(n){var e;h(n),E(),(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(da,_n({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)),O()},onFocus:O,name:c,disabled:x,ref:N,isDropdownOpen:S,autoComplete:"off"},C,{endIcon:!x&&l(w,_n({container:!0,alignItems:"center",onClick:function(){z((function(n){return!n}))}},{children:[o(L,_n({mr:2},{children:y})),C.endIcon||!x&&o(ca,{width:12,height:13,css:[S&&{transform:"rotate(180deg)"}]})]}))}))})]})}var ta,ra,ia,aa,oa=c.div(ta||(ta=Pn(["\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"]))),la=c.div(ra||(ra=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),da=c(lr)(ia||(ia=Pn(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),ca=c(H)(aa||(aa=Pn(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function pa(n){var e=n.label;return s(sa,{children:s(f,_n({size:"s",weight:500},{children:e}))})}var ua,sa=c.div(ua||(ua=Pn(["\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"])),g.palette.background.light2);function ha(n){var t,a,o=n.file,l=n.onDelete,d=n.onChange,c=n.index,p=n.selectedFile,u=n.setSelectedFile,g=n.limitTitle,b=void 0===g?100:g,v=n.icon,w=n.subtitle,y=n.disabled,k=n.error,_=n.className,C=n.label,I=n.endIcon,S=Cn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),z=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=i(z),O=P[0],E=P[1],N=i(!1),M=N[0],D=N[1],j=r(null);e((function(){var n;M&&(null===(n=j.current)||void 0===n||n.focus()),!M&&z!==O&&d&&d(O,c)}),[M]);return h(m,{children:[h(Pa,_n({selected:(null!=p?p:-1)===c,error:b&&O.length>b||!!k,onClick:function(){u&&u(null!=c?c:1)},disabled:!!y,className:"FileWrapper ".concat(_||"")},S,{children:[s(Oa,_n({className:"FileIcon_wrapper"},{children:v||s(en,{})})),h(Na,_n({withDelete:!!l,withEdit:!!d,className:"FileContent_wrapper"},{children:[h(La,{children:[s(wn,_n({href:o.url,openInNewWindow:!0},{children:s(Da,{children:O})})),s(Ma,{"data-testid":"file_name",ref:j,disabled:!M,value:O,onChange:function(n){E(n.target.value)},onBlur:function(){D(!1)},maxLength:100})]}),w||String(o.size)&&h(f,_n({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),h(Ea,_n({className:"FileButtons_wrapper"},{children:[I,!y&&d&&s(x,_n({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){D((function(n){return!n}))}},{children:M?s(Z,{}):s(tn,{width:18,height:18})})),l&&!y&&s(x,_n({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;l&&l(null!==(n=o.index)&&void 0!==n?n:1,Number(c))}},{children:s(rn,{width:16,height:16})}))]}))]})),(b&&O.length>b||k)&&s(L,_n({mb:1},{children:s(f,_n({size:"xs",colorGroup:"red",weight:500},{children:k||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var ma,fa,ga,xa,ba,va,wa,ya,ka,_a,Ca,Ia,Sa,za,Pa=c.div(ga||(ga=Pn(["\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?g.palette.brand.main:g.palette.grey.fifteenB}),(function(n){return n.disabled&&p(fa||(fa=Pn(["\n background: ",";\n "],["\n background: ",";\n "])),g.palette.background.light1)}),(function(n){return n.error&&p(ma||(ma=Pn(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),g.palette.red.seventy)})),Oa=c.div(xa||(xa=Pn(["\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"])),g.palette.brand.light),Ea=c.div(ba||(ba=Pn(["\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"])),g.palette.grey.thirty),Na=c.div(va||(va=Pn(["\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})),Ma=c.input(wa||(wa=Pn(["\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"])),g.palette.grey.seventy,g.palette.brand.main),Da=c.span(ya||(ya=Pn(["\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"]))),La=c.div(ka||(ka=Pn(["\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"]))),ja=["png","svg","jpg","jpeg","webp","gif","avif","apng","heic"],Ta=t((function(n,t){var a,o,l,d=n.form,c=n.name,p=n.parentName,u=n.label,g=n.disabled,x=n.withEdit,b=void 0===x||x,v=n.withDelete,y=void 0===v||v,k=n.fileName,_=n.onChange,C=n.isRequired,I=n.uploadLabel,S=n.toBigTitleMessage,z=n.endIcon,P=n.testId,O=n.onlyImages,E=Cn(n,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId","onlyImages"]),N=i(!1),M=N[0],L=N[1],j=i(),T=j[0],U=j[1],B=i(""),V=B[0],F=B[1],K=r(null),R=on({control:d.control,name:c}),A=R.field,W=R.fieldState,H=on({control:d.control,name:p||c}).field,J=(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(),Y=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/1048576*100)/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/1048576*100)/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}(T,V,k,J),q=T&&"url"in T?T:Y,G=null===(o=W.error)||void 0===o?void 0:o.message;e((function(){"string"==typeof A.value&&F(A.value),"object"==typeof A.value&&U(A.value),A.value||F(""),L(!0)}),[null===(l=A.value)||void 0===l?void 0:l.toString()]),e((function(){var n,e,t=Number((null==k?void 0:k.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;M&&!V&&A.onChange({target:{value:T,name:c},type:"change"}),t?d.setError(c,{type:"custom",message:S||"The file name must be less than 100 characters"}):d.clearErrors(c)}),[T]);return h(Ua,_n({"data-testid":P},{children:[s(Va,_n({type:"file",onInput:function(n){var e;if(n.target.files&&n.target.files[0]){d.clearErrors(c);var t=n.target.files[0];if(O){var r=null===(e=t.name.split(".").pop())||void 0===e?void 0:e.toLowerCase();r&&ja.includes(r)?(U(t),_&&_(t)):d.setError(c,{type:"custom",message:"The file must be an image"})}else U(t),_&&_(t)}else U(void 0)}},E,{ref:function(n){t&&(t.current=n),K.current=n}})),q?s(ha,{file:q,onDelete:y&&function(){T&&K.current&&(K.current.value=""),U(void 0),F(""),p?H.onChange({target:{value:null,name:p},type:"change"}):A.onChange({target:{value:null,name:c},type:"change"}),_&&_(null)},onChange:b&&function(n){var e,t=d.getValues(c),r="".concat(n,".").concat(J);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:_n(_n({},t.uploaded),{name:n})}:new File([t],r,{type:t.type}),U(e)},error:G,disabled:g,label:u,endIcon:z}):h(m,{children:[h(Ba,_n({error:!!G,disabled:g,container:!0,justify:"space-between",alignItems:"center"},{children:[s(Fa,_n({item:!0},{children:h(f,_n({size:"s",color:"fiftyP"},{children:[u,C?" *":""]}))})),s(w,_n({item:!0},{children:s(Ka,_n({disabled:g,size:"s",onClick:function(){K.current&&K.current.click()}},{children:I||"Upload"}))}))]})),G&&s(D,{variant:"error",msg:G})]})]}))})),Ua=c.div(_a||(_a=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),Ba=c(w)(Ca||(Ca=Pn(["\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?g.palette.red.fiftyP:g.palette.grey.fifteenB}),(function(n){return n.disabled?g.palette.background.light1:g.palette.grey.zero})),Va=c.input(Ia||(Ia=Pn(["\n display: none;\n"],["\n display: none;\n"]))),Fa=c(w)(Sa||(Sa=Pn(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Ka=c(x)(za||(za=Pn(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ra=t((function(n,e){var t=n.form,r=n.name,i=n.label,a=n.labelProps,o=Cn(n,["form","name","label","labelProps"]);return s(ln,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return s(N,_n({},o,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),o.onChange&&o.onChange(n)}(n,t)},label:"string"==typeof i?s(f,_n({},a,{children:i})):i}))}})}));function Aa(n){var e=n.title,t=n.options,r=n.form;n.name;var i=Cn(n,["title","options","form","name"]);return h(Ya,_n({container:!0,alignItems:"center",justify:"space-between"},{children:[s(w,_n({item:!0},{children:s(f,_n({size:"s",weight:500,color:"fiftyP"},{children:e}))})),s(w,_n({item:!0},{children:s(w,_n({container:!0},{children:t.map((function(n){return s(Ja,_n({name:n.name,label:s(f,_n({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))}var Wa,Ha,Ja=c(Ra)(Wa||(Wa=Pn(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Ya=c(w)(Ha||(Ha=Pn(["\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"])),g.palette.grey.fifteenB),qa={mapKey:""},Ga=[],$a=function(){return _n({},qa)},Qa=function(n){qa=_n(_n({},qa),n),Ga.forEach((function(n){return n(qa)}))},Xa=function(n){Ga.push(n)},Za=function(n){var e=Ga.indexOf(n);-1!==e&&Ga.splice(e,1)};function no(n){var t=this,r=n.children,a=n.onInit,o=i(!1),l=o[0],d=o[1],c=i("LOADING"),p=c[0],u=c[1],h=i($a().mapKey),f=h[0],g=h[1];return e((function(){var n=function(n){return g(n.mapKey)};return Xa(n),function(){Za(n)}}),[]),e((function(){var n;return n=f,In(t,void 0,void 0,(function(){return Sn(this,(function(e){switch(e.label){case 0:if(l||!n)return[3,4];u("LOADING"),e.label=1;case 1:return e.trys.push([1,3,,4]),yn({key:n,language:"ru"}),[4,Promise.allSettled(zn([kn("core"),kn("maps"),kn("places"),kn("marker")],a?[a()]:[],!0))];case 2:return e.sent(),u("SUCCESS"),[3,4];case 3:return e.sent(),u("FAILURE"),[3,4];case 4:return[2]}}))})),function(){return d(!0)}}),[f]),f?"SUCCESS"===p&&r?s(m,{children:r}):(function(n){"LOADING"===n?s(ze,{height:"100%"}):"FAILURE"===n?s("h3",{children:n}):s("div",{})}(p),s(m,{})):s("h2",{children:"Add google key"})}var eo=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,a=Cn(n,["dependentInputName","form","disabled","Input"]),o=dn({control:t.control,name:e}),l=_n({form:t,disabled:r||!o},a);return s(i||lr,_n({},l))};function to(n){var t=n.map,i=n.position,a=n.children,o=r(null),l=r(document.createElement("div"));return e((function(){var n,e,r;if(t&&(null===(r=null===(e=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===e?void 0:e.marker)||void 0===r?void 0:r.AdvancedMarkerElement)){var a=new google.maps.marker.AdvancedMarkerElement({map:t,position:i,content:l.current,collisionBehavior:"OPTIONAL_AND_HIDES_LOWER_PRIORITY"});return o.current=a,function(){return a.map=null}}}),[t]),e((function(){o.current&&i&&(o.current.position=i)}),[i]),vn(a,l.current)}var ro=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},io=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{to as AdvancedMarker,pa as AutocompleteOption,oe as Avatar,ci as ButtonSelect,me as ButtonTab,xe as ButtonsPanel,Bt as CalendarHeaderWithSelect,Ft as CalendarStandardContainer,Rt as CalendarStandardHeader,Aa as CheckboxGroupWithTitle,Ra as CheckboxWithController,eo as DependentInput,Zt as DesktopInputWithMonthPicker,ir as DesktopMenuPanel,ke as InputDropdown,Ta as InputFile,Jt as InputForDatepicker,xi as InputMultiSelect,Pi as InputMultiSelectBase,Ii as InputMultiSelectNew,vr as InputPassword,Hr as InputPhoneWithForm,Mt as InputSelect,Le as InputSelectBase,Ee as InputSelectDropdown,ui as InputSelectWithController,yr as InputTextAreaMobile,ea as InputWithAutocomplete,lr as InputWithController,Pr as InputWithDatePicker,or as InputWithMask,Br as InputWithMonthPicker,ze as Loading,no as MapWrapper,er as MenuItem,Kr as MenuPanel,jr as MobileInputWithMonthPicker,Vr as MobileMenuPanel,qt as MonthPickerContainer,$t as MonthPickerHeader,ur as PassportStrengthBar,Oi as RadioButtons,Ei as RadioButtonsWithController,Ni as RadioGroupWithLabel,we as ScrollingContainer,Ut as SelectMonth,Lt as SelectYear,Wr as Switch,Jr as Table,Gr as TableCell,qr as TableHeadCell,$r as TableRow,ii as Tooltip,ie as UndefinedAvatar,br as getFormError,xr as getFormValue,$a as getSettings,ro as getVisibility,io as getVisibilitySettings,Qa as setSettings,Dr as shortMonths,Xa as subscribeToSettings,Za as unsubscribeFromSettings,re as useScrollWithBottomSpacing};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kui-complex",
3
- "version": "0.0.210",
3
+ "version": "0.0.211",
4
4
  "description": "ui kit for maroom products",
5
5
  "main": "./cjs/index.js",
6
6
  "types": "./index.d.ts",