kui-complex 0.0.176 → 0.0.178

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("@emotion/react/jsx-runtime"),e=require("@emotion/styled"),t=require("@emotion/react"),r=require("react"),i=require("react/jsx-runtime"),a=require("kui-basic"),o=require("kui-utils"),d=require("kui-swiper"),l=require("classnames"),s=require("kui-icon"),c=require("lodash"),p=require("react-datepicker"),u=require("react-hook-form"),h=require("react-scroll"),x=require("luxon"),f=require("date-fns/locale/ru"),m=require("react-router-dom"),g=require("react-dom"),b=require("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=w(e),j=y(r),C=w(d),_=w(l),S=w(c),I=w(p),z=w(f),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 M(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 E(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function O(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var T,N,D,F,B,L,W,G,U,A,V,K,q,H,J,Y,Q,$,X,Z,nn,en,tn,rn,an=r.forwardRef((function(n,e){var t=n.label,r=M(n,["label"]);if(!t)return i.jsx("div",{});var o=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return i.jsx(on,P({"data-testid":"undefined_avatar",ref:e},{children:i.jsx(a.Caption,P({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:o}))}))})),on=k.default.div(T||(T=O(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),a.theme.palette.brand.light,a.theme.palette.brand.main),dn=r.forwardRef((function(e,t){var r=e.size,i=e.fullName,a=e.imageUrl,o=M(e,["size","fullName","imageUrl"]);return n.jsx(ln,P({css:pn[r],ref:t},o,{children:a?n.jsx(sn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):n.jsx(cn,{label:i,avatarSize:r})}))})),ln=k.default.div(N||(N=O(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),sn=k.default.img(D||(D=O(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),cn=k.default(an,{shouldForwardProp:function(n){return"size"!==n}})(B||(B=O(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&t.css(F||(F=O(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),pn={xs:t.css(L||(L=O(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:t.css(W||(W=O(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:t.css(G||(G=O(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:t.css(U||(U=O(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},un=r.forwardRef((function(e,t){var r=e.index,i=e.onClick,a=e.isActive,o=e.label,d=e.disabled;return n.jsx(hn,P({disabled:d,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&xn,size:"s",ref:t,className:_.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),hn=k.default(a.Button)(A||(A=O(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),xn=t.css(V||(V=O(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),a.theme.palette.grey.seventy),fn=r.forwardRef((function(e,t){var r=e.renderTabWrapper,i=e.label,a=M(e,["renderTabWrapper","label"]);return r?r(i,n.jsx(un,P({ref:t,label:i},a))):n.jsx(un,P({ref:t,label:i},a))})),mn=function(n){var e=n.startComponent,t=n.endComponent,o=n.tabs,d=n.renderTabWrapper,l=n.handleChange,s=n.value,c=r.useRef(null),p=function(n){setTimeout((function(){var e,t;null===(t=null===(e=c.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),l(n)};return i.jsxs(a.Container,P({className:"KUI-ButtonTabs"},{children:[e,i.jsx(gn,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:o.map((function(n,e){return i.jsx(fn,{index:e,onClick:p,isActive:e===s,label:n,renderTabWrapper:d},n)}))})),t]}))},gn=k.default(C.default)(K||(K=O(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),bn=r.forwardRef((function(e,t){var i=e.tabs,a=e.tabPanels,d=e.paths,l=e.activeTab,s=e.isSticky,c=e.onChange,p=e.startComponent,u=e.endComponent,h=e.navigate,x=e.renderTabWrapper,f=M(e,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),m=o.useWindowWidth(),g=j.useState(Number(l)),b=g[0],v=g[1];return r.useEffect((function(){v(Number(l))}),[l]),0===m?null:n.jsxs(n.Fragment,{children:[n.jsx(wn,P({css:s&&{position:"sticky"},ref:t},f,{children:n.jsx(mn,{value:b,tabs:i,handleChange:function(n){if(v(n),null==d?void 0:d.length){var e=d[n];h?h(e):o.updateQueryParams(e)}c&&c(n)},endComponent:u,startComponent:p,renderTabWrapper:x})})),n.jsx(vn,P({role:"tabpanel"},{children:a[b]}))]})})),vn=k.default.div(q||(q=O(["\n height: 100%;\n"],["\n height: 100%;\n"]))),wn=k.default.div(H||(H=O(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),a.theme.palette.grey.zero),yn=r.forwardRef((function(n,e){var t=n.isOpen,a=n.handleClose,o=n.buttonRef,d=n.children,l=n.endComponent,s=n.input,c=n.className,p=n.strategy,u=n.onScroll,h=M(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),x=r.useState(!1),f=x[0],m=x[1],g=r.useRef(null);r.useEffect((function(){var n;if((null==o?void 0:o.current)&&t){var e=null===(n=g.current)||void 0===n?void 0:n.children[0].children[0];if(e){var r=e.scrollHeight>e.clientHeight;m(r)}}}),[t]);return i.jsx(kn,P({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:t,onChange:function(n){n||a()},toggleMethod:"click",strategy:p||"fixed",placement:"bottom",className:c,content:i.jsxs(jn,P({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),g.current=n}},h,{children:[i.jsx(Cn,P({isScrollable:f},{children:i.jsx(_n,P({onScroll:u,isScrollable:f,className:"KUI-InputDropdown_scroll"},{children:d}))})),l]}))},{children:s}))})),kn=k.default(a.Tooltip)(J||(J=O(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),jn=k.default(a.Grid)(Y||(Y=O(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),Cn=k.default.div(Q||(Q=O(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 8px 8px 0":"14px 0px 8px 0"})),_n=k.default.div($||($=O(["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?"4px":"0px"}),a.theme.palette.grey.fifteenB,a.theme.palette.grey.thirty),Sn=r.forwardRef((function(n,e){var t=n.input,r=n.options,a=n.inputRef,o=n.isOpenDropdown,d=n.handleCloseDropdown,l=n.handleSelect,s=n.selectedValue,c=n.renderOption;return i.jsx(zn,P({input:t,buttonRef:a,isOpen:o,handleClose:d,ref:e},{children:r.map((function(n,e){return i.jsx(In,P({disabled:n.disabled,onClick:function(){return function(n){n.disabled||l(n)}(n)},"data-value":"autocomplete_option_".concat(n.value),"data-testid":"autocomplete_option_".concat(e)},{children:c(n,s)}),n.label)}))}))})),In=k.default.div(X||(X=O(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?a.theme.palette.grey.fiftyP:a.theme.palette.grey.seventy})),zn=k.default(yn)(Z||(Z=O(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Rn=r.forwardRef((function(e,t){var i,a=e.options,d=e.name,l=e.disabled,s=e.handleChange,c=e.iconProps,p=e.renderOption,u=e.selectedLabel,h=e.selectedValue,x=e.error,f=e.endIcon,m=M(e,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),g=r.useState(!1),b=g[0],v=g[1],w=r.useRef(null),y=o.useForkRef(w,t),k=function(){v(!1)};return n.jsxs(Pn,{children:[n.jsx("input",{name:d,autoComplete:"off",hidden:!0}),n.jsx(Sn,{options:a,inputRef:{current:null===(i=null==w?void 0:w.current)||void 0===i?void 0:i.parentElement},isOpenDropdown:b,handleCloseDropdown:k,handleSelect:function(n){s&&s(n),k()},selectedValue:h,renderOption:p,input:n.jsx(Mn,P({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==w?void 0:w.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),l||v((function(n){return!n}))},ref:y,disabled:l,readOnly:!0,value:u,message:x,isLabelShrink:Boolean(h)||0===h,autoComplete:"off"},m,{endIcon:n.jsxs(On,P({container:!0,alignItems:"center"},{children:[!l&&n.jsx(En,P({width:12,height:13,css:[{transition:"all linear .2s"},b&&{transform:"rotate(180deg)"}]},c)),f]}))}))})]})})),Pn=k.default.div(nn||(nn=O(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Mn=k.default(a.InputWithAdornments)(en||(en=O(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\n }\n"],["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\n }\n"]))),En=k.default(s.HalfArrowIcon)(tn||(tn=O(["\n user-select: none;\n"],["\n user-select: none;\n"]))),On=k.default(a.Grid)(rn||(rn=O(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Tn(n){var e=n.option,t=n.selectedValue;return i.jsx(Se,P({selected:t===e.value},{children:i.jsx(a.Caption,P({size:"sm",weight:500},{children:e.label}))}))}var Nn,Dn,Fn,Bn,Ln,Wn,Gn,Un,An,Vn,Kn,qn,Hn,Jn,Yn,Qn,$n,Xn,Zn,ne,ee,te,re,ie,ae,oe,de,le,se,ce,pe,ue,he,xe,fe,me,ge,be,ve,we,ye,ke,je,Ce,_e,Se=k.default.div(Nn||(Nn=O(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?a.theme.palette.background.light1:a.theme.palette.grey.zero}),a.theme.palette.background.light1),Ie=r.forwardRef((function(n,e){var t,a=n.options,o=n.name,d=n.handleChange;n.form;var l=n.value,s=M(n,["options","name","handleChange","form","value"]),c=r.useState(l),p=c[0],u=c[1],h=(null===(t=a.find((function(n){return String(n.value)===String(p)})))||void 0===t?void 0:t.label)||"";return r.useEffect((function(){void 0!==l&&u(l)}),[l]),i.jsx(Rn,P({options:a,handleChange:function(n){u(n.value),d&&d(n.value)},selectedLabel:h,selectedValue:p,name:o,renderOption:function(n,e){return i.jsx(Tn,{option:n,selectedValue:e})},ref:e},s))})),ze=function(n,e,t){return e&&n<e||t&&n>t},Re=r.forwardRef((function(n,e){var t=n.yearOptions;n.options;var r=n.min,a=n.max,o=M(n,["yearOptions","options","min","max"]),d=t.map((function(n){return P(P({},n),{disabled:ze(Number(n.value),r,a)})}));return i.jsx(Ie,P({ref:e,label:"Year",options:d},o))})),Pe=function(n,e,t){return e&&n<e||t&&n>=t},Me=[{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"}],Ee=r.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var a=M(n,["min","max","options"]),o=Me.map((function(n){return P(P({},n),{disabled:Pe(n.value,t,r)})}));return i.jsx(Ie,P({ref:e,label:"Month",options:o},a))})),Oe=r.forwardRef((function(n,e){var t=n.changeMonth,r=n.changeYear,o=n.date,d=n.yearOptions,l=n.max,s=n.min,c=o.getFullYear(),p=o.getMonth(),u=(null==s?void 0:s.year)===c&&(null==s?void 0:s.month)?s.month-1:0,h=(null==l?void 0:l.year)===c?null==l?void 0:l.month:11;return i.jsx(Te,P({ref:e},{children:i.jsxs(a.Grid,P({container:!0,spacing:2},{children:[i.jsx(a.Grid,P({item:!0,xs:6},{children:i.jsx(Re,{min:null==s?void 0:s.year,max:null==l?void 0:l.year,yearOptions:d,value:c,handleChange:r})})),i.jsx(a.Grid,P({item:!0,xs:6},{children:i.jsx(Ee,{min:Number(null==s?void 0:s.year)>=c&&u,max:Number(null==l?void 0:l.year)<=c&&h,value:p,handleChange:t})}))]}))}))})),Te=k.default.div(Dn||(Dn=O(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Ne=r.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=M(n,["arrowProps","showPopperArrow"]);return i.jsx(De,P({ref:e},t))})),De=k.default.div(Fn||(Fn=O(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),a.theme.palette.grey.fiftyP,a.theme.palette.background.light3,a.theme.palette.background.light3,a.theme.palette.brand.main,a.theme.palette.brand.light,a.theme.palette.brand.main,a.theme.palette.brand.main,a.theme.palette.grey.fifteenB,a.theme.palette.red.seventy,a.theme.palette.grey.zero),Fe=r.forwardRef((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,o=n.nextMonthButtonDisabled,d=n.prevMonthButtonDisabled,l=n.date,c=S.default.capitalize(l.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return i.jsxs(Be,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[i.jsx(a.Grid,P({item:!0},{children:i.jsx(Le,P({size:"h4"},{children:c}))})),i.jsx(a.Grid,P({item:!0},{children:i.jsxs(a.Grid,P({container:!0,spacing:2},{children:[i.jsx(a.Grid,P({item:!0},{children:i.jsx(We,P({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:d,onClick:t},{children:i.jsx(s.PrevArrowIcon,{width:10,height:10})}))})),i.jsx(a.Grid,P({item:!0},{children:i.jsx(We,P({isCircle:!0,size:"xs",variant:"white",disabled:o,onClick:r},{children:i.jsx(s.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),Be=k.default(a.Grid)(Bn||(Bn=O(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Le=k.default(a.Heading)(Ln||(Ln=O(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),We=k.default(a.Button)(Wn||(Wn=O(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Ge=r.forwardRef((function(n,e){var t=n.onClick,r=n.disabled,o=n.handleClick,d=n.startIcon,l=M(n,["onClick","disabled","handleClick","startIcon"]),c=function(){r||(o?o():t())},p=function(){return i.jsx(Ue,P({disabled:r,onClick:c},{children:d||i.jsx(s.CalendarIcon,{width:19,height:21})}))};return i.jsx(a.InputWithMask,P({disabled:r,endIcon:!d&&i.jsx(p,{}),startIcon:d&&i.jsx(p,{})},l,{ref:e}))})),Ue=k.default.div(Gn||(Gn=O(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),Ae=r.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=M(n,["arrowProps","showPopperArrow"]);return i.jsx(Ve,P({ref:e},t))})),Ve=k.default.div(Un||(Un=O(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),a.theme.palette.background.light1,a.theme.palette.grey.fifteenB,a.theme.palette.grey.fifteenB,a.theme.palette.brand.main,a.theme.palette.grey.fifteenB),Ke=r.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,o=n.nextYearButtonDisabled,d=n.prevYearButtonDisabled,l=n.date;return i.jsxs(He,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[i.jsx(a.Grid,P({item:!0},{children:i.jsx(qe,P({disabled:d,onClick:t,type:"button"},{children:i.jsx(s.ArrowBackIcon,{width:14,height:12})}))})),i.jsx(a.Grid,P({item:!0},{children:i.jsx(a.Caption,P({size:"sm",weight:600},{children:l.getFullYear()}))})),i.jsx(a.Grid,P({item:!0},{children:i.jsx(qe,P({disabled:o,onClick:r,type:"button"},{children:i.jsx(s.ArrowNextIcon,{width:14,height:12})}))}))]}))})),qe=k.default(a.IconButton)(An||(An=O(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),He=k.default(a.Grid)(Vn||(Vn=O(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),Je=r.forwardRef((function(n,e){var t,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,s=n.onChange,c=M(n,["name","form","disabled","datePickerProps","onChange"]),p=r.useState(),h=p[0],x=p[1],f=u.useController({name:a,control:o.control}),m=f.field,g=f.fieldState;return r.useEffect((function(){x(m.value)}),[m.value]),i.jsx(Ye,P({ref:e},{children:i.jsx(I.default,P({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:d,customInput:i.jsx(Ge,P({mask:"00.0000",name:a,disabled:d,message:null===(t=g.error)||void 0===t?void 0:t.message},c),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:Ae,renderCustomHeader:function(n){return i.jsx(Ke,P({},n))}},l))}))})),Ye=k.default.div(Kn||(Kn=O(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),Qe=r.forwardRef((function(e,t){var i=e.tab,o=e.active,d=e.index,l=e.handleClick,s=e.offset,c=e.isScrolling,p=e.setIsScrolling,u=function(){p(!1)};return r.useEffect((function(){return o===d&&h.scroller.scrollTo(i,{offset:s}),h.Events.scrollEvent.register("begin",(function(n,e){p(!0),e&&l(Number(e.dataset.index))})),h.Events.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){h.Events.scrollEvent.remove("begin"),h.Events.scrollEvent.remove("end")}}),[]),n.jsx(h.Link,P({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){c||l(d)}},{children:n.jsx($e,P({ref:t},{children:n.jsx(a.Button,P({variant:Number(o)===d?"orange":"transparentWithBorder",size:"xs",css:Number(o)!==d&&Xe},{children:i}))}))}))})),$e=k.default.div(qn||(qn=O(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),Xe=t.css(Hn||(Hn=O(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),a.theme.palette.grey.seventy),Ze=r.forwardRef((function(e,t){var r=e.tabs,i=e.variant,o=M(e,["tabs","variant"]);return n.jsx(nt,P({container:!0,css:"white"===i&&{background:"white"},ref:t},{children:r.map((function(e,t){return n.jsx(a.Grid,P({item:!0},{children:n.jsx(Qe,P({tab:e,index:t,offset:-121},o),e)}),t)}))}))})),nt=k.default(a.Grid)(Jn||(Jn=O(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),a.theme.palette.background.light1),et=r.forwardRef((function(n,e){var t=n.form,r=n.name,o=n.error,d=M(n,["form","name","error"]),l=function(n){var e;return void 0!==o&&String(o).length>0?o:null===(e=n.error)||void 0===e?void 0:e.message};return i.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return i.jsx(a.InputWithMask,P({message:l(r)},t,d,{onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},inputRef:e}))}})})),tt=r.forwardRef((function(n,e){var t=n.form,r=n.name,o=n.error,d=n.value,l=n.type,s=M(n,["form","name","error","value","type"]),c=function(n){var e;return void 0!==o&&String(o).length>0?o:null===(e=n.error)||void 0===e?void 0:e.message};return i.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return i.jsx(a.InputWithAdornments,P({message:c(r)},t,s,{onChange:function(n){return function(n,e){var t,r="number"!==l||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(P(P({},n),{target:P(P({},n.target),{value:r})})),s.onChange&&s.onChange(n)}(n,t)},type:l,value:null!=d?d:t.value,inputRef:e}))}})})),rt={weak:0,simple:1,medium:2,hard:3},it={weak:a.theme.palette.red.fiftyP,simple:a.theme.palette.brand.main,medium:a.theme.palette.blue.fiftyP,hard:a.theme.palette.green.fiftyP},at={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ot=r.forwardRef((function(e,t){var r=e.strength,i=r?it[r]:"",o=r?rt[r]:-1;return n.jsxs(dt,P({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:t},{children:[n.jsx(lt,{children:Object.keys(rt).map((function(e,t){return n.jsx(st,{children:n.jsx(ct,{"data-testid":"progress_item_".concat(e),value:o>=t?100:0,color:i})},e)}))}),n.jsx(a.Caption,P({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:r&&at[r]})),n.jsx(pt,P({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),dt=k.default.div(Yn||(Yn=O(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),lt=k.default.div(Qn||(Qn=O(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),st=k.default.div($n||($n=O(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),ct=k.default(a.LinearProgress)(Xn||(Xn=O(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),a.theme.palette.grey.fifteenB,(function(n){return n.color})),pt=k.default(a.Caption)(Zn||(Zn=O(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),ut=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},ht=r.forwardRef((function(n,e){var t=r.useState(!1),a=t[0],d=t[1],l=r.useState(null),c=l[0],p=l[1],u=function(n){0!==n.length?o.strongPasswordRegExp.test(n)?p("hard"):o.mediumPasswordRegExp.test(n)?p("medium"):o.simplePasswordRegExp.test(n)?p("simple"):p("weak"):p(null)};return r.useEffect((function(){var e=n.form,t=n.name,r=ut(t,e);"string"==typeof r&&u(r)}),[]),i.jsxs(i.Fragment,{children:[i.jsx(tt,P({type:a?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;u(e)},"data-testid":"input_password",ref:e,endIcon:i.jsx(xt,P({"data-testid":"show_value_btn",onClick:function(){d((function(n){return!n}))}},{children:a?i.jsx(s.ClosedEyeIcon,{}):i.jsx(s.OpenEyeIcon,{})}))},n)),i.jsx(ot,{strength:c})]})})),xt=k.default.div(ne||(ne=O(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),ft=r.forwardRef((function(n){return i.jsxs(i.Fragment,{children:[i.jsx(mt,{children:i.jsx(tt,P({},n))}),i.jsx(gt,{children:i.jsx(tt,P({isTextArea:!0},n))})]})})),mt=k.default.div(ee||(ee=O(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),gt=k.default.div(te||(te=O(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),bt=r.forwardRef((function(n,e){var t=n.label,r=n.button,o=M(n,["label","button"]);return i.jsxs(vt,P({ref:e},{children:[i.jsx(a.Divider,{}),i.jsx(wt,{children:r||i.jsx(yt,P({fullWidth:!0,size:"s",endIcon:i.jsx(s.CheckIcon,{})},o,{children:t}))})]}))})),vt=k.default.div(re||(re=O(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),a.theme.palette.grey.zero),wt=k.default.div(ie||(ie=O(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),yt=k.default(a.Button)(ae||(ae=O(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),kt=r.forwardRef((function(e,t){var i,a=e.title,d=e.description,l=e.name,s=e.form,c=e.disabled,p=e.yearParams,h=e.onChange,f=e.max,m=e.min,g=e.footerLabel,b=e.datePickerProps,v=e.alignTitle,w=void 0===v?"center":v,y=M(e,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=u.useController({name:l,control:s.control}),j=k.field,C=null===(i=k.fieldState.error)||void 0===i?void 0:i.message,_=j.value,z=_?_.toFormat("dd.MM.yyyy"):"",R=_?_.toJSDate():null,E=o.useToggle(),O=E[0],T=E[1],N=E[2],D=r.useState(R),F=D[0],B=D[1],L=r.useState(z),W=L[0],G=L[1],U=function(n,e){if(!n||!e)return[];var t=x.DateTime.now().year-n;return S.default.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==p?void 0:p.min,null==p?void 0:p.max),A=o.useForkRef(t,j.ref);r.useEffect((function(){G(z)}),[z]);return n.jsxs(n.Fragment,{children:[n.jsx(Ge,P({mask:"00.00.0000",name:l,handleClick:T,value:W,onChange:function(n){var e=n.target.value;if(G(e),0!==e.length&&o.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"dd.MM.yyyy");B(t.toJSDate()),null==j||j.onChange({target:{value:t,name:l},type:"change"}),h&&h(t)}else B(null),null==j||j.onChange({target:{value:null,name:l},type:"change"}),h&&h(null)},disabled:c,message:C,ref:A},y)),n.jsxs(St,P({title:a,description:d,isOpen:O,handleClose:N,alignTitle:w},{children:[n.jsx(jt,{children:n.jsx(I.default,P({inline:!0,selected:F||R,onChange:function(n){B(n)},calendarContainer:Ct,renderCustomHeader:function(e){return n.jsx(Oe,P({yearOptions:U,max:f,min:m},e))},renderDayContents:function(e){return n.jsx(_t,{children:e})},maxDate:null==f?void 0:f.toJSDate(),minDate:null==m?void 0:m.toJSDate(),calendarStartDay:1},b))}),n.jsx(bt,{fullWidth:!0,disabled:!R&&!F,onClick:function(){if(F){var n=x.DateTime.fromJSDate(F);G(n.toFormat("dd.MM.yyyy")),null==j||j.onChange({target:{value:n,name:l},type:"change"}),h&&h(n),N()}},label:g})]}))]})})),jt=k.default.div(oe||(oe=O(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),Ct=k.default(Ne)(de||(de=O(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),a.theme.palette.background.light1,a.theme.palette.background.light1),_t=k.default.span(le||(le=O(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),St=k.default(a.Modal)(se||(se=O(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),It=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],zt=P(P({},z.default),{localize:{month:function(n){return It[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Rt=r.forwardRef((function(n,e){var t,d=n.title,l=n.name,s=n.form,c=n.disabled,p=n.datePickerProps,h=M(n,["title","name","form","disabled","datePickerProps"]),f=u.useController({name:l,control:s.control}),m=f.field,g=null===(t=f.fieldState.error)||void 0===t?void 0:t.message,b=o.useToggle(),v=b[0],w=b[1],y=b[2],k=r.useState(m.value?x.DateTime.fromJSDate(new Date(String(m.value))).toFormat("MM.yyyy"):null),j=k[0],C=k[1],_=r.useState(j?x.DateTime.fromFormat(j,"MM.yyyy").toJSDate():null),S=_[0],z=_[1];return i.jsxs(Pt,P({ref:e},{children:[i.jsx(Ge,P({mask:"00.0000",name:l,handleCLick:w,value:j,onChange:function(n){var e=n.target.value;if(C(e),0!==e.length&&o.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"MM.yyyy").toJSDate();z(t),null==m||m.onChange({target:{value:t,name:l},type:"change"})}else z(null),null==m||m.onChange({target:{value:null,name:l},type:"change"})},disabled:c,message:g,isLabelShrink:Boolean(m.value)},h)),i.jsxs(a.Modal,P({title:d,isOpen:v,handleClose:y},{children:[i.jsx(Mt,{children:i.jsx(I.default,P({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:S,onChange:function(n){return z(n)},locale:zt,calendarContainer:Ae,renderCustomHeader:function(n){return i.jsx(Ke,P({},n))}},p))}),i.jsx(bt,{fullWidth:!0,disabled:!S,onClick:function(){C(S?x.DateTime.fromJSDate(S).toFormat("MM.yyyy"):""),null==m||m.onChange({target:{value:S,name:l},type:"change"}),y()},label:"Подтвердить"})]}))]}))})),Pt=k.default.div(ce||(ce=O(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Mt=k.default.div(pe||(pe=O(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Et=r.forwardRef((function(e,t){var i=e.tabs,a=e.handleClick,o=e.variant,d=M(e,["tabs","handleClick","variant"]),l=r.useRef(null),s=function(n){setTimeout((function(){var e,t;null===(t=null===(e=l.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),a(n)};return n.jsx(Ot,P({css:"white"===o&&{background:"white"},ref:t},{children:n.jsx(C.default,P({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:i.map((function(e,t){return n.jsx(Qe,P({tab:e,index:t,handleClick:s,offset:-121},d),e)}))}))}))})),Ot=k.default.div(ue||(ue=O(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),a.theme.palette.background.light1),Tt=r.forwardRef((function(e,t){var i=e.tabs,a=e.tabPanels,d=e.paths,l=e.activeTab,s=e.variant,c=void 0===s?"grey":s,p=o.useWindowWidth(),u=j.useState(l),x=u[0],f=u[1],g=j.useState(!1),b=g[0],v=g[1],w=m.useNavigate(),y=m.useLocation(),k=function(n){if(d[n]){f(n);var e=y.pathname,t="".concat(e).concat(y.search),r="".concat(e).concat(d[n]);t!==r&&w(r,{replace:!0})}};return r.useEffect((function(){f(l)}),[l]),r.useEffect((function(){"number"!=typeof l&&p<901&&h.animateScroll.scrollToTop()}),[]),0===p?null:n.jsxs("div",P({ref:t},{children:[p>765?n.jsx(Ze,{tabs:i,active:x,handleClick:k,variant:c,isScrolling:b,setIsScrolling:v}):n.jsx(Et,{tabs:i,active:x,handleClick:k,variant:c,isScrolling:b,setIsScrolling:v}),a.map((function(e,t){return n.jsx("div",P({css:t===a.length-1&&Nt},{children:n.jsx(Dt,P({name:i[t],"data-index":t},{children:e}),t)}),t)}))]}))})),Nt=t.css(he||(he=O(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Dt=k.default(h.Element)(xe||(xe=O(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Ft=r.forwardRef((function(e,t){var r=e.form,i=e.name,o=M(e,["form","name"]);return n.jsx(u.Controller,{control:null==r?void 0:r.control,name:i,render:function(e){var r=e.field;return n.jsx(a.Switch,P({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:t,name:i},o))}})})),Bt=r.forwardRef((function(n,e){var t,r=n.form,d=n.name,l=void 0===d?"phone":d,s=n.hiddenInputProps,c=n.error,p=M(n,["form","name","hiddenInputProps","error"]),h=u.useController({control:r.control,name:"".concat(l,".phoneCode"),defaultValue:"7"}),x=u.useController({control:r.control,name:"".concat(l,".phoneNumber")}),f=void 0!==c&&String(c).length>0?c:null===(t=x.fieldState.error)||void 0===t?void 0:t.message,m=o.useForkRef(e,x.field.ref);return i.jsx(a.InputWithCountryDropdown,P({message:f,hiddenInputProps:P(P({},h.field),s),onSelectCountry:function(n){h.field.onChange({target:{value:n.phoneCode,name:"".concat(l,".phoneCode")},type:"change"})}},x.field,p,{onChange:function(n){x.field.onChange(n),h.field.value||h.field.onChange({target:{value:"7",name:"".concat(l,".phoneCode")},type:"change"}),p.onChange&&p.onChange(n)},ref:m,autoComplete:"false"}))})),Lt=r.forwardRef((function(n,e){return i.jsx(Wt,P({cellSpacing:"0",ref:e},n))})),Wt=k.default.table(fe||(fe=O(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Gt=k.default.th(me||(me=O(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Ut=k.default.td(ge||(ge=O(["\n padding: 0;\n"],["\n padding: 0;\n"]))),At=r.forwardRef((function(n,e){var t=n.children,r=M(n,["children"]),a=j.Children.toArray(t);return i.jsx("tr",P({ref:e},{children:a.map((function(n){return j.cloneElement(n,r)}))}))})),Vt={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}},Kt=r.forwardRef((function(n,e){n.placement;var t=n.open,r=n.children,a=n.spacing,o=n.className,d=n.style,l=M(n,["placement","open","children","spacing","className","style"]);return i.jsx(qt,P({ref:e,className:_.default("KUI-Popper",o),spacing:a,style:d,open:!!t},{children:i.jsx(Ht,P({open:!!t},l,{children:r}))}))})),qt=k.default.div(be||(be=O(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),a.theme.breakpoints.xxs),Ht=k.default.div(ve||(ve=O(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),Jt=r.forwardRef((function(n,e){var a=n.placement,o=n.contentRef,d=M(n,["placement","contentRef"]),l=r.useRef(null),s=r.useState(null),c=s[0],p=s[1],u=r.useState(null),h=u[0],x=u[1];r.useEffect((function(){if(o.current&&l.current){var n=l.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};p(e),x(t)}}),[]);var f={};if(c&&h){var m=Vt[null!=a?a:"bottomMiddle"];f={top:Math.max(m.top?c.top-h.height:c.top+c.height,0),left:Math.max(c.left+c.width*m.offset-h.width*m.offset,0)}}return R.createPortal(i.jsxs(i.Fragment,{children:[i.jsx(t.Global,{styles:t.css(we||(we=O(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),i.jsx(Kt,P({ref:function(n){e&&(e.current=n),l.current=n},style:f},d))]}),document.body)})),Yt=r.forwardRef((function(n,e){var t=n.placement,a=n.contentRef,o=M(n,["placement","contentRef"]),d=r.useRef(null),l=r.useState(null),s=l[0],c=l[1],p=r.useState(null),u=p[0],h=p[1],x={};if(r.useEffect((function(){a.current&&d.current&&(c({width:a.current.clientWidth,height:a.current.clientHeight}),h({width:d.current.clientWidth,height:d.current.clientHeight}))}),[]),s&&u){var f=Vt[null!=t?t:"bottomMiddle"];x={top:f.top?0-u.height:0+s.height,left:Math.max(s.width*f.offset-u.width*f.offset,0)}}return i.jsx(Kt,P({ref:function(n){e&&(e.current=n),d.current=n},style:x},o))})),Qt=r.forwardRef((function(n,e){var t=n.contentRef,a=M(n,["contentRef"]),o=r.useState(!0),d=o[0],l=o[1];return r.useEffect((function(){var n=function(){for(var n=t.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[t]),d?i.jsx(Yt,P({ref:e,contentRef:t},a)):i.jsx(Jt,P({ref:e,contentRef:t},a))})),$t=r.forwardRef((function(n,e){var t=n.content,a=n.onOpen,o=n.onClose,d=n.open,l=n.children,s=n.cursor,c=n.className,p=M(n,["content","onOpen","onClose","open","children","cursor","className"]),u=r.useState(d),h=u[0],x=u[1],f=r.useRef(null),m=function(){x(!0),a&&a()};return r.useEffect((function(){x(d)}),[d]),i.jsxs(Zt,P({className:c,onMouseLeave:function(){x(!1),o&&o()},ref:e},{children:[i.jsx(nr,P({onMouseEnter:m,onTouchEnd:m,ref:f,cursor:s},{children:i.jsx(er,P({className:"Tooltip_content"},{children:l}))})),i.jsx(Qt,P({open:h},p,{contentRef:f},{children:t}))]}))})),Xt=t.css(ye||(ye=O(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Zt=k.default.div(ke||(ke=O(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),Xt),nr=k.default.div(je||(je=O(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),Xt,(function(n){return n.cursor})),er=k.default.div(Ce||(Ce=O(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),Xt),tr=r.forwardRef((function(n,e){var t,r=n.options,a=M(n,["options"]);return i.jsx(rr,P({value:null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.value,options:r,iconProps:{width:9,height:5}},a,{ref:e}))})),rr=k.default(Ie)(_e||(_e=O(["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),a.theme.breakpoints.xs),ir=r.forwardRef((function(n,e){var t,r,a=n.options,o=n.name,d=n.handleChange,l=n.form,s=n.value,c=M(n,["options","name","handleChange","form","value"]),p=u.useController({control:l.control,name:o}),h=null===(t=p.fieldState.error)||void 0===t?void 0:t.message;return i.jsx(Ie,P({options:a,handleChange:function(n){var e;d&&d(n),l&&(null===(e=p.field)||void 0===e||e.onChange({target:{value:n,name:o},type:"change"}))},error:h,name:o,value:s||(null===(r=p.field)||void 0===r?void 0:r.value),ref:e},c))}));function ar(n){var e=n.option,t=n.selectedValue.includes(e.value);return i.jsx(lr,P({container:!0,selected:t},{children:i.jsx(a.Checkbox,{checked:t,label:i.jsx(sr,P({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var or,dr,lr=k.default(a.Grid)(or||(or=O(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?a.theme.palette.background.light1:a.theme.palette.grey.zero}),a.theme.palette.background.light1,a.theme.palette.grey.seventy),sr=k.default(a.Caption)(dr||(dr=O(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?a.theme.palette.grey.seventy:a.theme.palette.grey.fiftyP}));var cr=r.forwardRef((function(n,e){var t=n.options,o=n.disabled,d=n.direction,l=void 0===d?"row":d,s=n.defaultValue,c=n.value,p=n.onChange,u=n.isSquare,h=M(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),x=r.useState(s||c||t[0].value),f=x[0],m=x[1],g=function(n){var e=n.target.value;m(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(m(null),p&&p(n,null))};return r.useEffect((function(){c&&m(c)}),[c]),i.jsx(a.Grid,P({container:!0,direction:l,ref:e},{children:t.map((function(n){return i.jsx(a.Radio,P({value:n.value,label:n.label,disabled:Boolean(o),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function pr(n){var e=n.form,t=n.name,a=n.defaultValue,o=M(n,["form","name","defaultValue"]);return r.useEffect((function(){e.getValues(t)||a||e.setValue(t,o.options[0].value)}),[]),i.jsx(u.Controller,{control:e.control,name:String(t),render:function(n){var e=n.field;return i.jsx(cr,P({},o,e,{defaultValue:a,onChange:function(n,r){return function(n,e,r){r.onChange({target:{value:e,name:t},type:"change"}),o.onChange&&o.onChange(n,e)}(n,r,e)}}))}})}cr.displayName="RadioButtons";var ur,hr,xr,fr,mr,gr,br,vr=k.default.div(ur||(ur=O(["\n position: relative;\n"],["\n position: relative;\n"]))),wr=k.default(a.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(fr||(fr=O(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?a.theme.palette.red.fiftyP:a.theme.palette.grey.fifteenB}),(function(n){var e=n.direction,r=n.hasError,i=n.withTitle;return"column"===e?function(n){var e=n.hasError;return t.css(hr||(hr=O(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:r}):function(n){var e=n.hasError,r=n.withTitle;return t.css(xr||(xr=O(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),r?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:r,withTitle:i})}),a.theme.breakpoints.sm),yr=k.default(a.Caption)(mr||(mr=O(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),a.theme.breakpoints.sm),kr=r.forwardRef((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,a=M(n,["height","className"]);return i.jsx(Cr,P({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:i.jsx(jr,P({},a))}))})),jr=k.default(a.CircularProgress)(gr||(gr=O(["\n color: ",";\n"],["\n color: ",";\n"])),a.theme.palette.brand.main),Cr=k.default(a.Grid,{shouldForwardProp:function(n){return"height"!==n}})(br||(br=O(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function _r(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=o.useToggle(),d=r[0],l=r[1],s=r[2];if(!e||!t)return null;return i.jsxs(i.Fragment,{children:[i.jsxs(Pr,P({container:!0,onClick:l,alignItems:"center"},{children:[i.jsx(Mr,{width:12,height:12}),i.jsx(a.Caption,P({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),i.jsx(Er,P({onClick:function(n){return n.stopPropagation()}},{children:t({open:d,handleClose:s})}))]})}var Sr,Ir,zr,Rr,Pr=k.default(a.Grid)(Sr||(Sr=O(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),a.theme.palette.grey.fifteenB),Mr=k.default(s.PlusIcon)(Ir||(Ir=O(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),a.theme.palette.grey.fiftyP),Er=k.default.div(zr||(zr=O([""],[""]))),Or=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,a=n.index;return i.jsx(Tr,P({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(a)},{children:t(e)}))},Tr=k.default(a.Grid)(Rr||(Rr=O(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Nr(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,a=n.renderCreatingModal,o=n.inputRef,d=n.isOpenDropdown,l=n.isLoading,s=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return i.jsxs(Br,P({input:s,buttonRef:o,isOpen:d,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&u&&u()},endComponent:i.jsx(_r,{creatingLabel:r,renderCreatingModal:a})},{children:[e.map((function(n,e){return i.jsx(Or,{option:n,renderOption:t,handleSelect:p,index:e},e)})),l&&i.jsx(Lr,{height:"auto"})]}))}var Dr,Fr,Br=k.default(yn)(Dr||(Dr=O(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Lr=k.default(kr)(Fr||(Fr=O(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var Wr,Gr,Ur,Ar,Vr=k.default.div(Wr||(Wr=O(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),Kr=k.default.div(Gr||(Gr=O(["\n position: relative;\n"],["\n position: relative;\n"]))),qr=k.default(tt)(Ur||(Ur=O(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Hr=k.default(s.HalfArrowIcon)(Ar||(Ar=O(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var Jr,Yr=k.default.div(Jr||(Jr=O(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),a.theme.palette.background.light2);function Qr(n){var e,t,o=n.file,d=n.onDelete,l=n.onChange,c=n.index,p=n.selectedFile,u=n.setSelectedFile,h=n.limitTitle,x=void 0===h?100:h,f=n.icon,m=n.subtitle,g=n.disabled,v=n.error,w=n.className,y=n.label,k=M(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label"]),j=String(null===(t=(null==o?void 0:o.title)||(null==o?void 0:o.name)||(null===(e=null==o?void 0:o.file)||void 0===e?void 0:e.name)||y)||void 0===t?void 0:t.replace(/\.[^/.]+$/,"")),C=r.useState(j),_=C[0],S=C[1],I=r.useState(!1),z=I[0],R=I[1],E=r.useRef(null);r.useEffect((function(){var n;z&&(null===(n=E.current)||void 0===n||n.focus()),!z&&j!==_&&l&&l(_,c)}),[z]);return i.jsxs(i.Fragment,{children:[i.jsxs(pi,P({selected:(null!=p?p:-1)===c,error:x&&_.length>x||!!v,onClick:function(){u&&u(null!=c?c:1)},disabled:!!g,className:"FileWrapper ".concat(w||"")},k,{children:[i.jsx(ui,P({className:"FileIcon_wrapper"},{children:f||i.jsx(s.FileIcon,{})})),i.jsxs(xi,P({className:"FileContent_wrapper"},{children:[i.jsxs(gi,{children:[i.jsx(b.Link,P({href:o.url,openInNewWindow:!0},{children:i.jsx(mi,{children:_})})),i.jsx(fi,{"data-testid":"file_name",ref:E,disabled:!z,value:_,onChange:function(n){S(n.target.value)},onBlur:function(){R(!1)},maxLength:100})]}),m||String(o.size)&&i.jsxs(a.Caption,P({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),i.jsxs(hi,P({className:"FileButtons_wrapper"},{children:[!g&&l&&i.jsx(a.Button,P({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){R((function(n){return!n}))}},{children:z?i.jsx(s.CheckIcon,{}):i.jsx(s.EditIcon,{width:18,height:18})})),d&&!g&&i.jsx(a.Button,P({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;d&&d(null!==(n=o.index)&&void 0!==n?n:1,Number(c))}},{children:i.jsx(s.CancelIcon,{width:16,height:16})}))]}))]})),(x&&_.length>x||v)&&i.jsx(a.Box,P({mb:1},{children:i.jsx(a.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 $r,Xr,Zr,ni,ei,ti,ri,ii,ai,oi,di,li,si,ci,pi=k.default.div(Zr||(Zr=O(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?a.theme.palette.brand.main:a.theme.palette.grey.fifteenB}),(function(n){return n.disabled&&t.css(Xr||(Xr=O(["\n background: ",";\n "],["\n background: ",";\n "])),a.theme.palette.background.light1)}),(function(n){return n.error&&t.css($r||($r=O(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),a.theme.palette.red.seventy)})),ui=k.default.div(ni||(ni=O(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),a.theme.palette.brand.light),hi=k.default.div(ei||(ei=O(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),a.theme.palette.grey.thirty),xi=k.default.div(ti||(ti=O(["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]))),fi=k.default.input(ri||(ri=O(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),a.theme.palette.grey.seventy,a.theme.palette.brand.main),mi=k.default.span(ii||(ii=O(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),gi=k.default.div(ai||(ai=O(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),bi=r.forwardRef((function(n,e){var t,o,d=n.form,l=n.name,s=n.parentName,c=n.label,p=n.disabled,h=n.withEdit,x=void 0===h||h,f=n.fileName,m=n.onChange,g=n.isRequired,b=n.uploadLabel,v=n.toBigTitleMessage,w=M(n,["form","name","parentName","label","disabled","withEdit","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage"]),y=r.useState(!1),k=y[0],j=y[1],C=r.useState(),_=C[0],S=C[1],I=r.useState(""),z=I[0],R=I[1],E=r.useRef(null),O=u.useController({control:d.control,name:l}),T=O.field,N=O.fieldState,D=u.useController({control:d.control,name:s||l}).field,F=(_ instanceof File?_.name:(null===(t=null==_?void 0:_.uploaded)||void 0===t?void 0:t.name)||(null==_?void 0:_.name)||"").split(".").pop(),B=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}(_,z,f,F),L=_&&"url"in _?_:B,W=null===(o=N.error)||void 0===o?void 0:o.message;r.useEffect((function(){"string"==typeof T.value&&R(T.value),"object"==typeof T.value&&S(T.value),T.value||R(""),j(!0)}),[T.value]),r.useEffect((function(){var n,e,t=Number((null==f?void 0:f.length)||(null===(n=null==_?void 0:_.uploaded)||void 0===n?void 0:n.name)||(null===(e=null==_?void 0:_.name)||void 0===e?void 0:e.length))>100;k&&!z&&T.onChange({target:{value:_,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:v||"The file name must be less than 100 characters"}):d.clearErrors(l)}),[_]);return i.jsxs(vi,{children:[i.jsx(yi,P({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];S(e),m&&m(e)}else S(void 0)}},w,{ref:function(n){e&&(e.current=n),E.current=n}})),L?i.jsx(Qr,{file:L,onDelete:function(){_&&E.current&&(E.current.value=""),S(void 0),R(""),s?D.onChange({target:{value:null,name:s},type:"change"}):T.onChange({target:{value:null,name:l},type:"change"}),m&&m(null)},onChange:x&&function(n){var e,t=d.getValues(l),r="".concat(n,".").concat(F);"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}),S(e)},error:W,disabled:p,label:c}):i.jsxs(i.Fragment,{children:[i.jsxs(wi,P({error:!!W,disabled:p,container:!0,justify:"space-between",alignItems:"center"},{children:[i.jsx(ki,P({item:!0},{children:i.jsxs(a.Caption,P({size:"s",color:"fiftyP"},{children:[c,g?" *":""]}))})),i.jsx(a.Grid,P({item:!0},{children:i.jsx(ji,P({disabled:p,size:"s",onClick:function(){E.current&&E.current.click()}},{children:b||"Upload"}))}))]})),W&&i.jsx(a.InputMessage,{variant:"error",msg:W})]})]})})),vi=k.default.div(oi||(oi=O(["\n position: relative;\n"],["\n position: relative;\n"]))),wi=k.default(a.Grid)(di||(di=O(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?a.theme.palette.red.fiftyP:a.theme.palette.grey.fifteenB}),(function(n){return n.disabled?a.theme.palette.background.light1:a.theme.palette.grey.zero})),yi=k.default.input(li||(li=O(["\n display: none;\n"],["\n display: none;\n"]))),ki=k.default(a.Grid)(si||(si=O(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),ji=k.default(a.Button)(ci||(ci=O(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ci=r.forwardRef((function(n,e){var t=n.form,r=n.name,o=n.label,d=n.labelProps,l=M(n,["form","name","label","labelProps"]);return i.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return i.jsx(a.Checkbox,P({},l,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),l.onChange&&l.onChange(n)}(n,t)},label:"string"==typeof o?i.jsx(a.Caption,P({},d,{children:o})):o}))}})}));var _i,Si,Ii=k.default(Ci)(_i||(_i=O(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),zi=k.default(a.Grid)(Si||(Si=O(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),a.theme.palette.grey.fifteenB),Ri={mapKey:""},Pi=[],Mi=function(){return P({},Ri)},Ei=function(n){Pi.push(n)},Oi=function(n){var e=Pi.indexOf(n);-1!==e&&Pi.splice(e,1)};exports.AutocompleteOption=function(n){var e=n.label;return i.jsx(Yr,{children:i.jsx(a.Caption,P({size:"s",weight:500},{children:e}))})},exports.Avatar=dn,exports.ButtonSelect=tr,exports.ButtonTab=fn,exports.ButtonsPanel=bn,exports.CalendarHeaderWithSelect=Oe,exports.CalendarStandardContainer=Ne,exports.CalendarStandardHeader=Fe,exports.CheckboxGroupWithTitle=function(n){var e=n.title,t=n.options,r=n.form;n.name;var o=M(n,["title","options","form","name"]);return i.jsxs(zi,P({container:!0,alignItems:"center",justify:"space-between"},{children:[i.jsx(a.Grid,P({item:!0},{children:i.jsx(a.Caption,P({size:"s",weight:500,color:"fiftyP"},{children:e}))})),i.jsx(a.Grid,P({item:!0},{children:i.jsx(a.Grid,P({container:!0},{children:t.map((function(n){return i.jsx(Ii,P({name:n.name,label:i.jsx(a.Caption,P({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},o),n.name)}))}))}))]}))},exports.CheckboxWithController=Ci,exports.DependentInput=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,a=n.Input,o=M(n,["dependentInputName","form","disabled","Input"]),d=u.useWatch({control:t.control,name:e}),l=P({form:t,disabled:r||!d},o);return a?i.jsx(a,P({},l)):i.jsx(tt,P({},l))},exports.DesktopInputWithMonthPicker=Je,exports.DesktopMenuPanel=Ze,exports.InputDropdown=yn,exports.InputFile=bi,exports.InputForDatepicker=Ge,exports.InputMultiSelect=function(n){var e,t,a=n.options,o=n.name,d=n.handleChange,l=n.form,s=n.value,c=M(n,["options","name","handleChange","form","value"]),p=l?u.useController({control:l.control,name:o}):null,h=r.useState(s||(null===(e=null==p?void 0:p.field)||void 0===e?void 0:e.value)||[]),x=h[0],f=h[1],m=a.filter((function(n){return x.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(t=null==p?void 0:p.fieldState.error)||void 0===t?void 0:t.message;return r.useEffect((function(){var n;l&&(null===(n=null==p?void 0:p.field)||void 0===n||n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),i.jsx(Rn,P({options:a,handleChange:function(n){x.includes(n.value)?f((function(e){return e.filter((function(e){return e!==n.value}))})):f((function(e){return E(E([],e,!0),[n.value],!1)})),d&&d(n.value)},error:g,selectedLabel:m,selectedValue:x,name:o,isLabelShrink:!!m,renderOption:function(n,e){return i.jsx(ar,{option:n,selectedValue:e})}},c))},exports.InputPassword=ht,exports.InputPhoneWithForm=Bt,exports.InputSelect=Ie,exports.InputSelectBase=Rn,exports.InputSelectDropdown=Sn,exports.InputSelectWithController=ir,exports.InputTextAreaMobile=ft,exports.InputWithAutocomplete=function(e){var t,i=e.renderOption,d=e.options,l=e.name,s=e.hideName,c=e.form,p=e.isLoading,u=e.onSelectItem,h=e.handleScrollEnd,x=e.onSearchItem,f=e.isLabelLoading,m=e.disabled,g=e.creatingLabel,b=e.renderCreatingModal,v=e.endComponent,w=e.inputRef,y=e.onOpen,k=M(e,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),j=r.useState(!1),C=j[0],_=j[1],S=r.useRef(null);s&&c.register(s);var I=function(){m||_(!0)},z=function(){_(!1)};r.useEffect((function(){y&&y(C)}),[C]);var R=o.useForkRef(S,w);return n.jsxs(Kr,{children:[f&&n.jsx(Vr,{children:n.jsx(kr,{height:"100%"})}),n.jsx(Nr,{renderOption:i,options:d,inputRef:{current:null===(t=S.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:C,handleCloseDropdown:z,handleSelect:function(n){var e;u(n),z(),(null===(e=c.getFieldState(l).error)||void 0===e?void 0:e.message)&&c.clearErrors(l)},isLoading:p,handleScrollEnd:h,creatingLabel:g,renderCreatingModal:b,input:n.jsx(qr,P({form:c,onInput:function(n){x&&(x(n.target.value),s&&c.setValue(s,null)),!n.target.value&&s&&(s&&c.setValue(s,null),c.setValue(l,null),u(null)),I()},onFocus:I,name:l,disabled:m,ref:R,isDropdownOpen:C,autoComplete:"off"},k,{endIcon:!m&&n.jsxs(a.Grid,P({container:!0,alignItems:"center",onClick:function(){_((function(n){return!n}))}},{children:[n.jsx(a.Box,P({mr:2},{children:v})),k.endIcon||!m&&n.jsx(Hr,{width:12,height:13,css:[C&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=tt,exports.InputWithDatePicker=kt,exports.InputWithMask=et,exports.InputWithMonthPicker=function(n){return i.jsxs(i.Fragment,{children:[i.jsx(Je,P({},n)),i.jsx(Rt,P({},n))]})},exports.Loading=kr,exports.MapWrapper=function(n){var e=n.children,t=r.useState(!1),a=t[0],o=t[1],d=r.useState("LOADING"),l=d[0],s=d[1],c=r.useState(Mi().mapKey),p=c[0],u=c[1];return r.useEffect((function(){var n=function(n){return u(n.mapKey)};return Ei(n),function(){Oi(n)}}),[]),r.useEffect((function(){if(!a&&p){var n=new v.Loader({apiKey:p,libraries:["places"],language:"ru"}),e=function(n){s(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return o(!0)}}),[p]),p?"SUCCESS"===l&&e?i.jsx(i.Fragment,{children:e}):(function(n){"LOADING"===n?i.jsx(kr,{height:"100%"}):"FAILURE"===n?i.jsx("h3",{children:n}):i.jsx("div",{})}(l),i.jsx(i.Fragment,{})):i.jsx("h2",{children:"Add google key"})},exports.MenuItem=Qe,exports.MenuPanel=Tt,exports.MobileInputWithMonthPicker=Rt,exports.MobileMenuPanel=Et,exports.MonthPickerContainer=Ae,exports.MonthPickerHeader=Ke,exports.PassportStrengthBar=ot,exports.RadioButtons=cr,exports.RadioButtonsWithController=pr,exports.RadioGroupWithLabel=function(n){var e,t=n.title,r=n.className,o=n.direction,d=n.form,l=n.name,s=M(n,["title","className","direction","form","name"]),c=null===(e=u.useController({control:d.control,name:l}).fieldState.error)||void 0===e?void 0:e.message;return i.jsxs(vr,{children:[i.jsxs(wr,P({container:!0,alignItems:"vertical"===o?"flex-start":"center",justify:"space-between",direction:"vertical"===o?"column":"row",hasError:!!c,className:r,withTitle:!!t},{children:[t&&i.jsx(yr,P({direction:o,size:"xs",weight:600},{children:t.toUpperCase()})),i.jsx(a.Grid,P({item:!0,xs:"vertical"===o?12:"auto"},{children:i.jsx(pr,P({form:d,name:l},s))}))]})),c&&i.jsx(a.InputMessage,{variant:"error",msg:c})]})},exports.SelectMonth=Ee,exports.SelectYear=Re,exports.Switch=Ft,exports.Table=Lt,exports.TableCell=Ut,exports.TableHeadCell=Gt,exports.TableRow=At,exports.Tooltip=$t,exports.UndefinedAvatar=an,exports.getFormError=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.formState.errors;return null==t||t.forEach((function(n){r&&(r=r[n])})),null==r?void 0:r.message},exports.getFormValue=ut,exports.getSettings=Mi,exports.getVisibility=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},exports.getVisibilitySettings=function(n){switch(n){case"everybody":return{tenant:!0,landlord:!0};case"landlord":return{tenant:!1,landlord:!0};case"tenant":return{tenant:!0,landlord:!1};default:return{tenant:!1,landlord:!1}}},exports.setSettings=function(n){Ri=P(P({},Ri),n),Pi.forEach((function(n){return n(Ri)}))},exports.shortMonths=It,exports.subscribeToSettings=Ei,exports.unsubscribeFromSettings=Oi;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react-datepicker/dist/react-datepicker.css");var n=require("react"),e=require("lodash"),t=require("@emotion/react/jsx-runtime"),r=require("@emotion/styled"),i=require("@emotion/react"),a=require("react/jsx-runtime"),o=require("kui-basic"),d=require("kui-utils"),l=require("kui-swiper"),s=require("classnames"),c=require("kui-icon"),p=require("react-datepicker"),u=require("react-hook-form"),h=require("react-scroll"),x=require("luxon"),f=require("date-fns/locale/ru"),m=require("react-router-dom"),g=require("react-dom"),b=require("kui-crm"),v=require("@googlemaps/js-api-loader");function w(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function y(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:function(){return n[t]}})}})),e.default=n,Object.freeze(e)}var k=y(n),j=w(e),C=w(r),_=w(l),S=w(s),I=w(p),R=w(f),z=y(g),P=function(){return P=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},P.apply(this,arguments)};function E(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function M(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function T(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var O,D,N,B,F,L,W,G,U,A,V,K,q,H,J,Y,Q,$,X,Z,nn,en,tn,rn,an,on=function(e,t,r,i,a){var o=function(n){var t=i?n.target:n.target.documentElement,a=i?n.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<e&&r&&r()};n.useEffect((function(){if(r){var n=j.default.throttle(o,t),e=(null==i?void 0:i.current)||document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),M([t],a||[],!0))},dn=n.forwardRef((function(n,e){var t=n.label,r=E(n,["label"]);if(!t)return a.jsx("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return a.jsx(ln,P({"data-testid":"undefined_avatar",ref:e},{children:a.jsx(o.Caption,P({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),ln=C.default.div(O||(O=T(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),o.theme.palette.brand.light,o.theme.palette.brand.main),sn=n.forwardRef((function(n,e){var r=n.size,i=n.fullName,a=n.imageUrl,o=E(n,["size","fullName","imageUrl"]);return t.jsx(cn,P({css:hn[r],ref:e},o,{children:a?t.jsx(pn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):t.jsx(un,{label:i,avatarSize:r})}))})),cn=C.default.div(D||(D=T(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),pn=C.default.img(N||(N=T(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),un=C.default(dn,{shouldForwardProp:function(n){return"size"!==n}})(F||(F=T(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&i.css(B||(B=T(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),hn={xs:i.css(L||(L=T(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:i.css(W||(W=T(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:i.css(G||(G=T(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:i.css(U||(U=T(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},xn=n.forwardRef((function(n,e){var r=n.index,i=n.onClick,a=n.isActive,o=n.label,d=n.disabled;return t.jsx(fn,P({disabled:d,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&mn,size:"s",ref:e,className:S.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),fn=C.default(o.Button)(A||(A=T(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),mn=i.css(V||(V=T(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),o.theme.palette.grey.seventy),gn=n.forwardRef((function(n,e){var r=n.renderTabWrapper,i=n.label,a=E(n,["renderTabWrapper","label"]);return r?r(i,t.jsx(xn,P({ref:e,label:i},a))):t.jsx(xn,P({ref:e,label:i},a))})),bn=function(e){var t=e.startComponent,r=e.endComponent,i=e.tabs,d=e.renderTabWrapper,l=e.handleChange,s=e.value,c=n.useRef(null),p=function(n){setTimeout((function(){var e,t;null===(t=null===(e=c.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),l(n)};return a.jsxs(o.Container,P({className:"KUI-ButtonTabs"},{children:[t,a.jsx(vn,P({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:c},{children:i.map((function(n,e){return a.jsx(gn,{index:e,onClick:p,isActive:e===s,label:n,renderTabWrapper:d},n)}))})),r]}))},vn=C.default(_.default)(K||(K=T(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),wn=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,l=e.activeTab,s=e.isSticky,c=e.onChange,p=e.startComponent,u=e.endComponent,h=e.navigate,x=e.renderTabWrapper,f=E(e,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),m=d.useWindowWidth(),g=k.useState(Number(l)),b=g[0],v=g[1];return n.useEffect((function(){v(Number(l))}),[l]),0===m?null:t.jsxs(t.Fragment,{children:[t.jsx(kn,P({css:s&&{position:"sticky"},ref:r},f,{children:t.jsx(bn,{value:b,tabs:i,handleChange:function(n){if(v(n),null==o?void 0:o.length){var e=o[n];h?h(e):d.updateQueryParams(e)}c&&c(n)},endComponent:u,startComponent:p,renderTabWrapper:x})})),t.jsx(yn,P({role:"tabpanel"},{children:a[b]}))]})})),yn=C.default.div(q||(q=T(["\n height: 100%;\n"],["\n height: 100%;\n"]))),kn=C.default.div(H||(H=T(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),o.theme.palette.grey.zero),jn=n.forwardRef((function(e,t){var r=e.onScrollEnd,i=e.maxHeight,o=e.onScrollChange,d=E(e,["onScrollEnd","maxHeight","onScrollChange"]),l=n.useRef(null),s=n.useState(!1),c=s[0],p=s[1];on(10,200,r,l),n.useEffect((function(){var n;if(l.current){var e=i?(null===(n=l.current)||void 0===n?void 0:n.clientHeight)>=i:l.current.scrollHeight>l.current.clientHeight;p(e)}}));return n.useEffect((function(){o&&o(c)}),[c]),a.jsx(Cn,P({isScrollable:c,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),l.current=n}},d))})),Cn=C.default.div(J||(J=T(["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?6:0}),o.theme.palette.grey.fifteenB,o.theme.palette.grey.thirty),_n=n.forwardRef((function(e,t){var r=e.isOpen,i=e.handleClose;e.buttonRef;var o=e.children,d=e.endComponent,l=e.input,s=e.className,c=e.strategy;e.onScroll;var p=E(e,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),u=n.useState(!1),h=u[0],x=u[1],f=n.useRef(null);return a.jsx(Sn,P({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:r,onChange:function(n){n||i()},toggleMethod:"click",strategy:c||"fixed",placement:"bottom",className:s,content:a.jsxs(In,P({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof t?t(n):t&&(t.current=n),f.current=n}},p,{children:[a.jsx(Rn,P({isScrollable:h},{children:a.jsx(zn,P({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),Sn=C.default(o.Tooltip)(Y||(Y=T(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),In=C.default(o.Grid)(Q||(Q=T(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),Rn=C.default.div($||($=T(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 6px 8px 0":"14px 0px 8px 0"})),zn=C.default(jn)(X||(X=T(["\n width: 100%;\n"],["\n width: 100%;\n"]))),Pn=n.forwardRef((function(n,e){var t=n.input,r=n.options,i=n.inputRef,o=n.isOpenDropdown,d=n.handleCloseDropdown,l=n.handleSelect,s=n.selectedValue,c=n.renderOption;return a.jsx(Mn,P({input:t,buttonRef:i,isOpen:o,handleClose:d,ref:e},{children:r.map((function(n,e){return a.jsx(En,P({disabled:n.disabled,onClick:function(){return function(n){n.disabled||l(n)}(n)},"data-value":"autocomplete_option_".concat(n.value),"data-testid":"autocomplete_option_".concat(e)},{children:c(n,s)}),n.label)}))}))})),En=C.default.div(Z||(Z=T(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?o.theme.palette.grey.fiftyP:o.theme.palette.grey.seventy})),Mn=C.default(_n)(nn||(nn=T(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Tn=n.forwardRef((function(e,r){var i,a=e.options,o=e.name,l=e.disabled,s=e.handleChange,c=e.iconProps,p=e.renderOption,u=e.selectedLabel,h=e.selectedValue,x=e.error,f=e.endIcon,m=E(e,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),g=n.useState(!1),b=g[0],v=g[1],w=n.useRef(null),y=d.useForkRef(w,r),k=function(){v(!1)};return t.jsxs(On,{children:[t.jsx("input",{name:o,autoComplete:"off",hidden:!0}),t.jsx(Pn,{options:a,inputRef:{current:null===(i=null==w?void 0:w.current)||void 0===i?void 0:i.parentElement},isOpenDropdown:b,handleCloseDropdown:k,handleSelect:function(n){s&&s(n),k()},selectedValue:h,renderOption:p,input:t.jsx(Dn,P({onClick:function(){var n,e,t,r;(null===(e=null===(n=null==w?void 0:w.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(r=null===(t=null==w?void 0:w.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.parentElement.focus()),l||v((function(n){return!n}))},ref:y,disabled:l,readOnly:!0,value:u,message:x,isLabelShrink:Boolean(h)||0===h,autoComplete:"off"},m,{endIcon:t.jsxs(Bn,P({container:!0,alignItems:"center"},{children:[!l&&t.jsx(Nn,P({width:12,height:13,css:[{transition:"all linear .2s"},b&&{transform:"rotate(180deg)"}]},c)),f]}))}))})]})})),On=C.default.div(en||(en=T(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Dn=C.default(o.InputWithAdornments)(tn||(tn=T(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\n }\n"],["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\n }\n"]))),Nn=C.default(c.HalfArrowIcon)(rn||(rn=T(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Bn=C.default(o.Grid)(an||(an=T(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Fn(n){var e=n.option,t=n.selectedValue;return a.jsx(Pe,P({selected:t===e.value},{children:a.jsx(o.Caption,P({size:"sm",weight:500},{children:e.label}))}))}var Ln,Wn,Gn,Un,An,Vn,Kn,qn,Hn,Jn,Yn,Qn,$n,Xn,Zn,ne,ee,te,re,ie,ae,oe,de,le,se,ce,pe,ue,he,xe,fe,me,ge,be,ve,we,ye,ke,je,Ce,_e,Se,Ie,Re,ze,Pe=C.default.div(Ln||(Ln=T(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1),Ee=n.forwardRef((function(e,t){var r,i=e.options,o=e.name,d=e.handleChange;e.form;var l=e.value,s=E(e,["options","name","handleChange","form","value"]),c=n.useState(l),p=c[0],u=c[1],h=(null===(r=i.find((function(n){return String(n.value)===String(p)})))||void 0===r?void 0:r.label)||"";return n.useEffect((function(){void 0!==l&&u(l)}),[l]),a.jsx(Tn,P({options:i,handleChange:function(n){u(n.value),d&&d(n.value)},selectedLabel:h,selectedValue:p,name:o,renderOption:function(n,e){return a.jsx(Fn,{option:n,selectedValue:e})},ref:t},s))})),Me=function(n,e,t){return e&&n<e||t&&n>t},Te=n.forwardRef((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,o=E(n,["yearOptions","options","min","max"]),d=t.map((function(n){return P(P({},n),{disabled:Me(Number(n.value),r,i)})}));return a.jsx(Ee,P({ref:e,label:"Year",options:d},o))})),Oe=function(n,e,t){return e&&n<e||t&&n>=t},De=[{value:0,label:"January"},{value:1,label:"February"},{value:2,label:"March"},{value:3,label:"April"},{value:4,label:"May"},{value:5,label:"June"},{value:6,label:"July"},{value:7,label:"August"},{value:8,label:"September"},{value:9,label:"October"},{value:10,label:"November"},{value:11,label:"December"}],Ne=n.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var i=E(n,["min","max","options"]),o=De.map((function(n){return P(P({},n),{disabled:Oe(n.value,t,r)})}));return a.jsx(Ee,P({ref:e,label:"Month",options:o},i))})),Be=n.forwardRef((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,d=n.yearOptions,l=n.max,s=n.min,c=i.getFullYear(),p=i.getMonth(),u=(null==s?void 0:s.year)===c&&(null==s?void 0:s.month)?s.month-1:0,h=(null==l?void 0:l.year)===c?null==l?void 0:l.month:11;return a.jsx(Fe,P({ref:e},{children:a.jsxs(o.Grid,P({container:!0,spacing:2},{children:[a.jsx(o.Grid,P({item:!0,xs:6},{children:a.jsx(Te,{min:null==s?void 0:s.year,max:null==l?void 0:l.year,yearOptions:d,value:c,handleChange:r})})),a.jsx(o.Grid,P({item:!0,xs:6},{children:a.jsx(Ne,{min:Number(null==s?void 0:s.year)>=c&&u,max:Number(null==l?void 0:l.year)<=c&&h,value:p,handleChange:t})}))]}))}))})),Fe=C.default.div(Wn||(Wn=T(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Le=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=E(n,["arrowProps","showPopperArrow"]);return a.jsx(We,P({ref:e},t))})),We=C.default.div(Gn||(Gn=T(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),o.theme.palette.grey.fiftyP,o.theme.palette.background.light3,o.theme.palette.background.light3,o.theme.palette.brand.main,o.theme.palette.brand.light,o.theme.palette.brand.main,o.theme.palette.brand.main,o.theme.palette.grey.fifteenB,o.theme.palette.red.seventy,o.theme.palette.grey.zero),Ge=n.forwardRef((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,d=n.prevMonthButtonDisabled,l=n.date,s=j.default.capitalize(l.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return a.jsxs(Ue,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ae,P({size:"h4"},{children:s}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsxs(o.Grid,P({container:!0,spacing:2},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ve,P({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:d,onClick:t},{children:a.jsx(c.PrevArrowIcon,{width:10,height:10})}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ve,P({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:a.jsx(c.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),Ue=C.default(o.Grid)(Un||(Un=T(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Ae=C.default(o.Heading)(An||(An=T(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ve=C.default(o.Button)(Vn||(Vn=T(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Ke=n.forwardRef((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,d=n.startIcon,l=E(n,["onClick","disabled","handleClick","startIcon"]),s=function(){r||(i?i():t())},p=function(){return a.jsx(qe,P({disabled:r,onClick:s},{children:d||a.jsx(c.CalendarIcon,{width:19,height:21})}))};return a.jsx(o.InputWithMask,P({disabled:r,endIcon:!d&&a.jsx(p,{}),startIcon:d&&a.jsx(p,{})},l,{ref:e}))})),qe=C.default.div(Kn||(Kn=T(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),He=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=E(n,["arrowProps","showPopperArrow"]);return a.jsx(Je,P({ref:e},t))})),Je=C.default.div(qn||(qn=T(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),o.theme.palette.background.light1,o.theme.palette.grey.fifteenB,o.theme.palette.grey.fifteenB,o.theme.palette.brand.main,o.theme.palette.grey.fifteenB),Ye=n.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,d=n.prevYearButtonDisabled,l=n.date;return a.jsxs($e,P({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(Qe,P({disabled:d,onClick:t,type:"button"},{children:a.jsx(c.ArrowBackIcon,{width:14,height:12})}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(o.Caption,P({size:"sm",weight:600},{children:l.getFullYear()}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Qe,P({disabled:i,onClick:r,type:"button"},{children:a.jsx(c.ArrowNextIcon,{width:14,height:12})}))}))]}))})),Qe=C.default(o.IconButton)(Hn||(Hn=T(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),$e=C.default(o.Grid)(Jn||(Jn=T(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),Xe=n.forwardRef((function(e,t){var r,i=e.name,o=e.form,d=e.disabled,l=e.datePickerProps,s=e.onChange,c=E(e,["name","form","disabled","datePickerProps","onChange"]),p=n.useState(),h=p[0],x=p[1],f=u.useController({name:i,control:o.control}),m=f.field,g=f.fieldState;return n.useEffect((function(){x(m.value)}),[m.value]),a.jsx(Ze,P({ref:t},{children:a.jsx(I.default,P({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:d,customInput:a.jsx(Ke,P({mask:"00.0000",name:i,disabled:d,message:null===(r=g.error)||void 0===r?void 0:r.message},c),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:He,renderCustomHeader:function(n){return a.jsx(Ye,P({},n))}},l))}))})),Ze=C.default.div(Yn||(Yn=T(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),nt=n.forwardRef((function(e,r){var i=e.tab,a=e.active,d=e.index,l=e.handleClick,s=e.offset,c=e.isScrolling,p=e.setIsScrolling,u=function(){p(!1)};return n.useEffect((function(){return a===d&&h.scroller.scrollTo(i,{offset:s}),h.Events.scrollEvent.register("begin",(function(n,e){p(!0),e&&l(Number(e.dataset.index))})),h.Events.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){h.Events.scrollEvent.remove("begin"),h.Events.scrollEvent.remove("end")}}),[]),t.jsx(h.Link,P({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){c||l(d)}},{children:t.jsx(et,P({ref:r},{children:t.jsx(o.Button,P({variant:Number(a)===d?"orange":"transparentWithBorder",size:"xs",css:Number(a)!==d&&tt},{children:i}))}))}))})),et=C.default.div(Qn||(Qn=T(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),tt=i.css($n||($n=T(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),o.theme.palette.grey.seventy),rt=n.forwardRef((function(n,e){var r=n.tabs,i=n.variant,a=E(n,["tabs","variant"]);return t.jsx(it,P({container:!0,css:"white"===i&&{background:"white"},ref:e},{children:r.map((function(n,e){return t.jsx(o.Grid,P({item:!0},{children:t.jsx(nt,P({tab:n,index:e,offset:-121},a),n)}),e)}))}))})),it=C.default(o.Grid)(Xn||(Xn=T(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),o.theme.palette.background.light1),at=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,d=E(n,["form","name","error"]),l=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return a.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return a.jsx(o.InputWithMask,P({message:l(r)},t,d,{onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},inputRef:e}))}})})),ot=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,d=n.value,l=n.type,s=E(n,["form","name","error","value","type"]),c=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return a.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return a.jsx(o.InputWithAdornments,P({message:c(r)},t,s,{onChange:function(n){return function(n,e){var t,r="number"!==l||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(P(P({},n),{target:P(P({},n.target),{value:r})})),s.onChange&&s.onChange(n)}(n,t)},type:l,value:null!=d?d:t.value,inputRef:e}))}})})),dt={weak:0,simple:1,medium:2,hard:3},lt={weak:o.theme.palette.red.fiftyP,simple:o.theme.palette.brand.main,medium:o.theme.palette.blue.fiftyP,hard:o.theme.palette.green.fiftyP},st={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ct=n.forwardRef((function(n,e){var r=n.strength,i=r?lt[r]:"",a=r?dt[r]:-1;return t.jsxs(pt,P({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:e},{children:[t.jsx(ut,{children:Object.keys(dt).map((function(n,e){return t.jsx(ht,{children:t.jsx(xt,{"data-testid":"progress_item_".concat(n),value:a>=e?100:0,color:i})},n)}))}),t.jsx(o.Caption,P({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:r&&st[r]})),t.jsx(ft,P({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),pt=C.default.div(Zn||(Zn=T(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),ut=C.default.div(ne||(ne=T(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),ht=C.default.div(ee||(ee=T(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),xt=C.default(o.LinearProgress)(te||(te=T(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),o.theme.palette.grey.fifteenB,(function(n){return n.color})),ft=C.default(o.Caption)(re||(re=T(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),mt=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.control._formValues;return null==t||t.forEach((function(n){r&&(r=r[n])})),r},gt=n.forwardRef((function(e,t){var r=n.useState(!1),i=r[0],o=r[1],l=n.useState(null),s=l[0],p=l[1],u=function(n){0!==n.length?d.strongPasswordRegExp.test(n)?p("hard"):d.mediumPasswordRegExp.test(n)?p("medium"):d.simplePasswordRegExp.test(n)?p("simple"):p("weak"):p(null)};return n.useEffect((function(){var n=e.form,t=e.name,r=mt(t,n);"string"==typeof r&&u(r)}),[]),a.jsxs(a.Fragment,{children:[a.jsx(ot,P({type:i?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;u(e)},"data-testid":"input_password",ref:t,endIcon:a.jsx(bt,P({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:i?a.jsx(c.ClosedEyeIcon,{}):a.jsx(c.OpenEyeIcon,{})}))},e)),a.jsx(ct,{strength:s})]})})),bt=C.default.div(ie||(ie=T(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),vt=n.forwardRef((function(n){return a.jsxs(a.Fragment,{children:[a.jsx(wt,{children:a.jsx(ot,P({},n))}),a.jsx(yt,{children:a.jsx(ot,P({isTextArea:!0},n))})]})})),wt=C.default.div(ae||(ae=T(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),yt=C.default.div(oe||(oe=T(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),kt=n.forwardRef((function(n,e){var t=n.label,r=n.button,i=E(n,["label","button"]);return a.jsxs(jt,P({ref:e},{children:[a.jsx(o.Divider,{}),a.jsx(Ct,{children:r||a.jsx(_t,P({fullWidth:!0,size:"s",endIcon:a.jsx(c.CheckIcon,{})},i,{children:t}))})]}))})),jt=C.default.div(de||(de=T(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),o.theme.palette.grey.zero),Ct=C.default.div(le||(le=T(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),_t=C.default(o.Button)(se||(se=T(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),St=n.forwardRef((function(e,r){var i,a=e.title,o=e.description,l=e.name,s=e.form,c=e.disabled,p=e.yearParams,h=e.onChange,f=e.max,m=e.min,g=e.footerLabel,b=e.datePickerProps,v=e.alignTitle,w=void 0===v?"center":v,y=E(e,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=u.useController({name:l,control:s.control}),C=k.field,_=null===(i=k.fieldState.error)||void 0===i?void 0:i.message,S=C.value,R=S?S.toFormat("dd.MM.yyyy"):"",z=S?S.toJSDate():null,M=d.useToggle(),T=M[0],O=M[1],D=M[2],N=n.useState(z),B=N[0],F=N[1],L=n.useState(R),W=L[0],G=L[1],U=function(n,e){if(!n||!e)return[];var t=x.DateTime.now().year-n;return j.default.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==p?void 0:p.min,null==p?void 0:p.max),A=d.useForkRef(r,C.ref);n.useEffect((function(){G(R)}),[R]);return t.jsxs(t.Fragment,{children:[t.jsx(Ke,P({mask:"00.00.0000",name:l,handleClick:O,value:W,onChange:function(n){var e=n.target.value;if(G(e),0!==e.length&&d.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"dd.MM.yyyy");F(t.toJSDate()),null==C||C.onChange({target:{value:t,name:l},type:"change"}),h&&h(t)}else F(null),null==C||C.onChange({target:{value:null,name:l},type:"change"}),h&&h(null)},disabled:c,message:_,ref:A},y)),t.jsxs(Pt,P({title:a,description:o,isOpen:T,handleClose:D,alignTitle:w},{children:[t.jsx(It,{children:t.jsx(I.default,P({inline:!0,selected:B||z,onChange:function(n){F(n)},calendarContainer:Rt,renderCustomHeader:function(n){return t.jsx(Be,P({yearOptions:U,max:f,min:m},n))},renderDayContents:function(n){return t.jsx(zt,{children:n})},maxDate:null==f?void 0:f.toJSDate(),minDate:null==m?void 0:m.toJSDate(),calendarStartDay:1},b))}),t.jsx(kt,{fullWidth:!0,disabled:!z&&!B,onClick:function(){if(B){var n=x.DateTime.fromJSDate(B);G(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:l},type:"change"}),h&&h(n),D()}},label:g})]}))]})})),It=C.default.div(ce||(ce=T(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),Rt=C.default(Le)(pe||(pe=T(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),o.theme.palette.background.light1,o.theme.palette.background.light1),zt=C.default.span(ue||(ue=T(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),Pt=C.default(o.Modal)(he||(he=T(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),Et=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],Mt=P(P({},R.default),{localize:{month:function(n){return Et[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Tt=n.forwardRef((function(e,t){var r,i=e.title,l=e.name,s=e.form,c=e.disabled,p=e.datePickerProps,h=E(e,["title","name","form","disabled","datePickerProps"]),f=u.useController({name:l,control:s.control}),m=f.field,g=null===(r=f.fieldState.error)||void 0===r?void 0:r.message,b=d.useToggle(),v=b[0],w=b[1],y=b[2],k=n.useState(m.value?x.DateTime.fromJSDate(new Date(String(m.value))).toFormat("MM.yyyy"):null),j=k[0],C=k[1],_=n.useState(j?x.DateTime.fromFormat(j,"MM.yyyy").toJSDate():null),S=_[0],R=_[1];return a.jsxs(Ot,P({ref:t},{children:[a.jsx(Ke,P({mask:"00.0000",name:l,handleCLick:w,value:j,onChange:function(n){var e=n.target.value;if(C(e),0!==e.length&&d.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"MM.yyyy").toJSDate();R(t),null==m||m.onChange({target:{value:t,name:l},type:"change"})}else R(null),null==m||m.onChange({target:{value:null,name:l},type:"change"})},disabled:c,message:g,isLabelShrink:Boolean(m.value)},h)),a.jsxs(o.Modal,P({title:i,isOpen:v,handleClose:y},{children:[a.jsx(Dt,{children:a.jsx(I.default,P({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:S,onChange:function(n){return R(n)},locale:Mt,calendarContainer:He,renderCustomHeader:function(n){return a.jsx(Ye,P({},n))}},p))}),a.jsx(kt,{fullWidth:!0,disabled:!S,onClick:function(){C(S?x.DateTime.fromJSDate(S).toFormat("MM.yyyy"):""),null==m||m.onChange({target:{value:S,name:l},type:"change"}),y()},label:"Подтвердить"})]}))]}))})),Ot=C.default.div(xe||(xe=T(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Dt=C.default.div(fe||(fe=T(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Nt=n.forwardRef((function(e,r){var i=e.tabs,a=e.handleClick,o=e.variant,d=E(e,["tabs","handleClick","variant"]),l=n.useRef(null),s=function(n){setTimeout((function(){var e,t;null===(t=null===(e=l.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),a(n)};return t.jsx(Bt,P({css:"white"===o&&{background:"white"},ref:r},{children:t.jsx(_.default,P({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:i.map((function(n,e){return t.jsx(nt,P({tab:n,index:e,handleClick:s,offset:-121},d),n)}))}))}))})),Bt=C.default.div(me||(me=T(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),o.theme.palette.background.light1),Ft=n.forwardRef((function(e,r){var i=e.tabs,a=e.tabPanels,o=e.paths,l=e.activeTab,s=e.variant,c=void 0===s?"grey":s,p=d.useWindowWidth(),u=k.useState(l),x=u[0],f=u[1],g=k.useState(!1),b=g[0],v=g[1],w=m.useNavigate(),y=m.useLocation(),j=function(n){if(o[n]){f(n);var e=y.pathname,t="".concat(e).concat(y.search),r="".concat(e).concat(o[n]);t!==r&&w(r,{replace:!0})}};return n.useEffect((function(){f(l)}),[l]),n.useEffect((function(){"number"!=typeof l&&p<901&&h.animateScroll.scrollToTop()}),[]),0===p?null:t.jsxs("div",P({ref:r},{children:[p>765?t.jsx(rt,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}):t.jsx(Nt,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}),a.map((function(n,e){return t.jsx("div",P({css:e===a.length-1&&Lt},{children:t.jsx(Wt,P({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Lt=i.css(ge||(ge=T(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Wt=C.default(h.Element)(be||(be=T(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Gt=n.forwardRef((function(n,e){var r=n.form,i=n.name,a=E(n,["form","name"]);return t.jsx(u.Controller,{control:null==r?void 0:r.control,name:i,render:function(n){var r=n.field;return t.jsx(o.Switch,P({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:e,name:i},a))}})})),Ut=n.forwardRef((function(n,e){var t,r=n.form,i=n.name,l=void 0===i?"phone":i,s=n.hiddenInputProps,c=n.error,p=E(n,["form","name","hiddenInputProps","error"]),h=u.useController({control:r.control,name:"".concat(l,".phoneCode"),defaultValue:"7"}),x=u.useController({control:r.control,name:"".concat(l,".phoneNumber")}),f=void 0!==c&&String(c).length>0?c:null===(t=x.fieldState.error)||void 0===t?void 0:t.message,m=d.useForkRef(e,x.field.ref);return a.jsx(o.InputWithCountryDropdown,P({message:f,hiddenInputProps:P(P({},h.field),s),onSelectCountry:function(n){h.field.onChange({target:{value:n.phoneCode,name:"".concat(l,".phoneCode")},type:"change"})}},x.field,p,{onChange:function(n){x.field.onChange(n),h.field.value||h.field.onChange({target:{value:"7",name:"".concat(l,".phoneCode")},type:"change"}),p.onChange&&p.onChange(n)},ref:m,autoComplete:"false"}))})),At=n.forwardRef((function(n,e){return a.jsx(Vt,P({cellSpacing:"0",ref:e},n))})),Vt=C.default.table(ve||(ve=T(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Kt=C.default.th(we||(we=T(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),qt=C.default.td(ye||(ye=T(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Ht=n.forwardRef((function(n,e){var t=n.children,r=E(n,["children"]),i=k.Children.toArray(t);return a.jsx("tr",P({ref:e},{children:i.map((function(n){return k.cloneElement(n,r)}))}))})),Jt={bottomStart:{bottom:1,offset:0},bottomMiddle:{bottom:1,offset:.5},bottomEnd:{bottom:1,offset:1},topStart:{top:1,offset:0},topMiddle:{top:1,offset:.5},topEnd:{top:1,offset:1}},Yt=n.forwardRef((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,o=n.className,d=n.style,l=E(n,["placement","open","children","spacing","className","style"]);return a.jsx(Qt,P({ref:e,className:S.default("KUI-Popper",o),spacing:i,style:d,open:!!t},{children:a.jsx($t,P({open:!!t},l,{children:r}))}))})),Qt=C.default.div(ke||(ke=T(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),o.theme.breakpoints.xxs),$t=C.default.div(je||(je=T(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),Xt=n.forwardRef((function(e,t){var r=e.placement,o=e.contentRef,d=E(e,["placement","contentRef"]),l=n.useRef(null),s=n.useState(null),c=s[0],p=s[1],u=n.useState(null),h=u[0],x=u[1];n.useEffect((function(){if(o.current&&l.current){var n=l.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};p(e),x(t)}}),[]);var f={};if(c&&h){var m=Jt[null!=r?r:"bottomMiddle"];f={top:Math.max(m.top?c.top-h.height:c.top+c.height,0),left:Math.max(c.left+c.width*m.offset-h.width*m.offset,0)}}return z.createPortal(a.jsxs(a.Fragment,{children:[a.jsx(i.Global,{styles:i.css(Ce||(Ce=T(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),a.jsx(Yt,P({ref:function(n){t&&(t.current=n),l.current=n},style:f},d))]}),document.body)})),Zt=n.forwardRef((function(e,t){var r=e.placement,i=e.contentRef,o=E(e,["placement","contentRef"]),d=n.useRef(null),l=n.useState(null),s=l[0],c=l[1],p=n.useState(null),u=p[0],h=p[1],x={};if(n.useEffect((function(){i.current&&d.current&&(c({width:i.current.clientWidth,height:i.current.clientHeight}),h({width:d.current.clientWidth,height:d.current.clientHeight}))}),[]),s&&u){var f=Jt[null!=r?r:"bottomMiddle"];x={top:f.top?0-u.height:0+s.height,left:Math.max(s.width*f.offset-u.width*f.offset,0)}}return a.jsx(Yt,P({ref:function(n){t&&(t.current=n),d.current=n},style:x},o))})),nr=n.forwardRef((function(e,t){var r=e.contentRef,i=E(e,["contentRef"]),o=n.useState(!0),d=o[0],l=o[1];return n.useEffect((function(){var n=function(){for(var n=r.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[r]),d?a.jsx(Zt,P({ref:t,contentRef:r},i)):a.jsx(Xt,P({ref:t,contentRef:r},i))})),er=n.forwardRef((function(e,t){var r=e.content,i=e.onOpen,o=e.onClose,d=e.open,l=e.children,s=e.cursor,c=e.className,p=E(e,["content","onOpen","onClose","open","children","cursor","className"]),u=n.useState(d),h=u[0],x=u[1],f=n.useRef(null),m=function(){x(!0),i&&i()};return n.useEffect((function(){x(d)}),[d]),a.jsxs(rr,P({className:c,onMouseLeave:function(){x(!1),o&&o()},ref:t},{children:[a.jsx(ir,P({onMouseEnter:m,onTouchEnd:m,ref:f,cursor:s},{children:a.jsx(ar,P({className:"Tooltip_content"},{children:l}))})),a.jsx(nr,P({open:h},p,{contentRef:f},{children:r}))]}))})),tr=i.css(_e||(_e=T(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),rr=C.default.div(Se||(Se=T(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),tr),ir=C.default.div(Ie||(Ie=T(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),tr,(function(n){return n.cursor})),ar=C.default.div(Re||(Re=T(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),tr),or=n.forwardRef((function(n,e){var t,r=n.options,i=E(n,["options"]);return a.jsx(dr,P({value:null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.value,options:r,iconProps:{width:9,height:5}},i,{ref:e}))})),dr=C.default(Ee)(ze||(ze=T(["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),o.theme.breakpoints.xs),lr=n.forwardRef((function(n,e){var t,r,i=n.options,o=n.name,d=n.handleChange,l=n.form,s=n.value,c=E(n,["options","name","handleChange","form","value"]),p=u.useController({control:l.control,name:o}),h=null===(t=p.fieldState.error)||void 0===t?void 0:t.message;return a.jsx(Ee,P({options:i,handleChange:function(n){var e;d&&d(n),l&&(null===(e=p.field)||void 0===e||e.onChange({target:{value:n,name:o},type:"change"}))},error:h,name:o,value:s||(null===(r=p.field)||void 0===r?void 0:r.value),ref:e},c))}));function sr(n){var e=n.option,t=n.selectedValue.includes(e.value);return a.jsx(ur,P({container:!0,selected:t},{children:a.jsx(o.Checkbox,{checked:t,label:a.jsx(hr,P({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var cr,pr,ur=C.default(o.Grid)(cr||(cr=T(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?o.theme.palette.background.light1:o.theme.palette.grey.zero}),o.theme.palette.background.light1,o.theme.palette.grey.seventy),hr=C.default(o.Caption)(pr||(pr=T(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?o.theme.palette.grey.seventy:o.theme.palette.grey.fiftyP}));var xr=n.forwardRef((function(e,t){var r=e.options,i=e.disabled,d=e.direction,l=void 0===d?"row":d,s=e.defaultValue,c=e.value,p=e.onChange,u=e.isSquare,h=E(e,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),x=n.useState(s||c||r[0].value),f=x[0],m=x[1],g=function(n){var e=n.target.value;m(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(m(null),p&&p(n,null))};return n.useEffect((function(){c&&m(c)}),[c]),a.jsx(o.Grid,P({container:!0,direction:l,ref:t},{children:r.map((function(n){return a.jsx(o.Radio,P({value:n.value,label:n.label,disabled:Boolean(i),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function fr(e){var t=e.form,r=e.name,i=e.defaultValue,o=E(e,["form","name","defaultValue"]);return n.useEffect((function(){t.getValues(r)||i||t.setValue(r,o.options[0].value)}),[]),a.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e=n.field;return a.jsx(xr,P({},o,e,{defaultValue:i,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:r},type:"change"}),o.onChange&&o.onChange(n,e)}(n,t,e)}}))}})}xr.displayName="RadioButtons";var mr,gr,br,vr,wr,yr,kr,jr=C.default.div(mr||(mr=T(["\n position: relative;\n"],["\n position: relative;\n"]))),Cr=C.default(o.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(vr||(vr=T(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?o.theme.palette.red.fiftyP:o.theme.palette.grey.fifteenB}),(function(n){var e=n.direction,t=n.hasError,r=n.withTitle;return"column"===e?function(n){var e=n.hasError;return i.css(gr||(gr=T(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:t}):function(n){var e=n.hasError,t=n.withTitle;return i.css(br||(br=T(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),t?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:t,withTitle:r})}),o.theme.breakpoints.sm),_r=C.default(o.Caption)(wr||(wr=T(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),o.theme.breakpoints.sm),Sr=n.forwardRef((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=E(n,["height","className"]);return a.jsx(Rr,P({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:a.jsx(Ir,P({},i))}))})),Ir=C.default(o.CircularProgress)(yr||(yr=T(["\n color: ",";\n"],["\n color: ",";\n"])),o.theme.palette.brand.main),Rr=C.default(o.Grid,{shouldForwardProp:function(n){return"height"!==n}})(kr||(kr=T(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function zr(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=d.useToggle(),i=r[0],l=r[1],s=r[2];if(!e||!t)return null;return a.jsxs(a.Fragment,{children:[a.jsxs(Or,P({container:!0,onClick:l,alignItems:"center"},{children:[a.jsx(Dr,{width:12,height:12}),a.jsx(o.Caption,P({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),a.jsx(Nr,P({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:s})}))]})}var Pr,Er,Mr,Tr,Or=C.default(o.Grid)(Pr||(Pr=T(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),o.theme.palette.grey.fifteenB),Dr=C.default(c.PlusIcon)(Er||(Er=T(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),o.theme.palette.grey.fiftyP),Nr=C.default.div(Mr||(Mr=T([""],[""]))),Br=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return a.jsx(Fr,P({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Fr=C.default(o.Grid)(Tr||(Tr=T(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Lr(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,o=n.inputRef,d=n.isOpenDropdown,l=n.isLoading,s=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return a.jsxs(Ur,P({input:s,buttonRef:o,isOpen:d,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&u&&u()},endComponent:a.jsx(zr,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return a.jsx(Br,{option:n,renderOption:t,handleSelect:p,index:e},e)})),l&&a.jsx(Ar,{height:"auto"})]}))}var Wr,Gr,Ur=C.default(_n)(Wr||(Wr=T(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Ar=C.default(Sr)(Gr||(Gr=T(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var Vr,Kr,qr,Hr,Jr=C.default.div(Vr||(Vr=T(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),Yr=C.default.div(Kr||(Kr=T(["\n position: relative;\n"],["\n position: relative;\n"]))),Qr=C.default(ot)(qr||(qr=T(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),$r=C.default(c.HalfArrowIcon)(Hr||(Hr=T(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var Xr,Zr=C.default.div(Xr||(Xr=T(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),o.theme.palette.background.light2);function ni(e){var t,r,i=e.file,d=e.onDelete,l=e.onChange,s=e.index,p=e.selectedFile,u=e.setSelectedFile,h=e.limitTitle,x=void 0===h?100:h,f=e.icon,m=e.subtitle,g=e.disabled,v=e.error,w=e.className,y=e.label,k=e.endIcon,j=E(e,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),C=String(null===(r=(null==i?void 0:i.title)||(null==i?void 0:i.name)||(null===(t=null==i?void 0:i.file)||void 0===t?void 0:t.name)||y)||void 0===r?void 0:r.replace(/\.[^/.]+$/,"")),_=n.useState(C),S=_[0],I=_[1],R=n.useState(!1),z=R[0],M=R[1],T=n.useRef(null);n.useEffect((function(){var n;z&&(null===(n=T.current)||void 0===n||n.focus()),!z&&C!==S&&l&&l(S,s)}),[z]);return a.jsxs(a.Fragment,{children:[a.jsxs(fi,P({selected:(null!=p?p:-1)===s,error:x&&S.length>x||!!v,onClick:function(){u&&u(null!=s?s:1)},disabled:!!g,className:"FileWrapper ".concat(w||"")},j,{children:[a.jsx(mi,P({className:"FileIcon_wrapper"},{children:f||a.jsx(c.FileIcon,{})})),a.jsxs(bi,P({className:"FileContent_wrapper"},{children:[a.jsxs(yi,{children:[a.jsx(b.Link,P({href:i.url,openInNewWindow:!0},{children:a.jsx(wi,{children:S})})),a.jsx(vi,{"data-testid":"file_name",ref:T,disabled:!z,value:S,onChange:function(n){I(n.target.value)},onBlur:function(){M(!1)},maxLength:100})]}),m||String(i.size)&&a.jsxs(o.Caption,P({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(i.size)," mb"]}))]})),a.jsxs(gi,P({className:"FileButtons_wrapper"},{children:[k,!g&&l&&a.jsx(o.Button,P({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){M((function(n){return!n}))}},{children:z?a.jsx(c.CheckIcon,{}):a.jsx(c.EditIcon,{width:18,height:18})})),d&&!g&&a.jsx(o.Button,P({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;d&&d(null!==(n=i.index)&&void 0!==n?n:1,Number(s))}},{children:a.jsx(c.CancelIcon,{width:16,height:16})}))]}))]})),(x&&S.length>x||v)&&a.jsx(o.Box,P({mb:1},{children:a.jsx(o.Caption,P({size:"xs",colorGroup:"red",weight:500},{children:v||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var ei,ti,ri,ii,ai,oi,di,li,si,ci,pi,ui,hi,xi,fi=C.default.div(ri||(ri=T(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?o.theme.palette.brand.main:o.theme.palette.grey.fifteenB}),(function(n){return n.disabled&&i.css(ti||(ti=T(["\n background: ",";\n "],["\n background: ",";\n "])),o.theme.palette.background.light1)}),(function(n){return n.error&&i.css(ei||(ei=T(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),o.theme.palette.red.seventy)})),mi=C.default.div(ii||(ii=T(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),o.theme.palette.brand.light),gi=C.default.div(ai||(ai=T(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),o.theme.palette.grey.thirty),bi=C.default.div(oi||(oi=T(["\n width: calc(\n 100% -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(\n 100% -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),vi=C.default.input(di||(di=T(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),o.theme.palette.grey.seventy,o.theme.palette.brand.main),wi=C.default.span(li||(li=T(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),yi=C.default.div(si||(si=T(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),ki=n.forwardRef((function(e,t){var r,i,d=e.form,l=e.name,s=e.parentName,c=e.label,p=e.disabled,h=e.withEdit,x=void 0===h||h,f=e.withDelete,m=void 0===f||f,g=e.fileName,b=e.onChange,v=e.isRequired,w=e.uploadLabel,y=e.toBigTitleMessage,k=e.endIcon,j=E(e,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon"]),C=n.useState(!1),_=C[0],S=C[1],I=n.useState(),R=I[0],z=I[1],M=n.useState(""),T=M[0],O=M[1],D=n.useRef(null),N=u.useController({control:d.control,name:l}),B=N.field,F=N.fieldState,L=u.useController({control:d.control,name:s||l}).field,W=(R instanceof File?R.name:(null===(r=null==R?void 0:R.uploaded)||void 0===r?void 0:r.name)||(null==R?void 0:R.name)||"").split(".").pop(),G=function(n,e,t,r){var i,a;return n||e?n instanceof File?{file:n,url:URL.createObjectURL(n),size:Math.round(n.size/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}(R,T,g,W),U=R&&"url"in R?R:G,A=null===(i=F.error)||void 0===i?void 0:i.message;n.useEffect((function(){"string"==typeof B.value&&O(B.value),"object"==typeof B.value&&z(B.value),B.value||O(""),S(!0)}),[B.value]),n.useEffect((function(){var n,e,t=Number((null==g?void 0:g.length)||(null===(n=null==R?void 0:R.uploaded)||void 0===n?void 0:n.name)||(null===(e=null==R?void 0:R.name)||void 0===e?void 0:e.length))>100;_&&!T&&B.onChange({target:{value:R,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:y||"The file name must be less than 100 characters"}):d.clearErrors(l)}),[R]);return a.jsxs(ji,{children:[a.jsx(_i,P({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];z(e),b&&b(e)}else z(void 0)}},j,{ref:function(n){t&&(t.current=n),D.current=n}})),U?a.jsx(ni,{file:U,onDelete:m&&function(){R&&D.current&&(D.current.value=""),z(void 0),O(""),s?L.onChange({target:{value:null,name:s},type:"change"}):B.onChange({target:{value:null,name:l},type:"change"}),b&&b(null)},onChange:x&&function(n){var e,t=d.getValues(l),r="".concat(n,".").concat(W);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:P(P({},t.uploaded),{name:n})}:new File([t],r,{type:t.type}),z(e)},error:A,disabled:p,label:c,endIcon:k}):a.jsxs(a.Fragment,{children:[a.jsxs(Ci,P({error:!!A,disabled:p,container:!0,justify:"space-between",alignItems:"center"},{children:[a.jsx(Si,P({item:!0},{children:a.jsxs(o.Caption,P({size:"s",color:"fiftyP"},{children:[c,v?" *":""]}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(Ii,P({disabled:p,size:"s",onClick:function(){D.current&&D.current.click()}},{children:w||"Upload"}))}))]})),A&&a.jsx(o.InputMessage,{variant:"error",msg:A})]})]})})),ji=C.default.div(ci||(ci=T(["\n position: relative;\n"],["\n position: relative;\n"]))),Ci=C.default(o.Grid)(pi||(pi=T(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?o.theme.palette.red.fiftyP:o.theme.palette.grey.fifteenB}),(function(n){return n.disabled?o.theme.palette.background.light1:o.theme.palette.grey.zero})),_i=C.default.input(ui||(ui=T(["\n display: none;\n"],["\n display: none;\n"]))),Si=C.default(o.Grid)(hi||(hi=T(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Ii=C.default(o.Button)(xi||(xi=T(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ri=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.label,d=n.labelProps,l=E(n,["form","name","label","labelProps"]);return a.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return a.jsx(o.Checkbox,P({},l,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),l.onChange&&l.onChange(n)}(n,t)},label:"string"==typeof i?a.jsx(o.Caption,P({},d,{children:i})):i}))}})}));var zi,Pi,Ei=C.default(Ri)(zi||(zi=T(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Mi=C.default(o.Grid)(Pi||(Pi=T(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),o.theme.palette.grey.fifteenB),Ti={mapKey:""},Oi=[],Di=function(){return P({},Ti)},Ni=function(n){Oi.push(n)},Bi=function(n){var e=Oi.indexOf(n);-1!==e&&Oi.splice(e,1)};exports.AutocompleteOption=function(n){var e=n.label;return a.jsx(Zr,{children:a.jsx(o.Caption,P({size:"s",weight:500},{children:e}))})},exports.Avatar=sn,exports.ButtonSelect=or,exports.ButtonTab=gn,exports.ButtonsPanel=wn,exports.CalendarHeaderWithSelect=Be,exports.CalendarStandardContainer=Le,exports.CalendarStandardHeader=Ge,exports.CheckboxGroupWithTitle=function(n){var e=n.title,t=n.options,r=n.form;n.name;var i=E(n,["title","options","form","name"]);return a.jsxs(Mi,P({container:!0,alignItems:"center",justify:"space-between"},{children:[a.jsx(o.Grid,P({item:!0},{children:a.jsx(o.Caption,P({size:"s",weight:500,color:"fiftyP"},{children:e}))})),a.jsx(o.Grid,P({item:!0},{children:a.jsx(o.Grid,P({container:!0},{children:t.map((function(n){return a.jsx(Ei,P({name:n.name,label:a.jsx(o.Caption,P({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))},exports.CheckboxWithController=Ri,exports.DependentInput=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,o=E(n,["dependentInputName","form","disabled","Input"]),d=u.useWatch({control:t.control,name:e}),l=P({form:t,disabled:r||!d},o);return i?a.jsx(i,P({},l)):a.jsx(ot,P({},l))},exports.DesktopInputWithMonthPicker=Xe,exports.DesktopMenuPanel=rt,exports.InputDropdown=_n,exports.InputFile=ki,exports.InputForDatepicker=Ke,exports.InputMultiSelect=function(e){var t,r,i=e.options,o=e.name,d=e.handleChange,l=e.form,s=e.value,c=E(e,["options","name","handleChange","form","value"]),p=l?u.useController({control:l.control,name:o}):null,h=n.useState(s||(null===(t=null==p?void 0:p.field)||void 0===t?void 0:t.value)||[]),x=h[0],f=h[1],m=i.filter((function(n){return x.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(r=null==p?void 0:p.fieldState.error)||void 0===r?void 0:r.message;return n.useEffect((function(){var n;l&&(null===(n=null==p?void 0:p.field)||void 0===n||n.onChange({target:{value:x,name:o},type:"change"}))}),[x]),a.jsx(Tn,P({options:i,handleChange:function(n){x.includes(n.value)?f((function(e){return e.filter((function(e){return e!==n.value}))})):f((function(e){return M(M([],e,!0),[n.value],!1)})),d&&d(n.value)},error:g,selectedLabel:m,selectedValue:x,name:o,isLabelShrink:!!m,renderOption:function(n,e){return a.jsx(sr,{option:n,selectedValue:e})}},c))},exports.InputPassword=gt,exports.InputPhoneWithForm=Ut,exports.InputSelect=Ee,exports.InputSelectBase=Tn,exports.InputSelectDropdown=Pn,exports.InputSelectWithController=lr,exports.InputTextAreaMobile=vt,exports.InputWithAutocomplete=function(e){var r,i=e.renderOption,a=e.options,l=e.name,s=e.hideName,c=e.form,p=e.isLoading,u=e.onSelectItem,h=e.handleScrollEnd,x=e.onSearchItem,f=e.isLabelLoading,m=e.disabled,g=e.creatingLabel,b=e.renderCreatingModal,v=e.endComponent,w=e.inputRef,y=e.onOpen,k=E(e,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),j=n.useState(!1),C=j[0],_=j[1],S=n.useRef(null);s&&c.register(s);var I=function(){m||_(!0)},R=function(){_(!1)};n.useEffect((function(){y&&y(C)}),[C]);var z=d.useForkRef(S,w);return t.jsxs(Yr,{children:[f&&t.jsx(Jr,{children:t.jsx(Sr,{height:"100%"})}),t.jsx(Lr,{renderOption:i,options:a,inputRef:{current:null===(r=S.current)||void 0===r?void 0:r.parentElement},isOpenDropdown:C,handleCloseDropdown:R,handleSelect:function(n){var e;u(n),R(),(null===(e=c.getFieldState(l).error)||void 0===e?void 0:e.message)&&c.clearErrors(l)},isLoading:p,handleScrollEnd:h,creatingLabel:g,renderCreatingModal:b,input:t.jsx(Qr,P({form:c,onInput:function(n){x&&(x(n.target.value),s&&c.setValue(s,null)),!n.target.value&&s&&(s&&c.setValue(s,null),c.setValue(l,null),u(null)),I()},onFocus:I,name:l,disabled:m,ref:z,isDropdownOpen:C,autoComplete:"off"},k,{endIcon:!m&&t.jsxs(o.Grid,P({container:!0,alignItems:"center",onClick:function(){_((function(n){return!n}))}},{children:[t.jsx(o.Box,P({mr:2},{children:v})),k.endIcon||!m&&t.jsx($r,{width:12,height:13,css:[C&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=ot,exports.InputWithDatePicker=St,exports.InputWithMask=at,exports.InputWithMonthPicker=function(n){return a.jsxs(a.Fragment,{children:[a.jsx(Xe,P({},n)),a.jsx(Tt,P({},n))]})},exports.Loading=Sr,exports.MapWrapper=function(e){var t=e.children,r=n.useState(!1),i=r[0],o=r[1],d=n.useState("LOADING"),l=d[0],s=d[1],c=n.useState(Di().mapKey),p=c[0],u=c[1];return n.useEffect((function(){var n=function(n){return u(n.mapKey)};return Ni(n),function(){Bi(n)}}),[]),n.useEffect((function(){if(!i&&p){var n=new v.Loader({apiKey:p,libraries:["places"],language:"ru"}),e=function(n){s(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return o(!0)}}),[p]),p?"SUCCESS"===l&&t?a.jsx(a.Fragment,{children:t}):(function(n){"LOADING"===n?a.jsx(Sr,{height:"100%"}):"FAILURE"===n?a.jsx("h3",{children:n}):a.jsx("div",{})}(l),a.jsx(a.Fragment,{})):a.jsx("h2",{children:"Add google key"})},exports.MenuItem=nt,exports.MenuPanel=Ft,exports.MobileInputWithMonthPicker=Tt,exports.MobileMenuPanel=Nt,exports.MonthPickerContainer=He,exports.MonthPickerHeader=Ye,exports.PassportStrengthBar=ct,exports.RadioButtons=xr,exports.RadioButtonsWithController=fr,exports.RadioGroupWithLabel=function(n){var e,t=n.title,r=n.className,i=n.direction,d=n.form,l=n.name,s=E(n,["title","className","direction","form","name"]),c=null===(e=u.useController({control:d.control,name:l}).fieldState.error)||void 0===e?void 0:e.message;return a.jsxs(jr,{children:[a.jsxs(Cr,P({container:!0,alignItems:"vertical"===i?"flex-start":"center",justify:"space-between",direction:"vertical"===i?"column":"row",hasError:!!c,className:r,withTitle:!!t},{children:[t&&a.jsx(_r,P({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),a.jsx(o.Grid,P({item:!0,xs:"vertical"===i?12:"auto"},{children:a.jsx(fr,P({form:d,name:l},s))}))]})),c&&a.jsx(o.InputMessage,{variant:"error",msg:c})]})},exports.ScrollingContainer=jn,exports.SelectMonth=Ne,exports.SelectYear=Te,exports.Switch=Gt,exports.Table=At,exports.TableCell=qt,exports.TableHeadCell=Kt,exports.TableRow=Ht,exports.Tooltip=er,exports.UndefinedAvatar=dn,exports.getFormError=function(n,e){var t=null==n?void 0:n.split("."),r=null==e?void 0:e.formState.errors;return null==t||t.forEach((function(n){r&&(r=r[n])})),null==r?void 0:r.message},exports.getFormValue=mt,exports.getSettings=Di,exports.getVisibility=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},exports.getVisibilitySettings=function(n){switch(n){case"everybody":return{tenant:!0,landlord:!0};case"landlord":return{tenant:!1,landlord:!0};case"tenant":return{tenant:!0,landlord:!1};default:return{tenant:!1,landlord:!1}}},exports.setSettings=function(n){Ti=P(P({},Ti),n),Oi.forEach((function(n){return n(Ti)}))},exports.shortMonths=Et,exports.subscribeToSettings=Ni,exports.unsubscribeFromSettings=Bi,exports.useScrollWithBottomSpacing=on;
package/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import React__default, { ReactNode, ReactElement, SVGProps, RefObject } from 'react';
2
+ import React__default, { RefObject, DependencyList, ReactNode, ReactElement, SVGProps } from 'react';
3
3
  import { DateTime } from 'luxon';
4
4
  import * as react_hook_form from 'react-hook-form';
5
5
  import { UseFormReturn, FieldValues } from 'react-hook-form';
@@ -12,6 +12,8 @@ import * as _emotion_react from '@emotion/react';
12
12
  import { RadioGroupProps, InputProps as InputProps$1 } from '@mui/material';
13
13
  import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
14
14
 
15
+ declare const useScrollWithBottomSpacing: (spacingToBottom: number, delay: number, callback?: (() => void) | undefined, element?: RefObject<HTMLElement> | null | undefined, deps?: DependencyList | undefined) => void;
16
+
15
17
  type AvatarSizes = "xs" | "s" | "md" | "lg"
16
18
 
17
19
  declare const Avatar: React.ForwardRefExoticComponent<{
@@ -147,7 +149,7 @@ declare const InputDropdown: React.ForwardRefExoticComponent<Pick<{
147
149
  children: React.ReactNode | React.ReactNode[];
148
150
  endComponent?: React.ReactNode;
149
151
  strategy?: _floating_ui_utils.Strategy | undefined;
150
- } & kui_basic.GridProps, "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "input" | "alignContent" | "alignItems" | "direction" | "xs" | "sm" | "md" | "lg" | "endComponent" | "isOpen" | "handleClose" | "buttonRef" | "strategy" | "spacing" | "item" | "container" | "justify" | "wrap" | "xl"> & React.RefAttributes<HTMLDivElement>>;
152
+ } & kui_basic.GridProps, "input" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignContent" | "alignItems" | "direction" | "xs" | "sm" | "md" | "lg" | "endComponent" | "isOpen" | "handleClose" | "buttonRef" | "strategy" | "spacing" | "item" | "container" | "justify" | "wrap" | "xl"> & React.RefAttributes<HTMLDivElement>>;
151
153
 
152
154
  interface InputWithMaskProps
153
155
  extends Omit<InputWithMaskProps$1, "form"> {
@@ -284,7 +286,7 @@ interface SwitchWithControllerProps<T>
284
286
 
285
287
  /** @jsxImportSource @emotion/react */
286
288
 
287
- declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchWithControllerProps<FieldValues>, "label" | "size" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "height" | "width" | "disabled" | "list" | "step" | "alt" | "src" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "error" | "inputRef" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
289
+ declare const Switch: React.ForwardRefExoticComponent<Pick<SwitchWithControllerProps<FieldValues>, "error" | "label" | "size" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "height" | "width" | "disabled" | "list" | "step" | "alt" | "src" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "inputRef" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
288
290
 
289
291
  declare const UndefinedAvatar: React.ForwardRefExoticComponent<Pick<{
290
292
  label?: string | null | undefined;
@@ -301,7 +303,7 @@ interface InputPhoneWithFormProps
301
303
  isRequired?: boolean
302
304
  }
303
305
 
304
- declare const InputPhoneWithForm: React__default.ForwardRefExoticComponent<Pick<InputPhoneWithFormProps, "label" | "size" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "height" | "width" | "disabled" | "list" | "step" | "alt" | "src" | "type" | "endIcon" | "startIcon" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "error" | "inputRef" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "cornerLabel" | "rows" | "autoHeight" | "isTextArea" | "inputStyles" | "labelStyles" | "messageClassName" | "labelInlineStyles" | "message" | "messageVariant" | "inputValue" | "isRequired" | "hint" | "withCounter" | "onSelectCountry" | "hiddenInputProps"> & React__default.RefAttributes<HTMLInputElement>>;
306
+ declare const InputPhoneWithForm: React__default.ForwardRefExoticComponent<Pick<InputPhoneWithFormProps, "error" | "label" | "size" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "height" | "width" | "disabled" | "list" | "step" | "alt" | "src" | "type" | "endIcon" | "startIcon" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "inputRef" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "cornerLabel" | "rows" | "autoHeight" | "isTextArea" | "inputStyles" | "labelStyles" | "messageClassName" | "labelInlineStyles" | "message" | "messageVariant" | "inputValue" | "isRequired" | "hint" | "withCounter" | "onSelectCountry" | "hiddenInputProps"> & React__default.RefAttributes<HTMLInputElement>>;
305
307
 
306
308
  declare const Table: React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLTableElement> & React.TableHTMLAttributes<HTMLTableElement>, "key" | keyof React.TableHTMLAttributes<HTMLTableElement>> & React.RefAttributes<HTMLTableElement>>;
307
309
 
@@ -437,9 +439,11 @@ type FileBodyRequest = {
437
439
  type InputFileProps<T> = {
438
440
  uploadLabel?: string
439
441
  withEdit: boolean
442
+ withDelete?: boolean
440
443
  fileName?: string
441
444
  parentName?: string
442
445
  toBigTitleMessage?: string
446
+ endIcon?: ReactNode
443
447
  } & InputProps<T>
444
448
 
445
449
  type FileParams = {
@@ -479,6 +483,7 @@ interface FileItemProps
479
483
  disabled?: boolean
480
484
  error?: string
481
485
  label?: string
486
+ endIcon?: ReactNode
482
487
  }
483
488
 
484
489
  type CheckboxWithControllerProps = {
@@ -489,7 +494,7 @@ type CheckboxWithControllerProps = {
489
494
  declare const CheckboxWithController: React__default.ForwardRefExoticComponent<Pick<{
490
495
  form: react_hook_form.UseFormReturn<any, any, any>;
491
496
  labelProps?: kui_basic.CaptionProps | undefined;
492
- } & kui_basic.CheckboxProps, "label" | "size" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "height" | "width" | "disabled" | "list" | "step" | "alt" | "crossOrigin" | "src" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "error" | "inputRef" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "labelProps"> & React__default.RefAttributes<HTMLButtonElement>>;
497
+ } & kui_basic.CheckboxProps, "error" | "label" | "size" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "height" | "width" | "disabled" | "list" | "step" | "alt" | "crossOrigin" | "src" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "inputRef" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "labelProps"> & React__default.RefAttributes<HTMLButtonElement>>;
493
498
 
494
499
  type CheckboxGroupWithTitleProps<TFormValues> = {
495
500
  title: string
@@ -514,6 +519,12 @@ declare const Loading: React.ForwardRefExoticComponent<{
514
519
  height?: string | undefined;
515
520
  } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<unknown>>;
516
521
 
522
+ declare const ScrollingContainer: React__default.ForwardRefExoticComponent<{
523
+ onScrollEnd?: (() => void) | undefined;
524
+ maxHeight?: number | undefined;
525
+ onScrollChange?: ((value: boolean) => void) | undefined;
526
+ } & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
527
+
517
528
  declare type KUIComplexSettings = {
518
529
  mapKey: string;
519
530
  };
@@ -541,4 +552,4 @@ declare const getVisibilitySettings: (visibility?: DocumentVisibilityVariants |
541
552
  landlord: boolean;
542
553
  };
543
554
 
544
- export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, ButtonsPanelProps, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, CheckboxWithControllerProps, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, DocumentVisibilityVariants, FileItemProps, FileParams, InputDropdown, InputFile, InputFileProps, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectBase, InputSelectBaseProps, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile, InputWithAutocomplete, InputWithController, InputWithControllerProps, InputWithDatePicker, InputWithMask, InputWithMonthPicker, KUIComplexObserver, KUIComplexSettings, Loading, MapWrapper, MenuItem, MenuPanel, MenuPanelProps, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, OptionParams$2 as OptionParams, PassportStrengthBar, RadioButtons, RadioButtonsWithController, RadioGroupWithLabel, SelectMonth, SelectYear, Switch, TabPanelVariants, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar, UploadFileParams, VisibilitySettings, getFormError, getFormValue, getSettings, getVisibility, getVisibilitySettings, setSettings, shortMonths, subscribeToSettings, unsubscribeFromSettings };
555
+ export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, ButtonsPanelProps, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, CheckboxWithControllerProps, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, DocumentVisibilityVariants, FileItemProps, FileParams, InputDropdown, InputFile, InputFileProps, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectBase, InputSelectBaseProps, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile, InputWithAutocomplete, InputWithController, InputWithControllerProps, InputWithDatePicker, InputWithMask, InputWithMonthPicker, KUIComplexObserver, KUIComplexSettings, Loading, MapWrapper, MenuItem, MenuPanel, MenuPanelProps, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, OptionParams$2 as OptionParams, PassportStrengthBar, RadioButtons, RadioButtonsWithController, RadioGroupWithLabel, ScrollingContainer, SelectMonth, SelectYear, Switch, TabPanelVariants, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar, UploadFileParams, VisibilitySettings, getFormError, getFormValue, getSettings, getVisibility, getVisibilitySettings, setSettings, shortMonths, subscribeToSettings, unsubscribeFromSettings, useScrollWithBottomSpacing };
package/index.js CHANGED
@@ -1 +1 @@
1
- import"react-datepicker/dist/react-datepicker.css";import{jsx as n,jsxs as e,Fragment as t}from"@emotion/react/jsx-runtime";import i from"@emotion/styled";import{css as r,Global as a}from"@emotion/react";import*as o from"react";import{forwardRef as d,useRef as l,useEffect as c,useState as p}from"react";import{jsx as s,jsxs as u,Fragment as h}from"react/jsx-runtime";import{Caption as m,theme as f,Button as x,Container as g,Tooltip as b,Grid as v,InputWithAdornments as w,Heading as y,InputWithMask as k,IconButton as _,LinearProgress as C,Divider as S,Modal as z,Switch as I,InputWithCountryDropdown as P,Checkbox as M,Radio as N,InputMessage as O,CircularProgress as j,Box as T}from"kui-basic";import{useWindowWidth as D,updateQueryParams as E,useForkRef as L,strongPasswordRegExp as U,mediumPasswordRegExp as B,simplePasswordRegExp as F,useToggle as K,isValidWithMaskExp as R}from"kui-utils";import V from"kui-swiper";import A from"classnames";import{HalfArrowIcon as W,PrevArrowIcon as J,NextArrowIcon as H,CalendarIcon as Y,ArrowBackIcon as q,ArrowNextIcon as G,ClosedEyeIcon as $,OpenEyeIcon as Q,CheckIcon as X,PlusIcon as Z,FileIcon as nn,EditIcon as en,CancelIcon as tn}from"kui-icon";import rn from"lodash";import an from"react-datepicker";import{useController as on,Controller as dn,useWatch as ln}from"react-hook-form";import{scroller as cn,Events as pn,Link as sn,animateScroll as un,Element as hn}from"react-scroll";import{DateTime as mn}from"luxon";import fn from"date-fns/locale/ru";import{useNavigate as xn,useLocation as gn}from"react-router-dom";import*as bn from"react-dom";import{Link as vn}from"kui-crm";import{Loader as wn}from"@googlemaps/js-api-loader";var yn=function(){return yn=Object.assign||function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},yn.apply(this,arguments)};function kn(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(n);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(n,i[r])&&(t[i[r]]=n[i[r]])}return t}function _n(n,e,t){if(t||2===arguments.length)for(var i,r=0,a=e.length;r<a;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return n.concat(i||Array.prototype.slice.call(e))}function Cn(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var Sn,zn,In,Pn,Mn,Nn,On,jn,Tn,Dn,En,Ln,Un,Bn,Fn,Kn,Rn,Vn,An,Wn,Jn,Hn,Yn,qn,Gn=d((function(n,e){var t=n.label,i=kn(n,["label"]);if(!t)return s("div",{});var r=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return s($n,yn({"data-testid":"undefined_avatar",ref:e},{children:s(m,yn({size:"xs",weight:600,colorGroup:"brand",color:"main"},i,{children:r}))}))})),$n=i.div(Sn||(Sn=Cn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),f.palette.brand.light,f.palette.brand.main),Qn=d((function(e,t){var i=e.size,r=e.fullName,a=e.imageUrl,o=kn(e,["size","fullName","imageUrl"]);return n(Xn,yn({css:ee[i],ref:t},o,{children:a?n(Zn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):n(ne,{label:r,avatarSize:i})}))})),Xn=i.div(zn||(zn=Cn(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),Zn=i.img(In||(In=Cn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),ne=i(Gn,{shouldForwardProp:function(n){return"size"!==n}})(Mn||(Mn=Cn(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&r(Pn||(Pn=Cn(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),ee={xs:r(Nn||(Nn=Cn(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:r(On||(On=Cn(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:r(jn||(jn=Cn(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:r(Tn||(Tn=Cn(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},te=d((function(e,t){var i=e.index,r=e.onClick,a=e.isActive,o=e.label,d=e.disabled;return n(ie,yn({disabled:d,variant:a?"orange":"white",captionWeight:400,onClick:function(){r(i)},css:!a&&re,size:"s",ref:t,className:A("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),ie=i(x)(Dn||(Dn=Cn(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),re=r(En||(En=Cn(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),f.palette.grey.seventy),ae=d((function(e,t){var i=e.renderTabWrapper,r=e.label,a=kn(e,["renderTabWrapper","label"]);return i?i(r,n(te,yn({ref:t,label:r},a))):n(te,yn({ref:t,label:r},a))})),oe=function(n){var e=n.startComponent,t=n.endComponent,i=n.tabs,r=n.renderTabWrapper,a=n.handleChange,o=n.value,d=l(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),a(n)};return u(g,yn({className:"KUI-ButtonTabs"},{children:[e,s(de,yn({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:d},{children:i.map((function(n,e){return s(ae,{index:e,onClick:c,isActive:e===o,label:n,renderTabWrapper:r},n)}))})),t]}))},de=i(V)(Ln||(Ln=Cn(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),le=d((function(i,r){var a=i.tabs,d=i.tabPanels,l=i.paths,p=i.activeTab,s=i.isSticky,u=i.onChange,h=i.startComponent,m=i.endComponent,f=i.navigate,x=i.renderTabWrapper,g=kn(i,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),b=D(),v=o.useState(Number(p)),w=v[0],y=v[1];return c((function(){y(Number(p))}),[p]),0===b?null:e(t,{children:[n(pe,yn({css:s&&{position:"sticky"},ref:r},g,{children:n(oe,{value:w,tabs:a,handleChange:function(n){if(y(n),null==l?void 0:l.length){var e=l[n];f?f(e):E(e)}u&&u(n)},endComponent:m,startComponent:h,renderTabWrapper:x})})),n(ce,yn({role:"tabpanel"},{children:d[w]}))]})})),ce=i.div(Un||(Un=Cn(["\n height: 100%;\n"],["\n height: 100%;\n"]))),pe=i.div(Bn||(Bn=Cn(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),f.palette.grey.zero),se=d((function(n,e){var t=n.isOpen,i=n.handleClose,r=n.buttonRef,a=n.children,o=n.endComponent,d=n.input,h=n.className,m=n.strategy,f=n.onScroll,x=kn(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),g=p(!1),b=g[0],v=g[1],w=l(null);c((function(){var n;if((null==r?void 0:r.current)&&t){var e=null===(n=w.current)||void 0===n?void 0:n.children[0].children[0];if(e){var i=e.scrollHeight>e.clientHeight;v(i)}}}),[t]);return s(ue,yn({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:t,onChange:function(n){n||i()},toggleMethod:"click",strategy:m||"fixed",placement:"bottom",className:h,content:u(he,yn({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),w.current=n}},x,{children:[s(me,yn({isScrollable:b},{children:s(fe,yn({onScroll:f,isScrollable:b,className:"KUI-InputDropdown_scroll"},{children:a}))})),o]}))},{children:d}))})),ue=i(b)(Fn||(Fn=Cn(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),he=i(v)(Kn||(Kn=Cn(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),me=i.div(Rn||(Rn=Cn(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 8px 8px 0":"14px 0px 8px 0"})),fe=i.div(Vn||(Vn=Cn(["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n width: 100%;\n max-height: 389px;\n box-sizing: border-box;\n z-index: 3;\n overflow: auto;\n -ms-overflow-style: none;\n overflow-y: scroll;\n overflow-x: hidden;\n user-select: none;\n ::-webkit-scrollbar {\n width: ",";\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?"4px":"0px"}),f.palette.grey.fifteenB,f.palette.grey.thirty),xe=d((function(n,e){var t=n.input,i=n.options,r=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,d=n.handleSelect,l=n.selectedValue,c=n.renderOption;return s(be,yn({input:t,buttonRef:r,isOpen:a,handleClose:o,ref:e},{children:i.map((function(n,e){return s(ge,yn({disabled:n.disabled,onClick:function(){return function(n){n.disabled||d(n)}(n)},"data-value":"autocomplete_option_".concat(n.value),"data-testid":"autocomplete_option_".concat(e)},{children:c(n,l)}),n.label)}))}))})),ge=i.div(An||(An=Cn(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?f.palette.grey.fiftyP:f.palette.grey.seventy})),be=i(se)(Wn||(Wn=Cn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),ve=d((function(t,i){var r,a=t.options,o=t.name,d=t.disabled,c=t.handleChange,s=t.iconProps,u=t.renderOption,h=t.selectedLabel,m=t.selectedValue,f=t.error,x=t.endIcon,g=kn(t,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),b=p(!1),v=b[0],w=b[1],y=l(null),k=L(y,i),_=function(){w(!1)};return e(we,{children:[n("input",{name:o,autoComplete:"off",hidden:!0}),n(xe,{options:a,inputRef:{current:null===(r=null==y?void 0:y.current)||void 0===r?void 0:r.parentElement},isOpenDropdown:v,handleCloseDropdown:_,handleSelect:function(n){c&&c(n),_()},selectedValue:m,renderOption:u,input:n(ye,yn({onClick:function(){var n,e,t,i;(null===(e=null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(i=null===(t=null==y?void 0:y.current)||void 0===t?void 0:t.parentElement)||void 0===i||i.parentElement.focus()),d||w((function(n){return!n}))},ref:k,disabled:d,readOnly:!0,value:h,message:f,isLabelShrink:Boolean(m)||0===m,autoComplete:"off"},g,{endIcon:e(_e,yn({container:!0,alignItems:"center"},{children:[!d&&n(ke,yn({width:12,height:13,css:[{transition:"all linear .2s"},v&&{transform:"rotate(180deg)"}]},s)),x]}))}))})]})})),we=i.div(Jn||(Jn=Cn(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),ye=i(w)(Hn||(Hn=Cn(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\n }\n"],["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\n }\n"]))),ke=i(W)(Yn||(Yn=Cn(["\n user-select: none;\n"],["\n user-select: none;\n"]))),_e=i(v)(qn||(qn=Cn(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Ce(n){var e=n.option,t=n.selectedValue;return s(xt,yn({selected:t===e.value},{children:s(m,yn({size:"sm",weight:500},{children:e.label}))}))}var Se,ze,Ie,Pe,Me,Ne,Oe,je,Te,De,Ee,Le,Ue,Be,Fe,Ke,Re,Ve,Ae,We,Je,He,Ye,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,it,rt,at,ot,dt,lt,ct,pt,st,ut,ht,mt,ft,xt=i.div(Se||(Se=Cn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?f.palette.background.light1:f.palette.grey.zero}),f.palette.background.light1),gt=d((function(n,e){var t,i=n.options,r=n.name,a=n.handleChange;n.form;var o=n.value,d=kn(n,["options","name","handleChange","form","value"]),l=p(o),u=l[0],h=l[1],m=(null===(t=i.find((function(n){return String(n.value)===String(u)})))||void 0===t?void 0:t.label)||"";return c((function(){void 0!==o&&h(o)}),[o]),s(ve,yn({options:i,handleChange:function(n){h(n.value),a&&a(n.value)},selectedLabel:m,selectedValue:u,name:r,renderOption:function(n,e){return s(Ce,{option:n,selectedValue:e})},ref:e},d))})),bt=function(n,e,t){return e&&n<e||t&&n>t},vt=d((function(n,e){var t=n.yearOptions;n.options;var i=n.min,r=n.max,a=kn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return yn(yn({},n),{disabled:bt(Number(n.value),i,r)})}));return s(gt,yn({ref:e,label:"Year",options:o},a))})),wt=function(n,e,t){return e&&n<e||t&&n>=t},yt=[{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"}],kt=d((function(n,e){var t=n.min,i=n.max;n.options;var r=kn(n,["min","max","options"]),a=yt.map((function(n){return yn(yn({},n),{disabled:wt(n.value,t,i)})}));return s(gt,yn({ref:e,label:"Month",options:a},r))})),_t=d((function(n,e){var t=n.changeMonth,i=n.changeYear,r=n.date,a=n.yearOptions,o=n.max,d=n.min,l=r.getFullYear(),c=r.getMonth(),p=(null==d?void 0:d.year)===l&&(null==d?void 0:d.month)?d.month-1:0,h=(null==o?void 0:o.year)===l?null==o?void 0:o.month:11;return s(Ct,yn({ref:e},{children:u(v,yn({container:!0,spacing:2},{children:[s(v,yn({item:!0,xs:6},{children:s(vt,{min:null==d?void 0:d.year,max:null==o?void 0:o.year,yearOptions:a,value:l,handleChange:i})})),s(v,yn({item:!0,xs:6},{children:s(kt,{min:Number(null==d?void 0:d.year)>=l&&p,max:Number(null==o?void 0:o.year)<=l&&h,value:c,handleChange:t})}))]}))}))})),Ct=i.div(ze||(ze=Cn(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),St=d((function(n,e){n.arrowProps,n.showPopperArrow;var t=kn(n,["arrowProps","showPopperArrow"]);return s(zt,yn({ref:e},t))})),zt=i.div(Ie||(Ie=Cn(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),f.palette.grey.fiftyP,f.palette.background.light3,f.palette.background.light3,f.palette.brand.main,f.palette.brand.light,f.palette.brand.main,f.palette.brand.main,f.palette.grey.fifteenB,f.palette.red.seventy,f.palette.grey.zero),It=d((function(n,e){var t=n.decreaseMonth,i=n.increaseMonth,r=n.nextMonthButtonDisabled,a=n.prevMonthButtonDisabled,o=n.date,d=rn.capitalize(o.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return u(Pt,yn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(v,yn({item:!0},{children:s(Mt,yn({size:"h4"},{children:d}))})),s(v,yn({item:!0},{children:u(v,yn({container:!0,spacing:2},{children:[s(v,yn({item:!0},{children:s(Nt,yn({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:a,onClick:t},{children:s(J,{width:10,height:10})}))})),s(v,yn({item:!0},{children:s(Nt,yn({isCircle:!0,size:"xs",variant:"white",disabled:r,onClick:i},{children:s(H,{width:10,height:10})}))}))]}))}))]}))})),Pt=i(v)(Pe||(Pe=Cn(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Mt=i(y)(Me||(Me=Cn(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Nt=i(x)(Ne||(Ne=Cn(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Ot=d((function(n,e){var t=n.onClick,i=n.disabled,r=n.handleClick,a=n.startIcon,o=kn(n,["onClick","disabled","handleClick","startIcon"]),d=function(){i||(r?r():t())},l=function(){return s(jt,yn({disabled:i,onClick:d},{children:a||s(Y,{width:19,height:21})}))};return s(k,yn({disabled:i,endIcon:!a&&s(l,{}),startIcon:a&&s(l,{})},o,{ref:e}))})),jt=i.div(Oe||(Oe=Cn(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),Tt=d((function(n,e){n.arrowProps,n.showPopperArrow;var t=kn(n,["arrowProps","showPopperArrow"]);return s(Dt,yn({ref:e},t))})),Dt=i.div(je||(je=Cn(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),f.palette.background.light1,f.palette.grey.fifteenB,f.palette.grey.fifteenB,f.palette.brand.main,f.palette.grey.fifteenB),Et=d((function(n,e){var t=n.decreaseYear,i=n.increaseYear,r=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return u(Ut,yn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(v,yn({item:!0},{children:s(Lt,yn({disabled:a,onClick:t,type:"button"},{children:s(q,{width:14,height:12})}))})),s(v,yn({item:!0},{children:s(m,yn({size:"sm",weight:600},{children:o.getFullYear()}))})),s(v,yn({item:!0},{children:s(Lt,yn({disabled:r,onClick:i,type:"button"},{children:s(G,{width:14,height:12})}))}))]}))})),Lt=i(_)(Te||(Te=Cn(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Ut=i(v)(De||(De=Cn(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),Bt=d((function(n,e){var t,i=n.name,r=n.form,a=n.disabled,o=n.datePickerProps,d=n.onChange,l=kn(n,["name","form","disabled","datePickerProps","onChange"]),u=p(),h=u[0],m=u[1],f=on({name:i,control:r.control}),x=f.field,g=f.fieldState;return c((function(){m(x.value)}),[x.value]),s(Ft,yn({ref:e},{children:s(an,yn({selected:x.value,onChange:function(n){x.onChange(n),d&&d(n)},disabled:a,customInput:s(Ot,yn({mask:"00.0000",name:i,disabled:a,message:null===(t=g.error)||void 0===t?void 0:t.message},l),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:Tt,renderCustomHeader:function(n){return s(Et,yn({},n))}},o))}))})),Ft=i.div(Ee||(Ee=Cn(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),Kt=d((function(e,t){var i=e.tab,r=e.active,a=e.index,o=e.handleClick,d=e.offset,l=e.isScrolling,p=e.setIsScrolling,s=function(){p(!1)};return c((function(){return r===a&&cn.scrollTo(i,{offset:d}),pn.scrollEvent.register("begin",(function(n,e){p(!0),e&&o(Number(e.dataset.index))})),pn.scrollEvent.register("end",(function(n,e){setTimeout(s)})),function(){pn.scrollEvent.remove("begin"),pn.scrollEvent.remove("end")}}),[]),n(sn,yn({to:i,spy:!0,smooth:!0,duration:500,offset:d,onSetActive:function(){l||o(a)}},{children:n(Rt,yn({ref:t},{children:n(x,yn({variant:Number(r)===a?"orange":"transparentWithBorder",size:"xs",css:Number(r)!==a&&Vt},{children:i}))}))}))})),Rt=i.div(Le||(Le=Cn(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),Vt=r(Ue||(Ue=Cn(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),f.palette.grey.seventy),At=d((function(e,t){var i=e.tabs,r=e.variant,a=kn(e,["tabs","variant"]);return n(Wt,yn({container:!0,css:"white"===r&&{background:"white"},ref:t},{children:i.map((function(e,t){return n(v,yn({item:!0},{children:n(Kt,yn({tab:e,index:t,offset:-121},a),e)}),t)}))}))})),Wt=i(v)(Be||(Be=Cn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),f.palette.background.light1),Jt=d((function(n,e){var t=n.form,i=n.name,r=n.error,a=kn(n,["form","name","error"]),o=function(n){var e;return void 0!==r&&String(r).length>0?r:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field,i=n.fieldState;return s(k,yn({message:o(i)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),Ht=d((function(n,e){var t=n.form,i=n.name,r=n.error,a=n.value,o=n.type,d=kn(n,["form","name","error","value","type"]),l=function(n){var e;return void 0!==r&&String(r).length>0?r:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field,i=n.fieldState;return s(w,yn({message:l(i)},t,d,{onChange:function(n){return function(n,e){var t,i="number"!==o||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(yn(yn({},n),{target:yn(yn({},n.target),{value:i})})),d.onChange&&d.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),Yt={weak:0,simple:1,medium:2,hard:3},qt={weak:f.palette.red.fiftyP,simple:f.palette.brand.main,medium:f.palette.blue.fiftyP,hard:f.palette.green.fiftyP},Gt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},$t=d((function(t,i){var r=t.strength,a=r?qt[r]:"",o=r?Yt[r]:-1;return e(Qt,yn({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:i},{children:[n(Xt,{children:Object.keys(Yt).map((function(e,t){return n(Zt,{children:n(ni,{"data-testid":"progress_item_".concat(e),value:o>=t?100:0,color:a})},e)}))}),n(m,yn({"data-testid":"strength_bar_explanation",size:"s",css:{color:a}},{children:r&&Gt[r]})),n(ei,yn({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),Qt=i.div(Fe||(Fe=Cn(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),Xt=i.div(Ke||(Ke=Cn(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),Zt=i.div(Re||(Re=Cn(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),ni=i(C)(Ve||(Ve=Cn(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),f.palette.grey.fifteenB,(function(n){return n.color})),ei=i(m)(Ae||(Ae=Cn(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),ti=function(n,e){var t=null==n?void 0:n.split("."),i=null==e?void 0:e.control._formValues;return null==t||t.forEach((function(n){i&&(i=i[n])})),i},ii=function(n,e){var t=null==n?void 0:n.split("."),i=null==e?void 0:e.formState.errors;return null==t||t.forEach((function(n){i&&(i=i[n])})),null==i?void 0:i.message},ri=d((function(n,e){var t=p(!1),i=t[0],r=t[1],a=p(null),o=a[0],d=a[1],l=function(n){0!==n.length?U.test(n)?d("hard"):B.test(n)?d("medium"):F.test(n)?d("simple"):d("weak"):d(null)};return c((function(){var e=n.form,t=n.name,i=ti(t,e);"string"==typeof i&&l(i)}),[]),u(h,{children:[s(Ht,yn({type:i?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;l(e)},"data-testid":"input_password",ref:e,endIcon:s(ai,yn({"data-testid":"show_value_btn",onClick:function(){r((function(n){return!n}))}},{children:s(i?$:Q,{})}))},n)),s($t,{strength:o})]})})),ai=i.div(We||(We=Cn(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),oi=d((function(n){return u(h,{children:[s(di,{children:s(Ht,yn({},n))}),s(li,{children:s(Ht,yn({isTextArea:!0},n))})]})})),di=i.div(Je||(Je=Cn(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),li=i.div(He||(He=Cn(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),ci=d((function(n,e){var t=n.label,i=n.button,r=kn(n,["label","button"]);return u(pi,yn({ref:e},{children:[s(S,{}),s(si,{children:i||s(ui,yn({fullWidth:!0,size:"s",endIcon:s(X,{})},r,{children:t}))})]}))})),pi=i.div(Ye||(Ye=Cn(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),f.palette.grey.zero),si=i.div(qe||(qe=Cn(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),ui=i(x)(Ge||(Ge=Cn(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),hi=d((function(i,r){var a,o=i.title,d=i.description,l=i.name,s=i.form,u=i.disabled,h=i.yearParams,m=i.onChange,f=i.max,x=i.min,g=i.footerLabel,b=i.datePickerProps,v=i.alignTitle,w=void 0===v?"center":v,y=kn(i,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),k=on({name:l,control:s.control}),_=k.field,C=null===(a=k.fieldState.error)||void 0===a?void 0:a.message,S=_.value,z=S?S.toFormat("dd.MM.yyyy"):"",I=S?S.toJSDate():null,P=K(),M=P[0],N=P[1],O=P[2],j=p(I),T=j[0],D=j[1],E=p(z),U=E[0],B=E[1],F=function(n,e){if(!n||!e)return[];var t=mn.now().year-n;return rn.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==h?void 0:h.min,null==h?void 0:h.max),V=L(r,_.ref);c((function(){B(z)}),[z]);return e(t,{children:[n(Ot,yn({mask:"00.00.0000",name:l,handleClick:N,value:U,onChange:function(n){var e=n.target.value;if(B(e),0!==e.length&&R.test(e)){var t=mn.fromFormat(e,"dd.MM.yyyy");D(t.toJSDate()),null==_||_.onChange({target:{value:t,name:l},type:"change"}),m&&m(t)}else D(null),null==_||_.onChange({target:{value:null,name:l},type:"change"}),m&&m(null)},disabled:u,message:C,ref:V},y)),e(gi,yn({title:o,description:d,isOpen:M,handleClose:O,alignTitle:w},{children:[n(mi,{children:n(an,yn({inline:!0,selected:T||I,onChange:function(n){D(n)},calendarContainer:fi,renderCustomHeader:function(e){return n(_t,yn({yearOptions:F,max:f,min:x},e))},renderDayContents:function(e){return n(xi,{children:e})},maxDate:null==f?void 0:f.toJSDate(),minDate:null==x?void 0:x.toJSDate(),calendarStartDay:1},b))}),n(ci,{fullWidth:!0,disabled:!I&&!T,onClick:function(){if(T){var n=mn.fromJSDate(T);B(n.toFormat("dd.MM.yyyy")),null==_||_.onChange({target:{value:n,name:l},type:"change"}),m&&m(n),O()}},label:g})]}))]})})),mi=i.div($e||($e=Cn(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),fi=i(St)(Qe||(Qe=Cn(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),f.palette.background.light1,f.palette.background.light1),xi=i.span(Xe||(Xe=Cn(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),gi=i(z)(Ze||(Ze=Cn(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),bi=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],vi=yn(yn({},fn),{localize:{month:function(n){return bi[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),wi=d((function(n,e){var t,i=n.title,r=n.name,a=n.form,o=n.disabled,d=n.datePickerProps,l=kn(n,["title","name","form","disabled","datePickerProps"]),c=on({name:r,control:a.control}),h=c.field,m=null===(t=c.fieldState.error)||void 0===t?void 0:t.message,f=K(),x=f[0],g=f[1],b=f[2],v=p(h.value?mn.fromJSDate(new Date(String(h.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=p(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return u(yi,yn({ref:e},{children:[s(Ot,yn({mask:"00.0000",name:r,handleCLick:g,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==h||h.onChange({target:{value:t,name:r},type:"change"})}else C(null),null==h||h.onChange({target:{value:null,name:r},type:"change"})},disabled:o,message:m,isLabelShrink:Boolean(h.value)},l)),u(z,yn({title:i,isOpen:x,handleClose:b},{children:[s(ki,{children:s(an,yn({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:vi,calendarContainer:Tt,renderCustomHeader:function(n){return s(Et,yn({},n))}},d))}),s(ci,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==h||h.onChange({target:{value:_,name:r},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),yi=i.div(nt||(nt=Cn(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),ki=i.div(et||(et=Cn(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),_i=function(n){return u(h,{children:[s(Bt,yn({},n)),s(wi,yn({},n))]})},Ci=d((function(e,t){var i=e.tabs,r=e.handleClick,a=e.variant,o=kn(e,["tabs","handleClick","variant"]),d=l(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),r(n)};return n(Si,yn({css:"white"===a&&{background:"white"},ref:t},{children:n(V,yn({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:d},{children:i.map((function(e,t){return n(Kt,yn({tab:e,index:t,handleClick:c,offset:-121},o),e)}))}))}))})),Si=i.div(tt||(tt=Cn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),f.palette.background.light1),zi=d((function(t,i){var r=t.tabs,a=t.tabPanels,d=t.paths,l=t.activeTab,p=t.variant,s=void 0===p?"grey":p,u=D(),h=o.useState(l),m=h[0],f=h[1],x=o.useState(!1),g=x[0],b=x[1],v=xn(),w=gn(),y=function(n){if(d[n]){f(n);var e=w.pathname,t="".concat(e).concat(w.search),i="".concat(e).concat(d[n]);t!==i&&v(i,{replace:!0})}};return c((function(){f(l)}),[l]),c((function(){"number"!=typeof l&&u<901&&un.scrollToTop()}),[]),0===u?null:e("div",yn({ref:i},{children:[n(u>765?At:Ci,{tabs:r,active:m,handleClick:y,variant:s,isScrolling:g,setIsScrolling:b}),a.map((function(e,t){return n("div",yn({css:t===a.length-1&&Ii},{children:n(Pi,yn({name:r[t],"data-index":t},{children:e}),t)}),t)}))]}))})),Ii=r(it||(it=Cn(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Pi=i(hn)(rt||(rt=Cn(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Mi=d((function(e,t){var i=e.form,r=e.name,a=kn(e,["form","name"]);return n(dn,{control:null==i?void 0:i.control,name:r,render:function(e){var i=e.field;return n(I,yn({checked:Boolean(i.value),onChange:i.onChange,"data-testid":r,ref:t,name:r},a))}})})),Ni=d((function(n,e){var t,i=n.form,r=n.name,a=void 0===r?"phone":r,o=n.hiddenInputProps,d=n.error,l=kn(n,["form","name","hiddenInputProps","error"]),c=on({control:i.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),p=on({control:i.control,name:"".concat(a,".phoneNumber")}),u=void 0!==d&&String(d).length>0?d:null===(t=p.fieldState.error)||void 0===t?void 0:t.message,h=L(e,p.field.ref);return s(P,yn({message:u,hiddenInputProps:yn(yn({},c.field),o),onSelectCountry:function(n){c.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},p.field,l,{onChange:function(n){p.field.onChange(n),c.field.value||c.field.onChange({target:{value:"7",name:"".concat(a,".phoneCode")},type:"change"}),l.onChange&&l.onChange(n)},ref:h,autoComplete:"false"}))})),Oi=d((function(n,e){return s(ji,yn({cellSpacing:"0",ref:e},n))})),ji=i.table(at||(at=Cn(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Ti=i.th(ot||(ot=Cn(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Di=i.td(dt||(dt=Cn(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Ei=d((function(n,e){var t=n.children,i=kn(n,["children"]),r=o.Children.toArray(t);return s("tr",yn({ref:e},{children:r.map((function(n){return o.cloneElement(n,i)}))}))})),Li={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}},Ui=d((function(n,e){n.placement;var t=n.open,i=n.children,r=n.spacing,a=n.className,o=n.style,d=kn(n,["placement","open","children","spacing","className","style"]);return s(Bi,yn({ref:e,className:A("KUI-Popper",a),spacing:r,style:o,open:!!t},{children:s(Fi,yn({open:!!t},d,{children:i}))}))})),Bi=i.div(lt||(lt=Cn(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),f.breakpoints.xxs),Fi=i.div(ct||(ct=Cn(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),Ki=d((function(n,e){var t=n.placement,i=n.contentRef,o=kn(n,["placement","contentRef"]),d=l(null),m=p(null),f=m[0],x=m[1],g=p(null),b=g[0],v=g[1];c((function(){if(i.current&&d.current){var n=d.current,e=i.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};x(e),v(t)}}),[]);var w={};if(f&&b){var y=Li[null!=t?t:"bottomMiddle"];w={top:Math.max(y.top?f.top-b.height:f.top+f.height,0),left:Math.max(f.left+f.width*y.offset-b.width*y.offset,0)}}return bn.createPortal(u(h,{children:[s(a,{styles:r(pt||(pt=Cn(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),s(Ui,yn({ref:function(n){e&&(e.current=n),d.current=n},style:w},o))]}),document.body)})),Ri=d((function(n,e){var t=n.placement,i=n.contentRef,r=kn(n,["placement","contentRef"]),a=l(null),o=p(null),d=o[0],u=o[1],h=p(null),m=h[0],f=h[1],x={};if(c((function(){i.current&&a.current&&(u({width:i.current.clientWidth,height:i.current.clientHeight}),f({width:a.current.clientWidth,height:a.current.clientHeight}))}),[]),d&&m){var g=Li[null!=t?t:"bottomMiddle"];x={top:g.top?0-m.height:0+d.height,left:Math.max(d.width*g.offset-m.width*g.offset,0)}}return s(Ui,yn({ref:function(n){e&&(e.current=n),a.current=n},style:x},r))})),Vi=d((function(n,e){var t=n.contentRef,i=kn(n,["contentRef"]),r=p(!0),a=r[0],o=r[1];return c((function(){var n=function(){for(var n=t.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();o(!!n)}),[t]),s(a?Ri:Ki,yn({ref:e,contentRef:t},i))})),Ai=d((function(n,e){var t=n.content,i=n.onOpen,r=n.onClose,a=n.open,o=n.children,d=n.cursor,h=n.className,m=kn(n,["content","onOpen","onClose","open","children","cursor","className"]),f=p(a),x=f[0],g=f[1],b=l(null),v=function(){g(!0),i&&i()};return c((function(){g(a)}),[a]),u(Ji,yn({className:h,onMouseLeave:function(){g(!1),r&&r()},ref:e},{children:[s(Hi,yn({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:d},{children:s(Yi,yn({className:"Tooltip_content"},{children:o}))})),s(Vi,yn({open:x},m,{contentRef:b},{children:t}))]}))})),Wi=r(st||(st=Cn(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Ji=i.div(ut||(ut=Cn(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),Wi),Hi=i.div(ht||(ht=Cn(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),Wi,(function(n){return n.cursor})),Yi=i.div(mt||(mt=Cn(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),Wi),qi=d((function(n,e){var t,i=n.options,r=kn(n,["options"]);return s(Gi,yn({value:null===(t=null==i?void 0:i[0])||void 0===t?void 0:t.value,options:i,iconProps:{width:9,height:5}},r,{ref:e}))})),Gi=i(gt)(ft||(ft=Cn(["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),f.breakpoints.xs),$i=d((function(n,e){var t,i,r=n.options,a=n.name,o=n.handleChange,d=n.form,l=n.value,c=kn(n,["options","name","handleChange","form","value"]),p=on({control:d.control,name:a}),u=null===(t=p.fieldState.error)||void 0===t?void 0:t.message;return s(gt,yn({options:r,handleChange:function(n){var e;o&&o(n),d&&(null===(e=p.field)||void 0===e||e.onChange({target:{value:n,name:a},type:"change"}))},error:u,name:a,value:l||(null===(i=p.field)||void 0===i?void 0:i.value),ref:e},c))}));function Qi(n){var e=n.option,t=n.selectedValue.includes(e.value);return s(nr,yn({container:!0,selected:t},{children:s(M,{checked:t,label:s(er,yn({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var Xi,Zi,nr=i(v)(Xi||(Xi=Cn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?f.palette.background.light1:f.palette.grey.zero}),f.palette.background.light1,f.palette.grey.seventy),er=i(m)(Zi||(Zi=Cn(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?f.palette.grey.seventy:f.palette.grey.fiftyP}));function tr(n){var e,t,i=n.options,r=n.name,a=n.handleChange,o=n.form,d=n.value,l=kn(n,["options","name","handleChange","form","value"]),u=o?on({control:o.control,name:r}):null,h=p(d||(null===(e=null==u?void 0:u.field)||void 0===e?void 0:e.value)||[]),m=h[0],f=h[1],x=i.filter((function(n){return m.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(t=null==u?void 0:u.fieldState.error)||void 0===t?void 0:t.message;c((function(){var n;o&&(null===(n=null==u?void 0:u.field)||void 0===n||n.onChange({target:{value:m,name:r},type:"change"}))}),[m]);return s(ve,yn({options:i,handleChange:function(n){m.includes(n.value)?f((function(e){return e.filter((function(e){return e!==n.value}))})):f((function(e){return _n(_n([],e,!0),[n.value],!1)})),a&&a(n.value)},error:g,selectedLabel:x,selectedValue:m,name:r,isLabelShrink:!!x,renderOption:function(n,e){return s(Qi,{option:n,selectedValue:e})}},l))}var ir=d((function(n,e){var t=n.options,i=n.disabled,r=n.direction,a=void 0===r?"row":r,o=n.defaultValue,d=n.value,l=n.onChange,u=n.isSquare,h=kn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=p(o||d||t[0].value),f=m[0],x=m[1],g=function(n){var e=n.target.value;x(e),l&&l(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(x(null),l&&l(n,null))};return c((function(){d&&x(d)}),[d]),s(v,yn({container:!0,direction:a,ref:e},{children:t.map((function(n){return s(N,yn({value:n.value,label:n.label,disabled:Boolean(i),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function rr(n){var e=n.form,t=n.name,i=n.defaultValue,r=kn(n,["form","name","defaultValue"]);return c((function(){e.getValues(t)||i||e.setValue(t,r.options[0].value)}),[]),s(dn,{control:e.control,name:String(t),render:function(n){var e=n.field;return s(ir,yn({},r,e,{defaultValue:i,onChange:function(n,i){return function(n,e,i){i.onChange({target:{value:e,name:t},type:"change"}),r.onChange&&r.onChange(n,e)}(n,i,e)}}))}})}function ar(n){var e,t=n.title,i=n.className,r=n.direction,a=n.form,o=n.name,d=kn(n,["title","className","direction","form","name"]),l=null===(e=on({control:a.control,name:o}).fieldState.error)||void 0===e?void 0:e.message;return u(hr,{children:[u(mr,yn({container:!0,alignItems:"vertical"===r?"flex-start":"center",justify:"space-between",direction:"vertical"===r?"column":"row",hasError:!!l,className:i,withTitle:!!t},{children:[t&&s(fr,yn({direction:r,size:"xs",weight:600},{children:t.toUpperCase()})),s(v,yn({item:!0,xs:"vertical"===r?12:"auto"},{children:s(rr,yn({form:a,name:o},d))}))]})),l&&s(O,{variant:"error",msg:l})]})}ir.displayName="RadioButtons";var or,dr,lr,cr,pr,sr,ur,hr=i.div(or||(or=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),mr=i(v,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(cr||(cr=Cn(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?f.palette.red.fiftyP:f.palette.grey.fifteenB}),(function(n){var e=n.direction,t=n.hasError,i=n.withTitle;return"column"===e?function(n){var e=n.hasError;return r(dr||(dr=Cn(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:t}):function(n){var e=n.hasError,t=n.withTitle;return r(lr||(lr=Cn(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),t?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:t,withTitle:i})}),f.breakpoints.sm),fr=i(m)(pr||(pr=Cn(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),f.breakpoints.sm),xr=d((function(n){var e=n.height,t=void 0===e?"adaptive":e,i=n.className,r=kn(n,["height","className"]);return s(br,yn({container:!0,alignItems:"center",justify:"center",className:i,height:t},{children:s(gr,yn({},r))}))})),gr=i(j)(sr||(sr=Cn(["\n color: ",";\n"],["\n color: ",";\n"])),f.palette.brand.main),br=i(v,{shouldForwardProp:function(n){return"height"!==n}})(ur||(ur=Cn(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function vr(n){var e=n.creatingLabel,t=n.renderCreatingModal,i=K(),r=i[0],a=i[1],o=i[2];if(!e||!t)return null;return u(h,{children:[u(Cr,yn({container:!0,onClick:a,alignItems:"center"},{children:[s(Sr,{width:12,height:12}),s(m,yn({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),s(zr,yn({onClick:function(n){return n.stopPropagation()}},{children:t({open:r,handleClose:o})}))]})}var wr,yr,kr,_r,Cr=i(v)(wr||(wr=Cn(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),f.palette.grey.fifteenB),Sr=i(Z)(yr||(yr=Cn(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),f.palette.grey.fiftyP),zr=i.div(kr||(kr=Cn([""],[""]))),Ir=function(n){var e=n.option,t=n.renderOption,i=n.handleSelect,r=n.index;return s(Pr,yn({item:!0,xs:12,onClick:function(){i(e)},"data-testid":"autocomplete_option_".concat(r)},{children:t(e)}))},Pr=i(v)(_r||(_r=Cn(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Mr(n){var e=n.options,t=n.renderOption,i=n.creatingLabel,r=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,d=n.isLoading,l=n.input,c=n.handleCloseDropdown,p=n.handleSelect,h=n.handleScrollEnd;return u(jr,yn({input:l,buttonRef:a,isOpen:o,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&h&&h()},endComponent:s(vr,{creatingLabel:i,renderCreatingModal:r})},{children:[e.map((function(n,e){return s(Ir,{option:n,renderOption:t,handleSelect:p,index:e},e)})),d&&s(Tr,{height:"auto"})]}))}var Nr,Or,jr=i(se)(Nr||(Nr=Cn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Tr=i(xr)(Or||(Or=Cn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function Dr(t){var i,r=t.renderOption,a=t.options,o=t.name,d=t.hideName,s=t.form,u=t.isLoading,h=t.onSelectItem,m=t.handleScrollEnd,f=t.onSearchItem,x=t.isLabelLoading,g=t.disabled,b=t.creatingLabel,w=t.renderCreatingModal,y=t.endComponent,k=t.inputRef,_=t.onOpen,C=kn(t,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),S=p(!1),z=S[0],I=S[1],P=l(null);d&&s.register(d);var M=function(){g||I(!0)},N=function(){I(!1)};c((function(){_&&_(z)}),[z]);var O=L(P,k);return e(Kr,{children:[x&&n(Fr,{children:n(xr,{height:"100%"})}),n(Mr,{renderOption:r,options:a,inputRef:{current:null===(i=P.current)||void 0===i?void 0:i.parentElement},isOpenDropdown:z,handleCloseDropdown:N,handleSelect:function(n){var e;h(n),N(),(null===(e=s.getFieldState(o).error)||void 0===e?void 0:e.message)&&s.clearErrors(o)},isLoading:u,handleScrollEnd:m,creatingLabel:b,renderCreatingModal:w,input:n(Rr,yn({form:s,onInput:function(n){f&&(f(n.target.value),d&&s.setValue(d,null)),!n.target.value&&d&&(d&&s.setValue(d,null),s.setValue(o,null),h(null)),M()},onFocus:M,name:o,disabled:g,ref:O,isDropdownOpen:z,autoComplete:"off"},C,{endIcon:!g&&e(v,yn({container:!0,alignItems:"center",onClick:function(){I((function(n){return!n}))}},{children:[n(T,yn({mr:2},{children:y})),C.endIcon||!g&&n(Vr,{width:12,height:13,css:[z&&{transform:"rotate(180deg)"}]})]}))}))})]})}var Er,Lr,Ur,Br,Fr=i.div(Er||(Er=Cn(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),Kr=i.div(Lr||(Lr=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),Rr=i(Ht)(Ur||(Ur=Cn(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Vr=i(W)(Br||(Br=Cn(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function Ar(n){var e=n.label;return s(Jr,{children:s(m,yn({size:"s",weight:500},{children:e}))})}var Wr,Jr=i.div(Wr||(Wr=Cn(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),f.palette.background.light2);function Hr(n){var e,t,i=n.file,r=n.onDelete,a=n.onChange,o=n.index,d=n.selectedFile,f=n.setSelectedFile,g=n.limitTitle,b=void 0===g?100:g,v=n.icon,w=n.subtitle,y=n.disabled,k=n.error,_=n.className,C=n.label,S=kn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label"]),z=String(null===(t=(null==i?void 0:i.title)||(null==i?void 0:i.name)||(null===(e=null==i?void 0:i.file)||void 0===e?void 0:e.name)||C)||void 0===t?void 0:t.replace(/\.[^/.]+$/,"")),I=p(z),P=I[0],M=I[1],N=p(!1),O=N[0],j=N[1],D=l(null);c((function(){var n;O&&(null===(n=D.current)||void 0===n||n.focus()),!O&&z!==P&&a&&a(P,o)}),[O]);return u(h,{children:[u(da,yn({selected:(null!=d?d:-1)===o,error:b&&P.length>b||!!k,onClick:function(){f&&f(null!=o?o:1)},disabled:!!y,className:"FileWrapper ".concat(_||"")},S,{children:[s(la,yn({className:"FileIcon_wrapper"},{children:v||s(nn,{})})),u(pa,yn({className:"FileContent_wrapper"},{children:[u(ha,{children:[s(vn,yn({href:i.url,openInNewWindow:!0},{children:s(ua,{children:P})})),s(sa,{"data-testid":"file_name",ref:D,disabled:!O,value:P,onChange:function(n){M(n.target.value)},onBlur:function(){j(!1)},maxLength:100})]}),w||String(i.size)&&u(m,yn({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(i.size)," mb"]}))]})),u(ca,yn({className:"FileButtons_wrapper"},{children:[!y&&a&&s(x,yn({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){j((function(n){return!n}))}},{children:O?s(X,{}):s(en,{width:18,height:18})})),r&&!y&&s(x,yn({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;r&&r(null!==(n=i.index)&&void 0!==n?n:1,Number(o))}},{children:s(tn,{width:16,height:16})}))]}))]})),(b&&P.length>b||k)&&s(T,yn({mb:1},{children:s(m,yn({size:"xs",colorGroup:"red",weight:500},{children:k||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var Yr,qr,Gr,$r,Qr,Xr,Zr,na,ea,ta,ia,ra,aa,oa,da=i.div(Gr||(Gr=Cn(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?f.palette.brand.main:f.palette.grey.fifteenB}),(function(n){return n.disabled&&r(qr||(qr=Cn(["\n background: ",";\n "],["\n background: ",";\n "])),f.palette.background.light1)}),(function(n){return n.error&&r(Yr||(Yr=Cn(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),f.palette.red.seventy)})),la=i.div($r||($r=Cn(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),f.palette.brand.light),ca=i.div(Qr||(Qr=Cn(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),f.palette.grey.thirty),pa=i.div(Xr||(Xr=Cn(["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(100% - 120px);\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"]))),sa=i.input(Zr||(Zr=Cn(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),f.palette.grey.seventy,f.palette.brand.main),ua=i.span(na||(na=Cn(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),ha=i.div(ea||(ea=Cn(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),ma=d((function(n,e){var t,i,r=n.form,a=n.name,o=n.parentName,d=n.label,f=n.disabled,x=n.withEdit,g=void 0===x||x,b=n.fileName,w=n.onChange,y=n.isRequired,k=n.uploadLabel,_=n.toBigTitleMessage,C=kn(n,["form","name","parentName","label","disabled","withEdit","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage"]),S=p(!1),z=S[0],I=S[1],P=p(),M=P[0],N=P[1],j=p(""),T=j[0],D=j[1],E=l(null),L=on({control:r.control,name:a}),U=L.field,B=L.fieldState,F=on({control:r.control,name:o||a}).field,K=(M instanceof File?M.name:(null===(t=null==M?void 0:M.uploaded)||void 0===t?void 0:t.name)||(null==M?void 0:M.name)||"").split(".").pop(),R=function(n,e,t,i){var r,a;return n||e?n instanceof File?{file:n,url:URL.createObjectURL(n),size:Math.round(n.size/1048576*100)/100,name:t?"".concat(t,".").concat(i):null==n?void 0:n.name}:{file:n,url:(null===(r=null==n?void 0:n.uploaded)||void 0===r?void 0:r.url)||e,size:(null==n?void 0:n.size)?Math.round(n.size/1048576*100)/100:null,name:t&&i?"".concat(t,".").concat(i):(null===(a=null==n?void 0:n.uploaded)||void 0===a?void 0:a.name)||(null==n?void 0:n.name)}:null}(M,T,b,K),V=M&&"url"in M?M:R,A=null===(i=B.error)||void 0===i?void 0:i.message;c((function(){"string"==typeof U.value&&D(U.value),"object"==typeof U.value&&N(U.value),U.value||D(""),I(!0)}),[U.value]),c((function(){var n,e,t=Number((null==b?void 0:b.length)||(null===(n=null==M?void 0:M.uploaded)||void 0===n?void 0:n.name)||(null===(e=null==M?void 0:M.name)||void 0===e?void 0:e.length))>100;z&&!T&&U.onChange({target:{value:M,name:a},type:"change"}),t?r.setError(a,{type:"custom",message:_||"The file name must be less than 100 characters"}):r.clearErrors(a)}),[M]);return u(fa,{children:[s(ga,yn({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];N(e),w&&w(e)}else N(void 0)}},C,{ref:function(n){e&&(e.current=n),E.current=n}})),V?s(Hr,{file:V,onDelete:function(){M&&E.current&&(E.current.value=""),N(void 0),D(""),o?F.onChange({target:{value:null,name:o},type:"change"}):U.onChange({target:{value:null,name:a},type:"change"}),w&&w(null)},onChange:g&&function(n){var e,t=r.getValues(a),i="".concat(n,".").concat(K);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:yn(yn({},t.uploaded),{name:n})}:new File([t],i,{type:t.type}),N(e)},error:A,disabled:f,label:d}):u(h,{children:[u(xa,yn({error:!!A,disabled:f,container:!0,justify:"space-between",alignItems:"center"},{children:[s(ba,yn({item:!0},{children:u(m,yn({size:"s",color:"fiftyP"},{children:[d,y?" *":""]}))})),s(v,yn({item:!0},{children:s(va,yn({disabled:f,size:"s",onClick:function(){E.current&&E.current.click()}},{children:k||"Upload"}))}))]})),A&&s(O,{variant:"error",msg:A})]})]})})),fa=i.div(ta||(ta=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),xa=i(v)(ia||(ia=Cn(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?f.palette.red.fiftyP:f.palette.grey.fifteenB}),(function(n){return n.disabled?f.palette.background.light1:f.palette.grey.zero})),ga=i.input(ra||(ra=Cn(["\n display: none;\n"],["\n display: none;\n"]))),ba=i(v)(aa||(aa=Cn(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),va=i(x)(oa||(oa=Cn(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),wa=d((function(n,e){var t=n.form,i=n.name,r=n.label,a=n.labelProps,o=kn(n,["form","name","label","labelProps"]);return s(dn,{control:t.control,name:String(i),render:function(n){var e,t=n.field,i=n.fieldState;return s(M,yn({},o,t,{error:null===(e=i.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),o.onChange&&o.onChange(n)}(n,t)},label:"string"==typeof r?s(m,yn({},a,{children:r})):r}))}})}));function ya(n){var e=n.title,t=n.options,i=n.form;n.name;var r=kn(n,["title","options","form","name"]);return u(Sa,yn({container:!0,alignItems:"center",justify:"space-between"},{children:[s(v,yn({item:!0},{children:s(m,yn({size:"s",weight:500,color:"fiftyP"},{children:e}))})),s(v,yn({item:!0},{children:s(v,yn({container:!0},{children:t.map((function(n){return s(Ca,yn({name:n.name,label:s(m,yn({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:i,testId:n.name},r),n.name)}))}))}))]}))}var ka,_a,Ca=i(wa)(ka||(ka=Cn(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Sa=i(v)(_a||(_a=Cn(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),f.palette.grey.fifteenB),za={mapKey:""},Ia=[],Pa=function(){return yn({},za)},Ma=function(n){za=yn(yn({},za),n),Ia.forEach((function(n){return n(za)}))},Na=function(n){Ia.push(n)},Oa=function(n){var e=Ia.indexOf(n);-1!==e&&Ia.splice(e,1)};function ja(n){var e=n.children,t=p(!1),i=t[0],r=t[1],a=p("LOADING"),o=a[0],d=a[1],l=p(Pa().mapKey),u=l[0],m=l[1];return c((function(){var n=function(n){return m(n.mapKey)};return Na(n),function(){Oa(n)}}),[]),c((function(){if(!i&&u){var n=new wn({apiKey:u,libraries:["places"],language:"ru"}),e=function(n){d(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return r(!0)}}),[u]),u?"SUCCESS"===o&&e?s(h,{children:e}):(function(n){"LOADING"===n?s(xr,{height:"100%"}):"FAILURE"===n?s("h3",{children:n}):s("div",{})}(o),s(h,{})):s("h2",{children:"Add google key"})}var Ta=function(n){var e=n.dependentInputName,t=n.form,i=n.disabled,r=n.Input,a=kn(n,["dependentInputName","form","disabled","Input"]),o=ln({control:t.control,name:e}),d=yn({form:t,disabled:i||!o},a);return s(r||Ht,yn({},d))},Da=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},Ea=function(n){switch(n){case"everybody":return{tenant:!0,landlord:!0};case"landlord":return{tenant:!1,landlord:!0};case"tenant":return{tenant:!0,landlord:!1};default:return{tenant:!1,landlord:!1}}};export{Ar as AutocompleteOption,Qn as Avatar,qi as ButtonSelect,ae as ButtonTab,le as ButtonsPanel,_t as CalendarHeaderWithSelect,St as CalendarStandardContainer,It as CalendarStandardHeader,ya as CheckboxGroupWithTitle,wa as CheckboxWithController,Ta as DependentInput,Bt as DesktopInputWithMonthPicker,At as DesktopMenuPanel,se as InputDropdown,ma as InputFile,Ot as InputForDatepicker,tr as InputMultiSelect,ri as InputPassword,Ni as InputPhoneWithForm,gt as InputSelect,ve as InputSelectBase,xe as InputSelectDropdown,$i as InputSelectWithController,oi as InputTextAreaMobile,Dr as InputWithAutocomplete,Ht as InputWithController,hi as InputWithDatePicker,Jt as InputWithMask,_i as InputWithMonthPicker,xr as Loading,ja as MapWrapper,Kt as MenuItem,zi as MenuPanel,wi as MobileInputWithMonthPicker,Ci as MobileMenuPanel,Tt as MonthPickerContainer,Et as MonthPickerHeader,$t as PassportStrengthBar,ir as RadioButtons,rr as RadioButtonsWithController,ar as RadioGroupWithLabel,kt as SelectMonth,vt as SelectYear,Mi as Switch,Oi as Table,Di as TableCell,Ti as TableHeadCell,Ei as TableRow,Ai as Tooltip,Gn as UndefinedAvatar,ii as getFormError,ti as getFormValue,Pa as getSettings,Da as getVisibility,Ea as getVisibilitySettings,Ma as setSettings,bi as shortMonths,Na as subscribeToSettings,Oa as unsubscribeFromSettings};
1
+ import"react-datepicker/dist/react-datepicker.css";import*as n from"react";import{useEffect as e,forwardRef as t,useRef as i,useState as r}from"react";import a from"lodash";import{jsx as o,jsxs as d,Fragment as l}from"@emotion/react/jsx-runtime";import c from"@emotion/styled";import{css as p,Global as u}from"@emotion/react";import{jsx as s,jsxs as h,Fragment as m}from"react/jsx-runtime";import{Caption as f,theme as x,Button as g,Container as b,Tooltip as v,Grid as w,InputWithAdornments as y,Heading as k,InputWithMask as _,IconButton as C,LinearProgress as S,Divider as z,Modal as I,Switch as P,InputWithCountryDropdown as M,Checkbox as N,Radio as O,InputMessage as j,CircularProgress as E,Box as T}from"kui-basic";import{useWindowWidth as D,updateQueryParams as L,useForkRef as U,strongPasswordRegExp as B,mediumPasswordRegExp as F,simplePasswordRegExp as K,useToggle as R,isValidWithMaskExp as V}from"kui-utils";import A from"kui-swiper";import W from"classnames";import{HalfArrowIcon as H,PrevArrowIcon as J,NextArrowIcon as Y,CalendarIcon as q,ArrowBackIcon as G,ArrowNextIcon as $,ClosedEyeIcon as Q,OpenEyeIcon as X,CheckIcon as Z,PlusIcon as nn,FileIcon as en,EditIcon as tn,CancelIcon as rn}from"kui-icon";import an from"react-datepicker";import{useController as on,Controller as dn,useWatch as ln}from"react-hook-form";import{scroller as cn,Events as pn,Link as un,animateScroll as sn,Element as hn}from"react-scroll";import{DateTime as mn}from"luxon";import fn from"date-fns/locale/ru";import{useNavigate as xn,useLocation as gn}from"react-router-dom";import*as bn from"react-dom";import{Link as vn}from"kui-crm";import{Loader as wn}from"@googlemaps/js-api-loader";var yn=function(){return yn=Object.assign||function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},yn.apply(this,arguments)};function kn(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(n);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(n,i[r])&&(t[i[r]]=n[i[r]])}return t}function _n(n,e,t){if(t||2===arguments.length)for(var i,r=0,a=e.length;r<a;r++)!i&&r in e||(i||(i=Array.prototype.slice.call(e,0,r)),i[r]=e[r]);return n.concat(i||Array.prototype.slice.call(e))}function Cn(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var Sn,zn,In,Pn,Mn,Nn,On,jn,En,Tn,Dn,Ln,Un,Bn,Fn,Kn,Rn,Vn,An,Wn,Hn,Jn,Yn,qn,Gn,$n=function(n,t,i,r,o){var d=function(e){var t=r?e.target:e.target.documentElement,a=r?e.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<n&&i&&i()};e((function(){if(i){var n=a.throttle(d,t),e=(null==r?void 0:r.current)||document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),_n([t],o||[],!0))},Qn=t((function(n,e){var t=n.label,i=kn(n,["label"]);if(!t)return s("div",{});var r=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return s(Xn,yn({"data-testid":"undefined_avatar",ref:e},{children:s(f,yn({size:"xs",weight:600,colorGroup:"brand",color:"main"},i,{children:r}))}))})),Xn=c.div(Sn||(Sn=Cn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),x.palette.brand.light,x.palette.brand.main),Zn=t((function(n,e){var t=n.size,i=n.fullName,r=n.imageUrl,a=kn(n,["size","fullName","imageUrl"]);return o(ne,yn({css:ie[t],ref:e},a,{children:r?o(ee,{"data-testid":"avatar_image",src:r,alt:"avatar"}):o(te,{label:i,avatarSize:t})}))})),ne=c.div(zn||(zn=Cn(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),ee=c.img(In||(In=Cn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),te=c(Qn,{shouldForwardProp:function(n){return"size"!==n}})(Mn||(Mn=Cn(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&p(Pn||(Pn=Cn(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),ie={xs:p(Nn||(Nn=Cn(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:p(On||(On=Cn(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:p(jn||(jn=Cn(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:p(En||(En=Cn(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},re=t((function(n,e){var t=n.index,i=n.onClick,r=n.isActive,a=n.label,d=n.disabled;return o(ae,yn({disabled:d,variant:r?"orange":"white",captionWeight:400,onClick:function(){i(t)},css:!r&&oe,size:"s",ref:e,className:W("KUI-ButtonTab",r&&"KUI-ButtonTab_active")},{children:a}))})),ae=c(g)(Tn||(Tn=Cn(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),oe=p(Dn||(Dn=Cn(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),x.palette.grey.seventy),de=t((function(n,e){var t=n.renderTabWrapper,i=n.label,r=kn(n,["renderTabWrapper","label"]);return t?t(i,o(re,yn({ref:e,label:i},r))):o(re,yn({ref:e,label:i},r))})),le=function(n){var e=n.startComponent,t=n.endComponent,r=n.tabs,a=n.renderTabWrapper,o=n.handleChange,d=n.value,l=i(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=l.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),o(n)};return h(b,yn({className:"KUI-ButtonTabs"},{children:[e,s(ce,yn({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:l},{children:r.map((function(n,e){return s(de,{index:e,onClick:c,isActive:e===d,label:n,renderTabWrapper:a},n)}))})),t]}))},ce=c(A)(Ln||(Ln=Cn(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),pe=t((function(t,i){var r=t.tabs,a=t.tabPanels,c=t.paths,p=t.activeTab,u=t.isSticky,s=t.onChange,h=t.startComponent,m=t.endComponent,f=t.navigate,x=t.renderTabWrapper,g=kn(t,["tabs","tabPanels","paths","activeTab","isSticky","onChange","startComponent","endComponent","navigate","renderTabWrapper"]),b=D(),v=n.useState(Number(p)),w=v[0],y=v[1];return e((function(){y(Number(p))}),[p]),0===b?null:d(l,{children:[o(se,yn({css:u&&{position:"sticky"},ref:i},g,{children:o(le,{value:w,tabs:r,handleChange:function(n){if(y(n),null==c?void 0:c.length){var e=c[n];f?f(e):L(e)}s&&s(n)},endComponent:m,startComponent:h,renderTabWrapper:x})})),o(ue,yn({role:"tabpanel"},{children:a[w]}))]})})),ue=c.div(Un||(Un=Cn(["\n height: 100%;\n"],["\n height: 100%;\n"]))),se=c.div(Bn||(Bn=Cn(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),x.palette.grey.zero),he=t((function(n,t){var a=n.onScrollEnd,o=n.maxHeight,d=n.onScrollChange,l=kn(n,["onScrollEnd","maxHeight","onScrollChange"]),c=i(null),p=r(!1),u=p[0],h=p[1];$n(10,200,a,c),e((function(){var n;if(c.current){var e=o?(null===(n=c.current)||void 0===n?void 0:n.clientHeight)>=o:c.current.scrollHeight>c.current.clientHeight;h(e)}}));return e((function(){d&&d(u)}),[u]),s(me,yn({isScrollable:u,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),c.current=n}},l))})),me=c.div(Fn||(Fn=Cn(["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?6:0}),x.palette.grey.fifteenB,x.palette.grey.thirty),fe=t((function(n,e){var t=n.isOpen,a=n.handleClose;n.buttonRef;var o=n.children,d=n.endComponent,l=n.input,c=n.className,p=n.strategy;n.onScroll;var u=kn(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),m=r(!1),f=m[0],x=m[1],g=i(null);return s(xe,yn({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:t,onChange:function(n){n||a()},toggleMethod:"click",strategy:p||"fixed",placement:"bottom",className:c,content:h(ge,yn({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),g.current=n}},u,{children:[s(be,yn({isScrollable:f},{children:s(ve,yn({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),xe=c(v)(Kn||(Kn=Cn(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),ge=c(w)(Rn||(Rn=Cn(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),be=c.div(Vn||(Vn=Cn(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 6px 8px 0":"14px 0px 8px 0"})),ve=c(he)(An||(An=Cn(["\n width: 100%;\n"],["\n width: 100%;\n"]))),we=t((function(n,e){var t=n.input,i=n.options,r=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,d=n.handleSelect,l=n.selectedValue,c=n.renderOption;return s(ke,yn({input:t,buttonRef:r,isOpen:a,handleClose:o,ref:e},{children:i.map((function(n,e){return s(ye,yn({disabled:n.disabled,onClick:function(){return function(n){n.disabled||d(n)}(n)},"data-value":"autocomplete_option_".concat(n.value),"data-testid":"autocomplete_option_".concat(e)},{children:c(n,l)}),n.label)}))}))})),ye=c.div(Wn||(Wn=Cn(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?x.palette.grey.fiftyP:x.palette.grey.seventy})),ke=c(fe)(Hn||(Hn=Cn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),_e=t((function(n,e){var t,a=n.options,l=n.name,c=n.disabled,p=n.handleChange,u=n.iconProps,s=n.renderOption,h=n.selectedLabel,m=n.selectedValue,f=n.error,x=n.endIcon,g=kn(n,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),b=r(!1),v=b[0],w=b[1],y=i(null),k=U(y,e),_=function(){w(!1)};return d(Ce,{children:[o("input",{name:l,autoComplete:"off",hidden:!0}),o(we,{options:a,inputRef:{current:null===(t=null==y?void 0:y.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:v,handleCloseDropdown:_,handleSelect:function(n){p&&p(n),_()},selectedValue:m,renderOption:s,input:o(Se,yn({onClick:function(){var n,e,t,i;(null===(e=null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.parentElement)||void 0===e?void 0:e.parentElement)&&(null===(i=null===(t=null==y?void 0:y.current)||void 0===t?void 0:t.parentElement)||void 0===i||i.parentElement.focus()),c||w((function(n){return!n}))},ref:k,disabled:c,readOnly:!0,value:h,message:f,isLabelShrink:Boolean(m)||0===m,autoComplete:"off"},g,{endIcon:d(Ie,yn({container:!0,alignItems:"center"},{children:[!c&&o(ze,yn({width:12,height:13,css:[{transition:"all linear .2s"},v&&{transform:"rotate(180deg)"}]},u)),x]}))}))})]})})),Ce=c.div(Jn||(Jn=Cn(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Se=c(y)(Yn||(Yn=Cn(["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\n }\n"],["\n cursor: pointer;\n input,\n label {\n cursor: pointer !important;\n }\n .KUI-InputAdornment_end-icon {\n pointer-events: none;\n }\n &:disabled {\n cursor: default;\n }\n"]))),ze=c(H)(qn||(qn=Cn(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Ie=c(w)(Gn||(Gn=Cn(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Pe(n){var e=n.option,t=n.selectedValue;return s(wt,yn({selected:t===e.value},{children:s(f,yn({size:"sm",weight:500},{children:e.label}))}))}var Me,Ne,Oe,je,Ee,Te,De,Le,Ue,Be,Fe,Ke,Re,Ve,Ae,We,He,Je,Ye,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,it,rt,at,ot,dt,lt,ct,pt,ut,st,ht,mt,ft,xt,gt,bt,vt,wt=c.div(Me||(Me=Cn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?x.palette.background.light1:x.palette.grey.zero}),x.palette.background.light1),yt=t((function(n,t){var i,a=n.options,o=n.name,d=n.handleChange;n.form;var l=n.value,c=kn(n,["options","name","handleChange","form","value"]),p=r(l),u=p[0],h=p[1],m=(null===(i=a.find((function(n){return String(n.value)===String(u)})))||void 0===i?void 0:i.label)||"";return e((function(){void 0!==l&&h(l)}),[l]),s(_e,yn({options:a,handleChange:function(n){h(n.value),d&&d(n.value)},selectedLabel:m,selectedValue:u,name:o,renderOption:function(n,e){return s(Pe,{option:n,selectedValue:e})},ref:t},c))})),kt=function(n,e,t){return e&&n<e||t&&n>t},_t=t((function(n,e){var t=n.yearOptions;n.options;var i=n.min,r=n.max,a=kn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return yn(yn({},n),{disabled:kt(Number(n.value),i,r)})}));return s(yt,yn({ref:e,label:"Year",options:o},a))})),Ct=function(n,e,t){return e&&n<e||t&&n>=t},St=[{value:0,label:"January"},{value:1,label:"February"},{value:2,label:"March"},{value:3,label:"April"},{value:4,label:"May"},{value:5,label:"June"},{value:6,label:"July"},{value:7,label:"August"},{value:8,label:"September"},{value:9,label:"October"},{value:10,label:"November"},{value:11,label:"December"}],zt=t((function(n,e){var t=n.min,i=n.max;n.options;var r=kn(n,["min","max","options"]),a=St.map((function(n){return yn(yn({},n),{disabled:Ct(n.value,t,i)})}));return s(yt,yn({ref:e,label:"Month",options:a},r))})),It=t((function(n,e){var t=n.changeMonth,i=n.changeYear,r=n.date,a=n.yearOptions,o=n.max,d=n.min,l=r.getFullYear(),c=r.getMonth(),p=(null==d?void 0:d.year)===l&&(null==d?void 0:d.month)?d.month-1:0,u=(null==o?void 0:o.year)===l?null==o?void 0:o.month:11;return s(Pt,yn({ref:e},{children:h(w,yn({container:!0,spacing:2},{children:[s(w,yn({item:!0,xs:6},{children:s(_t,{min:null==d?void 0:d.year,max:null==o?void 0:o.year,yearOptions:a,value:l,handleChange:i})})),s(w,yn({item:!0,xs:6},{children:s(zt,{min:Number(null==d?void 0:d.year)>=l&&p,max:Number(null==o?void 0:o.year)<=l&&u,value:c,handleChange:t})}))]}))}))})),Pt=c.div(Ne||(Ne=Cn(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Mt=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=kn(n,["arrowProps","showPopperArrow"]);return s(Nt,yn({ref:e},t))})),Nt=c.div(Oe||(Oe=Cn(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),x.palette.grey.fiftyP,x.palette.background.light3,x.palette.background.light3,x.palette.brand.main,x.palette.brand.light,x.palette.brand.main,x.palette.brand.main,x.palette.grey.fifteenB,x.palette.red.seventy,x.palette.grey.zero),Ot=t((function(n,e){var t=n.decreaseMonth,i=n.increaseMonth,r=n.nextMonthButtonDisabled,o=n.prevMonthButtonDisabled,d=n.date,l=a.capitalize(d.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return h(jt,yn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,yn({item:!0},{children:s(Et,yn({size:"h4"},{children:l}))})),s(w,yn({item:!0},{children:h(w,yn({container:!0,spacing:2},{children:[s(w,yn({item:!0},{children:s(Tt,yn({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:o,onClick:t},{children:s(J,{width:10,height:10})}))})),s(w,yn({item:!0},{children:s(Tt,yn({isCircle:!0,size:"xs",variant:"white",disabled:r,onClick:i},{children:s(Y,{width:10,height:10})}))}))]}))}))]}))})),jt=c(w)(je||(je=Cn(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Et=c(k)(Ee||(Ee=Cn(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Tt=c(g)(Te||(Te=Cn(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Dt=t((function(n,e){var t=n.onClick,i=n.disabled,r=n.handleClick,a=n.startIcon,o=kn(n,["onClick","disabled","handleClick","startIcon"]),d=function(){i||(r?r():t())},l=function(){return s(Lt,yn({disabled:i,onClick:d},{children:a||s(q,{width:19,height:21})}))};return s(_,yn({disabled:i,endIcon:!a&&s(l,{}),startIcon:a&&s(l,{})},o,{ref:e}))})),Lt=c.div(De||(De=Cn(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),Ut=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=kn(n,["arrowProps","showPopperArrow"]);return s(Bt,yn({ref:e},t))})),Bt=c.div(Le||(Le=Cn(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),x.palette.background.light1,x.palette.grey.fifteenB,x.palette.grey.fifteenB,x.palette.brand.main,x.palette.grey.fifteenB),Ft=t((function(n,e){var t=n.decreaseYear,i=n.increaseYear,r=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return h(Rt,yn({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,yn({item:!0},{children:s(Kt,yn({disabled:a,onClick:t,type:"button"},{children:s(G,{width:14,height:12})}))})),s(w,yn({item:!0},{children:s(f,yn({size:"sm",weight:600},{children:o.getFullYear()}))})),s(w,yn({item:!0},{children:s(Kt,yn({disabled:r,onClick:i,type:"button"},{children:s($,{width:14,height:12})}))}))]}))})),Kt=c(C)(Ue||(Ue=Cn(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Rt=c(w)(Be||(Be=Cn(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),Vt=t((function(n,t){var i,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=n.onChange,p=kn(n,["name","form","disabled","datePickerProps","onChange"]),u=r(),h=u[0],m=u[1],f=on({name:a,control:o.control}),x=f.field,g=f.fieldState;return e((function(){m(x.value)}),[x.value]),s(At,yn({ref:t},{children:s(an,yn({selected:x.value,onChange:function(n){x.onChange(n),c&&c(n)},disabled:d,customInput:s(Dt,yn({mask:"00.0000",name:a,disabled:d,message:null===(i=g.error)||void 0===i?void 0:i.message},p),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:Ut,renderCustomHeader:function(n){return s(Ft,yn({},n))}},l))}))})),At=c.div(Fe||(Fe=Cn(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),Wt=t((function(n,t){var i=n.tab,r=n.active,a=n.index,d=n.handleClick,l=n.offset,c=n.isScrolling,p=n.setIsScrolling,u=function(){p(!1)};return e((function(){return r===a&&cn.scrollTo(i,{offset:l}),pn.scrollEvent.register("begin",(function(n,e){p(!0),e&&d(Number(e.dataset.index))})),pn.scrollEvent.register("end",(function(n,e){setTimeout(u)})),function(){pn.scrollEvent.remove("begin"),pn.scrollEvent.remove("end")}}),[]),o(un,yn({to:i,spy:!0,smooth:!0,duration:500,offset:l,onSetActive:function(){c||d(a)}},{children:o(Ht,yn({ref:t},{children:o(g,yn({variant:Number(r)===a?"orange":"transparentWithBorder",size:"xs",css:Number(r)!==a&&Jt},{children:i}))}))}))})),Ht=c.div(Ke||(Ke=Cn(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),Jt=p(Re||(Re=Cn(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),x.palette.grey.seventy),Yt=t((function(n,e){var t=n.tabs,i=n.variant,r=kn(n,["tabs","variant"]);return o(qt,yn({container:!0,css:"white"===i&&{background:"white"},ref:e},{children:t.map((function(n,e){return o(w,yn({item:!0},{children:o(Wt,yn({tab:n,index:e,offset:-121},r),n)}),e)}))}))})),qt=c(w)(Ve||(Ve=Cn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),x.palette.background.light1),Gt=t((function(n,e){var t=n.form,i=n.name,r=n.error,a=kn(n,["form","name","error"]),o=function(n){var e;return void 0!==r&&String(r).length>0?r:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field,i=n.fieldState;return s(_,yn({message:o(i)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),$t=t((function(n,e){var t=n.form,i=n.name,r=n.error,a=n.value,o=n.type,d=kn(n,["form","name","error","value","type"]),l=function(n){var e;return void 0!==r&&String(r).length>0?r:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field,i=n.fieldState;return s(y,yn({message:l(i)},t,d,{onChange:function(n){return function(n,e){var t,i="number"!==o||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(yn(yn({},n),{target:yn(yn({},n.target),{value:i})})),d.onChange&&d.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),Qt={weak:0,simple:1,medium:2,hard:3},Xt={weak:x.palette.red.fiftyP,simple:x.palette.brand.main,medium:x.palette.blue.fiftyP,hard:x.palette.green.fiftyP},Zt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ni=t((function(n,e){var t=n.strength,i=t?Xt[t]:"",r=t?Qt[t]:-1;return d(ei,yn({"data-testid":"strength_bar",className:String(!t&&"hidden"),ref:e},{children:[o(ti,{children:Object.keys(Qt).map((function(n,e){return o(ii,{children:o(ri,{"data-testid":"progress_item_".concat(n),value:r>=e?100:0,color:i})},n)}))}),o(f,yn({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:t&&Zt[t]})),o(ai,yn({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),ei=c.div(Ae||(Ae=Cn(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),ti=c.div(We||(We=Cn(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),ii=c.div(He||(He=Cn(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),ri=c(S)(Je||(Je=Cn(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),x.palette.grey.fifteenB,(function(n){return n.color})),ai=c(f)(Ye||(Ye=Cn(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),oi=function(n,e){var t=null==n?void 0:n.split("."),i=null==e?void 0:e.control._formValues;return null==t||t.forEach((function(n){i&&(i=i[n])})),i},di=function(n,e){var t=null==n?void 0:n.split("."),i=null==e?void 0:e.formState.errors;return null==t||t.forEach((function(n){i&&(i=i[n])})),null==i?void 0:i.message},li=t((function(n,t){var i=r(!1),a=i[0],o=i[1],d=r(null),l=d[0],c=d[1],p=function(n){0!==n.length?B.test(n)?c("hard"):F.test(n)?c("medium"):K.test(n)?c("simple"):c("weak"):c(null)};return e((function(){var e=n.form,t=n.name,i=oi(t,e);"string"==typeof i&&p(i)}),[]),h(m,{children:[s($t,yn({type:a?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;p(e)},"data-testid":"input_password",ref:t,endIcon:s(ci,yn({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:s(a?Q:X,{})}))},n)),s(ni,{strength:l})]})})),ci=c.div(qe||(qe=Cn(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),pi=t((function(n){return h(m,{children:[s(ui,{children:s($t,yn({},n))}),s(si,{children:s($t,yn({isTextArea:!0},n))})]})})),ui=c.div(Ge||(Ge=Cn(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),si=c.div($e||($e=Cn(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),hi=t((function(n,e){var t=n.label,i=n.button,r=kn(n,["label","button"]);return h(mi,yn({ref:e},{children:[s(z,{}),s(fi,{children:i||s(xi,yn({fullWidth:!0,size:"s",endIcon:s(Z,{})},r,{children:t}))})]}))})),mi=c.div(Qe||(Qe=Cn(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),x.palette.grey.zero),fi=c.div(Xe||(Xe=Cn(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),xi=c(g)(Ze||(Ze=Cn(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),gi=t((function(n,t){var i,c=n.title,p=n.description,u=n.name,s=n.form,h=n.disabled,m=n.yearParams,f=n.onChange,x=n.max,g=n.min,b=n.footerLabel,v=n.datePickerProps,w=n.alignTitle,y=void 0===w?"center":w,k=kn(n,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),_=on({name:u,control:s.control}),C=_.field,S=null===(i=_.fieldState.error)||void 0===i?void 0:i.message,z=C.value,I=z?z.toFormat("dd.MM.yyyy"):"",P=z?z.toJSDate():null,M=R(),N=M[0],O=M[1],j=M[2],E=r(P),T=E[0],D=E[1],L=r(I),B=L[0],F=L[1],K=function(n,e){if(!n||!e)return[];var t=mn.now().year-n;return a.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==m?void 0:m.min,null==m?void 0:m.max),A=U(t,C.ref);e((function(){F(I)}),[I]);return d(l,{children:[o(Dt,yn({mask:"00.00.0000",name:u,handleClick:O,value:B,onChange:function(n){var e=n.target.value;if(F(e),0!==e.length&&V.test(e)){var t=mn.fromFormat(e,"dd.MM.yyyy");D(t.toJSDate()),null==C||C.onChange({target:{value:t,name:u},type:"change"}),f&&f(t)}else D(null),null==C||C.onChange({target:{value:null,name:u},type:"change"}),f&&f(null)},disabled:h,message:S,ref:A},k)),d(yi,yn({title:c,description:p,isOpen:N,handleClose:j,alignTitle:y},{children:[o(bi,{children:o(an,yn({inline:!0,selected:T||P,onChange:function(n){D(n)},calendarContainer:vi,renderCustomHeader:function(n){return o(It,yn({yearOptions:K,max:x,min:g},n))},renderDayContents:function(n){return o(wi,{children:n})},maxDate:null==x?void 0:x.toJSDate(),minDate:null==g?void 0:g.toJSDate(),calendarStartDay:1},v))}),o(hi,{fullWidth:!0,disabled:!P&&!T,onClick:function(){if(T){var n=mn.fromJSDate(T);F(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:u},type:"change"}),f&&f(n),j()}},label:b})]}))]})})),bi=c.div(nt||(nt=Cn(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),vi=c(Mt)(et||(et=Cn(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),x.palette.background.light1,x.palette.background.light1),wi=c.span(tt||(tt=Cn(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),yi=c(I)(it||(it=Cn(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),ki=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],_i=yn(yn({},fn),{localize:{month:function(n){return ki[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Ci=t((function(n,e){var t,i=n.title,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=kn(n,["title","name","form","disabled","datePickerProps"]),p=on({name:a,control:o.control}),u=p.field,m=null===(t=p.fieldState.error)||void 0===t?void 0:t.message,f=R(),x=f[0],g=f[1],b=f[2],v=r(u.value?mn.fromJSDate(new Date(String(u.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=r(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return h(Si,yn({ref:e},{children:[s(Dt,yn({mask:"00.0000",name:a,handleCLick:g,value:w,onChange:function(n){var e=n.target.value;if(y(e),0!==e.length&&V.test(e)){var t=mn.fromFormat(e,"MM.yyyy").toJSDate();C(t),null==u||u.onChange({target:{value:t,name:a},type:"change"})}else C(null),null==u||u.onChange({target:{value:null,name:a},type:"change"})},disabled:d,message:m,isLabelShrink:Boolean(u.value)},c)),h(I,yn({title:i,isOpen:x,handleClose:b},{children:[s(zi,{children:s(an,yn({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:_i,calendarContainer:Ut,renderCustomHeader:function(n){return s(Ft,yn({},n))}},l))}),s(hi,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==u||u.onChange({target:{value:_,name:a},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),Si=c.div(rt||(rt=Cn(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),zi=c.div(at||(at=Cn(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Ii=function(n){return h(m,{children:[s(Vt,yn({},n)),s(Ci,yn({},n))]})},Pi=t((function(n,e){var t=n.tabs,r=n.handleClick,a=n.variant,d=kn(n,["tabs","handleClick","variant"]),l=i(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=l.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),r(n)};return o(Mi,yn({css:"white"===a&&{background:"white"},ref:e},{children:o(A,yn({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:t.map((function(n,e){return o(Wt,yn({tab:n,index:e,handleClick:c,offset:-121},d),n)}))}))}))})),Mi=c.div(ot||(ot=Cn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),x.palette.background.light1),Ni=t((function(t,i){var r=t.tabs,a=t.tabPanels,l=t.paths,c=t.activeTab,p=t.variant,u=void 0===p?"grey":p,s=D(),h=n.useState(c),m=h[0],f=h[1],x=n.useState(!1),g=x[0],b=x[1],v=xn(),w=gn(),y=function(n){if(l[n]){f(n);var e=w.pathname,t="".concat(e).concat(w.search),i="".concat(e).concat(l[n]);t!==i&&v(i,{replace:!0})}};return e((function(){f(c)}),[c]),e((function(){"number"!=typeof c&&s<901&&sn.scrollToTop()}),[]),0===s?null:d("div",yn({ref:i},{children:[o(s>765?Yt:Pi,{tabs:r,active:m,handleClick:y,variant:u,isScrolling:g,setIsScrolling:b}),a.map((function(n,e){return o("div",yn({css:e===a.length-1&&Oi},{children:o(ji,yn({name:r[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Oi=p(dt||(dt=Cn(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),ji=c(hn)(lt||(lt=Cn(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Ei=t((function(n,e){var t=n.form,i=n.name,r=kn(n,["form","name"]);return o(dn,{control:null==t?void 0:t.control,name:i,render:function(n){var t=n.field;return o(P,yn({checked:Boolean(t.value),onChange:t.onChange,"data-testid":i,ref:e,name:i},r))}})})),Ti=t((function(n,e){var t,i=n.form,r=n.name,a=void 0===r?"phone":r,o=n.hiddenInputProps,d=n.error,l=kn(n,["form","name","hiddenInputProps","error"]),c=on({control:i.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),p=on({control:i.control,name:"".concat(a,".phoneNumber")}),u=void 0!==d&&String(d).length>0?d:null===(t=p.fieldState.error)||void 0===t?void 0:t.message,h=U(e,p.field.ref);return s(M,yn({message:u,hiddenInputProps:yn(yn({},c.field),o),onSelectCountry:function(n){c.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},p.field,l,{onChange:function(n){p.field.onChange(n),c.field.value||c.field.onChange({target:{value:"7",name:"".concat(a,".phoneCode")},type:"change"}),l.onChange&&l.onChange(n)},ref:h,autoComplete:"false"}))})),Di=t((function(n,e){return s(Li,yn({cellSpacing:"0",ref:e},n))})),Li=c.table(ct||(ct=Cn(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Ui=c.th(pt||(pt=Cn(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Bi=c.td(ut||(ut=Cn(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Fi=t((function(e,t){var i=e.children,r=kn(e,["children"]),a=n.Children.toArray(i);return s("tr",yn({ref:t},{children:a.map((function(e){return n.cloneElement(e,r)}))}))})),Ki={bottomStart:{bottom:1,offset:0},bottomMiddle:{bottom:1,offset:.5},bottomEnd:{bottom:1,offset:1},topStart:{top:1,offset:0},topMiddle:{top:1,offset:.5},topEnd:{top:1,offset:1}},Ri=t((function(n,e){n.placement;var t=n.open,i=n.children,r=n.spacing,a=n.className,o=n.style,d=kn(n,["placement","open","children","spacing","className","style"]);return s(Vi,yn({ref:e,className:W("KUI-Popper",a),spacing:r,style:o,open:!!t},{children:s(Ai,yn({open:!!t},d,{children:i}))}))})),Vi=c.div(st||(st=Cn(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),x.breakpoints.xxs),Ai=c.div(ht||(ht=Cn(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),Wi=t((function(n,t){var a=n.placement,o=n.contentRef,d=kn(n,["placement","contentRef"]),l=i(null),c=r(null),f=c[0],x=c[1],g=r(null),b=g[0],v=g[1];e((function(){if(o.current&&l.current){var n=l.current,e=o.current.getBoundingClientRect(),t={width:n.clientWidth,height:n.clientHeight};x(e),v(t)}}),[]);var w={};if(f&&b){var y=Ki[null!=a?a:"bottomMiddle"];w={top:Math.max(y.top?f.top-b.height:f.top+f.height,0),left:Math.max(f.left+f.width*y.offset-b.width*y.offset,0)}}return bn.createPortal(h(m,{children:[s(u,{styles:p(mt||(mt=Cn(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),s(Ri,yn({ref:function(n){t&&(t.current=n),l.current=n},style:w},d))]}),document.body)})),Hi=t((function(n,t){var a=n.placement,o=n.contentRef,d=kn(n,["placement","contentRef"]),l=i(null),c=r(null),p=c[0],u=c[1],h=r(null),m=h[0],f=h[1],x={};if(e((function(){o.current&&l.current&&(u({width:o.current.clientWidth,height:o.current.clientHeight}),f({width:l.current.clientWidth,height:l.current.clientHeight}))}),[]),p&&m){var g=Ki[null!=a?a:"bottomMiddle"];x={top:g.top?0-m.height:0+p.height,left:Math.max(p.width*g.offset-m.width*g.offset,0)}}return s(Ri,yn({ref:function(n){t&&(t.current=n),l.current=n},style:x},d))})),Ji=t((function(n,t){var i=n.contentRef,a=kn(n,["contentRef"]),o=r(!0),d=o[0],l=o[1];return e((function(){var n=function(){for(var n=i.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[i]),s(d?Hi:Wi,yn({ref:t,contentRef:i},a))})),Yi=t((function(n,t){var a=n.content,o=n.onOpen,d=n.onClose,l=n.open,c=n.children,p=n.cursor,u=n.className,m=kn(n,["content","onOpen","onClose","open","children","cursor","className"]),f=r(l),x=f[0],g=f[1],b=i(null),v=function(){g(!0),o&&o()};return e((function(){g(l)}),[l]),h(Gi,yn({className:u,onMouseLeave:function(){g(!1),d&&d()},ref:t},{children:[s($i,yn({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:p},{children:s(Qi,yn({className:"Tooltip_content"},{children:c}))})),s(Ji,yn({open:x},m,{contentRef:b},{children:a}))]}))})),qi=p(ft||(ft=Cn(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Gi=c.div(xt||(xt=Cn(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),qi),$i=c.div(gt||(gt=Cn(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),qi,(function(n){return n.cursor})),Qi=c.div(bt||(bt=Cn(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),qi),Xi=t((function(n,e){var t,i=n.options,r=kn(n,["options"]);return s(Zi,yn({value:null===(t=null==i?void 0:i[0])||void 0===t?void 0:t.value,options:i,iconProps:{width:9,height:5}},r,{ref:e}))})),Zi=c(yt)(vt||(vt=Cn(["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"],["\n &.KUI-Input_container {\n height: 40px;\n width: fit-content;\n input {\n height: 40px;\n border-radius: 66px;\n padding: 0 12px;\n transform: none;\n font-size: 12px;\n line-height: 14px;\n margin: 0 !important;\n width: auto !important;\n }\n\n @media (max-width: ","px) {\n height: 32px;\n input {\n height: 32px;\n }\n }\n }\n & + div {\n top: 22px;\n padding-top: 22px;\n }\n"])),x.breakpoints.xs),nr=t((function(n,e){var t,i,r=n.options,a=n.name,o=n.handleChange,d=n.form,l=n.value,c=kn(n,["options","name","handleChange","form","value"]),p=on({control:d.control,name:a}),u=null===(t=p.fieldState.error)||void 0===t?void 0:t.message;return s(yt,yn({options:r,handleChange:function(n){var e;o&&o(n),d&&(null===(e=p.field)||void 0===e||e.onChange({target:{value:n,name:a},type:"change"}))},error:u,name:a,value:l||(null===(i=p.field)||void 0===i?void 0:i.value),ref:e},c))}));function er(n){var e=n.option,t=n.selectedValue.includes(e.value);return s(rr,yn({container:!0,selected:t},{children:s(N,{checked:t,label:s(ar,yn({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var tr,ir,rr=c(w)(tr||(tr=Cn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?x.palette.background.light1:x.palette.grey.zero}),x.palette.background.light1,x.palette.grey.seventy),ar=c(f)(ir||(ir=Cn(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?x.palette.grey.seventy:x.palette.grey.fiftyP}));function or(n){var t,i,a=n.options,o=n.name,d=n.handleChange,l=n.form,c=n.value,p=kn(n,["options","name","handleChange","form","value"]),u=l?on({control:l.control,name:o}):null,h=r(c||(null===(t=null==u?void 0:u.field)||void 0===t?void 0:t.value)||[]),m=h[0],f=h[1],x=a.filter((function(n){return m.includes(n.value)})).map((function(n){return n.label})).join(", "),g=null===(i=null==u?void 0:u.fieldState.error)||void 0===i?void 0:i.message;e((function(){var n;l&&(null===(n=null==u?void 0:u.field)||void 0===n||n.onChange({target:{value:m,name:o},type:"change"}))}),[m]);return s(_e,yn({options:a,handleChange:function(n){m.includes(n.value)?f((function(e){return e.filter((function(e){return e!==n.value}))})):f((function(e){return _n(_n([],e,!0),[n.value],!1)})),d&&d(n.value)},error:g,selectedLabel:x,selectedValue:m,name:o,isLabelShrink:!!x,renderOption:function(n,e){return s(er,{option:n,selectedValue:e})}},p))}var dr=t((function(n,t){var i=n.options,a=n.disabled,o=n.direction,d=void 0===o?"row":o,l=n.defaultValue,c=n.value,p=n.onChange,u=n.isSquare,h=kn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=r(l||c||i[0].value),f=m[0],x=m[1],g=function(n){var e=n.target.value;x(e),p&&p(n,e)},b=function(n){var e=n.target.value;String(f)===String(e)&&(x(null),p&&p(n,null))};return e((function(){c&&x(c)}),[c]),s(w,yn({container:!0,direction:d,ref:t},{children:i.map((function(n){return s(O,yn({value:n.value,label:n.label,disabled:Boolean(a),checked:String(f)===String(n.value),isSquare:u,onClick:b,onChange:g},h),n.value)}))}))}));function lr(n){var t=n.form,i=n.name,r=n.defaultValue,a=kn(n,["form","name","defaultValue"]);return e((function(){t.getValues(i)||r||t.setValue(i,a.options[0].value)}),[]),s(dn,{control:t.control,name:String(i),render:function(n){var e=n.field;return s(dr,yn({},a,e,{defaultValue:r,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:i},type:"change"}),a.onChange&&a.onChange(n,e)}(n,t,e)}}))}})}function cr(n){var e,t=n.title,i=n.className,r=n.direction,a=n.form,o=n.name,d=kn(n,["title","className","direction","form","name"]),l=null===(e=on({control:a.control,name:o}).fieldState.error)||void 0===e?void 0:e.message;return h(gr,{children:[h(br,yn({container:!0,alignItems:"vertical"===r?"flex-start":"center",justify:"space-between",direction:"vertical"===r?"column":"row",hasError:!!l,className:i,withTitle:!!t},{children:[t&&s(vr,yn({direction:r,size:"xs",weight:600},{children:t.toUpperCase()})),s(w,yn({item:!0,xs:"vertical"===r?12:"auto"},{children:s(lr,yn({form:a,name:o},d))}))]})),l&&s(j,{variant:"error",msg:l})]})}dr.displayName="RadioButtons";var pr,ur,sr,hr,mr,fr,xr,gr=c.div(pr||(pr=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),br=c(w,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(hr||(hr=Cn(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?x.palette.red.fiftyP:x.palette.grey.fifteenB}),(function(n){var e=n.direction,t=n.hasError,i=n.withTitle;return"column"===e?function(n){var e=n.hasError;return p(ur||(ur=Cn(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:t}):function(n){var e=n.hasError,t=n.withTitle;return p(sr||(sr=Cn(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),t?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:t,withTitle:i})}),x.breakpoints.sm),vr=c(f)(mr||(mr=Cn(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),x.breakpoints.sm),wr=t((function(n){var e=n.height,t=void 0===e?"adaptive":e,i=n.className,r=kn(n,["height","className"]);return s(kr,yn({container:!0,alignItems:"center",justify:"center",className:i,height:t},{children:s(yr,yn({},r))}))})),yr=c(E)(fr||(fr=Cn(["\n color: ",";\n"],["\n color: ",";\n"])),x.palette.brand.main),kr=c(w,{shouldForwardProp:function(n){return"height"!==n}})(xr||(xr=Cn(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function _r(n){var e=n.creatingLabel,t=n.renderCreatingModal,i=R(),r=i[0],a=i[1],o=i[2];if(!e||!t)return null;return h(m,{children:[h(Pr,yn({container:!0,onClick:a,alignItems:"center"},{children:[s(Mr,{width:12,height:12}),s(f,yn({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),s(Nr,yn({onClick:function(n){return n.stopPropagation()}},{children:t({open:r,handleClose:o})}))]})}var Cr,Sr,zr,Ir,Pr=c(w)(Cr||(Cr=Cn(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),x.palette.grey.fifteenB),Mr=c(nn)(Sr||(Sr=Cn(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),x.palette.grey.fiftyP),Nr=c.div(zr||(zr=Cn([""],[""]))),Or=function(n){var e=n.option,t=n.renderOption,i=n.handleSelect,r=n.index;return s(jr,yn({item:!0,xs:12,onClick:function(){i(e)},"data-testid":"autocomplete_option_".concat(r)},{children:t(e)}))},jr=c(w)(Ir||(Ir=Cn(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Er(n){var e=n.options,t=n.renderOption,i=n.creatingLabel,r=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,d=n.isLoading,l=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return h(Lr,yn({input:l,buttonRef:a,isOpen:o,handleClose:c,onScroll:function(n){n.target.scrollHeight-(n.target.scrollTop+n.target.offsetHeight)<100&&u&&u()},endComponent:s(_r,{creatingLabel:i,renderCreatingModal:r})},{children:[e.map((function(n,e){return s(Or,{option:n,renderOption:t,handleSelect:p,index:e},e)})),d&&s(Ur,{height:"auto"})]}))}var Tr,Dr,Lr=c(fe)(Tr||(Tr=Cn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Ur=c(wr)(Dr||(Dr=Cn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function Br(n){var t,a=n.renderOption,l=n.options,c=n.name,p=n.hideName,u=n.form,s=n.isLoading,h=n.onSelectItem,m=n.handleScrollEnd,f=n.onSearchItem,x=n.isLabelLoading,g=n.disabled,b=n.creatingLabel,v=n.renderCreatingModal,y=n.endComponent,k=n.inputRef,_=n.onOpen,C=kn(n,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),S=r(!1),z=S[0],I=S[1],P=i(null);p&&u.register(p);var M=function(){g||I(!0)},N=function(){I(!1)};e((function(){_&&_(z)}),[z]);var O=U(P,k);return d(Wr,{children:[x&&o(Ar,{children:o(wr,{height:"100%"})}),o(Er,{renderOption:a,options:l,inputRef:{current:null===(t=P.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:z,handleCloseDropdown:N,handleSelect:function(n){var e;h(n),N(),(null===(e=u.getFieldState(c).error)||void 0===e?void 0:e.message)&&u.clearErrors(c)},isLoading:s,handleScrollEnd:m,creatingLabel:b,renderCreatingModal:v,input:o(Hr,yn({form:u,onInput:function(n){f&&(f(n.target.value),p&&u.setValue(p,null)),!n.target.value&&p&&(p&&u.setValue(p,null),u.setValue(c,null),h(null)),M()},onFocus:M,name:c,disabled:g,ref:O,isDropdownOpen:z,autoComplete:"off"},C,{endIcon:!g&&d(w,yn({container:!0,alignItems:"center",onClick:function(){I((function(n){return!n}))}},{children:[o(T,yn({mr:2},{children:y})),C.endIcon||!g&&o(Jr,{width:12,height:13,css:[z&&{transform:"rotate(180deg)"}]})]}))}))})]})}var Fr,Kr,Rr,Vr,Ar=c.div(Fr||(Fr=Cn(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),Wr=c.div(Kr||(Kr=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),Hr=c($t)(Rr||(Rr=Cn(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Jr=c(H)(Vr||(Vr=Cn(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function Yr(n){var e=n.label;return s(Gr,{children:s(f,yn({size:"s",weight:500},{children:e}))})}var qr,Gr=c.div(qr||(qr=Cn(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),x.palette.background.light2);function $r(n){var t,a,o=n.file,d=n.onDelete,l=n.onChange,c=n.index,p=n.selectedFile,u=n.setSelectedFile,x=n.limitTitle,b=void 0===x?100:x,v=n.icon,w=n.subtitle,y=n.disabled,k=n.error,_=n.className,C=n.label,S=n.endIcon,z=kn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),I=String(null===(a=(null==o?void 0:o.title)||(null==o?void 0:o.name)||(null===(t=null==o?void 0:o.file)||void 0===t?void 0:t.name)||C)||void 0===a?void 0:a.replace(/\.[^/.]+$/,"")),P=r(I),M=P[0],N=P[1],O=r(!1),j=O[0],E=O[1],D=i(null);e((function(){var n;j&&(null===(n=D.current)||void 0===n||n.focus()),!j&&I!==M&&l&&l(M,c)}),[j]);return h(m,{children:[h(ua,yn({selected:(null!=p?p:-1)===c,error:b&&M.length>b||!!k,onClick:function(){u&&u(null!=c?c:1)},disabled:!!y,className:"FileWrapper ".concat(_||"")},z,{children:[s(sa,yn({className:"FileIcon_wrapper"},{children:v||s(en,{})})),h(ma,yn({className:"FileContent_wrapper"},{children:[h(ga,{children:[s(vn,yn({href:o.url,openInNewWindow:!0},{children:s(xa,{children:M})})),s(fa,{"data-testid":"file_name",ref:D,disabled:!j,value:M,onChange:function(n){N(n.target.value)},onBlur:function(){E(!1)},maxLength:100})]}),w||String(o.size)&&h(f,yn({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),h(ha,yn({className:"FileButtons_wrapper"},{children:[S,!y&&l&&s(g,yn({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){E((function(n){return!n}))}},{children:j?s(Z,{}):s(tn,{width:18,height:18})})),d&&!y&&s(g,yn({isCircle:!0,"data-testid":"delete_file_btn",size:"xs",variant:"transparentLight",onClick:function(){var n;d&&d(null!==(n=o.index)&&void 0!==n?n:1,Number(c))}},{children:s(rn,{width:16,height:16})}))]}))]})),(b&&M.length>b||k)&&s(T,yn({mb:1},{children:s(f,yn({size:"xs",colorGroup:"red",weight:500},{children:k||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var Qr,Xr,Zr,na,ea,ta,ia,ra,aa,oa,da,la,ca,pa,ua=c.div(Zr||(Zr=Cn(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?x.palette.brand.main:x.palette.grey.fifteenB}),(function(n){return n.disabled&&p(Xr||(Xr=Cn(["\n background: ",";\n "],["\n background: ",";\n "])),x.palette.background.light1)}),(function(n){return n.error&&p(Qr||(Qr=Cn(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),x.palette.red.seventy)})),sa=c.div(na||(na=Cn(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),x.palette.brand.light),ha=c.div(ea||(ea=Cn(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),x.palette.grey.thirty),ma=c.div(ta||(ta=Cn(["\n width: calc(\n 100% -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(\n 100% -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),fa=c.input(ia||(ia=Cn(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),x.palette.grey.seventy,x.palette.brand.main),xa=c.span(ra||(ra=Cn(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),ga=c.div(aa||(aa=Cn(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),ba=t((function(n,t){var a,o,d=n.form,l=n.name,c=n.parentName,p=n.label,u=n.disabled,x=n.withEdit,g=void 0===x||x,b=n.withDelete,v=void 0===b||b,y=n.fileName,k=n.onChange,_=n.isRequired,C=n.uploadLabel,S=n.toBigTitleMessage,z=n.endIcon,I=kn(n,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon"]),P=r(!1),M=P[0],N=P[1],O=r(),E=O[0],T=O[1],D=r(""),L=D[0],U=D[1],B=i(null),F=on({control:d.control,name:l}),K=F.field,R=F.fieldState,V=on({control:d.control,name:c||l}).field,A=(E instanceof File?E.name:(null===(a=null==E?void 0:E.uploaded)||void 0===a?void 0:a.name)||(null==E?void 0:E.name)||"").split(".").pop(),W=function(n,e,t,i){var r,a;return n||e?n instanceof File?{file:n,url:URL.createObjectURL(n),size:Math.round(n.size/1048576*100)/100,name:t?"".concat(t,".").concat(i):null==n?void 0:n.name}:{file:n,url:(null===(r=null==n?void 0:n.uploaded)||void 0===r?void 0:r.url)||e,size:(null==n?void 0:n.size)?Math.round(n.size/1048576*100)/100:null,name:t&&i?"".concat(t,".").concat(i):(null===(a=null==n?void 0:n.uploaded)||void 0===a?void 0:a.name)||(null==n?void 0:n.name)}:null}(E,L,y,A),H=E&&"url"in E?E:W,J=null===(o=R.error)||void 0===o?void 0:o.message;e((function(){"string"==typeof K.value&&U(K.value),"object"==typeof K.value&&T(K.value),K.value||U(""),N(!0)}),[K.value]),e((function(){var n,e,t=Number((null==y?void 0:y.length)||(null===(n=null==E?void 0:E.uploaded)||void 0===n?void 0:n.name)||(null===(e=null==E?void 0:E.name)||void 0===e?void 0:e.length))>100;M&&!L&&K.onChange({target:{value:E,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:S||"The file name must be less than 100 characters"}):d.clearErrors(l)}),[E]);return h(va,{children:[s(ya,yn({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];T(e),k&&k(e)}else T(void 0)}},I,{ref:function(n){t&&(t.current=n),B.current=n}})),H?s($r,{file:H,onDelete:v&&function(){E&&B.current&&(B.current.value=""),T(void 0),U(""),c?V.onChange({target:{value:null,name:c},type:"change"}):K.onChange({target:{value:null,name:l},type:"change"}),k&&k(null)},onChange:g&&function(n){var e,t=d.getValues(l),i="".concat(n,".").concat(A);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:yn(yn({},t.uploaded),{name:n})}:new File([t],i,{type:t.type}),T(e)},error:J,disabled:u,label:p,endIcon:z}):h(m,{children:[h(wa,yn({error:!!J,disabled:u,container:!0,justify:"space-between",alignItems:"center"},{children:[s(ka,yn({item:!0},{children:h(f,yn({size:"s",color:"fiftyP"},{children:[p,_?" *":""]}))})),s(w,yn({item:!0},{children:s(_a,yn({disabled:u,size:"s",onClick:function(){B.current&&B.current.click()}},{children:C||"Upload"}))}))]})),J&&s(j,{variant:"error",msg:J})]})]})})),va=c.div(oa||(oa=Cn(["\n position: relative;\n"],["\n position: relative;\n"]))),wa=c(w)(da||(da=Cn(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?x.palette.red.fiftyP:x.palette.grey.fifteenB}),(function(n){return n.disabled?x.palette.background.light1:x.palette.grey.zero})),ya=c.input(la||(la=Cn(["\n display: none;\n"],["\n display: none;\n"]))),ka=c(w)(ca||(ca=Cn(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),_a=c(g)(pa||(pa=Cn(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ca=t((function(n,e){var t=n.form,i=n.name,r=n.label,a=n.labelProps,o=kn(n,["form","name","label","labelProps"]);return s(dn,{control:t.control,name:String(i),render:function(n){var e,t=n.field,i=n.fieldState;return s(N,yn({},o,t,{error:null===(e=i.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),o.onChange&&o.onChange(n)}(n,t)},label:"string"==typeof r?s(f,yn({},a,{children:r})):r}))}})}));function Sa(n){var e=n.title,t=n.options,i=n.form;n.name;var r=kn(n,["title","options","form","name"]);return h(Ma,yn({container:!0,alignItems:"center",justify:"space-between"},{children:[s(w,yn({item:!0},{children:s(f,yn({size:"s",weight:500,color:"fiftyP"},{children:e}))})),s(w,yn({item:!0},{children:s(w,yn({container:!0},{children:t.map((function(n){return s(Pa,yn({name:n.name,label:s(f,yn({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:i,testId:n.name},r),n.name)}))}))}))]}))}var za,Ia,Pa=c(Ca)(za||(za=Cn(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Ma=c(w)(Ia||(Ia=Cn(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),x.palette.grey.fifteenB),Na={mapKey:""},Oa=[],ja=function(){return yn({},Na)},Ea=function(n){Na=yn(yn({},Na),n),Oa.forEach((function(n){return n(Na)}))},Ta=function(n){Oa.push(n)},Da=function(n){var e=Oa.indexOf(n);-1!==e&&Oa.splice(e,1)};function La(n){var t=n.children,i=r(!1),a=i[0],o=i[1],d=r("LOADING"),l=d[0],c=d[1],p=r(ja().mapKey),u=p[0],h=p[1];return e((function(){var n=function(n){return h(n.mapKey)};return Ta(n),function(){Da(n)}}),[]),e((function(){if(!a&&u){var n=new wn({apiKey:u,libraries:["places"],language:"ru"}),e=function(n){c(n)};e("LOADING"),n.load().then((function(){return e("SUCCESS")}),(function(){return e("FAILURE")}))}return function(){return o(!0)}}),[u]),u?"SUCCESS"===l&&t?s(m,{children:t}):(function(n){"LOADING"===n?s(wr,{height:"100%"}):"FAILURE"===n?s("h3",{children:n}):s("div",{})}(l),s(m,{})):s("h2",{children:"Add google key"})}var Ua=function(n){var e=n.dependentInputName,t=n.form,i=n.disabled,r=n.Input,a=kn(n,["dependentInputName","form","disabled","Input"]),o=ln({control:t.control,name:e}),d=yn({form:t,disabled:i||!o},a);return s(r||$t,yn({},d))},Ba=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},Fa=function(n){switch(n){case"everybody":return{tenant:!0,landlord:!0};case"landlord":return{tenant:!1,landlord:!0};case"tenant":return{tenant:!0,landlord:!1};default:return{tenant:!1,landlord:!1}}};export{Yr as AutocompleteOption,Zn as Avatar,Xi as ButtonSelect,de as ButtonTab,pe as ButtonsPanel,It as CalendarHeaderWithSelect,Mt as CalendarStandardContainer,Ot as CalendarStandardHeader,Sa as CheckboxGroupWithTitle,Ca as CheckboxWithController,Ua as DependentInput,Vt as DesktopInputWithMonthPicker,Yt as DesktopMenuPanel,fe as InputDropdown,ba as InputFile,Dt as InputForDatepicker,or as InputMultiSelect,li as InputPassword,Ti as InputPhoneWithForm,yt as InputSelect,_e as InputSelectBase,we as InputSelectDropdown,nr as InputSelectWithController,pi as InputTextAreaMobile,Br as InputWithAutocomplete,$t as InputWithController,gi as InputWithDatePicker,Gt as InputWithMask,Ii as InputWithMonthPicker,wr as Loading,La as MapWrapper,Wt as MenuItem,Ni as MenuPanel,Ci as MobileInputWithMonthPicker,Pi as MobileMenuPanel,Ut as MonthPickerContainer,Ft as MonthPickerHeader,ni as PassportStrengthBar,dr as RadioButtons,lr as RadioButtonsWithController,cr as RadioGroupWithLabel,he as ScrollingContainer,zt as SelectMonth,_t as SelectYear,Ei as Switch,Di as Table,Bi as TableCell,Ui as TableHeadCell,Fi as TableRow,Yi as Tooltip,Qn as UndefinedAvatar,di as getFormError,oi as getFormValue,ja as getSettings,Ba as getVisibility,Fa as getVisibilitySettings,Ea as setSettings,ki as shortMonths,Ta as subscribeToSettings,Da as unsubscribeFromSettings,$n as useScrollWithBottomSpacing};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kui-complex",
3
- "version": "0.0.176",
3
+ "version": "0.0.178",
4
4
  "description": "ui kit for maroom products",
5
5
  "main": "./cjs/index.js",
6
6
  "types": "./index.d.ts",