kui-complex 0.0.183 → 0.0.185
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.js +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react-datepicker/dist/react-datepicker.css");var n=require("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),P=w(f),R=y(g),E=function(){return E=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},E.apply(this,arguments)};function z(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function M(n,e,t,r){return new(t||(t=Promise))((function(i,a){function o(n){try{l(r.next(n))}catch(n){a(n)}}function d(n){try{l(r.throw(n))}catch(n){a(n)}}function l(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,d)}l((r=r.apply(n,e||[])).next())}))}function T(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:d(0),throw:d(1),return:d(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function d(a){return function(d){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,d])}}}function O(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 D(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var N,B,L,F,W,A,G,U,K,V,q,H,Y,J,Q,$,X,Z,nn,en,tn,rn,an,on,dn,ln=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)}}}),O([t],a||[],!0))},sn=n.forwardRef((function(n,e){var t=n.label,r=z(n,["label"]);if(!t)return a.jsx("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return a.jsx(cn,E({"data-testid":"undefined_avatar",ref:e},{children:a.jsx(o.Caption,E({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),cn=C.default.div(N||(N=D(["\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),pn=n.forwardRef((function(n,e){var r=n.size,i=n.fullName,a=n.imageUrl,o=z(n,["size","fullName","imageUrl"]);return t.jsx(un,E({css:fn[r],ref:e},o,{children:a?t.jsx(hn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):t.jsx(xn,{label:i,avatarSize:r})}))})),un=C.default.div(B||(B=D(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),hn=C.default.img(L||(L=D(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),xn=C.default(sn,{shouldForwardProp:function(n){return"size"!==n}})(W||(W=D(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&i.css(F||(F=D(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),fn={xs:i.css(A||(A=D(["\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(G||(G=D(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:i.css(U||(U=D(["\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(K||(K=D(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},mn=n.forwardRef((function(n,e){var r=n.index,i=n.onClick,a=n.isActive,o=n.label,d=n.disabled;return t.jsx(gn,E({disabled:d,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&bn,size:"s",ref:e,className:S.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),gn=C.default(o.Button)(V||(V=D(["\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"]))),bn=i.css(q||(q=D(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),o.theme.palette.grey.seventy),vn=n.forwardRef((function(n,e){var r=n.renderTabWrapper,i=n.label,a=z(n,["renderTabWrapper","label"]);return r?r(i,t.jsx(mn,E({ref:e,label:i},a))):t.jsx(mn,E({ref:e,label:i},a))})),wn=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,E({className:"KUI-ButtonTabs"},{children:[t,a.jsx(yn,E({},{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(vn,{index:e,onClick:p,isActive:e===s,label:n,renderTabWrapper:d},n)}))})),r]}))},yn=C.default(_.default)(H||(H=D(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),kn=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=z(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(Cn,E({css:s&&{position:"sticky"},ref:r},f,{children:t.jsx(wn,{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(jn,E({role:"tabpanel"},{children:a[b]}))]})})),jn=C.default.div(Y||(Y=D(["\n height: 100%;\n"],["\n height: 100%;\n"]))),Cn=C.default.div(J||(J=D(["\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),_n=n.forwardRef((function(e,t){var r=e.onScrollEnd,i=e.maxHeight,o=e.onScrollChange,d=z(e,["onScrollEnd","maxHeight","onScrollChange"]),l=n.useRef(null),s=n.useState(!1),c=s[0],p=s[1];ln(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(Sn,E({isScrollable:c,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),l.current=n}},d))})),Sn=C.default.div(Q||(Q=D(["\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),In=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=z(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(Pn,E({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(Rn,E({"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(En,E({isScrollable:h},{children:a.jsx(zn,E({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),Pn=C.default(o.Tooltip)($||($=D(["\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"]))),Rn=C.default(o.Grid)(X||(X=D(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),En=C.default.div(Z||(Z=D(["\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(_n)(nn||(nn=D(["\n width: 100%;\n"],["\n width: 100%;\n"]))),Mn=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(On,E({input:t,buttonRef:i,isOpen:o,handleClose:d,ref:e},{children:r.map((function(n,e){return a.jsx(Tn,E({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)}))}))})),Tn=C.default.div(en||(en=D(["\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})),On=C.default(In)(tn||(tn=D(["\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"]))),Dn=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=z(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(Nn,{children:[t.jsx("input",{name:o,autoComplete:"off",hidden:!0}),t.jsx(Mn,{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(Bn,E({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(Fn,E({container:!0,alignItems:"center"},{children:[!l&&t.jsx(Ln,E({width:12,height:13,css:[{transition:"all linear .2s"},b&&{transform:"rotate(180deg)"}]},c)),f]}))}))})]})})),Nn=C.default.div(rn||(rn=D(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Bn=C.default(o.InputWithAdornments)(an||(an=D(["\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"]))),Ln=C.default(c.HalfArrowIcon)(on||(on=D(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Fn=C.default(o.Grid)(dn||(dn=D(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Wn(n){var e=n.option,t=n.selectedValue;return a.jsx(Me,E({selected:t===e.value},{children:a.jsx(o.Caption,E({size:"sm",weight:500},{children:e.label}))}))}var An,Gn,Un,Kn,Vn,qn,Hn,Yn,Jn,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,Pe,Re,Ee,ze,Me=C.default.div(An||(An=D(["\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),Te=n.forwardRef((function(e,t){var r,i=e.options,o=e.name,d=e.handleChange;e.form;var l=e.value,s=z(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(Dn,E({options:i,handleChange:function(n){u(n.value),d&&d(n.value,n)},selectedLabel:h,selectedValue:p,name:o,renderOption:function(n,e){return a.jsx(Wn,{option:n,selectedValue:e})},ref:t},s))})),Oe=function(n,e,t){return e&&n<e||t&&n>t},De=n.forwardRef((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,o=z(n,["yearOptions","options","min","max"]),d=t.map((function(n){return E(E({},n),{disabled:Oe(Number(n.value),r,i)})}));return a.jsx(Te,E({ref:e,label:"Year",options:d},o))})),Ne=function(n,e,t){return e&&n<e||t&&n>=t},Be=[{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"}],Le=n.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var i=z(n,["min","max","options"]),o=Be.map((function(n){return E(E({},n),{disabled:Ne(n.value,t,r)})}));return a.jsx(Te,E({ref:e,label:"Month",options:o},i))})),Fe=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(We,E({ref:e},{children:a.jsxs(o.Grid,E({container:!0,spacing:2},{children:[a.jsx(o.Grid,E({item:!0,xs:6},{children:a.jsx(De,{min:null==s?void 0:s.year,max:null==l?void 0:l.year,yearOptions:d,value:c,handleChange:r})})),a.jsx(o.Grid,E({item:!0,xs:6},{children:a.jsx(Le,{min:Number(null==s?void 0:s.year)>=c&&u,max:Number(null==l?void 0:l.year)<=c&&h,value:p,handleChange:t})}))]}))}))})),We=C.default.div(Gn||(Gn=D(["\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"]))),Ae=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return a.jsx(Ge,E({ref:e},t))})),Ge=C.default.div(Un||(Un=D(['\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),Ue=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(Ke,E({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,E({item:!0},{children:a.jsx(Ve,E({size:"h4"},{children:s}))})),a.jsx(o.Grid,E({item:!0},{children:a.jsxs(o.Grid,E({container:!0,spacing:2},{children:[a.jsx(o.Grid,E({item:!0},{children:a.jsx(qe,E({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,E({item:!0},{children:a.jsx(qe,E({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:a.jsx(c.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),Ke=C.default(o.Grid)(Kn||(Kn=D(["\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"]))),Ve=C.default(o.Heading)(Vn||(Vn=D(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),qe=C.default(o.Button)(qn||(qn=D(["\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"]))),He=n.forwardRef((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,d=n.startIcon,l=z(n,["onClick","disabled","handleClick","startIcon"]),s=function(){r||(i?i():t())},p=function(){return a.jsx(Ye,E({disabled:r,onClick:s},{children:d||a.jsx(c.CalendarIcon,{width:19,height:21})}))};return a.jsx(o.InputWithMask,E({disabled:r,endIcon:!d&&a.jsx(p,{}),startIcon:d&&a.jsx(p,{})},l,{ref:e}))})),Ye=C.default.div(Hn||(Hn=D(["\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"})),Je=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=z(n,["arrowProps","showPopperArrow"]);return a.jsx(Qe,E({ref:e},t))})),Qe=C.default.div(Yn||(Yn=D(["\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),$e=n.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,d=n.prevYearButtonDisabled,l=n.date;return a.jsxs(Ze,E({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,E({item:!0},{children:a.jsx(Xe,E({disabled:d,onClick:t,type:"button"},{children:a.jsx(c.ArrowBackIcon,{width:14,height:12})}))})),a.jsx(o.Grid,E({item:!0},{children:a.jsx(o.Caption,E({size:"sm",weight:600},{children:l.getFullYear()}))})),a.jsx(o.Grid,E({item:!0},{children:a.jsx(Xe,E({disabled:i,onClick:r,type:"button"},{children:a.jsx(c.ArrowNextIcon,{width:14,height:12})}))}))]}))})),Xe=C.default(o.IconButton)(Jn||(Jn=D(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Ze=C.default(o.Grid)(Qn||(Qn=D(["\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"]))),nt=n.forwardRef((function(e,t){var r,i=e.name,o=e.form,d=e.disabled,l=e.datePickerProps,s=e.onChange,c=z(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(et,E({ref:t},{children:a.jsx(I.default,E({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:d,customInput:a.jsx(He,E({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:Je,renderCustomHeader:function(n){return a.jsx($e,E({},n))}},l))}))})),et=C.default.div($n||($n=D(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),tt=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,E({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){c||l(d)}},{children:t.jsx(rt,E({ref:r},{children:t.jsx(o.Button,E({variant:Number(a)===d?"orange":"transparentWithBorder",size:"xs",css:Number(a)!==d&&it},{children:i}))}))}))})),rt=C.default.div(Xn||(Xn=D(["\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"]))),it=i.css(Zn||(Zn=D(["\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),at=n.forwardRef((function(n,e){var r=n.tabs,i=n.variant,a=z(n,["tabs","variant"]);return t.jsx(ot,E({container:!0,css:"white"===i&&{background:"white"},ref:e},{children:r.map((function(n,e){return t.jsx(o.Grid,E({item:!0},{children:t.jsx(tt,E({tab:n,index:e,offset:-121},a),n)}),e)}))}))})),ot=C.default(o.Grid)(ne||(ne=D(["\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),dt=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,d=z(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,E({message:l(r)},t,d,{onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},inputRef:e}))}})})),lt=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.error,d=n.value,l=n.type,s=z(n,["form","name","error","value","type"]),c=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return a.jsx(u.Controller,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return a.jsx(o.InputWithAdornments,E({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(E(E({},n),{target:E(E({},n.target),{value:r})})),s.onChange&&s.onChange(n)}(n,t)},type:l,value:null!=d?d:t.value,inputRef:e}))}})})),st={weak:0,simple:1,medium:2,hard:3},ct={weak:o.theme.palette.red.fiftyP,simple:o.theme.palette.brand.main,medium:o.theme.palette.blue.fiftyP,hard:o.theme.palette.green.fiftyP},pt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ut=n.forwardRef((function(n,e){var r=n.strength,i=r?ct[r]:"",a=r?st[r]:-1;return t.jsxs(ht,E({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:e},{children:[t.jsx(xt,{children:Object.keys(st).map((function(n,e){return t.jsx(ft,{children:t.jsx(mt,{"data-testid":"progress_item_".concat(n),value:a>=e?100:0,color:i})},n)}))}),t.jsx(o.Caption,E({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:r&&pt[r]})),t.jsx(gt,E({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),ht=C.default.div(ee||(ee=D(["\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=C.default.div(te||(te=D(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),ft=C.default.div(re||(re=D(["\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"]))),mt=C.default(o.LinearProgress)(ie||(ie=D(["\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})),gt=C.default(o.Caption)(ae||(ae=D(["\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"]))),bt=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},vt=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=bt(t,n);"string"==typeof r&&u(r)}),[]),a.jsxs(a.Fragment,{children:[a.jsx(lt,E({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(wt,E({"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(ut,{strength:s})]})})),wt=C.default.div(oe||(oe=D(["\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"]))),yt=n.forwardRef((function(n){return a.jsxs(a.Fragment,{children:[a.jsx(kt,{children:a.jsx(lt,E({},n))}),a.jsx(jt,{children:a.jsx(lt,E({isTextArea:!0},n))})]})})),kt=C.default.div(de||(de=D(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),jt=C.default.div(le||(le=D(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),Ct=n.forwardRef((function(n,e){var t=n.label,r=n.button,i=z(n,["label","button"]);return a.jsxs(_t,E({ref:e},{children:[a.jsx(o.Divider,{}),a.jsx(St,{children:r||a.jsx(It,E({fullWidth:!0,size:"s",endIcon:a.jsx(c.CheckIcon,{})},i,{children:t}))})]}))})),_t=C.default.div(se||(se=D(["\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),St=C.default.div(ce||(ce=D(["\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"]))),It=C.default(o.Button)(pe||(pe=D(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),Pt=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=z(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,P=S?S.toFormat("dd.MM.yyyy"):"",R=S?S.toJSDate():null,M=d.useToggle(),T=M[0],O=M[1],D=M[2],N=n.useState(R),B=N[0],L=N[1],F=n.useState(P),W=F[0],A=F[1],G=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),U=d.useForkRef(r,C.ref);n.useEffect((function(){A(P)}),[P]);return t.jsxs(t.Fragment,{children:[t.jsx(He,E({mask:"00.00.0000",name:l,handleClick:O,value:W,onChange:function(n){var e=n.target.value;if(A(e),0!==e.length&&d.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"dd.MM.yyyy");L(t.toJSDate()),null==C||C.onChange({target:{value:t,name:l},type:"change"}),h&&h(t)}else L(null),null==C||C.onChange({target:{value:null,name:l},type:"change"}),h&&h(null)},disabled:c,message:_,ref:U},y)),t.jsxs(Mt,E({title:a,description:o,isOpen:T,handleClose:D,alignTitle:w},{children:[t.jsx(Rt,{children:t.jsx(I.default,E({inline:!0,selected:B||R,onChange:function(n){L(n)},calendarContainer:Et,renderCustomHeader:function(n){return t.jsx(Fe,E({yearOptions:G,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(Ct,{fullWidth:!0,disabled:!R&&!B,onClick:function(){if(B){var n=x.DateTime.fromJSDate(B);A(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:l},type:"change"}),h&&h(n),D()}},label:g})]}))]})})),Rt=C.default.div(ue||(ue=D(["\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"]))),Et=C.default(Ae)(he||(he=D(["\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(xe||(xe=D(["\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"]))),Mt=C.default(o.Modal)(fe||(fe=D(["\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"})),Tt=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],Ot=E(E({},P.default),{localize:{month:function(n){return Tt[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Dt=n.forwardRef((function(e,t){var r,i=e.title,l=e.name,s=e.form,c=e.disabled,p=e.datePickerProps,h=z(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],P=_[1];return a.jsxs(Nt,E({ref:t},{children:[a.jsx(He,E({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();P(t),null==m||m.onChange({target:{value:t,name:l},type:"change"})}else P(null),null==m||m.onChange({target:{value:null,name:l},type:"change"})},disabled:c,message:g,isLabelShrink:Boolean(m.value)},h)),a.jsxs(o.Modal,E({title:i,isOpen:v,handleClose:y},{children:[a.jsx(Bt,{children:a.jsx(I.default,E({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:S,onChange:function(n){return P(n)},locale:Ot,calendarContainer:Je,renderCustomHeader:function(n){return a.jsx($e,E({},n))}},p))}),a.jsx(Ct,{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:"Подтвердить"})]}))]}))})),Nt=C.default.div(me||(me=D(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Bt=C.default.div(ge||(ge=D(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Lt=n.forwardRef((function(e,r){var i=e.tabs,a=e.handleClick,o=e.variant,d=z(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(Ft,E({css:"white"===o&&{background:"white"},ref:r},{children:t.jsx(_.default,E({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:i.map((function(n,e){return t.jsx(tt,E({tab:n,index:e,handleClick:s,offset:-121},d),n)}))}))}))})),Ft=C.default.div(be||(be=D(["\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),Wt=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",E({ref:r},{children:[p>765?t.jsx(at,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}):t.jsx(Lt,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}),a.map((function(n,e){return t.jsx("div",E({css:e===a.length-1&&At},{children:t.jsx(Gt,E({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),At=i.css(ve||(ve=D(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Gt=C.default(h.Element)(we||(we=D(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Ut=n.forwardRef((function(n,e){var r=n.form,i=n.name,a=z(n,["form","name"]);return t.jsx(u.Controller,{control:null==r?void 0:r.control,name:i,render:function(n){var r=n.field;return t.jsx(o.Switch,E({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:e,name:i},a))}})})),Kt=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=z(n,["form","name","hiddenInputProps","error"]),h=u.useController({control:r.control,name:"".concat(l,".phoneCode"),defaultValue:"7"}),x=u.useController({control:r.control,name:"".concat(l,".phoneNumber")}),f=void 0!==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,E({message:f,hiddenInputProps:E(E({},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"}))})),Vt=n.forwardRef((function(n,e){return a.jsx(qt,E({cellSpacing:"0",ref:e},n))})),qt=C.default.table(ye||(ye=D(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Ht=C.default.th(ke||(ke=D(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Yt=C.default.td(je||(je=D(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Jt=n.forwardRef((function(n,e){var t=n.children,r=z(n,["children"]),i=k.Children.toArray(t);return a.jsx("tr",E({ref:e},{children:i.map((function(n){return k.cloneElement(n,r)}))}))})),Qt={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}},$t=n.forwardRef((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,o=n.className,d=n.style,l=z(n,["placement","open","children","spacing","className","style"]);return a.jsx(Xt,E({ref:e,className:S.default("KUI-Popper",o),spacing:i,style:d,open:!!t},{children:a.jsx(Zt,E({open:!!t},l,{children:r}))}))})),Xt=C.default.div(Ce||(Ce=D(["\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),Zt=C.default.div(_e||(_e=D(["\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})),nr=n.forwardRef((function(e,t){var r=e.placement,o=e.contentRef,d=z(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=Qt[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 R.createPortal(a.jsxs(a.Fragment,{children:[a.jsx(i.Global,{styles:i.css(Se||(Se=D(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),a.jsx($t,E({ref:function(n){t&&(t.current=n),l.current=n},style:f},d))]}),document.body)})),er=n.forwardRef((function(e,t){var r=e.placement,i=e.contentRef,o=z(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=Qt[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($t,E({ref:function(n){t&&(t.current=n),d.current=n},style:x},o))})),tr=n.forwardRef((function(e,t){var r=e.contentRef,i=z(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(er,E({ref:t,contentRef:r},i)):a.jsx(nr,E({ref:t,contentRef:r},i))})),rr=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=z(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(ar,E({className:c,onMouseLeave:function(){x(!1),o&&o()},ref:t},{children:[a.jsx(or,E({onMouseEnter:m,onTouchEnd:m,ref:f,cursor:s},{children:a.jsx(dr,E({className:"Tooltip_content"},{children:l}))})),a.jsx(tr,E({open:h},p,{contentRef:f},{children:r}))]}))})),ir=i.css(Ie||(Ie=D(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),ar=C.default.div(Pe||(Pe=D(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),ir),or=C.default.div(Re||(Re=D(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),ir,(function(n){return n.cursor})),dr=C.default.div(Ee||(Ee=D(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),ir),lr=n.forwardRef((function(n,e){var t,r=n.options,i=z(n,["options"]);return a.jsx(sr,E({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}))})),sr=C.default(Te)(ze||(ze=D(["\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),cr=n.forwardRef((function(n,e){var t,r,i=n.options,o=n.name,d=n.handleChange,l=n.form,s=n.value,c=z(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(Te,E({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 pr(n){var e=n.option,t=n.selectedValue.includes(e.value);return a.jsx(xr,E({container:!0,selected:t},{children:a.jsx(o.Checkbox,{checked:t,label:a.jsx(fr,E({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var ur,hr,xr=C.default(o.Grid)(ur||(ur=D(["\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),fr=C.default(o.Caption)(hr||(hr=D(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?o.theme.palette.grey.seventy:o.theme.palette.grey.fiftyP}));var mr=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=z(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,E({container:!0,direction:l,ref:t},{children:r.map((function(n){return a.jsx(o.Radio,E({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 gr(e){var t=e.form,r=e.name,i=e.defaultValue,o=z(e,["form","name","defaultValue"]);return n.useEffect((function(){t.getValues(r)||i||t.setValue(r,o.options[0].value)}),[]),a.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e=n.field;return a.jsx(mr,E({},o,e,{defaultValue:i,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:r},type:"change"}),o.onChange&&o.onChange(n,e)}(n,t,e)}}))}})}mr.displayName="RadioButtons";var br,vr,wr,yr,kr,jr,Cr,_r=C.default.div(br||(br=D(["\n position: relative;\n"],["\n position: relative;\n"]))),Sr=C.default(o.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(yr||(yr=D(["\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(vr||(vr=D(["\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(wr||(wr=D(["\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),Ir=C.default(o.Caption)(kr||(kr=D(["\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),Pr=n.forwardRef((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=z(n,["height","className"]);return a.jsx(Er,E({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:a.jsx(Rr,E({},i))}))})),Rr=C.default(o.CircularProgress)(jr||(jr=D(["\n color: ",";\n"],["\n color: ",";\n"])),o.theme.palette.brand.main),Er=C.default(o.Grid,{shouldForwardProp:function(n){return"height"!==n}})(Cr||(Cr=D(["\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(Nr,E({container:!0,onClick:l,alignItems:"center"},{children:[a.jsx(Br,{width:12,height:12}),a.jsx(o.Caption,E({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),a.jsx(Lr,E({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:s})}))]})}var Mr,Tr,Or,Dr,Nr=C.default(o.Grid)(Mr||(Mr=D(["\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),Br=C.default(c.PlusIcon)(Tr||(Tr=D(["\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),Lr=C.default.div(Or||(Or=D([""],[""]))),Fr=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return a.jsx(Wr,E({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Wr=C.default(o.Grid)(Dr||(Dr=D(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Ar(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(Kr,E({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(Fr,{option:n,renderOption:t,handleSelect:p,index:e},e)})),l&&a.jsx(Vr,{height:"auto"})]}))}var Gr,Ur,Kr=C.default(In)(Gr||(Gr=D(["\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"]))),Vr=C.default(Pr)(Ur||(Ur=D(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var qr,Hr,Yr,Jr,Qr=C.default.div(qr||(qr=D(["\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"]))),$r=C.default.div(Hr||(Hr=D(["\n position: relative;\n"],["\n position: relative;\n"]))),Xr=C.default(lt)(Yr||(Yr=D(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Zr=C.default(c.HalfArrowIcon)(Jr||(Jr=D(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var ni,ei=C.default.div(ni||(ni=D(["\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 ti(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=z(e,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),C=String(null===(r=(null==i?void 0:i.title)||(null==i?void 0:i.name)||(null===(t=null==i?void 0:i.file)||void 0===t?void 0:t.name)||y)||void 0===r?void 0:r.replace(/\.[^/.]+$/,"")),_=n.useState(C),S=_[0],I=_[1],P=n.useState(!1),R=P[0],M=P[1],T=n.useRef(null);n.useEffect((function(){var n;R&&(null===(n=T.current)||void 0===n||n.focus()),!R&&C!==S&&l&&l(S,s)}),[R]);return a.jsxs(a.Fragment,{children:[a.jsxs(gi,E({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(bi,E({className:"FileIcon_wrapper"},{children:f||a.jsx(c.FileIcon,{})})),a.jsxs(wi,E({withDelete:!!d,withEdit:!!l,className:"FileContent_wrapper"},{children:[a.jsxs(ji,{children:[a.jsx(b.Link,E({href:i.url,openInNewWindow:!0},{children:a.jsx(ki,{children:S})})),a.jsx(yi,{"data-testid":"file_name",ref:T,disabled:!R,value:S,onChange:function(n){I(n.target.value)},onBlur:function(){M(!1)},maxLength:100})]}),m||String(i.size)&&a.jsxs(o.Caption,E({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(i.size)," mb"]}))]})),a.jsxs(vi,E({className:"FileButtons_wrapper"},{children:[k,!g&&l&&a.jsx(o.Button,E({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){M((function(n){return!n}))}},{children:R?a.jsx(c.CheckIcon,{}):a.jsx(c.EditIcon,{width:18,height:18})})),d&&!g&&a.jsx(o.Button,E({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,E({mb:1},{children:a.jsx(o.Caption,E({size:"xs",colorGroup:"red",weight:500},{children:v||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var ri,ii,ai,oi,di,li,si,ci,pi,ui,hi,xi,fi,mi,gi=C.default.div(ai||(ai=D(["\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(ii||(ii=D(["\n background: ",";\n "],["\n background: ",";\n "])),o.theme.palette.background.light1)}),(function(n){return n.error&&i.css(ri||(ri=D(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),o.theme.palette.red.seventy)})),bi=C.default.div(oi||(oi=D(["\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),vi=C.default.div(di||(di=D(["\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),wi=C.default.div(li||(li=D(["\n width: calc(\n 100% - 48px -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(\n 100% - 48px -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),yi=C.default.input(si||(si=D(["\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),ki=C.default.span(ci||(ci=D(["\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"]))),ji=C.default.div(pi||(pi=D(["\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"]))),Ci=n.forwardRef((function(e,t){var r,i,d=e.form,l=e.name,s=e.parentName,c=e.label,p=e.disabled,h=e.withEdit,x=void 0===h||h,f=e.withDelete,m=void 0===f||f,g=e.fileName,b=e.onChange,v=e.isRequired,w=e.uploadLabel,y=e.toBigTitleMessage,k=e.endIcon,j=e.testId,C=z(e,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId"]),_=n.useState(!1),S=_[0],I=_[1],P=n.useState(),R=P[0],M=P[1],T=n.useState(""),O=T[0],D=T[1],N=n.useRef(null),B=u.useController({control:d.control,name:l}),L=B.field,F=B.fieldState,W=u.useController({control:d.control,name:s||l}).field,A=(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,O,g,A),U=R&&"url"in R?R:G,K=null===(i=F.error)||void 0===i?void 0:i.message;n.useEffect((function(){"string"==typeof L.value&&D(L.value),"object"==typeof L.value&&M(L.value),L.value||D(""),I(!0)}),[L.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;S&&!O&&L.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(_i,E({"data-testid":j},{children:[a.jsx(Ii,E({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];M(e),b&&b(e)}else M(void 0)}},C,{ref:function(n){t&&(t.current=n),N.current=n}})),U?a.jsx(ti,{file:U,onDelete:m&&function(){R&&N.current&&(N.current.value=""),M(void 0),D(""),s?W.onChange({target:{value:null,name:s},type:"change"}):L.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(A);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:E(E({},t.uploaded),{name:n})}:new File([t],r,{type:t.type}),M(e)},error:K,disabled:p,label:c,endIcon:k}):a.jsxs(a.Fragment,{children:[a.jsxs(Si,E({error:!!K,disabled:p,container:!0,justify:"space-between",alignItems:"center"},{children:[a.jsx(Pi,E({item:!0},{children:a.jsxs(o.Caption,E({size:"s",color:"fiftyP"},{children:[c,v?" *":""]}))})),a.jsx(o.Grid,E({item:!0},{children:a.jsx(Ri,E({disabled:p,size:"s",onClick:function(){N.current&&N.current.click()}},{children:w||"Upload"}))}))]})),K&&a.jsx(o.InputMessage,{variant:"error",msg:K})]})]}))})),_i=C.default.div(ui||(ui=D(["\n position: relative;\n"],["\n position: relative;\n"]))),Si=C.default(o.Grid)(hi||(hi=D(["\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})),Ii=C.default.input(xi||(xi=D(["\n display: none;\n"],["\n display: none;\n"]))),Pi=C.default(o.Grid)(fi||(fi=D(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Ri=C.default(o.Button)(mi||(mi=D(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Ei=n.forwardRef((function(n,e){var t=n.form,r=n.name,i=n.label,d=n.labelProps,l=z(n,["form","name","label","labelProps"]);return a.jsx(u.Controller,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return a.jsx(o.Checkbox,E({},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,E({},d,{children:i})):i}))}})}));var zi,Mi,Ti=C.default(Ei)(zi||(zi=D(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Oi=C.default(o.Grid)(Mi||(Mi=D(["\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),Di={mapKey:""},Ni=[],Bi=function(){return E({},Di)},Li=function(n){Ni.push(n)},Fi=function(n){var e=Ni.indexOf(n);-1!==e&&Ni.splice(e,1)};exports.AdvancedMarker=function(e){var t=e.map,r=e.position,i=e.children,a=n.useRef(null),o=n.useRef(document.createElement("div"));return n.useEffect((function(){var n,e,i;if(t&&(null===(i=null===(e=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===e?void 0:e.marker)||void 0===i?void 0:i.AdvancedMarkerElement)){var d=new google.maps.marker.AdvancedMarkerElement({map:t,position:r,content:o.current,collisionBehavior:"OPTIONAL_AND_HIDES_LOWER_PRIORITY"});return a.current=d,function(){return d.map=null}}}),[t]),n.useEffect((function(){a.current&&r&&(a.current.position=r)}),[r]),g.createPortal(i,o.current)},exports.AutocompleteOption=function(n){var e=n.label;return a.jsx(ei,{children:a.jsx(o.Caption,E({size:"s",weight:500},{children:e}))})},exports.Avatar=pn,exports.ButtonSelect=lr,exports.ButtonTab=vn,exports.ButtonsPanel=kn,exports.CalendarHeaderWithSelect=Fe,exports.CalendarStandardContainer=Ae,exports.CalendarStandardHeader=Ue,exports.CheckboxGroupWithTitle=function(n){var e=n.title,t=n.options,r=n.form;n.name;var i=z(n,["title","options","form","name"]);return a.jsxs(Oi,E({container:!0,alignItems:"center",justify:"space-between"},{children:[a.jsx(o.Grid,E({item:!0},{children:a.jsx(o.Caption,E({size:"s",weight:500,color:"fiftyP"},{children:e}))})),a.jsx(o.Grid,E({item:!0},{children:a.jsx(o.Grid,E({container:!0},{children:t.map((function(n){return a.jsx(Ti,E({name:n.name,label:a.jsx(o.Caption,E({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))},exports.CheckboxWithController=Ei,exports.DependentInput=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,o=z(n,["dependentInputName","form","disabled","Input"]),d=u.useWatch({control:t.control,name:e}),l=E({form:t,disabled:r||!d},o);return i?a.jsx(i,E({},l)):a.jsx(lt,E({},l))},exports.DesktopInputWithMonthPicker=nt,exports.DesktopMenuPanel=at,exports.InputDropdown=In,exports.InputFile=Ci,exports.InputForDatepicker=He,exports.InputMultiSelect=function(e){var t,r,i=e.options,o=e.name,d=e.handleChange,l=e.form,s=e.value,c=z(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(Dn,E({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 O(O([],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(pr,{option:n,selectedValue:e})}},c))},exports.InputPassword=vt,exports.InputPhoneWithForm=Kt,exports.InputSelect=Te,exports.InputSelectBase=Dn,exports.InputSelectDropdown=Mn,exports.InputSelectWithController=cr,exports.InputTextAreaMobile=yt,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=z(e,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),j=n.useState(!1),C=j[0],_=j[1],S=n.useRef(null);s&&c.register(s);var I=function(){m||_(!0)},P=function(){_(!1)};n.useEffect((function(){y&&y(C)}),[C]);var R=d.useForkRef(S,w);return t.jsxs($r,{children:[f&&t.jsx(Qr,{children:t.jsx(Pr,{height:"100%"})}),t.jsx(Ar,{renderOption:i,options:a,inputRef:{current:null===(r=S.current)||void 0===r?void 0:r.parentElement},isOpenDropdown:C,handleCloseDropdown:P,handleSelect:function(n){var e;u(n),P(),(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(Xr,E({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&&t.jsxs(o.Grid,E({container:!0,alignItems:"center",onClick:function(){_((function(n){return!n}))}},{children:[t.jsx(o.Box,E({mr:2},{children:v})),k.endIcon||!m&&t.jsx(Zr,{width:12,height:13,css:[C&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=lt,exports.InputWithDatePicker=Pt,exports.InputWithMask=dt,exports.InputWithMonthPicker=function(n){return a.jsxs(a.Fragment,{children:[a.jsx(nt,E({},n)),a.jsx(Dt,E({},n))]})},exports.Loading=Pr,exports.MapWrapper=function(e){var t=this,r=e.children,i=e.onInit,o=e.mapKey,d=n.useState(!1),l=d[0],s=d[1],c=n.useState("LOADING"),p=c[0],u=c[1],h=n.useState(o||Bi().mapKey),x=h[0],f=h[1];return n.useEffect((function(){var n=function(n){return f(n.mapKey)};return o||Li(n),function(){Fi(n)}}),[]),n.useEffect((function(){return M(t,void 0,void 0,(function(){return T(this,(function(n){switch(n.label){case 0:if(l||!process.env.REACT_APP_MAP_KEY)return[3,4];u("LOADING"),n.label=1;case 1:return n.trys.push([1,3,,4]),v.setOptions({key:process.env.REACT_APP_MAP_KEY,language:"ru"}),[4,Promise.allSettled(O([v.importLibrary("core"),v.importLibrary("maps"),v.importLibrary("places"),v.importLibrary("marker")],i?[i()]:[],!0))];case 2:return n.sent(),u("SUCCESS"),[3,4];case 3:return n.sent(),u("FAILURE"),[3,4];case 4:return[2]}}))})),function(){return s(!0)}}),[x]),x?"SUCCESS"===p&&r?a.jsx(a.Fragment,{children:r}):(function(n){"LOADING"===n?a.jsx(Pr,{height:"100%"}):"FAILURE"===n?a.jsx("h3",{children:n}):a.jsx("div",{})}(p),a.jsx(a.Fragment,{})):a.jsx("h2",{children:"Add google key"})},exports.MenuItem=tt,exports.MenuPanel=Wt,exports.MobileInputWithMonthPicker=Dt,exports.MobileMenuPanel=Lt,exports.MonthPickerContainer=Je,exports.MonthPickerHeader=$e,exports.PassportStrengthBar=ut,exports.RadioButtons=mr,exports.RadioButtonsWithController=gr,exports.RadioGroupWithLabel=function(n){var e,t=n.title,r=n.className,i=n.direction,d=n.form,l=n.name,s=z(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(_r,{children:[a.jsxs(Sr,E({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(Ir,E({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),a.jsx(o.Grid,E({item:!0,xs:"vertical"===i?12:"auto"},{children:a.jsx(gr,E({form:d,name:l},s))}))]})),c&&a.jsx(o.InputMessage,{variant:"error",msg:c})]})},exports.ScrollingContainer=_n,exports.SelectMonth=Le,exports.SelectYear=De,exports.Switch=Ut,exports.Table=Vt,exports.TableCell=Yt,exports.TableHeadCell=Ht,exports.TableRow=Jt,exports.Tooltip=rr,exports.UndefinedAvatar=sn,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=bt,exports.getSettings=Bi,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){Di=E(E({},Di),n),Ni.forEach((function(n){return n(Di)}))},exports.shortMonths=Tt,exports.subscribeToSettings=Li,exports.unsubscribeFromSettings=Fi,exports.useScrollWithBottomSpacing=ln;
|
|
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),P=y(g),z=function(){return z=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},z.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,r){return new(t||(t=Promise))((function(i,a){function o(n){try{l(r.next(n))}catch(n){a(n)}}function d(n){try{l(r.throw(n))}catch(n){a(n)}}function l(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,d)}l((r=r.apply(n,e||[])).next())}))}function O(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:d(0),throw:d(1),return:d(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function d(a){return function(d){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,d])}}}function T(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function D(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var N,B,L,F,W,A,G,U,K,V,q,H,Y,J,Q,$,X,Z,nn,en,tn,rn,an,on,dn,ln=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)}}}),T([t],a||[],!0))},sn=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(cn,z({"data-testid":"undefined_avatar",ref:e},{children:a.jsx(o.Caption,z({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),cn=C.default.div(N||(N=D(["\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),pn=n.forwardRef((function(n,e){var r=n.size,i=n.fullName,a=n.imageUrl,o=E(n,["size","fullName","imageUrl"]);return t.jsx(un,z({css:fn[r],ref:e},o,{children:a?t.jsx(hn,{"data-testid":"avatar_image",src:a,alt:"avatar"}):t.jsx(xn,{label:i,avatarSize:r})}))})),un=C.default.div(B||(B=D(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),hn=C.default.img(L||(L=D(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),xn=C.default(sn,{shouldForwardProp:function(n){return"size"!==n}})(W||(W=D(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&i.css(F||(F=D(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),fn={xs:i.css(A||(A=D(["\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(G||(G=D(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:i.css(U||(U=D(["\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(K||(K=D(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},mn=n.forwardRef((function(n,e){var r=n.index,i=n.onClick,a=n.isActive,o=n.label,d=n.disabled;return t.jsx(gn,z({disabled:d,variant:a?"orange":"white",captionWeight:400,onClick:function(){i(r)},css:!a&&bn,size:"s",ref:e,className:S.default("KUI-ButtonTab",a&&"KUI-ButtonTab_active")},{children:o}))})),gn=C.default(o.Button)(V||(V=D(["\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"]))),bn=i.css(q||(q=D(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),o.theme.palette.grey.seventy),vn=n.forwardRef((function(n,e){var r=n.renderTabWrapper,i=n.label,a=E(n,["renderTabWrapper","label"]);return r?r(i,t.jsx(mn,z({ref:e,label:i},a))):t.jsx(mn,z({ref:e,label:i},a))})),wn=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,z({className:"KUI-ButtonTabs"},{children:[t,a.jsx(yn,z({},{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(vn,{index:e,onClick:p,isActive:e===s,label:n,renderTabWrapper:d},n)}))})),r]}))},yn=C.default(_.default)(H||(H=D(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),kn=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(Cn,z({css:s&&{position:"sticky"},ref:r},f,{children:t.jsx(wn,{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(jn,z({role:"tabpanel"},{children:a[b]}))]})})),jn=C.default.div(Y||(Y=D(["\n height: 100%;\n"],["\n height: 100%;\n"]))),Cn=C.default.div(J||(J=D(["\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),_n=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];ln(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(Sn,z({isScrollable:c,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),l.current=n}},d))})),Sn=C.default.div(Q||(Q=D(["\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),In=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(Rn,z({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(Pn,z({"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(zn,z({isScrollable:h},{children:a.jsx(En,z({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),Rn=C.default(o.Tooltip)($||($=D(["\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"]))),Pn=C.default(o.Grid)(X||(X=D(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),zn=C.default.div(Z||(Z=D(["\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"})),En=C.default(_n)(nn||(nn=D(["\n width: 100%;\n"],["\n width: 100%;\n"]))),Mn=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(Tn,z({input:t,buttonRef:i,isOpen:o,handleClose:d,ref:e},{children:r.map((function(n,e){return a.jsx(On,z({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)}))}))})),On=C.default.div(en||(en=D(["\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})),Tn=C.default(In)(tn||(tn=D(["\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"]))),Dn=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(Nn,{children:[t.jsx("input",{name:o,autoComplete:"off",hidden:!0}),t.jsx(Mn,{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(Bn,z({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(Fn,z({container:!0,alignItems:"center"},{children:[!l&&t.jsx(Ln,z({width:12,height:13,css:[{transition:"all linear .2s"},b&&{transform:"rotate(180deg)"}]},c)),f]}))}))})]})})),Nn=C.default.div(rn||(rn=D(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Bn=C.default(o.InputWithAdornments)(an||(an=D(["\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"]))),Ln=C.default(c.HalfArrowIcon)(on||(on=D(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Fn=C.default(o.Grid)(dn||(dn=D(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Wn(n){var e=n.option,t=n.selectedValue;return a.jsx(Me,z({selected:t===e.value},{children:a.jsx(o.Caption,z({size:"sm",weight:500},{children:e.label}))}))}var An,Gn,Un,Kn,Vn,qn,Hn,Yn,Jn,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,Pe,ze,Ee,Me=C.default.div(An||(An=D(["\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),Oe=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(Dn,z({options:i,handleChange:function(n){u(n.value),d&&d(n.value,n)},selectedLabel:h,selectedValue:p,name:o,renderOption:function(n,e){return a.jsx(Wn,{option:n,selectedValue:e})},ref:t},s))})),Te=function(n,e,t){return e&&n<e||t&&n>t},De=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 z(z({},n),{disabled:Te(Number(n.value),r,i)})}));return a.jsx(Oe,z({ref:e,label:"Year",options:d},o))})),Ne=function(n,e,t){return e&&n<e||t&&n>=t},Be=[{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"}],Le=n.forwardRef((function(n,e){var t=n.min,r=n.max;n.options;var i=E(n,["min","max","options"]),o=Be.map((function(n){return z(z({},n),{disabled:Ne(n.value,t,r)})}));return a.jsx(Oe,z({ref:e,label:"Month",options:o},i))})),Fe=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(We,z({ref:e},{children:a.jsxs(o.Grid,z({container:!0,spacing:2},{children:[a.jsx(o.Grid,z({item:!0,xs:6},{children:a.jsx(De,{min:null==s?void 0:s.year,max:null==l?void 0:l.year,yearOptions:d,value:c,handleChange:r})})),a.jsx(o.Grid,z({item:!0,xs:6},{children:a.jsx(Le,{min:Number(null==s?void 0:s.year)>=c&&u,max:Number(null==l?void 0:l.year)<=c&&h,value:p,handleChange:t})}))]}))}))})),We=C.default.div(Gn||(Gn=D(["\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"]))),Ae=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=E(n,["arrowProps","showPopperArrow"]);return a.jsx(Ge,z({ref:e},t))})),Ge=C.default.div(Un||(Un=D(['\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),Ue=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(Ke,z({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,z({item:!0},{children:a.jsx(Ve,z({size:"h4"},{children:s}))})),a.jsx(o.Grid,z({item:!0},{children:a.jsxs(o.Grid,z({container:!0,spacing:2},{children:[a.jsx(o.Grid,z({item:!0},{children:a.jsx(qe,z({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,z({item:!0},{children:a.jsx(qe,z({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:a.jsx(c.NextArrowIcon,{width:10,height:10})}))}))]}))}))]}))})),Ke=C.default(o.Grid)(Kn||(Kn=D(["\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"]))),Ve=C.default(o.Heading)(Vn||(Vn=D(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),qe=C.default(o.Button)(qn||(qn=D(["\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"]))),He=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(Ye,z({disabled:r,onClick:s},{children:d||a.jsx(c.CalendarIcon,{width:19,height:21})}))};return a.jsx(o.InputWithMask,z({disabled:r,endIcon:!d&&a.jsx(p,{}),startIcon:d&&a.jsx(p,{})},l,{ref:e}))})),Ye=C.default.div(Hn||(Hn=D(["\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"})),Je=n.forwardRef((function(n,e){n.arrowProps,n.showPopperArrow;var t=E(n,["arrowProps","showPopperArrow"]);return a.jsx(Qe,z({ref:e},t))})),Qe=C.default.div(Yn||(Yn=D(["\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),$e=n.forwardRef((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,d=n.prevYearButtonDisabled,l=n.date;return a.jsxs(Ze,z({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[a.jsx(o.Grid,z({item:!0},{children:a.jsx(Xe,z({disabled:d,onClick:t,type:"button"},{children:a.jsx(c.ArrowBackIcon,{width:14,height:12})}))})),a.jsx(o.Grid,z({item:!0},{children:a.jsx(o.Caption,z({size:"sm",weight:600},{children:l.getFullYear()}))})),a.jsx(o.Grid,z({item:!0},{children:a.jsx(Xe,z({disabled:i,onClick:r,type:"button"},{children:a.jsx(c.ArrowNextIcon,{width:14,height:12})}))}))]}))})),Xe=C.default(o.IconButton)(Jn||(Jn=D(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Ze=C.default(o.Grid)(Qn||(Qn=D(["\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"]))),nt=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(et,z({ref:t},{children:a.jsx(I.default,z({selected:m.value,onChange:function(n){m.onChange(n),s&&s(n)},disabled:d,customInput:a.jsx(He,z({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:Je,renderCustomHeader:function(n){return a.jsx($e,z({},n))}},l))}))})),et=C.default.div($n||($n=D(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),tt=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,z({to:i,spy:!0,smooth:!0,duration:500,offset:s,onSetActive:function(){c||l(d)}},{children:t.jsx(rt,z({ref:r},{children:t.jsx(o.Button,z({variant:Number(a)===d?"orange":"transparentWithBorder",size:"xs",css:Number(a)!==d&&it},{children:i}))}))}))})),rt=C.default.div(Xn||(Xn=D(["\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"]))),it=i.css(Zn||(Zn=D(["\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),at=n.forwardRef((function(n,e){var r=n.tabs,i=n.variant,a=E(n,["tabs","variant"]);return t.jsx(ot,z({container:!0,css:"white"===i&&{background:"white"},ref:e},{children:r.map((function(n,e){return t.jsx(o.Grid,z({item:!0},{children:t.jsx(tt,z({tab:n,index:e,offset:-121},a),n)}),e)}))}))})),ot=C.default(o.Grid)(ne||(ne=D(["\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),dt=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,z({message:l(r)},t,d,{onChange:function(n){return function(n,e){e.onChange(n),d.onChange&&d.onChange(n)}(n,t)},inputRef:e}))}})})),lt=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,z({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(z(z({},n),{target:z(z({},n.target),{value:r})})),s.onChange&&s.onChange(n)}(n,t)},type:l,value:null!=d?d:t.value,inputRef:e}))}})})),st={weak:0,simple:1,medium:2,hard:3},ct={weak:o.theme.palette.red.fiftyP,simple:o.theme.palette.brand.main,medium:o.theme.palette.blue.fiftyP,hard:o.theme.palette.green.fiftyP},pt={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ut=n.forwardRef((function(n,e){var r=n.strength,i=r?ct[r]:"",a=r?st[r]:-1;return t.jsxs(ht,z({"data-testid":"strength_bar",className:String(!r&&"hidden"),ref:e},{children:[t.jsx(xt,{children:Object.keys(st).map((function(n,e){return t.jsx(ft,{children:t.jsx(mt,{"data-testid":"progress_item_".concat(n),value:a>=e?100:0,color:i})},n)}))}),t.jsx(o.Caption,z({"data-testid":"strength_bar_explanation",size:"s",css:{color:i}},{children:r&&pt[r]})),t.jsx(gt,z({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),ht=C.default.div(ee||(ee=D(["\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=C.default.div(te||(te=D(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),ft=C.default.div(re||(re=D(["\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"]))),mt=C.default(o.LinearProgress)(ie||(ie=D(["\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})),gt=C.default(o.Caption)(ae||(ae=D(["\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"]))),bt=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},vt=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=bt(t,n);"string"==typeof r&&u(r)}),[]),a.jsxs(a.Fragment,{children:[a.jsx(lt,z({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(wt,z({"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(ut,{strength:s})]})})),wt=C.default.div(oe||(oe=D(["\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"]))),yt=n.forwardRef((function(n){return a.jsxs(a.Fragment,{children:[a.jsx(kt,{children:a.jsx(lt,z({},n))}),a.jsx(jt,{children:a.jsx(lt,z({isTextArea:!0},n))})]})})),kt=C.default.div(de||(de=D(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),jt=C.default.div(le||(le=D(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),Ct=n.forwardRef((function(n,e){var t=n.label,r=n.button,i=E(n,["label","button"]);return a.jsxs(_t,z({ref:e},{children:[a.jsx(o.Divider,{}),a.jsx(St,{children:r||a.jsx(It,z({fullWidth:!0,size:"s",endIcon:a.jsx(c.CheckIcon,{})},i,{children:t}))})]}))})),_t=C.default.div(se||(se=D(["\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),St=C.default.div(ce||(ce=D(["\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"]))),It=C.default(o.Button)(pe||(pe=D(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),Rt=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"):"",P=S?S.toJSDate():null,M=d.useToggle(),O=M[0],T=M[1],D=M[2],N=n.useState(P),B=N[0],L=N[1],F=n.useState(R),W=F[0],A=F[1],G=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),U=d.useForkRef(r,C.ref);n.useEffect((function(){A(R)}),[R]);return t.jsxs(t.Fragment,{children:[t.jsx(He,z({mask:"00.00.0000",name:l,handleClick:T,value:W,onChange:function(n){var e=n.target.value;if(A(e),0!==e.length&&d.isValidWithMaskExp.test(e)){var t=x.DateTime.fromFormat(e,"dd.MM.yyyy");L(t.toJSDate()),null==C||C.onChange({target:{value:t,name:l},type:"change"}),h&&h(t)}else L(null),null==C||C.onChange({target:{value:null,name:l},type:"change"}),h&&h(null)},disabled:c,message:_,ref:U},y)),t.jsxs(Mt,z({title:a,description:o,isOpen:O,handleClose:D,alignTitle:w},{children:[t.jsx(Pt,{children:t.jsx(I.default,z({inline:!0,selected:B||P,onChange:function(n){L(n)},calendarContainer:zt,renderCustomHeader:function(n){return t.jsx(Fe,z({yearOptions:G,max:f,min:m},n))},renderDayContents:function(n){return t.jsx(Et,{children:n})},maxDate:null==f?void 0:f.toJSDate(),minDate:null==m?void 0:m.toJSDate(),calendarStartDay:1},b))}),t.jsx(Ct,{fullWidth:!0,disabled:!P&&!B,onClick:function(){if(B){var n=x.DateTime.fromJSDate(B);A(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:l},type:"change"}),h&&h(n),D()}},label:g})]}))]})})),Pt=C.default.div(ue||(ue=D(["\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"]))),zt=C.default(Ae)(he||(he=D(["\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),Et=C.default.span(xe||(xe=D(["\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"]))),Mt=C.default(o.Modal)(fe||(fe=D(["\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"})),Ot=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],Tt=z(z({},R.default),{localize:{month:function(n){return Ot[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Dt=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(Nt,z({ref:t},{children:[a.jsx(He,z({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,z({title:i,isOpen:v,handleClose:y},{children:[a.jsx(Bt,{children:a.jsx(I.default,z({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:S,onChange:function(n){return R(n)},locale:Tt,calendarContainer:Je,renderCustomHeader:function(n){return a.jsx($e,z({},n))}},p))}),a.jsx(Ct,{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:"Подтвердить"})]}))]}))})),Nt=C.default.div(me||(me=D(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Bt=C.default.div(ge||(ge=D(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Lt=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(Ft,z({css:"white"===o&&{background:"white"},ref:r},{children:t.jsx(_.default,z({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:i.map((function(n,e){return t.jsx(tt,z({tab:n,index:e,handleClick:s,offset:-121},d),n)}))}))}))})),Ft=C.default.div(be||(be=D(["\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),Wt=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",z({ref:r},{children:[p>765?t.jsx(at,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}):t.jsx(Lt,{tabs:i,active:x,handleClick:j,variant:c,isScrolling:b,setIsScrolling:v}),a.map((function(n,e){return t.jsx("div",z({css:e===a.length-1&&At},{children:t.jsx(Gt,z({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),At=i.css(ve||(ve=D(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Gt=C.default(h.Element)(we||(we=D(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Ut=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,z({checked:Boolean(r.value),onChange:r.onChange,"data-testid":i,ref:e,name:i},a))}})})),Kt=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,z({message:f,hiddenInputProps:z(z({},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"}))})),Vt=n.forwardRef((function(n,e){return a.jsx(qt,z({cellSpacing:"0",ref:e},n))})),qt=C.default.table(ye||(ye=D(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Ht=C.default.th(ke||(ke=D(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Yt=C.default.td(je||(je=D(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Jt=n.forwardRef((function(n,e){var t=n.children,r=E(n,["children"]),i=k.Children.toArray(t);return a.jsx("tr",z({ref:e},{children:i.map((function(n){return k.cloneElement(n,r)}))}))})),Qt={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}},$t=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(Xt,z({ref:e,className:S.default("KUI-Popper",o),spacing:i,style:d,open:!!t},{children:a.jsx(Zt,z({open:!!t},l,{children:r}))}))})),Xt=C.default.div(Ce||(Ce=D(["\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),Zt=C.default.div(_e||(_e=D(["\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})),nr=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=Qt[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 P.createPortal(a.jsxs(a.Fragment,{children:[a.jsx(i.Global,{styles:i.css(Se||(Se=D(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),a.jsx($t,z({ref:function(n){t&&(t.current=n),l.current=n},style:f},d))]}),document.body)})),er=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=Qt[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($t,z({ref:function(n){t&&(t.current=n),d.current=n},style:x},o))})),tr=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(er,z({ref:t,contentRef:r},i)):a.jsx(nr,z({ref:t,contentRef:r},i))})),rr=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(ar,z({className:c,onMouseLeave:function(){x(!1),o&&o()},ref:t},{children:[a.jsx(or,z({onMouseEnter:m,onTouchEnd:m,ref:f,cursor:s},{children:a.jsx(dr,z({className:"Tooltip_content"},{children:l}))})),a.jsx(tr,z({open:h},p,{contentRef:f},{children:r}))]}))})),ir=i.css(Ie||(Ie=D(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),ar=C.default.div(Re||(Re=D(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),ir),or=C.default.div(Pe||(Pe=D(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),ir,(function(n){return n.cursor})),dr=C.default.div(ze||(ze=D(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),ir),lr=n.forwardRef((function(n,e){var t,r=n.options,i=E(n,["options"]);return a.jsx(sr,z({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}))})),sr=C.default(Oe)(Ee||(Ee=D(["\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),cr=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(Oe,z({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 pr(n){var e=n.option,t=n.selectedValue.includes(e.value);return a.jsx(xr,z({container:!0,selected:t},{children:a.jsx(o.Checkbox,{checked:t,label:a.jsx(fr,z({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var ur,hr,xr=C.default(o.Grid)(ur||(ur=D(["\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),fr=C.default(o.Caption)(hr||(hr=D(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?o.theme.palette.grey.seventy:o.theme.palette.grey.fiftyP}));var mr=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,z({container:!0,direction:l,ref:t},{children:r.map((function(n){return a.jsx(o.Radio,z({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 gr(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(mr,z({},o,e,{defaultValue:i,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:r},type:"change"}),o.onChange&&o.onChange(n,e)}(n,t,e)}}))}})}mr.displayName="RadioButtons";var br,vr,wr,yr,kr,jr,Cr,_r=C.default.div(br||(br=D(["\n position: relative;\n"],["\n position: relative;\n"]))),Sr=C.default(o.Grid,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(yr||(yr=D(["\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(vr||(vr=D(["\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(wr||(wr=D(["\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),Ir=C.default(o.Caption)(kr||(kr=D(["\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),Rr=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(zr,z({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:a.jsx(Pr,z({},i))}))})),Pr=C.default(o.CircularProgress)(jr||(jr=D(["\n color: ",";\n"],["\n color: ",";\n"])),o.theme.palette.brand.main),zr=C.default(o.Grid,{shouldForwardProp:function(n){return"height"!==n}})(Cr||(Cr=D(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function Er(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(Nr,z({container:!0,onClick:l,alignItems:"center"},{children:[a.jsx(Br,{width:12,height:12}),a.jsx(o.Caption,z({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),a.jsx(Lr,z({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:s})}))]})}var Mr,Or,Tr,Dr,Nr=C.default(o.Grid)(Mr||(Mr=D(["\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),Br=C.default(c.PlusIcon)(Or||(Or=D(["\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),Lr=C.default.div(Tr||(Tr=D([""],[""]))),Fr=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return a.jsx(Wr,z({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Wr=C.default(o.Grid)(Dr||(Dr=D(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Ar(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(Kr,z({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(Er,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return a.jsx(Fr,{option:n,renderOption:t,handleSelect:p,index:e},e)})),l&&a.jsx(Vr,{height:"auto"})]}))}var Gr,Ur,Kr=C.default(In)(Gr||(Gr=D(["\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"]))),Vr=C.default(Rr)(Ur||(Ur=D(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));var qr,Hr,Yr,Jr,Qr=C.default.div(qr||(qr=D(["\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"]))),$r=C.default.div(Hr||(Hr=D(["\n position: relative;\n"],["\n position: relative;\n"]))),Xr=C.default(lt)(Yr||(Yr=D(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),Zr=C.default(c.HalfArrowIcon)(Jr||(Jr=D(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));var ni,ei=C.default.div(ni||(ni=D(["\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 ti(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),P=R[0],M=R[1],O=n.useRef(null);n.useEffect((function(){var n;P&&(null===(n=O.current)||void 0===n||n.focus()),!P&&C!==S&&l&&l(S,s)}),[P]);return a.jsxs(a.Fragment,{children:[a.jsxs(gi,z({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(bi,z({className:"FileIcon_wrapper"},{children:f||a.jsx(c.FileIcon,{})})),a.jsxs(wi,z({withDelete:!!d,withEdit:!!l,className:"FileContent_wrapper"},{children:[a.jsxs(ji,{children:[a.jsx(b.Link,z({href:i.url,openInNewWindow:!0},{children:a.jsx(ki,{children:S})})),a.jsx(yi,{"data-testid":"file_name",ref:O,disabled:!P,value:S,onChange:function(n){I(n.target.value)},onBlur:function(){M(!1)},maxLength:100})]}),m||String(i.size)&&a.jsxs(o.Caption,z({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(i.size)," mb"]}))]})),a.jsxs(vi,z({className:"FileButtons_wrapper"},{children:[k,!g&&l&&a.jsx(o.Button,z({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){M((function(n){return!n}))}},{children:P?a.jsx(c.CheckIcon,{}):a.jsx(c.EditIcon,{width:18,height:18})})),d&&!g&&a.jsx(o.Button,z({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,z({mb:1},{children:a.jsx(o.Caption,z({size:"xs",colorGroup:"red",weight:500},{children:v||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var ri,ii,ai,oi,di,li,si,ci,pi,ui,hi,xi,fi,mi,gi=C.default.div(ai||(ai=D(["\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(ii||(ii=D(["\n background: ",";\n "],["\n background: ",";\n "])),o.theme.palette.background.light1)}),(function(n){return n.error&&i.css(ri||(ri=D(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),o.theme.palette.red.seventy)})),bi=C.default.div(oi||(oi=D(["\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),vi=C.default.div(di||(di=D(["\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),wi=C.default.div(li||(li=D(["\n width: calc(\n 100% - 48px -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(\n 100% - 48px -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),yi=C.default.input(si||(si=D(["\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),ki=C.default.span(ci||(ci=D(["\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"]))),ji=C.default.div(pi||(pi=D(["\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"]))),Ci=n.forwardRef((function(e,t){var r,i,d=e.form,l=e.name,s=e.parentName,c=e.label,p=e.disabled,h=e.withEdit,x=void 0===h||h,f=e.withDelete,m=void 0===f||f,g=e.fileName,b=e.onChange,v=e.isRequired,w=e.uploadLabel,y=e.toBigTitleMessage,k=e.endIcon,j=e.testId,C=E(e,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId"]),_=n.useState(!1),S=_[0],I=_[1],R=n.useState(),P=R[0],M=R[1],O=n.useState(""),T=O[0],D=O[1],N=n.useRef(null),B=u.useController({control:d.control,name:l}),L=B.field,F=B.fieldState,W=u.useController({control:d.control,name:s||l}).field,A=(P instanceof File?P.name:(null===(r=null==P?void 0:P.uploaded)||void 0===r?void 0:r.name)||(null==P?void 0:P.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}(P,T,g,A),U=P&&"url"in P?P:G,K=null===(i=F.error)||void 0===i?void 0:i.message;n.useEffect((function(){"string"==typeof L.value&&D(L.value),"object"==typeof L.value&&M(L.value),L.value||D(""),I(!0)}),[L.value]),n.useEffect((function(){var n,e,t=Number((null==g?void 0:g.length)||(null===(n=null==P?void 0:P.uploaded)||void 0===n?void 0:n.name)||(null===(e=null==P?void 0:P.name)||void 0===e?void 0:e.length))>100;S&&!T&&L.onChange({target:{value:P,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:y||"The file name must be less than 100 characters"}):d.clearErrors(l)}),[P]);return a.jsxs(_i,z({"data-testid":j},{children:[a.jsx(Ii,z({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];M(e),b&&b(e)}else M(void 0)}},C,{ref:function(n){t&&(t.current=n),N.current=n}})),U?a.jsx(ti,{file:U,onDelete:m&&function(){P&&N.current&&(N.current.value=""),M(void 0),D(""),s?W.onChange({target:{value:null,name:s},type:"change"}):L.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(A);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:z(z({},t.uploaded),{name:n})}:new File([t],r,{type:t.type}),M(e)},error:K,disabled:p,label:c,endIcon:k}):a.jsxs(a.Fragment,{children:[a.jsxs(Si,z({error:!!K,disabled:p,container:!0,justify:"space-between",alignItems:"center"},{children:[a.jsx(Ri,z({item:!0},{children:a.jsxs(o.Caption,z({size:"s",color:"fiftyP"},{children:[c,v?" *":""]}))})),a.jsx(o.Grid,z({item:!0},{children:a.jsx(Pi,z({disabled:p,size:"s",onClick:function(){N.current&&N.current.click()}},{children:w||"Upload"}))}))]})),K&&a.jsx(o.InputMessage,{variant:"error",msg:K})]})]}))})),_i=C.default.div(ui||(ui=D(["\n position: relative;\n"],["\n position: relative;\n"]))),Si=C.default(o.Grid)(hi||(hi=D(["\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})),Ii=C.default.input(xi||(xi=D(["\n display: none;\n"],["\n display: none;\n"]))),Ri=C.default(o.Grid)(fi||(fi=D(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),Pi=C.default(o.Button)(mi||(mi=D(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),zi=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,z({},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,z({},d,{children:i})):i}))}})}));var Ei,Mi,Oi=C.default(zi)(Ei||(Ei=D(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Ti=C.default(o.Grid)(Mi||(Mi=D(["\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),Di={mapKey:""},Ni=[],Bi=function(){return z({},Di)},Li=function(n){Ni.push(n)},Fi=function(n){var e=Ni.indexOf(n);-1!==e&&Ni.splice(e,1)};exports.AdvancedMarker=function(e){var t=e.map,r=e.position,i=e.children,a=n.useRef(null),o=n.useRef(document.createElement("div"));return n.useEffect((function(){var n,e,i;if(t&&(null===(i=null===(e=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===e?void 0:e.marker)||void 0===i?void 0:i.AdvancedMarkerElement)){var d=new google.maps.marker.AdvancedMarkerElement({map:t,position:r,content:o.current,collisionBehavior:"OPTIONAL_AND_HIDES_LOWER_PRIORITY"});return a.current=d,function(){return d.map=null}}}),[t]),n.useEffect((function(){a.current&&r&&(a.current.position=r)}),[r]),g.createPortal(i,o.current)},exports.AutocompleteOption=function(n){var e=n.label;return a.jsx(ei,{children:a.jsx(o.Caption,z({size:"s",weight:500},{children:e}))})},exports.Avatar=pn,exports.ButtonSelect=lr,exports.ButtonTab=vn,exports.ButtonsPanel=kn,exports.CalendarHeaderWithSelect=Fe,exports.CalendarStandardContainer=Ae,exports.CalendarStandardHeader=Ue,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(Ti,z({container:!0,alignItems:"center",justify:"space-between"},{children:[a.jsx(o.Grid,z({item:!0},{children:a.jsx(o.Caption,z({size:"s",weight:500,color:"fiftyP"},{children:e}))})),a.jsx(o.Grid,z({item:!0},{children:a.jsx(o.Grid,z({container:!0},{children:t.map((function(n){return a.jsx(Oi,z({name:n.name,label:a.jsx(o.Caption,z({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))},exports.CheckboxWithController=zi,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=z({form:t,disabled:r||!d},o);return i?a.jsx(i,z({},l)):a.jsx(lt,z({},l))},exports.DesktopInputWithMonthPicker=nt,exports.DesktopMenuPanel=at,exports.InputDropdown=In,exports.InputFile=Ci,exports.InputForDatepicker=He,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(Dn,z({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 T(T([],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(pr,{option:n,selectedValue:e})}},c))},exports.InputPassword=vt,exports.InputPhoneWithForm=Kt,exports.InputSelect=Oe,exports.InputSelectBase=Dn,exports.InputSelectDropdown=Mn,exports.InputSelectWithController=cr,exports.InputTextAreaMobile=yt,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 P=d.useForkRef(S,w);return t.jsxs($r,{children:[f&&t.jsx(Qr,{children:t.jsx(Rr,{height:"100%"})}),t.jsx(Ar,{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(Xr,z({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:P,isDropdownOpen:C,autoComplete:"off"},k,{endIcon:!m&&t.jsxs(o.Grid,z({container:!0,alignItems:"center",onClick:function(){_((function(n){return!n}))}},{children:[t.jsx(o.Box,z({mr:2},{children:v})),k.endIcon||!m&&t.jsx(Zr,{width:12,height:13,css:[C&&{transform:"rotate(180deg)"}]})]}))}))})]})},exports.InputWithController=lt,exports.InputWithDatePicker=Rt,exports.InputWithMask=dt,exports.InputWithMonthPicker=function(n){return a.jsxs(a.Fragment,{children:[a.jsx(nt,z({},n)),a.jsx(Dt,z({},n))]})},exports.Loading=Rr,exports.MapWrapper=function(e){var t=this,r=e.children,i=e.onInit,o=e.mapKey,d=n.useState(!1),l=d[0],s=d[1],c=n.useState("LOADING"),p=c[0],u=c[1],h=n.useState(o||Bi().mapKey),x=h[0],f=h[1];return n.useEffect((function(){var n=function(n){return f(n.mapKey)};return o||Li(n),function(){Fi(n)}}),[]),n.useEffect((function(){var n;return n=x,M(t,void 0,void 0,(function(){return O(this,(function(e){switch(e.label){case 0:if(l||!process.env.REACT_APP_MAP_KEY)return[3,4];u("LOADING"),e.label=1;case 1:return e.trys.push([1,3,,4]),v.setOptions({key:n,language:"ru"}),[4,Promise.allSettled(T([v.importLibrary("core"),v.importLibrary("maps"),v.importLibrary("places"),v.importLibrary("marker")],i?[i()]:[],!0))];case 2:return e.sent(),u("SUCCESS"),[3,4];case 3:return e.sent(),u("FAILURE"),[3,4];case 4:return[2]}}))})),function(){return s(!0)}}),[x]),x?"SUCCESS"===p&&r?a.jsx(a.Fragment,{children:r}):(function(n){"LOADING"===n?a.jsx(Rr,{height:"100%"}):"FAILURE"===n?a.jsx("h3",{children:n}):a.jsx("div",{})}(p),a.jsx(a.Fragment,{})):a.jsx("h2",{children:"Add google key"})},exports.MenuItem=tt,exports.MenuPanel=Wt,exports.MobileInputWithMonthPicker=Dt,exports.MobileMenuPanel=Lt,exports.MonthPickerContainer=Je,exports.MonthPickerHeader=$e,exports.PassportStrengthBar=ut,exports.RadioButtons=mr,exports.RadioButtonsWithController=gr,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(_r,{children:[a.jsxs(Sr,z({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(Ir,z({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),a.jsx(o.Grid,z({item:!0,xs:"vertical"===i?12:"auto"},{children:a.jsx(gr,z({form:d,name:l},s))}))]})),c&&a.jsx(o.InputMessage,{variant:"error",msg:c})]})},exports.ScrollingContainer=_n,exports.SelectMonth=Le,exports.SelectYear=De,exports.Switch=Ut,exports.Table=Vt,exports.TableCell=Yt,exports.TableHeadCell=Ht,exports.TableRow=Jt,exports.Tooltip=rr,exports.UndefinedAvatar=sn,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=bt,exports.getSettings=Bi,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){Di=z(z({},Di),n),Ni.forEach((function(n){return n(Di)}))},exports.shortMonths=Ot,exports.subscribeToSettings=Li,exports.unsubscribeFromSettings=Fi,exports.useScrollWithBottomSpacing=ln;
|
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react-datepicker/dist/react-datepicker.css";import*as n from"react";import{useEffect as e,forwardRef as t,useRef as r,useState as i}from"react";import a from"lodash";import{jsx as o,jsxs as 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 I,Modal as z,Switch as P,InputWithCountryDropdown as M,Checkbox as N,Radio as O,InputMessage as E,CircularProgress as T,Box as j}from"kui-basic";import{useWindowWidth as D,updateQueryParams as L,useForkRef as B,strongPasswordRegExp as U,mediumPasswordRegExp as R,simplePasswordRegExp as F,useToggle as A,isValidWithMaskExp as K}from"kui-utils";import V from"kui-swiper";import W from"classnames";import{HalfArrowIcon as H,PrevArrowIcon as Y,NextArrowIcon as J,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{createPortal as vn}from"react-dom";import{Link as wn}from"kui-crm";import{setOptions as yn,importLibrary as kn}from"@googlemaps/js-api-loader";var _n=function(){return _n=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},_n.apply(this,arguments)};function Cn(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function Sn(n,e,t,r){return new(t||(t=Promise))((function(i,a){function o(n){try{l(r.next(n))}catch(n){a(n)}}function d(n){try{l(r.throw(n))}catch(n){a(n)}}function l(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,d)}l((r=r.apply(n,e||[])).next())}))}function In(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:d(0),throw:d(1),return:d(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function d(a){return function(d){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,d])}}}function zn(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function Pn(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var Mn,Nn,On,En,Tn,jn,Dn,Ln,Bn,Un,Rn,Fn,An,Kn,Vn,Wn,Hn,Yn,Jn,qn,Gn,$n,Qn,Xn,Zn,ne=function(n,t,r,i,o){var d=function(e){var t=i?e.target:e.target.documentElement,a=i?e.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<n&&r&&r()};e((function(){if(r){var n=a.throttle(d,t),e=(null==i?void 0:i.current)||document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),zn([t],o||[],!0))},ee=t((function(n,e){var t=n.label,r=Cn(n,["label"]);if(!t)return s("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return s(te,_n({"data-testid":"undefined_avatar",ref:e},{children:s(f,_n({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),te=c.div(Mn||(Mn=Pn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),x.palette.brand.light,x.palette.brand.main),re=t((function(n,e){var t=n.size,r=n.fullName,i=n.imageUrl,a=Cn(n,["size","fullName","imageUrl"]);return o(ie,_n({css:de[t],ref:e},a,{children:i?o(ae,{"data-testid":"avatar_image",src:i,alt:"avatar"}):o(oe,{label:r,avatarSize:t})}))})),ie=c.div(Nn||(Nn=Pn(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),ae=c.img(On||(On=Pn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),oe=c(ee,{shouldForwardProp:function(n){return"size"!==n}})(Tn||(Tn=Pn(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&p(En||(En=Pn(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),de={xs:p(jn||(jn=Pn(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:p(Dn||(Dn=Pn(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:p(Ln||(Ln=Pn(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:p(Bn||(Bn=Pn(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},le=t((function(n,e){var t=n.index,r=n.onClick,i=n.isActive,a=n.label,d=n.disabled;return o(ce,_n({disabled:d,variant:i?"orange":"white",captionWeight:400,onClick:function(){r(t)},css:!i&&pe,size:"s",ref:e,className:W("KUI-ButtonTab",i&&"KUI-ButtonTab_active")},{children:a}))})),ce=c(g)(Un||(Un=Pn(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),pe=p(Rn||(Rn=Pn(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),x.palette.grey.seventy),ue=t((function(n,e){var t=n.renderTabWrapper,r=n.label,i=Cn(n,["renderTabWrapper","label"]);return t?t(r,o(le,_n({ref:e,label:r},i))):o(le,_n({ref:e,label:r},i))})),se=function(n){var e=n.startComponent,t=n.endComponent,i=n.tabs,a=n.renderTabWrapper,o=n.handleChange,d=n.value,l=r(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,_n({className:"KUI-ButtonTabs"},{children:[e,s(he,_n({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:l},{children:i.map((function(n,e){return s(ue,{index:e,onClick:c,isActive:e===d,label:n,renderTabWrapper:a},n)}))})),t]}))},he=c(V)(Fn||(Fn=Pn(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),me=t((function(t,r){var i=t.tabs,a=t.tabPanels,c=t.paths,p=t.activeTab,u=t.isSticky,s=t.onChange,h=t.startComponent,m=t.endComponent,f=t.navigate,x=t.renderTabWrapper,g=Cn(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(xe,_n({css:u&&{position:"sticky"},ref:r},g,{children:o(se,{value:w,tabs:i,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(fe,_n({role:"tabpanel"},{children:a[w]}))]})})),fe=c.div(An||(An=Pn(["\n height: 100%;\n"],["\n height: 100%;\n"]))),xe=c.div(Kn||(Kn=Pn(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),x.palette.grey.zero),ge=t((function(n,t){var a=n.onScrollEnd,o=n.maxHeight,d=n.onScrollChange,l=Cn(n,["onScrollEnd","maxHeight","onScrollChange"]),c=r(null),p=i(!1),u=p[0],h=p[1];ne(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(be,_n({isScrollable:u,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),c.current=n}},l))})),be=c.div(Vn||(Vn=Pn(["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?6:0}),x.palette.grey.fifteenB,x.palette.grey.thirty),ve=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=Cn(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),m=i(!1),f=m[0],x=m[1],g=r(null);return s(we,_n({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:t,onChange:function(n){n||a()},toggleMethod:"click",strategy:p||"fixed",placement:"bottom",className:c,content:h(ye,_n({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),g.current=n}},u,{children:[s(ke,_n({isScrollable:f},{children:s(_e,_n({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),we=c(v)(Wn||(Wn=Pn(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),ye=c(w)(Hn||(Hn=Pn(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),ke=c.div(Yn||(Yn=Pn(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 6px 8px 0":"14px 0px 8px 0"})),_e=c(ge)(Jn||(Jn=Pn(["\n width: 100%;\n"],["\n width: 100%;\n"]))),Ce=t((function(n,e){var t=n.input,r=n.options,i=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,d=n.handleSelect,l=n.selectedValue,c=n.renderOption;return s(Ie,_n({input:t,buttonRef:i,isOpen:a,handleClose:o,ref:e},{children:r.map((function(n,e){return s(Se,_n({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)}))}))})),Se=c.div(qn||(qn=Pn(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?x.palette.grey.fiftyP:x.palette.grey.seventy})),Ie=c(ve)(Gn||(Gn=Pn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),ze=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=Cn(n,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),b=i(!1),v=b[0],w=b[1],y=r(null),k=B(y,e),_=function(){w(!1)};return d(Pe,{children:[o("input",{name:l,autoComplete:"off",hidden:!0}),o(Ce,{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(Me,_n({onClick:function(){var n,e,t,r;(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===(r=null===(t=null==y?void 0:y.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.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(Oe,_n({container:!0,alignItems:"center"},{children:[!c&&o(Ne,_n({width:12,height:13,css:[{transition:"all linear .2s"},v&&{transform:"rotate(180deg)"}]},u)),x]}))}))})]})})),Pe=c.div($n||($n=Pn(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Me=c(y)(Qn||(Qn=Pn(["\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"]))),Ne=c(H)(Xn||(Xn=Pn(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Oe=c(w)(Zn||(Zn=Pn(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Ee(n){var e=n.option,t=n.selectedValue;return s(Ct,_n({selected:t===e.value},{children:s(f,_n({size:"sm",weight:500},{children:e.label}))}))}var Te,je,De,Le,Be,Ue,Re,Fe,Ae,Ke,Ve,We,He,Ye,Je,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,rt,it,at,ot,dt,lt,ct,pt,ut,st,ht,mt,ft,xt,gt,bt,vt,wt,yt,kt,_t,Ct=c.div(Te||(Te=Pn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?x.palette.background.light1:x.palette.grey.zero}),x.palette.background.light1),St=t((function(n,t){var r,a=n.options,o=n.name,d=n.handleChange;n.form;var l=n.value,c=Cn(n,["options","name","handleChange","form","value"]),p=i(l),u=p[0],h=p[1],m=(null===(r=a.find((function(n){return String(n.value)===String(u)})))||void 0===r?void 0:r.label)||"";return e((function(){void 0!==l&&h(l)}),[l]),s(ze,_n({options:a,handleChange:function(n){h(n.value),d&&d(n.value,n)},selectedLabel:m,selectedValue:u,name:o,renderOption:function(n,e){return s(Ee,{option:n,selectedValue:e})},ref:t},c))})),It=function(n,e,t){return e&&n<e||t&&n>t},zt=t((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,a=Cn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return _n(_n({},n),{disabled:It(Number(n.value),r,i)})}));return s(St,_n({ref:e,label:"Year",options:o},a))})),Pt=function(n,e,t){return e&&n<e||t&&n>=t},Mt=[{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"}],Nt=t((function(n,e){var t=n.min,r=n.max;n.options;var i=Cn(n,["min","max","options"]),a=Mt.map((function(n){return _n(_n({},n),{disabled:Pt(n.value,t,r)})}));return s(St,_n({ref:e,label:"Month",options:a},i))})),Ot=t((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,a=n.yearOptions,o=n.max,d=n.min,l=i.getFullYear(),c=i.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(Et,_n({ref:e},{children:h(w,_n({container:!0,spacing:2},{children:[s(w,_n({item:!0,xs:6},{children:s(zt,{min:null==d?void 0:d.year,max:null==o?void 0:o.year,yearOptions:a,value:l,handleChange:r})})),s(w,_n({item:!0,xs:6},{children:s(Nt,{min:Number(null==d?void 0:d.year)>=l&&p,max:Number(null==o?void 0:o.year)<=l&&u,value:c,handleChange:t})}))]}))}))})),Et=c.div(je||(je=Pn(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Tt=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=Cn(n,["arrowProps","showPopperArrow"]);return s(jt,_n({ref:e},t))})),jt=c.div(De||(De=Pn(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),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),Dt=t((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,o=n.prevMonthButtonDisabled,d=n.date,l=a.capitalize(d.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return h(Lt,_n({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,_n({item:!0},{children:s(Bt,_n({size:"h4"},{children:l}))})),s(w,_n({item:!0},{children:h(w,_n({container:!0,spacing:2},{children:[s(w,_n({item:!0},{children:s(Ut,_n({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:o,onClick:t},{children:s(Y,{width:10,height:10})}))})),s(w,_n({item:!0},{children:s(Ut,_n({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:s(J,{width:10,height:10})}))}))]}))}))]}))})),Lt=c(w)(Le||(Le=Pn(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Bt=c(k)(Be||(Be=Pn(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ut=c(g)(Ue||(Ue=Pn(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Rt=t((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,a=n.startIcon,o=Cn(n,["onClick","disabled","handleClick","startIcon"]),d=function(){r||(i?i():t())},l=function(){return s(Ft,_n({disabled:r,onClick:d},{children:a||s(q,{width:19,height:21})}))};return s(_,_n({disabled:r,endIcon:!a&&s(l,{}),startIcon:a&&s(l,{})},o,{ref:e}))})),Ft=c.div(Re||(Re=Pn(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),At=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=Cn(n,["arrowProps","showPopperArrow"]);return s(Kt,_n({ref:e},t))})),Kt=c.div(Fe||(Fe=Pn(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),x.palette.background.light1,x.palette.grey.fifteenB,x.palette.grey.fifteenB,x.palette.brand.main,x.palette.grey.fifteenB),Vt=t((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return h(Ht,_n({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,_n({item:!0},{children:s(Wt,_n({disabled:a,onClick:t,type:"button"},{children:s(G,{width:14,height:12})}))})),s(w,_n({item:!0},{children:s(f,_n({size:"sm",weight:600},{children:o.getFullYear()}))})),s(w,_n({item:!0},{children:s(Wt,_n({disabled:i,onClick:r,type:"button"},{children:s($,{width:14,height:12})}))}))]}))})),Wt=c(C)(Ae||(Ae=Pn(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Ht=c(w)(Ke||(Ke=Pn(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),Yt=t((function(n,t){var r,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=n.onChange,p=Cn(n,["name","form","disabled","datePickerProps","onChange"]),u=i(),h=u[0],m=u[1],f=on({name:a,control:o.control}),x=f.field,g=f.fieldState;return e((function(){m(x.value)}),[x.value]),s(Jt,_n({ref:t},{children:s(an,_n({selected:x.value,onChange:function(n){x.onChange(n),c&&c(n)},disabled:d,customInput:s(Rt,_n({mask:"00.0000",name:a,disabled:d,message:null===(r=g.error)||void 0===r?void 0:r.message},p),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:At,renderCustomHeader:function(n){return s(Vt,_n({},n))}},l))}))})),Jt=c.div(Ve||(Ve=Pn(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),qt=t((function(n,t){var r=n.tab,i=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 i===a&&cn.scrollTo(r,{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,_n({to:r,spy:!0,smooth:!0,duration:500,offset:l,onSetActive:function(){c||d(a)}},{children:o(Gt,_n({ref:t},{children:o(g,_n({variant:Number(i)===a?"orange":"transparentWithBorder",size:"xs",css:Number(i)!==a&&$t},{children:r}))}))}))})),Gt=c.div(We||(We=Pn(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),$t=p(He||(He=Pn(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),x.palette.grey.seventy),Qt=t((function(n,e){var t=n.tabs,r=n.variant,i=Cn(n,["tabs","variant"]);return o(Xt,_n({container:!0,css:"white"===r&&{background:"white"},ref:e},{children:t.map((function(n,e){return o(w,_n({item:!0},{children:o(qt,_n({tab:n,index:e,offset:-121},i),n)}),e)}))}))})),Xt=c(w)(Ye||(Ye=Pn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),x.palette.background.light1),Zt=t((function(n,e){var t=n.form,r=n.name,i=n.error,a=Cn(n,["form","name","error"]),o=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(_,_n({message:o(r)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),nr=t((function(n,e){var t=n.form,r=n.name,i=n.error,a=n.value,o=n.type,d=Cn(n,["form","name","error","value","type"]),l=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(y,_n({message:l(r)},t,d,{onChange:function(n){return function(n,e){var t,r="number"!==o||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(_n(_n({},n),{target:_n(_n({},n.target),{value:r})})),d.onChange&&d.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),er={weak:0,simple:1,medium:2,hard:3},tr={weak:x.palette.red.fiftyP,simple:x.palette.brand.main,medium:x.palette.blue.fiftyP,hard:x.palette.green.fiftyP},rr={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ir=t((function(n,e){var t=n.strength,r=t?tr[t]:"",i=t?er[t]:-1;return d(ar,_n({"data-testid":"strength_bar",className:String(!t&&"hidden"),ref:e},{children:[o(or,{children:Object.keys(er).map((function(n,e){return o(dr,{children:o(lr,{"data-testid":"progress_item_".concat(n),value:i>=e?100:0,color:r})},n)}))}),o(f,_n({"data-testid":"strength_bar_explanation",size:"s",css:{color:r}},{children:t&&rr[t]})),o(cr,_n({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),ar=c.div(Je||(Je=Pn(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),or=c.div(qe||(qe=Pn(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),dr=c.div(Ge||(Ge=Pn(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),lr=c(S)($e||($e=Pn(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),x.palette.grey.fifteenB,(function(n){return n.color})),cr=c(f)(Qe||(Qe=Pn(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),pr=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},ur=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},sr=t((function(n,t){var r=i(!1),a=r[0],o=r[1],d=i(null),l=d[0],c=d[1],p=function(n){0!==n.length?U.test(n)?c("hard"):R.test(n)?c("medium"):F.test(n)?c("simple"):c("weak"):c(null)};return e((function(){var e=n.form,t=n.name,r=pr(t,e);"string"==typeof r&&p(r)}),[]),h(m,{children:[s(nr,_n({type:a?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;p(e)},"data-testid":"input_password",ref:t,endIcon:s(hr,_n({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:s(a?Q:X,{})}))},n)),s(ir,{strength:l})]})})),hr=c.div(Xe||(Xe=Pn(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),mr=t((function(n){return h(m,{children:[s(fr,{children:s(nr,_n({},n))}),s(xr,{children:s(nr,_n({isTextArea:!0},n))})]})})),fr=c.div(Ze||(Ze=Pn(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),xr=c.div(nt||(nt=Pn(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),gr=t((function(n,e){var t=n.label,r=n.button,i=Cn(n,["label","button"]);return h(br,_n({ref:e},{children:[s(I,{}),s(vr,{children:r||s(wr,_n({fullWidth:!0,size:"s",endIcon:s(Z,{})},i,{children:t}))})]}))})),br=c.div(et||(et=Pn(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),x.palette.grey.zero),vr=c.div(tt||(tt=Pn(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),wr=c(g)(rt||(rt=Pn(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),yr=t((function(n,t){var r,c=n.title,p=n.description,u=n.name,s=n.form,h=n.disabled,m=n.yearParams,f=n.onChange,x=n.max,g=n.min,b=n.footerLabel,v=n.datePickerProps,w=n.alignTitle,y=void 0===w?"center":w,k=Cn(n,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),_=on({name:u,control:s.control}),C=_.field,S=null===(r=_.fieldState.error)||void 0===r?void 0:r.message,I=C.value,z=I?I.toFormat("dd.MM.yyyy"):"",P=I?I.toJSDate():null,M=A(),N=M[0],O=M[1],E=M[2],T=i(P),j=T[0],D=T[1],L=i(z),U=L[0],R=L[1],F=function(n,e){if(!n||!e)return[];var t=mn.now().year-n;return a.range(e).map((function(n){var e=t-n;return{value:e,label:e}}))}(null==m?void 0:m.min,null==m?void 0:m.max),V=B(t,C.ref);e((function(){R(z)}),[z]);return d(l,{children:[o(Rt,_n({mask:"00.00.0000",name:u,handleClick:O,value:U,onChange:function(n){var e=n.target.value;if(R(e),0!==e.length&&K.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:V},k)),d(Sr,_n({title:c,description:p,isOpen:N,handleClose:E,alignTitle:y},{children:[o(kr,{children:o(an,_n({inline:!0,selected:j||P,onChange:function(n){D(n)},calendarContainer:_r,renderCustomHeader:function(n){return o(Ot,_n({yearOptions:F,max:x,min:g},n))},renderDayContents:function(n){return o(Cr,{children:n})},maxDate:null==x?void 0:x.toJSDate(),minDate:null==g?void 0:g.toJSDate(),calendarStartDay:1},v))}),o(gr,{fullWidth:!0,disabled:!P&&!j,onClick:function(){if(j){var n=mn.fromJSDate(j);R(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:u},type:"change"}),f&&f(n),E()}},label:b})]}))]})})),kr=c.div(it||(it=Pn(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),_r=c(Tt)(at||(at=Pn(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),x.palette.background.light1,x.palette.background.light1),Cr=c.span(ot||(ot=Pn(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),Sr=c(z)(dt||(dt=Pn(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),Ir=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],zr=_n(_n({},fn),{localize:{month:function(n){return Ir[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Pr=t((function(n,e){var t,r=n.title,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=Cn(n,["title","name","form","disabled","datePickerProps"]),p=on({name:a,control:o.control}),u=p.field,m=null===(t=p.fieldState.error)||void 0===t?void 0:t.message,f=A(),x=f[0],g=f[1],b=f[2],v=i(u.value?mn.fromJSDate(new Date(String(u.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=i(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return h(Mr,_n({ref:e},{children:[s(Rt,_n({mask:"00.0000",name:a,handleCLick:g,value:w,onChange:function(n){var e=n.target.value;if(y(e),0!==e.length&&K.test(e)){var t=mn.fromFormat(e,"MM.yyyy").toJSDate();C(t),null==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(z,_n({title:r,isOpen:x,handleClose:b},{children:[s(Nr,{children:s(an,_n({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:zr,calendarContainer:At,renderCustomHeader:function(n){return s(Vt,_n({},n))}},l))}),s(gr,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==u||u.onChange({target:{value:_,name:a},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),Mr=c.div(lt||(lt=Pn(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Nr=c.div(ct||(ct=Pn(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Or=function(n){return h(m,{children:[s(Yt,_n({},n)),s(Pr,_n({},n))]})},Er=t((function(n,e){var t=n.tabs,i=n.handleClick,a=n.variant,d=Cn(n,["tabs","handleClick","variant"]),l=r(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=l.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),i(n)};return o(Tr,_n({css:"white"===a&&{background:"white"},ref:e},{children:o(V,_n({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:t.map((function(n,e){return o(qt,_n({tab:n,index:e,handleClick:c,offset:-121},d),n)}))}))}))})),Tr=c.div(pt||(pt=Pn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),x.palette.background.light1),jr=t((function(t,r){var i=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),r="".concat(e).concat(l[n]);t!==r&&v(r,{replace:!0})}};return e((function(){f(c)}),[c]),e((function(){"number"!=typeof c&&s<901&&sn.scrollToTop()}),[]),0===s?null:d("div",_n({ref:r},{children:[o(s>765?Qt:Er,{tabs:i,active:m,handleClick:y,variant:u,isScrolling:g,setIsScrolling:b}),a.map((function(n,e){return o("div",_n({css:e===a.length-1&&Dr},{children:o(Lr,_n({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Dr=p(ut||(ut=Pn(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Lr=c(hn)(st||(st=Pn(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Br=t((function(n,e){var t=n.form,r=n.name,i=Cn(n,["form","name"]);return o(dn,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field;return o(P,_n({checked:Boolean(t.value),onChange:t.onChange,"data-testid":r,ref:e,name:r},i))}})})),Ur=t((function(n,e){var t,r=n.form,i=n.name,a=void 0===i?"phone":i,o=n.hiddenInputProps,d=n.error,l=Cn(n,["form","name","hiddenInputProps","error"]),c=on({control:r.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),p=on({control:r.control,name:"".concat(a,".phoneNumber")}),u=void 0!==d&&String(d).length>0?d:null===(t=p.fieldState.error)||void 0===t?void 0:t.message,h=B(e,p.field.ref);return s(M,_n({message:u,hiddenInputProps:_n(_n({},c.field),o),onSelectCountry:function(n){c.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},p.field,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"}))})),Rr=t((function(n,e){return s(Fr,_n({cellSpacing:"0",ref:e},n))})),Fr=c.table(ht||(ht=Pn(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Ar=c.th(mt||(mt=Pn(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Kr=c.td(ft||(ft=Pn(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Vr=t((function(e,t){var r=e.children,i=Cn(e,["children"]),a=n.Children.toArray(r);return s("tr",_n({ref:t},{children:a.map((function(e){return n.cloneElement(e,i)}))}))})),Wr={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}},Hr=t((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,a=n.className,o=n.style,d=Cn(n,["placement","open","children","spacing","className","style"]);return s(Yr,_n({ref:e,className:W("KUI-Popper",a),spacing:i,style:o,open:!!t},{children:s(Jr,_n({open:!!t},d,{children:r}))}))})),Yr=c.div(xt||(xt=Pn(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),x.breakpoints.xxs),Jr=c.div(gt||(gt=Pn(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),qr=t((function(n,t){var a=n.placement,o=n.contentRef,d=Cn(n,["placement","contentRef"]),l=r(null),c=i(null),f=c[0],x=c[1],g=i(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=Wr[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(bt||(bt=Pn(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),s(Hr,_n({ref:function(n){t&&(t.current=n),l.current=n},style:w},d))]}),document.body)})),Gr=t((function(n,t){var a=n.placement,o=n.contentRef,d=Cn(n,["placement","contentRef"]),l=r(null),c=i(null),p=c[0],u=c[1],h=i(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=Wr[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(Hr,_n({ref:function(n){t&&(t.current=n),l.current=n},style:x},d))})),$r=t((function(n,t){var r=n.contentRef,a=Cn(n,["contentRef"]),o=i(!0),d=o[0],l=o[1];return e((function(){var n=function(){for(var n=r.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[r]),s(d?Gr:qr,_n({ref:t,contentRef:r},a))})),Qr=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=Cn(n,["content","onOpen","onClose","open","children","cursor","className"]),f=i(l),x=f[0],g=f[1],b=r(null),v=function(){g(!0),o&&o()};return e((function(){g(l)}),[l]),h(Zr,_n({className:u,onMouseLeave:function(){g(!1),d&&d()},ref:t},{children:[s(ni,_n({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:p},{children:s(ei,_n({className:"Tooltip_content"},{children:c}))})),s($r,_n({open:x},m,{contentRef:b},{children:a}))]}))})),Xr=p(vt||(vt=Pn(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Zr=c.div(wt||(wt=Pn(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),Xr),ni=c.div(yt||(yt=Pn(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),Xr,(function(n){return n.cursor})),ei=c.div(kt||(kt=Pn(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),Xr),ti=t((function(n,e){var t,r=n.options,i=Cn(n,["options"]);return s(ri,_n({value:null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.value,options:r,iconProps:{width:9,height:5}},i,{ref:e}))})),ri=c(St)(_t||(_t=Pn(["\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),ii=t((function(n,e){var t,r,i=n.options,a=n.name,o=n.handleChange,d=n.form,l=n.value,c=Cn(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(St,_n({options:i,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===(r=p.field)||void 0===r?void 0:r.value),ref:e},c))}));function ai(n){var e=n.option,t=n.selectedValue.includes(e.value);return s(li,_n({container:!0,selected:t},{children:s(N,{checked:t,label:s(ci,_n({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var oi,di,li=c(w)(oi||(oi=Pn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?x.palette.background.light1:x.palette.grey.zero}),x.palette.background.light1,x.palette.grey.seventy),ci=c(f)(di||(di=Pn(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?x.palette.grey.seventy:x.palette.grey.fiftyP}));function pi(n){var t,r,a=n.options,o=n.name,d=n.handleChange,l=n.form,c=n.value,p=Cn(n,["options","name","handleChange","form","value"]),u=l?on({control:l.control,name:o}):null,h=i(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===(r=null==u?void 0:u.fieldState.error)||void 0===r?void 0:r.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(ze,_n({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 zn(zn([],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(ai,{option:n,selectedValue:e})}},p))}var ui=t((function(n,t){var r=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=Cn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=i(l||c||r[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,_n({container:!0,direction:d,ref:t},{children:r.map((function(n){return s(O,_n({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 si(n){var t=n.form,r=n.name,i=n.defaultValue,a=Cn(n,["form","name","defaultValue"]);return e((function(){t.getValues(r)||i||t.setValue(r,a.options[0].value)}),[]),s(dn,{control:t.control,name:String(r),render:function(n){var e=n.field;return s(ui,_n({},a,e,{defaultValue:i,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:r},type:"change"}),a.onChange&&a.onChange(n,e)}(n,t,e)}}))}})}function hi(n){var e,t=n.title,r=n.className,i=n.direction,a=n.form,o=n.name,d=Cn(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(yi,{children:[h(ki,_n({container:!0,alignItems:"vertical"===i?"flex-start":"center",justify:"space-between",direction:"vertical"===i?"column":"row",hasError:!!l,className:r,withTitle:!!t},{children:[t&&s(_i,_n({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),s(w,_n({item:!0,xs:"vertical"===i?12:"auto"},{children:s(si,_n({form:a,name:o},d))}))]})),l&&s(E,{variant:"error",msg:l})]})}ui.displayName="RadioButtons";var mi,fi,xi,gi,bi,vi,wi,yi=c.div(mi||(mi=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),ki=c(w,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(gi||(gi=Pn(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?x.palette.red.fiftyP:x.palette.grey.fifteenB}),(function(n){var e=n.direction,t=n.hasError,r=n.withTitle;return"column"===e?function(n){var e=n.hasError;return p(fi||(fi=Pn(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:t}):function(n){var e=n.hasError,t=n.withTitle;return p(xi||(xi=Pn(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),t?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:t,withTitle:r})}),x.breakpoints.sm),_i=c(f)(bi||(bi=Pn(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),x.breakpoints.sm),Ci=t((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=Cn(n,["height","className"]);return s(Ii,_n({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:s(Si,_n({},i))}))})),Si=c(T)(vi||(vi=Pn(["\n color: ",";\n"],["\n color: ",";\n"])),x.palette.brand.main),Ii=c(w,{shouldForwardProp:function(n){return"height"!==n}})(wi||(wi=Pn(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function zi(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=A(),i=r[0],a=r[1],o=r[2];if(!e||!t)return null;return h(m,{children:[h(Ei,_n({container:!0,onClick:a,alignItems:"center"},{children:[s(Ti,{width:12,height:12}),s(f,_n({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),s(ji,_n({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:o})}))]})}var Pi,Mi,Ni,Oi,Ei=c(w)(Pi||(Pi=Pn(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),x.palette.grey.fifteenB),Ti=c(nn)(Mi||(Mi=Pn(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),x.palette.grey.fiftyP),ji=c.div(Ni||(Ni=Pn([""],[""]))),Di=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return s(Li,_n({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Li=c(w)(Oi||(Oi=Pn(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Bi(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,d=n.isLoading,l=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return h(Fi,_n({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(zi,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return s(Di,{option:n,renderOption:t,handleSelect:p,index:e},e)})),d&&s(Ai,{height:"auto"})]}))}var Ui,Ri,Fi=c(ve)(Ui||(Ui=Pn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Ai=c(Ci)(Ri||(Ri=Pn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function Ki(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=Cn(n,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),S=i(!1),I=S[0],z=S[1],P=r(null);p&&u.register(p);var M=function(){g||z(!0)},N=function(){z(!1)};e((function(){_&&_(I)}),[I]);var O=B(P,k);return d(qi,{children:[x&&o(Ji,{children:o(Ci,{height:"100%"})}),o(Bi,{renderOption:a,options:l,inputRef:{current:null===(t=P.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:I,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(Gi,_n({form:u,onInput:function(n){f&&(f(n.target.value),p&&u.setValue(p,null)),!n.target.value&&p&&(p&&u.setValue(p,null),u.setValue(c,null),h(null)),M()},onFocus:M,name:c,disabled:g,ref:O,isDropdownOpen:I,autoComplete:"off"},C,{endIcon:!g&&d(w,_n({container:!0,alignItems:"center",onClick:function(){z((function(n){return!n}))}},{children:[o(j,_n({mr:2},{children:y})),C.endIcon||!g&&o($i,{width:12,height:13,css:[I&&{transform:"rotate(180deg)"}]})]}))}))})]})}var Vi,Wi,Hi,Yi,Ji=c.div(Vi||(Vi=Pn(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),qi=c.div(Wi||(Wi=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),Gi=c(nr)(Hi||(Hi=Pn(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),$i=c(H)(Yi||(Yi=Pn(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function Qi(n){var e=n.label;return s(Zi,{children:s(f,_n({size:"s",weight:500},{children:e}))})}var Xi,Zi=c.div(Xi||(Xi=Pn(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),x.palette.background.light2);function na(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,I=Cn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),z=String(null===(a=(null==o?void 0:o.title)||(null==o?void 0:o.name)||(null===(t=null==o?void 0:o.file)||void 0===t?void 0:t.name)||C)||void 0===a?void 0:a.replace(/\.[^/.]+$/,"")),P=i(z),M=P[0],N=P[1],O=i(!1),E=O[0],T=O[1],D=r(null);e((function(){var n;E&&(null===(n=D.current)||void 0===n||n.focus()),!E&&z!==M&&l&&l(M,c)}),[E]);return h(m,{children:[h(fa,_n({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(_||"")},I,{children:[s(xa,_n({className:"FileIcon_wrapper"},{children:v||s(en,{})})),h(ba,_n({withDelete:!!d,withEdit:!!l,className:"FileContent_wrapper"},{children:[h(ya,{children:[s(wn,_n({href:o.url,openInNewWindow:!0},{children:s(wa,{children:M})})),s(va,{"data-testid":"file_name",ref:D,disabled:!E,value:M,onChange:function(n){N(n.target.value)},onBlur:function(){T(!1)},maxLength:100})]}),w||String(o.size)&&h(f,_n({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),h(ga,_n({className:"FileButtons_wrapper"},{children:[S,!y&&l&&s(g,_n({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){T((function(n){return!n}))}},{children:E?s(Z,{}):s(tn,{width:18,height:18})})),d&&!y&&s(g,_n({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(j,_n({mb:1},{children:s(f,_n({size:"xs",colorGroup:"red",weight:500},{children:k||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var ea,ta,ra,ia,aa,oa,da,la,ca,pa,ua,sa,ha,ma,fa=c.div(ra||(ra=Pn(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?x.palette.brand.main:x.palette.grey.fifteenB}),(function(n){return n.disabled&&p(ta||(ta=Pn(["\n background: ",";\n "],["\n background: ",";\n "])),x.palette.background.light1)}),(function(n){return n.error&&p(ea||(ea=Pn(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),x.palette.red.seventy)})),xa=c.div(ia||(ia=Pn(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),x.palette.brand.light),ga=c.div(aa||(aa=Pn(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),x.palette.grey.thirty),ba=c.div(oa||(oa=Pn(["\n width: calc(\n 100% - 48px -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(\n 100% - 48px -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),va=c.input(da||(da=Pn(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),x.palette.grey.seventy,x.palette.brand.main),wa=c.span(la||(la=Pn(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),ya=c.div(ca||(ca=Pn(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),ka=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,I=n.endIcon,z=n.testId,P=Cn(n,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId"]),M=i(!1),N=M[0],O=M[1],T=i(),j=T[0],D=T[1],L=i(""),B=L[0],U=L[1],R=r(null),F=on({control:d.control,name:l}),A=F.field,K=F.fieldState,V=on({control:d.control,name:c||l}).field,W=(j instanceof File?j.name:(null===(a=null==j?void 0:j.uploaded)||void 0===a?void 0:a.name)||(null==j?void 0:j.name)||"").split(".").pop(),H=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}(j,B,y,W),Y=j&&"url"in j?j:H,J=null===(o=K.error)||void 0===o?void 0:o.message;e((function(){"string"==typeof A.value&&U(A.value),"object"==typeof A.value&&D(A.value),A.value||U(""),O(!0)}),[A.value]),e((function(){var n,e,t=Number((null==y?void 0:y.length)||(null===(n=null==j?void 0:j.uploaded)||void 0===n?void 0:n.name)||(null===(e=null==j?void 0:j.name)||void 0===e?void 0:e.length))>100;N&&!B&&A.onChange({target:{value:j,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:S||"The file name must be less than 100 characters"}):d.clearErrors(l)}),[j]);return h(_a,_n({"data-testid":z},{children:[s(Sa,_n({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];D(e),k&&k(e)}else D(void 0)}},P,{ref:function(n){t&&(t.current=n),R.current=n}})),Y?s(na,{file:Y,onDelete:v&&function(){j&&R.current&&(R.current.value=""),D(void 0),U(""),c?V.onChange({target:{value:null,name:c},type:"change"}):A.onChange({target:{value:null,name:l},type:"change"}),k&&k(null)},onChange:g&&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:_n(_n({},t.uploaded),{name:n})}:new File([t],r,{type:t.type}),D(e)},error:J,disabled:u,label:p,endIcon:I}):h(m,{children:[h(Ca,_n({error:!!J,disabled:u,container:!0,justify:"space-between",alignItems:"center"},{children:[s(Ia,_n({item:!0},{children:h(f,_n({size:"s",color:"fiftyP"},{children:[p,_?" *":""]}))})),s(w,_n({item:!0},{children:s(za,_n({disabled:u,size:"s",onClick:function(){R.current&&R.current.click()}},{children:C||"Upload"}))}))]})),J&&s(E,{variant:"error",msg:J})]})]}))})),_a=c.div(pa||(pa=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),Ca=c(w)(ua||(ua=Pn(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?x.palette.red.fiftyP:x.palette.grey.fifteenB}),(function(n){return n.disabled?x.palette.background.light1:x.palette.grey.zero})),Sa=c.input(sa||(sa=Pn(["\n display: none;\n"],["\n display: none;\n"]))),Ia=c(w)(ha||(ha=Pn(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),za=c(g)(ma||(ma=Pn(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Pa=t((function(n,e){var t=n.form,r=n.name,i=n.label,a=n.labelProps,o=Cn(n,["form","name","label","labelProps"]);return s(dn,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return s(N,_n({},o,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),o.onChange&&o.onChange(n)}(n,t)},label:"string"==typeof i?s(f,_n({},a,{children:i})):i}))}})}));function Ma(n){var e=n.title,t=n.options,r=n.form;n.name;var i=Cn(n,["title","options","form","name"]);return h(Ta,_n({container:!0,alignItems:"center",justify:"space-between"},{children:[s(w,_n({item:!0},{children:s(f,_n({size:"s",weight:500,color:"fiftyP"},{children:e}))})),s(w,_n({item:!0},{children:s(w,_n({container:!0},{children:t.map((function(n){return s(Ea,_n({name:n.name,label:s(f,_n({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))}var Na,Oa,Ea=c(Pa)(Na||(Na=Pn(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Ta=c(w)(Oa||(Oa=Pn(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),x.palette.grey.fifteenB),ja={mapKey:""},Da=[],La=function(){return _n({},ja)},Ba=function(n){ja=_n(_n({},ja),n),Da.forEach((function(n){return n(ja)}))},Ua=function(n){Da.push(n)},Ra=function(n){var e=Da.indexOf(n);-1!==e&&Da.splice(e,1)};function Fa(n){var t=this,r=n.children,a=n.onInit,o=n.mapKey,d=i(!1),l=d[0],c=d[1],p=i("LOADING"),u=p[0],h=p[1],f=i(o||La().mapKey),x=f[0],g=f[1];return e((function(){var n=function(n){return g(n.mapKey)};return o||Ua(n),function(){Ra(n)}}),[]),e((function(){return Sn(t,void 0,void 0,(function(){return In(this,(function(n){switch(n.label){case 0:if(l||!process.env.REACT_APP_MAP_KEY)return[3,4];h("LOADING"),n.label=1;case 1:return n.trys.push([1,3,,4]),yn({key:process.env.REACT_APP_MAP_KEY,language:"ru"}),[4,Promise.allSettled(zn([kn("core"),kn("maps"),kn("places"),kn("marker")],a?[a()]:[],!0))];case 2:return n.sent(),h("SUCCESS"),[3,4];case 3:return n.sent(),h("FAILURE"),[3,4];case 4:return[2]}}))})),function(){return c(!0)}}),[x]),x?"SUCCESS"===u&&r?s(m,{children:r}):(function(n){"LOADING"===n?s(Ci,{height:"100%"}):"FAILURE"===n?s("h3",{children:n}):s("div",{})}(u),s(m,{})):s("h2",{children:"Add google key"})}var Aa=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,a=Cn(n,["dependentInputName","form","disabled","Input"]),o=ln({control:t.control,name:e}),d=_n({form:t,disabled:r||!o},a);return s(i||nr,_n({},d))};function Ka(n){var t=n.map,i=n.position,a=n.children,o=r(null),d=r(document.createElement("div"));return e((function(){var n,e,r;if(t&&(null===(r=null===(e=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===e?void 0:e.marker)||void 0===r?void 0:r.AdvancedMarkerElement)){var a=new google.maps.marker.AdvancedMarkerElement({map:t,position:i,content:d.current,collisionBehavior:"OPTIONAL_AND_HIDES_LOWER_PRIORITY"});return o.current=a,function(){return a.map=null}}}),[t]),e((function(){o.current&&i&&(o.current.position=i)}),[i]),vn(a,d.current)}var Va=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},Wa=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{Ka as AdvancedMarker,Qi as AutocompleteOption,re as Avatar,ti as ButtonSelect,ue as ButtonTab,me as ButtonsPanel,Ot as CalendarHeaderWithSelect,Tt as CalendarStandardContainer,Dt as CalendarStandardHeader,Ma as CheckboxGroupWithTitle,Pa as CheckboxWithController,Aa as DependentInput,Yt as DesktopInputWithMonthPicker,Qt as DesktopMenuPanel,ve as InputDropdown,ka as InputFile,Rt as InputForDatepicker,pi as InputMultiSelect,sr as InputPassword,Ur as InputPhoneWithForm,St as InputSelect,ze as InputSelectBase,Ce as InputSelectDropdown,ii as InputSelectWithController,mr as InputTextAreaMobile,Ki as InputWithAutocomplete,nr as InputWithController,yr as InputWithDatePicker,Zt as InputWithMask,Or as InputWithMonthPicker,Ci as Loading,Fa as MapWrapper,qt as MenuItem,jr as MenuPanel,Pr as MobileInputWithMonthPicker,Er as MobileMenuPanel,At as MonthPickerContainer,Vt as MonthPickerHeader,ir as PassportStrengthBar,ui as RadioButtons,si as RadioButtonsWithController,hi as RadioGroupWithLabel,ge as ScrollingContainer,Nt as SelectMonth,zt as SelectYear,Br as Switch,Rr as Table,Kr as TableCell,Ar as TableHeadCell,Vr as TableRow,Qr as Tooltip,ee as UndefinedAvatar,ur as getFormError,pr as getFormValue,La as getSettings,Va as getVisibility,Wa as getVisibilitySettings,Ba as setSettings,Ir as shortMonths,Ua as subscribeToSettings,Ra as unsubscribeFromSettings,ne as useScrollWithBottomSpacing};
|
|
1
|
+
import"react-datepicker/dist/react-datepicker.css";import*as n from"react";import{useEffect as e,forwardRef as t,useRef as r,useState as i}from"react";import a from"lodash";import{jsx as o,jsxs as 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 I,Modal as z,Switch as P,InputWithCountryDropdown as M,Checkbox as N,Radio as O,InputMessage as E,CircularProgress as T,Box as j}from"kui-basic";import{useWindowWidth as D,updateQueryParams as L,useForkRef as B,strongPasswordRegExp as U,mediumPasswordRegExp as F,simplePasswordRegExp as R,useToggle as K,isValidWithMaskExp as A}from"kui-utils";import V 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{createPortal as vn}from"react-dom";import{Link as wn}from"kui-crm";import{setOptions as yn,importLibrary as kn}from"@googlemaps/js-api-loader";var _n=function(){return _n=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n},_n.apply(this,arguments)};function Cn(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function Sn(n,e,t,r){return new(t||(t=Promise))((function(i,a){function o(n){try{l(r.next(n))}catch(n){a(n)}}function d(n){try{l(r.throw(n))}catch(n){a(n)}}function l(n){var e;n.done?i(n.value):(e=n.value,e instanceof t?e:new t((function(n){n(e)}))).then(o,d)}l((r=r.apply(n,e||[])).next())}))}function In(n,e){var t,r,i,a,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return a={next:d(0),throw:d(1),return:d(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function d(a){return function(d){return function(a){if(t)throw new TypeError("Generator is already executing.");for(;o;)try{if(t=1,r&&(i=2&a[0]?r.return:a[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,a[1])).done)return i;switch(r=0,i&&(a=[2&a[0],i.value]),a[0]){case 0:case 1:i=a;break;case 4:return o.label++,{value:a[1],done:!1};case 5:o.label++,r=a[1],a=[0];continue;case 7:a=o.ops.pop(),o.trys.pop();continue;default:if(!(i=o.trys,(i=i.length>0&&i[i.length-1])||6!==a[0]&&2!==a[0])){o=0;continue}if(3===a[0]&&(!i||a[1]>i[0]&&a[1]<i[3])){o.label=a[1];break}if(6===a[0]&&o.label<i[1]){o.label=i[1],i=a;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(a);break}i[2]&&o.ops.pop(),o.trys.pop();continue}a=e.call(n,o)}catch(n){a=[6,n],r=0}finally{t=i=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,d])}}}function zn(n,e,t){if(t||2===arguments.length)for(var r,i=0,a=e.length;i<a;i++)!r&&i in e||(r||(r=Array.prototype.slice.call(e,0,i)),r[i]=e[i]);return n.concat(r||Array.prototype.slice.call(e))}function Pn(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}var Mn,Nn,On,En,Tn,jn,Dn,Ln,Bn,Un,Fn,Rn,Kn,An,Vn,Wn,Hn,Jn,Yn,qn,Gn,$n,Qn,Xn,Zn,ne=function(n,t,r,i,o){var d=function(e){var t=i?e.target:e.target.documentElement,a=i?e.target.clientHeight:window.innerHeight;t.scrollHeight-(t.scrollTop+a)<n&&r&&r()};e((function(){if(r){var n=a.throttle(d,t),e=(null==i?void 0:i.current)||document;return e.addEventListener("scroll",n),function(){e.removeEventListener("scroll",n)}}}),zn([t],o||[],!0))},ee=t((function(n,e){var t=n.label,r=Cn(n,["label"]);if(!t)return s("div",{});var i=t.split(" ").map((function(n){return n[0]})).slice(0,3).join("");return s(te,_n({"data-testid":"undefined_avatar",ref:e},{children:s(f,_n({size:"xs",weight:600,colorGroup:"brand",color:"main"},r,{children:i}))}))})),te=c.div(Mn||(Mn=Pn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n &,\n p {\n transition: all ease-out 0.3s;\n }\n @media (min-width: 900px) {\n &:hover {\n background-color: ",";\n p {\n color: white;\n }\n }\n }\n"])),x.palette.brand.light,x.palette.brand.main),re=t((function(n,e){var t=n.size,r=n.fullName,i=n.imageUrl,a=Cn(n,["size","fullName","imageUrl"]);return o(ie,_n({css:de[t],ref:e},a,{children:i?o(ae,{"data-testid":"avatar_image",src:i,alt:"avatar"}):o(oe,{label:r,avatarSize:t})}))})),ie=c.div(Nn||(Nn=Pn(["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"],["\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n"]))),ae=c.img(On||(On=Pn(["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"],["\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n"]))),oe=c(ee,{shouldForwardProp:function(n){return"size"!==n}})(Tn||(Tn=Pn(["\n ",";\n"],["\n ",";\n"])),(function(n){return"lg"===n.avatarSize&&p(En||(En=Pn(["\n font-size: 32px;\n "],["\n font-size: 32px;\n "])))})),de={xs:p(jn||(jn=Pn(["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "],["\n min-width: 24px;\n width: 24px;\n height: 24px;\n p {\n font-size: 10px;\n }\n "]))),s:p(Dn||(Dn=Pn(["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "],["\n min-width: 32px;\n width: 32px;\n height: 32px;\n "]))),md:p(Ln||(Ln=Pn(["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "],["\n min-width: 40px;\n width: 40px;\n height: 40px;\n @media (max-width: 600px) {\n min-width: 32px;\n width: 32px;\n height: 32px;\n }\n "]))),lg:p(Bn||(Bn=Pn(["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "],["\n min-width: 80px;\n width: 80px;\n height: 80px;\n "])))},le=t((function(n,e){var t=n.index,r=n.onClick,i=n.isActive,a=n.label,d=n.disabled;return o(ce,_n({disabled:d,variant:i?"orange":"white",captionWeight:400,onClick:function(){r(t)},css:!i&&pe,size:"s",ref:e,className:W("KUI-ButtonTab",i&&"KUI-ButtonTab_active")},{children:a}))})),ce=c(g)(Un||(Un=Pn(["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n margin-right: 24px;\n &.KUI-ButtonTab_active {\n p {\n text-shadow: 0.2px 0 0 currentColor, -0.2px 0 0 currentColor;\n }\n }\n &:last-of-type {\n margin-right: 0;\n }\n"]))),pe=p(Fn||(Fn=Pn(["\n p {\n color: ",";\n }\n"],["\n p {\n color: ",";\n }\n"])),x.palette.grey.seventy),ue=t((function(n,e){var t=n.renderTabWrapper,r=n.label,i=Cn(n,["renderTabWrapper","label"]);return t?t(r,o(le,_n({ref:e,label:r},i))):o(le,_n({ref:e,label:r},i))})),se=function(n){var e=n.startComponent,t=n.endComponent,i=n.tabs,a=n.renderTabWrapper,o=n.handleChange,d=n.value,l=r(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,_n({className:"KUI-ButtonTabs"},{children:[e,s(he,_n({},{spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,injectStyles:["\n .swiper {\n padding: 8px 16px 24px 16px;\n margin: -8px -16px -24px -16px;\n }\n "],breakpoints:{600:{spaceBetween:16}}},{ref:l},{children:i.map((function(n,e){return s(ue,{index:e,onClick:c,isActive:e===d,label:n,renderTabWrapper:a},n)}))})),t]}))},he=c(V)(Rn||(Rn=Pn(["\n swiper-slide {\n width: fit-content;\n }\n"],["\n swiper-slide {\n width: fit-content;\n }\n"]))),me=t((function(t,r){var i=t.tabs,a=t.tabPanels,c=t.paths,p=t.activeTab,u=t.isSticky,s=t.onChange,h=t.startComponent,m=t.endComponent,f=t.navigate,x=t.renderTabWrapper,g=Cn(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(xe,_n({css:u&&{position:"sticky"},ref:r},g,{children:o(se,{value:w,tabs:i,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(fe,_n({role:"tabpanel"},{children:a[w]}))]})})),fe=c.div(Kn||(Kn=Pn(["\n height: 100%;\n"],["\n height: 100%;\n"]))),xe=c.div(An||(An=Pn(["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"],["\n background: ",";\n top: 80px;\n z-index: 4;\n padding-top: 16px;\n padding-bottom: 24px;\n @media (max-width: 1200px) {\n padding-bottom: 18px;\n }\n @media (max-width: 600px) {\n top: 48px;\n }\n"])),x.palette.grey.zero),ge=t((function(n,t){var a=n.onScrollEnd,o=n.maxHeight,d=n.onScrollChange,l=Cn(n,["onScrollEnd","maxHeight","onScrollChange"]),c=r(null),p=i(!1),u=p[0],h=p[1];ne(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(be,_n({isScrollable:u,ref:function(n){t&&("function"==typeof t?t(n):t.current=n),c.current=n}},l))})),be=c.div(Vn||(Vn=Pn(["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"],["\n overflow-y: auto;\n position: relative;\n padding-right: ","px;\n box-sizing: border-box;\n ::-webkit-scrollbar {\n width: 6px;\n position: absolute;\n right: 8px;\n }\n ::-webkit-scrollbar-track,\n ::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 4px;\n transition: all ease-out 0.3s;\n }\n\n ::-webkit-resizer,\n ::-webkit-scrollbar-button,\n ::-webkit-scrollbar-corner {\n display: none;\n }\n\n ::-webkit-scrollbar-track {\n background: ",";\n }\n\n ::-webkit-scrollbar-thumb {\n background: ",";\n }\n"])),(function(n){return n.isScrollable?6:0}),x.palette.grey.fifteenB,x.palette.grey.thirty),ve=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=Cn(n,["isOpen","handleClose","buttonRef","children","endComponent","input","className","strategy","onScroll"]),m=i(!1),f=m[0],x=m[1],g=r(null);return s(we,_n({fullWidth:!0,withoutMobile:!0,isControlled:!0,open:t,onChange:function(n){n||a()},toggleMethod:"click",strategy:p||"fixed",placement:"bottom",className:c,content:h(ye,_n({"data-testid":"input_dropdown",container:!0,ref:function(n){"function"==typeof e?e(n):e&&(e.current=n),g.current=n}},u,{children:[s(ke,_n({isScrollable:f},{children:s(_e,_n({className:"KUI-InputDropdown_scroll",onScrollChange:x},{children:o}))})),d]}))},{children:l}))})),we=c(v)(Wn||(Wn=Pn(["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"],["\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n z-index: unset;\n width: 100%;\n > div {\n width: 100%;\n }\n }\n }\n > .KUI-Popper {\n max-width: unset;\n > div {\n user-select: none;\n padding: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0px 26px 34px 0px #0000001a;\n }\n &.top > div {\n border-radius: 8px 8px 0 0;\n }\n }\n"]))),ye=c(w)(Hn||(Hn=Pn(["\n width: 100%;\n user-select: none;\n"],["\n width: 100%;\n user-select: none;\n"]))),ke=c.div(Jn||(Jn=Pn(["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"],["\n width: 100%;\n box-sizing: border-box;\n padding: ",";\n"])),(function(n){return n.isScrollable?"14px 6px 8px 0":"14px 0px 8px 0"})),_e=c(ge)(Yn||(Yn=Pn(["\n width: 100%;\n"],["\n width: 100%;\n"]))),Ce=t((function(n,e){var t=n.input,r=n.options,i=n.inputRef,a=n.isOpenDropdown,o=n.handleCloseDropdown,d=n.handleSelect,l=n.selectedValue,c=n.renderOption;return s(Ie,_n({input:t,buttonRef:i,isOpen:a,handleClose:o,ref:e},{children:r.map((function(n,e){return s(Se,_n({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)}))}))})),Se=c.div(qn||(qn=Pn(["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"],["\n width: 100%;\n padding: 2px 0;\n cursor: ",";\n p {\n color: ",";\n }\n"])),(function(n){return n.disabled?"auto":"pointer"}),(function(n){return n.disabled?x.palette.grey.fiftyP:x.palette.grey.seventy})),Ie=c(ve)(Gn||(Gn=Pn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),ze=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=Cn(n,["options","name","disabled","handleChange","iconProps","renderOption","selectedLabel","selectedValue","error","endIcon"]),b=i(!1),v=b[0],w=b[1],y=r(null),k=B(y,e),_=function(){w(!1)};return d(Pe,{children:[o("input",{name:l,autoComplete:"off",hidden:!0}),o(Ce,{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(Me,_n({onClick:function(){var n,e,t,r;(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===(r=null===(t=null==y?void 0:y.current)||void 0===t?void 0:t.parentElement)||void 0===r||r.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(Oe,_n({container:!0,alignItems:"center"},{children:[!c&&o(Ne,_n({width:12,height:13,css:[{transition:"all linear .2s"},v&&{transform:"rotate(180deg)"}]},u)),x]}))}))})]})})),Pe=c.div($n||($n=Pn(["\n position: relative;\n text-align: left;\n"],["\n position: relative;\n text-align: left;\n"]))),Me=c(y)(Qn||(Qn=Pn(["\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"]))),Ne=c(H)(Xn||(Xn=Pn(["\n user-select: none;\n"],["\n user-select: none;\n"]))),Oe=c(w)(Zn||(Zn=Pn(["\n width: fit-content;\n"],["\n width: fit-content;\n"])));function Ee(n){var e=n.option,t=n.selectedValue;return s(Ct,_n({selected:t===e.value},{children:s(f,_n({size:"sm",weight:500},{children:e.label}))}))}var Te,je,De,Le,Be,Ue,Fe,Re,Ke,Ae,Ve,We,He,Je,Ye,qe,Ge,$e,Qe,Xe,Ze,nt,et,tt,rt,it,at,ot,dt,lt,ct,pt,ut,st,ht,mt,ft,xt,gt,bt,vt,wt,yt,kt,_t,Ct=c.div(Te||(Te=Pn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n }\n"])),(function(n){return n.selected?x.palette.background.light1:x.palette.grey.zero}),x.palette.background.light1),St=t((function(n,t){var r,a=n.options,o=n.name,d=n.handleChange;n.form;var l=n.value,c=Cn(n,["options","name","handleChange","form","value"]),p=i(l),u=p[0],h=p[1],m=(null===(r=a.find((function(n){return String(n.value)===String(u)})))||void 0===r?void 0:r.label)||"";return e((function(){void 0!==l&&h(l)}),[l]),s(ze,_n({options:a,handleChange:function(n){h(n.value),d&&d(n.value,n)},selectedLabel:m,selectedValue:u,name:o,renderOption:function(n,e){return s(Ee,{option:n,selectedValue:e})},ref:t},c))})),It=function(n,e,t){return e&&n<e||t&&n>t},zt=t((function(n,e){var t=n.yearOptions;n.options;var r=n.min,i=n.max,a=Cn(n,["yearOptions","options","min","max"]),o=t.map((function(n){return _n(_n({},n),{disabled:It(Number(n.value),r,i)})}));return s(St,_n({ref:e,label:"Year",options:o},a))})),Pt=function(n,e,t){return e&&n<e||t&&n>=t},Mt=[{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"}],Nt=t((function(n,e){var t=n.min,r=n.max;n.options;var i=Cn(n,["min","max","options"]),a=Mt.map((function(n){return _n(_n({},n),{disabled:Pt(n.value,t,r)})}));return s(St,_n({ref:e,label:"Month",options:a},i))})),Ot=t((function(n,e){var t=n.changeMonth,r=n.changeYear,i=n.date,a=n.yearOptions,o=n.max,d=n.min,l=i.getFullYear(),c=i.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(Et,_n({ref:e},{children:h(w,_n({container:!0,spacing:2},{children:[s(w,_n({item:!0,xs:6},{children:s(zt,{min:null==d?void 0:d.year,max:null==o?void 0:o.year,yearOptions:a,value:l,handleChange:r})})),s(w,_n({item:!0,xs:6},{children:s(Nt,{min:Number(null==d?void 0:d.year)>=l&&p,max:Number(null==o?void 0:o.year)<=l&&u,value:c,handleChange:t})}))]}))}))})),Et=c.div(je||(je=Pn(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"],["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"]))),Tt=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=Cn(n,["arrowProps","showPopperArrow"]);return s(jt,_n({ref:e},t))})),jt=c.div(De||(De=Pn(['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"],['\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: "Inter", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ',";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ",";\n }\n &:active {\n background: ",";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--today {\n color: ",";\n background-color: ",";\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ",";\n p {\n color: ",";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ",";\n background-color: ",";\n color: ",";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])),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),Dt=t((function(n,e){var t=n.decreaseMonth,r=n.increaseMonth,i=n.nextMonthButtonDisabled,o=n.prevMonthButtonDisabled,d=n.date,l=a.capitalize(d.toLocaleString("ru",{month:"long",year:"numeric"})).slice(0,-3);return h(Lt,_n({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,_n({item:!0},{children:s(Bt,_n({size:"h4"},{children:l}))})),s(w,_n({item:!0},{children:h(w,_n({container:!0,spacing:2},{children:[s(w,_n({item:!0},{children:s(Ut,_n({isCircle:!0,size:"xs","data-testid":"prev_month_button",variant:"white",disabled:o,onClick:t},{children:s(J,{width:10,height:10})}))})),s(w,_n({item:!0},{children:s(Ut,_n({isCircle:!0,size:"xs",variant:"white",disabled:i,onClick:r},{children:s(Y,{width:10,height:10})}))}))]}))}))]}))})),Lt=c(w)(Le||(Le=Pn(["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"],["\n padding: 0 6px 34px;\n @media (max-width: 600px) {\n h2 {\n font-size: 16px;\n }\n }\n"]))),Bt=c(k)(Be||(Be=Pn(["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"],["\n @media (max-width: 600px) {\n font-weight: 700;\n }\n"]))),Ut=c(g)(Ue||(Ue=Pn(["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"],["\n border-color: transparent !important;\n &:disabled {\n background-color: white !important;\n }\n"]))),Ft=t((function(n,e){var t=n.onClick,r=n.disabled,i=n.handleClick,a=n.startIcon,o=Cn(n,["onClick","disabled","handleClick","startIcon"]),d=function(){r||(i?i():t())},l=function(){return s(Rt,_n({disabled:r,onClick:d},{children:a||s(q,{width:19,height:21})}))};return s(_,_n({disabled:r,endIcon:!a&&s(l,{}),startIcon:a&&s(l,{})},o,{ref:e}))})),Rt=c.div(Fe||(Fe=Pn(["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"],["\n display: flex;\n align-items: center;\n cursor: ",";\n z-index: 1;\n"])),(function(n){return n.disabled?"auto":"pointer"})),Kt=t((function(n,e){n.arrowProps,n.showPopperArrow;var t=Cn(n,["arrowProps","showPopperArrow"]);return s(At,_n({ref:e},t))})),At=c.div(Re||(Re=Pn(["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"],["\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n border-radius: 12px !important;\n border: 1px solid "," !important;\n background: #fff;\n overflow: hidden;\n z-index: 5;\n .react-datepicker-wrapper,\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n .react-datepicker__header,\n .react-datepicker__header:not(.react-datepicker__header--has-time-select) {\n padding: 0;\n border: none;\n background-color: #fff;\n }\n .react-datepicker__month {\n margin: 0px 8px 8px !important;\n border-radius: 12px;\n border: 1px solid ",';\n width: 238px;\n height: 169px;\n display: flex;\n flex-direction: column;\n }\n .react-datepicker__month-text {\n margin: 4px !important;\n /*width: auto !important;*/\n width: calc(100% / 3) !important;\n position: relative;\n display: flex !important;\n justify-content: center;\n align-items: center;\n }\n\n .react-datepicker__month-wrapper {\n height: calc(100% / 4);\n display: flex;\n }\n\n .react-datepicker__month-text:after {\n content: "";\n display: block;\n height: calc(100% + 8px);\n width: 1px;\n position: absolute;\n top: -4px;\n right: -4px;\n background: ',";\n }\n\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n\n .react-datepicker__month--selected,\n .react-datepicker__month-text--keyboard-selected {\n background-color: "," !important;\n border-radius: 8px !important;\n color: white !important;\n }\n .react-datepicker__month-wrapper {\n border-bottom: 1px solid ",";\n }\n\n .react-datepicker__month-wrapper:last-child {\n border-bottom: none;\n }\n\n @media (max-width: 600px) {\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__month {\n margin: 0px 16px 16px !important;\n height: calc(100% - 58px);\n text-align: center;\n width: auto;\n }\n .react-datepicker__month-text {\n margin: 8px !important;\n }\n .react-datepicker__month-text:after {\n height: calc(100% + 16px);\n top: -8px;\n right: -8px;\n }\n .react-datepicker__month-text:nth-child(3n):after {\n content: none;\n }\n }\n @media (max-width: 600px) {\n width: 100%;\n height: 262px;\n box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.1);\n }\n"])),x.palette.background.light1,x.palette.grey.fifteenB,x.palette.grey.fifteenB,x.palette.brand.main,x.palette.grey.fifteenB),Vt=t((function(n,e){var t=n.decreaseYear,r=n.increaseYear,i=n.nextYearButtonDisabled,a=n.prevYearButtonDisabled,o=n.date;return h(Ht,_n({container:!0,alignItems:"center",justify:"space-between",ref:e},{children:[s(w,_n({item:!0},{children:s(Wt,_n({disabled:a,onClick:t,type:"button"},{children:s(G,{width:14,height:12})}))})),s(w,_n({item:!0},{children:s(f,_n({size:"sm",weight:600},{children:o.getFullYear()}))})),s(w,_n({item:!0},{children:s(Wt,_n({disabled:i,onClick:r,type:"button"},{children:s($,{width:14,height:12})}))}))]}))})),Wt=c(C)(Ke||(Ke=Pn(["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"],["\n height: 36px;\n &:disabled {\n opacity: 0;\n }\n"]))),Ht=c(w)(Ae||(Ae=Pn(["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"],["\n background: #fff;\n padding: 4px 16px;\n border-radius: 12px 12px 0 0;\n"]))),Jt=t((function(n,t){var r,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=n.onChange,p=Cn(n,["name","form","disabled","datePickerProps","onChange"]),u=i(),h=u[0],m=u[1],f=on({name:a,control:o.control}),x=f.field,g=f.fieldState;return e((function(){m(x.value)}),[x.value]),s(Yt,_n({ref:t},{children:s(an,_n({selected:x.value,onChange:function(n){x.onChange(n),c&&c(n)},disabled:d,customInput:s(Ft,_n({mask:"00.0000",name:a,disabled:d,message:null===(r=g.error)||void 0===r?void 0:r.message},p),h),showMonthYearPicker:!0,dateFormat:"MM.yyyy",popperPlacement:"bottom-end",calendarContainer:Kt,renderCustomHeader:function(n){return s(Vt,_n({},n))}},l))}))})),Yt=c.div(Ve||(Ve=Pn(["\n @media (max-width: 600px) {\n display: none;\n }\n"],["\n @media (max-width: 600px) {\n display: none;\n }\n"]))),qt=t((function(n,t){var r=n.tab,i=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 i===a&&cn.scrollTo(r,{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,_n({to:r,spy:!0,smooth:!0,duration:500,offset:l,onSetActive:function(){c||d(a)}},{children:o(Gt,_n({ref:t},{children:o(g,_n({variant:Number(i)===a?"orange":"transparentWithBorder",size:"xs",css:Number(i)!==a&&$t},{children:r}))}))}))})),Gt=c.div(We||(We=Pn(["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"],["\n margin-right: 8px;\n width: max-content;\n max-width: 150px;\n @media (max-width: 900px) {\n max-width: unset;\n }\n"]))),$t=p(He||(He=Pn(["\n p {\n color: ",";\n font-weight: 400;\n },\n"],["\n p {\n color: ",";\n font-weight: 400;\n },\n"])),x.palette.grey.seventy),Qt=t((function(n,e){var t=n.tabs,r=n.variant,i=Cn(n,["tabs","variant"]);return o(Xt,_n({container:!0,css:"white"===r&&{background:"white"},ref:e},{children:t.map((function(n,e){return o(w,_n({item:!0},{children:o(qt,_n({tab:n,index:e,offset:-121},i),n)}),e)}))}))})),Xt=c(w)(Je||(Je=Pn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background-color: ",";\n padding: 16px 16px 24px;\n @media (max-width: 900px) {\n justify-content: space-between;\n }\n @media (max-width: 765px) {\n display: none;\n }\n"])),x.palette.background.light1),Zt=t((function(n,e){var t=n.form,r=n.name,i=n.error,a=Cn(n,["form","name","error"]),o=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(_,_n({message:o(r)},t,a,{onChange:function(n){return function(n,e){e.onChange(n),a.onChange&&a.onChange(n)}(n,t)},inputRef:e}))}})})),nr=t((function(n,e){var t=n.form,r=n.name,i=n.error,a=n.value,o=n.type,d=Cn(n,["form","name","error","value","type"]),l=function(n){var e;return void 0!==i&&String(i).length>0?i:null===(e=n.error)||void 0===e?void 0:e.message};return s(dn,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field,r=n.fieldState;return s(y,_n({message:l(r)},t,d,{onChange:function(n){return function(n,e){var t,r="number"!==o||(null===(t=n.target.value)||void 0===t?void 0:t.length)?n.target.value:null;e.onChange(_n(_n({},n),{target:_n(_n({},n.target),{value:r})})),d.onChange&&d.onChange(n)}(n,t)},type:o,value:null!=a?a:t.value,inputRef:e}))}})})),er={weak:0,simple:1,medium:2,hard:3},tr={weak:x.palette.red.fiftyP,simple:x.palette.brand.main,medium:x.palette.blue.fiftyP,hard:x.palette.green.fiftyP},rr={weak:"Очень простой",simple:"Простой",medium:"Средний",hard:"Сложный"},ir=t((function(n,e){var t=n.strength,r=t?tr[t]:"",i=t?er[t]:-1;return d(ar,_n({"data-testid":"strength_bar",className:String(!t&&"hidden"),ref:e},{children:[o(or,{children:Object.keys(er).map((function(n,e){return o(dr,{children:o(lr,{"data-testid":"progress_item_".concat(n),value:i>=e?100:0,color:r})},n)}))}),o(f,_n({"data-testid":"strength_bar_explanation",size:"s",css:{color:r}},{children:t&&rr[t]})),o(cr,_n({size:"s",color:"fiftyP"},{children:"Пароль должен состоять из 10 символов, содержать цифры, большие и строчные латинские бувы"}))]}))})),ar=c.div(Ye||(Ye=Pn(["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"],["\n margin-top: 16px;\n min-height: 86px;\n @media (max-width: 900px) {\n min-height: unset;\n }\n &.hidden {\n opacity: 0;\n @media (max-width: 900px) {\n display: none;\n }\n }\n"]))),or=c.div(qe||(qe=Pn(["\n display: flex;\n margin-bottom: 8px;\n"],["\n display: flex;\n margin-bottom: 8px;\n"]))),dr=c.div(Ge||(Ge=Pn(["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"],["\n width: calc(100% / 4);\n margin-right: 16px;\n &:last-of-type {\n margin-right: 0;\n }\n"]))),lr=c(S)($e||($e=Pn(["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"],["\n height: 8px;\n border-radius: 8px;\n background-color: ",";\n & .KUI-LinearProgress_bar {\n background-color: ",";\n width: 102%;\n }\n"])),x.palette.grey.fifteenB,(function(n){return n.color})),cr=c(f)(Qe||(Qe=Pn(["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"],["\n margin-top: 16px;\n @media (max-width: 900px) {\n margin-top: 8px;\n font-size: 12px;\n }\n"]))),pr=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},ur=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},sr=t((function(n,t){var r=i(!1),a=r[0],o=r[1],d=i(null),l=d[0],c=d[1],p=function(n){0!==n.length?U.test(n)?c("hard"):F.test(n)?c("medium"):R.test(n)?c("simple"):c("weak"):c(null)};return e((function(){var e=n.form,t=n.name,r=pr(t,e);"string"==typeof r&&p(r)}),[]),h(m,{children:[s(nr,_n({type:a?"text":"password",autoComplete:"new_password",onChange:function(n){var e=n.target.value;p(e)},"data-testid":"input_password",ref:t,endIcon:s(hr,_n({"data-testid":"show_value_btn",onClick:function(){o((function(n){return!n}))}},{children:s(a?Q:X,{})}))},n)),s(ir,{strength:l})]})})),hr=c.div(Xe||(Xe=Pn(["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"],["\n height: 18px;\n display: flex;\n align-items: center;\n cursor: pointer;\n"]))),mr=t((function(n){return h(m,{children:[s(fr,{children:s(nr,_n({},n))}),s(xr,{children:s(nr,_n({isTextArea:!0},n))})]})})),fr=c.div(Ze||(Ze=Pn(["\n @media (max-width: 900px) {\n display: none;\n }\n"],["\n @media (max-width: 900px) {\n display: none;\n }\n"]))),xr=c.div(nt||(nt=Pn(["\n @media (min-width: 901px) {\n display: none;\n }\n"],["\n @media (min-width: 901px) {\n display: none;\n }\n"]))),gr=t((function(n,e){var t=n.label,r=n.button,i=Cn(n,["label","button"]);return h(br,_n({ref:e},{children:[s(I,{}),s(vr,{children:r||s(wr,_n({fullWidth:!0,size:"s",endIcon:s(Z,{})},i,{children:t}))})]}))})),br=c.div(et||(et=Pn(["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"],["\n background: ",";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])),x.palette.grey.zero),vr=c.div(tt||(tt=Pn(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"]))),wr=c(g)(rt||(rt=Pn(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"],["\n @media (max-width: 600px) {\n width: 100%;\n }\n"]))),yr=t((function(n,t){var r,c=n.title,p=n.description,u=n.name,s=n.form,h=n.disabled,m=n.yearParams,f=n.onChange,x=n.max,g=n.min,b=n.footerLabel,v=n.datePickerProps,w=n.alignTitle,y=void 0===w?"center":w,k=Cn(n,["title","description","name","form","disabled","yearParams","onChange","max","min","footerLabel","datePickerProps","alignTitle"]),_=on({name:u,control:s.control}),C=_.field,S=null===(r=_.fieldState.error)||void 0===r?void 0:r.message,I=C.value,z=I?I.toFormat("dd.MM.yyyy"):"",P=I?I.toJSDate():null,M=K(),N=M[0],O=M[1],E=M[2],T=i(P),j=T[0],D=T[1],L=i(z),U=L[0],F=L[1],R=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),V=B(t,C.ref);e((function(){F(z)}),[z]);return d(l,{children:[o(Ft,_n({mask:"00.00.0000",name:u,handleClick:O,value:U,onChange:function(n){var e=n.target.value;if(F(e),0!==e.length&&A.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:V},k)),d(Sr,_n({title:c,description:p,isOpen:N,handleClose:E,alignTitle:y},{children:[o(kr,{children:o(an,_n({inline:!0,selected:j||P,onChange:function(n){D(n)},calendarContainer:_r,renderCustomHeader:function(n){return o(Ot,_n({yearOptions:R,max:x,min:g},n))},renderDayContents:function(n){return o(Cr,{children:n})},maxDate:null==x?void 0:x.toJSDate(),minDate:null==g?void 0:g.toJSDate(),calendarStartDay:1},v))}),o(gr,{fullWidth:!0,disabled:!P&&!j,onClick:function(){if(j){var n=mn.fromJSDate(j);F(n.toFormat("dd.MM.yyyy")),null==C||C.onChange({target:{value:n,name:u},type:"change"}),f&&f(n),E()}},label:b})]}))]})})),kr=c.div(it||(it=Pn(["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"],["\n padding: 0px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"]))),_r=c(Tt)(at||(at=Pn(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"],["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ",";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__day-name {\n text-align: center;\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ",";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])),x.palette.background.light1,x.palette.background.light1),Cr=c.span(ot||(ot=Pn(["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"],["\n padding-top: 1px;\n font-family: Inter, sans-serif;\n @media (max-width: 600px) {\n font-weight: 400;\n }\n"]))),Sr=c(z)(dt||(dt=Pn(["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"],["\n .KUI-Modal_title {\n font-size: 24px;\n line-height: 32px;\n text-align: ",";\n }\n .KUI-Modal_description {\n margin-bottom: 36px;\n }\n"])),(function(n){return n.alignTitle||"center"})),Ir=["ЯНВ","ФЕВ","МАРТ","АПР","МАЙ","ИЮНЬ","ИЮЛЬ","АВГ","СЕНТ","ОКТ","НОЯБ","ДЕК"],zr=_n(_n({},fn),{localize:{month:function(n){return Ir[n]},ordinalNumber:function(){return""},era:function(){return""},quarter:function(){return""},dayPeriod:function(){return""},day:function(){return""}}}),Pr=t((function(n,e){var t,r=n.title,a=n.name,o=n.form,d=n.disabled,l=n.datePickerProps,c=Cn(n,["title","name","form","disabled","datePickerProps"]),p=on({name:a,control:o.control}),u=p.field,m=null===(t=p.fieldState.error)||void 0===t?void 0:t.message,f=K(),x=f[0],g=f[1],b=f[2],v=i(u.value?mn.fromJSDate(new Date(String(u.value))).toFormat("MM.yyyy"):null),w=v[0],y=v[1],k=i(w?mn.fromFormat(w,"MM.yyyy").toJSDate():null),_=k[0],C=k[1];return h(Mr,_n({ref:e},{children:[s(Ft,_n({mask:"00.0000",name:a,handleCLick:g,value:w,onChange:function(n){var e=n.target.value;if(y(e),0!==e.length&&A.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(z,_n({title:r,isOpen:x,handleClose:b},{children:[s(Nr,{children:s(an,_n({inline:!0,showMonthYearPicker:!0,dateFormat:"MM.yyyy",selected:_,onChange:function(n){return C(n)},locale:zr,calendarContainer:Kt,renderCustomHeader:function(n){return s(Vt,_n({},n))}},l))}),s(gr,{fullWidth:!0,disabled:!_,onClick:function(){y(_?mn.fromJSDate(_).toFormat("MM.yyyy"):""),null==u||u.onChange({target:{value:_,name:a},type:"change"}),b()},label:"Подтвердить"})]}))]}))})),Mr=c.div(lt||(lt=Pn(["\n @media (min-width: 601px) {\n display: none;\n }\n"],["\n @media (min-width: 601px) {\n display: none;\n }\n"]))),Nr=c.div(ct||(ct=Pn(["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"],["\n @media (max-width: 600px) {\n padding: 16px 16px 8px;\n }\n"]))),Or=function(n){return h(m,{children:[s(Jt,_n({},n)),s(Pr,_n({},n))]})},Er=t((function(n,e){var t=n.tabs,i=n.handleClick,a=n.variant,d=Cn(n,["tabs","handleClick","variant"]),l=r(null),c=function(n){setTimeout((function(){var e,t;null===(t=null===(e=l.current)||void 0===e?void 0:e.swiper)||void 0===t||t.slideTo(n)}),16),i(n)};return o(Tr,_n({css:"white"===a&&{background:"white"},ref:e},{children:o(V,_n({spaceBetween:8,slidesPerView:"auto",slideToClickedSlide:!0,ref:l},{children:t.map((function(n,e){return o(qt,_n({tab:n,index:e,handleClick:c,offset:-121},d),n)}))}))}))})),Tr=c.div(pt||(pt=Pn(["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"],["\n position: sticky;\n top: 49px;\n left: 0;\n z-index: 11;\n background: ",";\n padding: 16px 0 24px;\n @media (min-width: 766px) {\n display: none;\n }\n\n swiper-slide {\n width: max-content !important;\n &:first-of-type {\n padding-left: 16px;\n }\n }\n"])),x.palette.background.light1),jr=t((function(t,r){var i=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),r="".concat(e).concat(l[n]);t!==r&&v(r,{replace:!0})}};return e((function(){f(c)}),[c]),e((function(){"number"!=typeof c&&s<901&&sn.scrollToTop()}),[]),0===s?null:d("div",_n({ref:r},{children:[o(s>765?Qt:Er,{tabs:i,active:m,handleClick:y,variant:u,isScrolling:g,setIsScrolling:b}),a.map((function(n,e){return o("div",_n({css:e===a.length-1&&Dr},{children:o(Lr,_n({name:i[e],"data-index":e},{children:n}),e)}),e)}))]}))})),Dr=p(ut||(ut=Pn(["\n height: calc(100vh - 121px);\n display: flex;\n"],["\n height: calc(100vh - 121px);\n display: flex;\n"]))),Lr=c(hn)(st||(st=Pn(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Br=t((function(n,e){var t=n.form,r=n.name,i=Cn(n,["form","name"]);return o(dn,{control:null==t?void 0:t.control,name:r,render:function(n){var t=n.field;return o(P,_n({checked:Boolean(t.value),onChange:t.onChange,"data-testid":r,ref:e,name:r},i))}})})),Ur=t((function(n,e){var t,r=n.form,i=n.name,a=void 0===i?"phone":i,o=n.hiddenInputProps,d=n.error,l=Cn(n,["form","name","hiddenInputProps","error"]),c=on({control:r.control,name:"".concat(a,".phoneCode"),defaultValue:"7"}),p=on({control:r.control,name:"".concat(a,".phoneNumber")}),u=void 0!==d&&String(d).length>0?d:null===(t=p.fieldState.error)||void 0===t?void 0:t.message,h=B(e,p.field.ref);return s(M,_n({message:u,hiddenInputProps:_n(_n({},c.field),o),onSelectCountry:function(n){c.field.onChange({target:{value:n.phoneCode,name:"".concat(a,".phoneCode")},type:"change"})}},p.field,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"}))})),Fr=t((function(n,e){return s(Rr,_n({cellSpacing:"0",ref:e},n))})),Rr=c.table(ht||(ht=Pn(["\n width: 100%;\n border-spacing: 0;\n"],["\n width: 100%;\n border-spacing: 0;\n"]))),Kr=c.th(mt||(mt=Pn(["\n padding: 0;\n text-align: left;\n"],["\n padding: 0;\n text-align: left;\n"]))),Ar=c.td(ft||(ft=Pn(["\n padding: 0;\n"],["\n padding: 0;\n"]))),Vr=t((function(e,t){var r=e.children,i=Cn(e,["children"]),a=n.Children.toArray(r);return s("tr",_n({ref:t},{children:a.map((function(e){return n.cloneElement(e,i)}))}))})),Wr={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}},Hr=t((function(n,e){n.placement;var t=n.open,r=n.children,i=n.spacing,a=n.className,o=n.style,d=Cn(n,["placement","open","children","spacing","className","style"]);return s(Jr,_n({ref:e,className:W("KUI-Popper",a),spacing:i,style:o,open:!!t},{children:s(Yr,_n({open:!!t},d,{children:r}))}))})),Jr=c.div(xt||(xt=Pn(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"],["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ",";\n z-index: ",";\n @media (max-width: ","px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])),(function(n){return n.spacing||0}),(function(n){return n.open?10:-1}),x.breakpoints.xxs),Yr=c.div(gt||(gt=Pn(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"],["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n transition: opacity 0.3s ease-out;\n opacity: ",";\n"])),(function(n){return n.open?1:0})),qr=t((function(n,t){var a=n.placement,o=n.contentRef,d=Cn(n,["placement","contentRef"]),l=r(null),c=i(null),f=c[0],x=c[1],g=i(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=Wr[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(bt||(bt=Pn(["\n body {\n position: relative;\n }\n "],["\n body {\n position: relative;\n }\n "])))}),s(Hr,_n({ref:function(n){t&&(t.current=n),l.current=n},style:w},d))]}),document.body)})),Gr=t((function(n,t){var a=n.placement,o=n.contentRef,d=Cn(n,["placement","contentRef"]),l=r(null),c=i(null),p=c[0],u=c[1],h=i(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=Wr[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(Hr,_n({ref:function(n){t&&(t.current=n),l.current=n},style:x},d))})),$r=t((function(n,t){var r=n.contentRef,a=Cn(n,["contentRef"]),o=i(!0),d=o[0],l=o[1];return e((function(){var n=function(){for(var n=r.current;n;){var e=window.getComputedStyle(n).position;if("sticky"===e||"fixed"===e)return!0;n=n.parentElement}return!1}();l(!!n)}),[r]),s(d?Gr:qr,_n({ref:t,contentRef:r},a))})),Qr=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=Cn(n,["content","onOpen","onClose","open","children","cursor","className"]),f=i(l),x=f[0],g=f[1],b=r(null),v=function(){g(!0),o&&o()};return e((function(){g(l)}),[l]),h(Zr,_n({className:u,onMouseLeave:function(){g(!1),d&&d()},ref:t},{children:[s(ni,_n({onMouseEnter:v,onTouchEnd:v,ref:b,cursor:p},{children:s(ei,_n({className:"Tooltip_content"},{children:c}))})),s($r,_n({open:x},m,{contentRef:b},{children:a}))]}))})),Xr=p(vt||(vt=Pn(["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"],["\n display: inline-flex;\n width: 100%;\n height: fit-content;\n"]))),Zr=c.div(wt||(wt=Pn(["\n ",";\n position: relative;\n"],["\n ",";\n position: relative;\n"])),Xr),ni=c.div(yt||(yt=Pn(["\n ",";\n cursor: ",";\n"],["\n ",";\n cursor: ",";\n"])),Xr,(function(n){return n.cursor})),ei=c.div(kt||(kt=Pn(["\n ",";\n z-index: -1;\n"],["\n ",";\n z-index: -1;\n"])),Xr),ti=t((function(n,e){var t,r=n.options,i=Cn(n,["options"]);return s(ri,_n({value:null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.value,options:r,iconProps:{width:9,height:5}},i,{ref:e}))})),ri=c(St)(_t||(_t=Pn(["\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),ii=t((function(n,e){var t,r,i=n.options,a=n.name,o=n.handleChange,d=n.form,l=n.value,c=Cn(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(St,_n({options:i,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===(r=p.field)||void 0===r?void 0:r.value),ref:e},c))}));function ai(n){var e=n.option,t=n.selectedValue.includes(e.value);return s(li,_n({container:!0,selected:t},{children:s(N,{checked:t,label:s(ci,_n({onClick:function(n){n.preventDefault()},selected:t,size:"sm",weight:500},{children:e.label}))})}))}var oi,di,li=c(w)(oi||(oi=Pn(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"],["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n background-color: ",";\n &:hover {\n background-color: ",";\n p {\n color: "," !important;\n }\n }\n"])),(function(n){return n.selected?x.palette.background.light1:x.palette.grey.zero}),x.palette.background.light1,x.palette.grey.seventy),ci=c(f)(di||(di=Pn(["\n color: "," !important;\n"],["\n color: "," !important;\n"])),(function(n){return n.selected?x.palette.grey.seventy:x.palette.grey.fiftyP}));function pi(n){var t,r,a=n.options,o=n.name,d=n.handleChange,l=n.form,c=n.value,p=Cn(n,["options","name","handleChange","form","value"]),u=l?on({control:l.control,name:o}):null,h=i(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===(r=null==u?void 0:u.fieldState.error)||void 0===r?void 0:r.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(ze,_n({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 zn(zn([],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(ai,{option:n,selectedValue:e})}},p))}var ui=t((function(n,t){var r=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=Cn(n,["options","disabled","direction","defaultValue","value","onChange","isSquare"]),m=i(l||c||r[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,_n({container:!0,direction:d,ref:t},{children:r.map((function(n){return s(O,_n({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 si(n){var t=n.form,r=n.name,i=n.defaultValue,a=Cn(n,["form","name","defaultValue"]);return e((function(){t.getValues(r)||i||t.setValue(r,a.options[0].value)}),[]),s(dn,{control:t.control,name:String(r),render:function(n){var e=n.field;return s(ui,_n({},a,e,{defaultValue:i,onChange:function(n,t){return function(n,e,t){t.onChange({target:{value:e,name:r},type:"change"}),a.onChange&&a.onChange(n,e)}(n,t,e)}}))}})}function hi(n){var e,t=n.title,r=n.className,i=n.direction,a=n.form,o=n.name,d=Cn(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(yi,{children:[h(ki,_n({container:!0,alignItems:"vertical"===i?"flex-start":"center",justify:"space-between",direction:"vertical"===i?"column":"row",hasError:!!l,className:r,withTitle:!!t},{children:[t&&s(_i,_n({direction:i,size:"xs",weight:600},{children:t.toUpperCase()})),s(w,_n({item:!0,xs:"vertical"===i?12:"auto"},{children:s(si,_n({form:a,name:o},d))}))]})),l&&s(E,{variant:"error",msg:l})]})}ui.displayName="RadioButtons";var mi,fi,xi,gi,bi,vi,wi,yi=c.div(mi||(mi=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),ki=c(w,{shouldForwardProp:function(n){return"hasError"!==n&&"withTitle"!==n}})(gi||(gi=Pn(["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"],["\n border: 1px solid\n ",";\n ",";\n @media (max-width: ","px) {\n flex-direction: column;\n align-items: flex-start;\n border-radius: 8px;\n padding: 8px 15px;\n }\n"])),(function(n){return n.hasError?x.palette.red.fiftyP:x.palette.grey.fifteenB}),(function(n){var e=n.direction,t=n.hasError,r=n.withTitle;return"column"===e?function(n){var e=n.hasError;return p(fi||(fi=Pn(["\n padding: 12px 15px 15px;\n border-radius: ",";\n"],["\n padding: 12px 15px 15px;\n border-radius: ",";\n"])),e?"8px 8px 0 0":"8px")}({hasError:t}):function(n){var e=n.hasError,t=n.withTitle;return p(xi||(xi=Pn(["\n padding: ",";\n border-radius: ",";\n"],["\n padding: ",";\n border-radius: ",";\n"])),t?"3px 4px 3px 16px":"3px",e?"8px 8px 0 0":"66px")}({hasError:t,withTitle:r})}),x.breakpoints.sm),_i=c(f)(bi||(bi=Pn(["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"],["\n margin-bottom: ","px;\n @media (max-width: ","px) {\n margin-bottom: 8px;\n }\n"])),(function(n){return"vertical"===n.direction?8:0}),x.breakpoints.sm),Ci=t((function(n){var e=n.height,t=void 0===e?"adaptive":e,r=n.className,i=Cn(n,["height","className"]);return s(Ii,_n({container:!0,alignItems:"center",justify:"center",className:r,height:t},{children:s(Si,_n({},i))}))})),Si=c(T)(vi||(vi=Pn(["\n color: ",";\n"],["\n color: ",";\n"])),x.palette.brand.main),Ii=c(w,{shouldForwardProp:function(n){return"height"!==n}})(wi||(wi=Pn(["\n height: ",";\n"],["\n height: ",";\n"])),(function(n){return n.height}));function zi(n){var e=n.creatingLabel,t=n.renderCreatingModal,r=K(),i=r[0],a=r[1],o=r[2];if(!e||!t)return null;return h(m,{children:[h(Ei,_n({container:!0,onClick:a,alignItems:"center"},{children:[s(Ti,{width:12,height:12}),s(f,_n({color:"fiftyP",size:"xs",weight:500},{children:e}))]})),s(ji,_n({onClick:function(n){return n.stopPropagation()}},{children:t({open:i,handleClose:o})}))]})}var Pi,Mi,Ni,Oi,Ei=c(w)(Pi||(Pi=Pn(["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"],["\n width: 100%;\n position: sticky;\n bottom: 0;\n left: 0;\n border-radius: 0 0 12px 12px;\n border-top: 1px solid ",";\n padding: 8px 19px;\n cursor: pointer;\n background: white;\n"])),x.palette.grey.fifteenB),Ti=c(nn)(Mi||(Mi=Pn(["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"],["\n margin-right: 14px;\n path {\n fill: ",";\n }\n"])),x.palette.grey.fiftyP),ji=c.div(Ni||(Ni=Pn([""],[""]))),Di=function(n){var e=n.option,t=n.renderOption,r=n.handleSelect,i=n.index;return s(Li,_n({item:!0,xs:12,onClick:function(){r(e)},"data-testid":"autocomplete_option_".concat(i)},{children:t(e)}))},Li=c(w)(Oi||(Oi=Pn(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));function Bi(n){var e=n.options,t=n.renderOption,r=n.creatingLabel,i=n.renderCreatingModal,a=n.inputRef,o=n.isOpenDropdown,d=n.isLoading,l=n.input,c=n.handleCloseDropdown,p=n.handleSelect,u=n.handleScrollEnd;return h(Ri,_n({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(zi,{creatingLabel:r,renderCreatingModal:i})},{children:[e.map((function(n,e){return s(Di,{option:n,renderOption:t,handleSelect:p,index:e},e)})),d&&s(Ki,{height:"auto"})]}))}var Ui,Fi,Ri=c(ve)(Ui||(Ui=Pn(["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"],["\n .KUI-InputDropdown_scroll {\n max-height: 142px;\n padding: 0 4px;\n }\n"]))),Ki=c(Ci)(Fi||(Fi=Pn(["\n position: sticky;\n bottom: 30px;\n"],["\n position: sticky;\n bottom: 30px;\n"])));function Ai(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=Cn(n,["renderOption","options","name","hideName","form","isLoading","onSelectItem","handleScrollEnd","onSearchItem","isLabelLoading","disabled","creatingLabel","renderCreatingModal","endComponent","inputRef","onOpen"]),S=i(!1),I=S[0],z=S[1],P=r(null);p&&u.register(p);var M=function(){g||z(!0)},N=function(){z(!1)};e((function(){_&&_(I)}),[I]);var O=B(P,k);return d(qi,{children:[x&&o(Yi,{children:o(Ci,{height:"100%"})}),o(Bi,{renderOption:a,options:l,inputRef:{current:null===(t=P.current)||void 0===t?void 0:t.parentElement},isOpenDropdown:I,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(Gi,_n({form:u,onInput:function(n){f&&(f(n.target.value),p&&u.setValue(p,null)),!n.target.value&&p&&(p&&u.setValue(p,null),u.setValue(c,null),h(null)),M()},onFocus:M,name:c,disabled:g,ref:O,isDropdownOpen:I,autoComplete:"off"},C,{endIcon:!g&&d(w,_n({container:!0,alignItems:"center",onClick:function(){z((function(n){return!n}))}},{children:[o(j,_n({mr:2},{children:y})),C.endIcon||!g&&o($i,{width:12,height:13,css:[I&&{transform:"rotate(180deg)"}]})]}))}))})]})}var Vi,Wi,Hi,Ji,Yi=c.div(Vi||(Vi=Pn(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n"]))),qi=c.div(Wi||(Wi=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),Gi=c(nr)(Hi||(Hi=Pn(["\n .KUI-InputMessage {\n opacity: ",";\n }\n"],["\n .KUI-InputMessage {\n opacity: ",";\n }\n"])),(function(n){return n.isDropdownOpen?0:1})),$i=c(H)(Ji||(Ji=Pn(["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"],["\n transition: all ease-out 0.3s;\n cursor: pointer;\n"])));function Qi(n){var e=n.label;return s(Zi,{children:s(f,_n({size:"s",weight:500},{children:e}))})}var Xi,Zi=c.div(Xi||(Xi=Pn(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"],["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ",";\n },\n"])),x.palette.background.light2);function na(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,I=Cn(n,["file","onDelete","onChange","index","selectedFile","setSelectedFile","limitTitle","icon","subtitle","disabled","error","className","label","endIcon"]),z=String(null===(a=(null==o?void 0:o.title)||(null==o?void 0:o.name)||(null===(t=null==o?void 0:o.file)||void 0===t?void 0:t.name)||C)||void 0===a?void 0:a.replace(/\.[^/.]+$/,"")),P=i(z),M=P[0],N=P[1],O=i(!1),E=O[0],T=O[1],D=r(null);e((function(){var n;E&&(null===(n=D.current)||void 0===n||n.focus()),!E&&z!==M&&l&&l(M,c)}),[E]);return h(m,{children:[h(fa,_n({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(_||"")},I,{children:[s(xa,_n({className:"FileIcon_wrapper"},{children:v||s(en,{})})),h(ba,_n({withDelete:!!d,withEdit:!!l,className:"FileContent_wrapper"},{children:[h(ya,{children:[s(wn,_n({href:o.url,openInNewWindow:!0},{children:s(wa,{children:M})})),s(va,{"data-testid":"file_name",ref:D,disabled:!E,value:M,onChange:function(n){N(n.target.value)},onBlur:function(){T(!1)},maxLength:100})]}),w||String(o.size)&&h(f,_n({"data-testid":"file_size",size:"xs",color:"fiftyP"},{children:[Number(o.size)," mb"]}))]})),h(ga,_n({className:"FileButtons_wrapper"},{children:[S,!y&&l&&s(g,_n({isCircle:!0,"data-testid":"edit_file_name_btn",size:"xs",variant:"transparentLight",onClick:function(){T((function(n){return!n}))}},{children:E?s(Z,{}):s(tn,{width:18,height:18})})),d&&!y&&s(g,_n({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(j,_n({mb:1},{children:s(f,_n({size:"xs",colorGroup:"red",weight:500},{children:k||"File upload error. The number of characters in the file name should not exceed 100"}))}))]})}var ea,ta,ra,ia,aa,oa,da,la,ca,pa,ua,sa,ha,ma,fa=c.div(ra||(ra=Pn(["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"],["\n width: 100%;\n border-radius: 12px;\n padding: 10px 12px;\n border: 1px solid\n ",";\n display: flex;\n margin-bottom: 8px;\n cursor: pointer;\n background: white;\n ",";\n ",";\n &:last-child {\n margin-bottom: 0;\n }\n"])),(function(n){return n.selected?x.palette.brand.main:x.palette.grey.fifteenB}),(function(n){return n.disabled&&p(ta||(ta=Pn(["\n background: ",";\n "],["\n background: ",";\n "])),x.palette.background.light1)}),(function(n){return n.error&&p(ea||(ea=Pn(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),x.palette.red.seventy)})),xa=c.div(ia||(ia=Pn(["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"],["\n margin-right: 16px;\n min-height: 32px;\n width: 32px;\n border-radius: 12px;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n align-self: flex-start;\n"])),x.palette.brand.light),ga=c.div(aa||(aa=Pn(["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"],["\n margin-left: auto;\n padding-left: 8px;\n display: flex;\n align-items: center;\n align-self: flex-start;\n svg {\n path {\n fill: ",";\n }\n }\n"])),x.palette.grey.thirty),ba=c.div(oa||(oa=Pn(["\n width: calc(\n 100% - 48px -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"],["\n width: calc(\n 100% - 48px -\n ","px\n );\n min-height: 34px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n & > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n"])),(function(n){var e=n.withEdit,t=n.withDelete;return e&&t?120:40})),va=c.input(da||(da=Pn(["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"],["\n border: none;\n font-size: 14px;\n position: absolute;\n top: 0;\n left: 0;\n font-weight: 500;\n background: transparent;\n padding: 0;\n color: "," !important;\n caret-color: ",";\n height: 19px;\n overflow: hidden;\n resize: none;\n width: 100%;\n &:focus-visible {\n outline: none;\n }\n &:disabled {\n pointer-events: none;\n }\n"])),x.palette.grey.seventy,x.palette.brand.main),wa=c.span(la||(la=Pn(["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"],["\n font-size: 14px;\n font-weight: 500;\n word-break: break-word;\n max-width: 100%;\n color: transparent;\n min-height: 17px;\n display: inline-block;\n white-space: nowrap;\n"]))),ya=c.div(ca||(ca=Pn(["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"],["\n position: relative;\n width: 100%;\n max-width: 100%;\n height: auto;\n"]))),ka=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,I=n.endIcon,z=n.testId,P=Cn(n,["form","name","parentName","label","disabled","withEdit","withDelete","fileName","onChange","isRequired","uploadLabel","toBigTitleMessage","endIcon","testId"]),M=i(!1),N=M[0],O=M[1],T=i(),j=T[0],D=T[1],L=i(""),B=L[0],U=L[1],F=r(null),R=on({control:d.control,name:l}),K=R.field,A=R.fieldState,V=on({control:d.control,name:c||l}).field,W=(j instanceof File?j.name:(null===(a=null==j?void 0:j.uploaded)||void 0===a?void 0:a.name)||(null==j?void 0:j.name)||"").split(".").pop(),H=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}(j,B,y,W),J=j&&"url"in j?j:H,Y=null===(o=A.error)||void 0===o?void 0:o.message;e((function(){"string"==typeof K.value&&U(K.value),"object"==typeof K.value&&D(K.value),K.value||U(""),O(!0)}),[K.value]),e((function(){var n,e,t=Number((null==y?void 0:y.length)||(null===(n=null==j?void 0:j.uploaded)||void 0===n?void 0:n.name)||(null===(e=null==j?void 0:j.name)||void 0===e?void 0:e.length))>100;N&&!B&&K.onChange({target:{value:j,name:l},type:"change"}),t?d.setError(l,{type:"custom",message:S||"The file name must be less than 100 characters"}):d.clearErrors(l)}),[j]);return h(_a,_n({"data-testid":z},{children:[s(Sa,_n({type:"file",onInput:function(n){if(n.target.files&&n.target.files[0]){var e=n.target.files[0];D(e),k&&k(e)}else D(void 0)}},P,{ref:function(n){t&&(t.current=n),F.current=n}})),J?s(na,{file:J,onDelete:v&&function(){j&&F.current&&(F.current.value=""),D(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),r="".concat(n,".").concat(W);"updateName"in t?(t.updateName(n),e=t):e="uploaded"in t?{uploaded:_n(_n({},t.uploaded),{name:n})}:new File([t],r,{type:t.type}),D(e)},error:Y,disabled:u,label:p,endIcon:I}):h(m,{children:[h(Ca,_n({error:!!Y,disabled:u,container:!0,justify:"space-between",alignItems:"center"},{children:[s(Ia,_n({item:!0},{children:h(f,_n({size:"s",color:"fiftyP"},{children:[p,_?" *":""]}))})),s(w,_n({item:!0},{children:s(za,_n({disabled:u,size:"s",onClick:function(){F.current&&F.current.click()}},{children:C||"Upload"}))}))]})),Y&&s(E,{variant:"error",msg:Y})]})]}))})),_a=c.div(pa||(pa=Pn(["\n position: relative;\n"],["\n position: relative;\n"]))),Ca=c(w)(ua||(ua=Pn(["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"],["\n border-radius: ",";\n border: 1px solid\n ",";\n background: ",";\n height: 56px;\n padding: 0 8px 0 15px;\n"])),(function(n){return n.error?"8px 8px 0 0":"8px"}),(function(n){return n.error?x.palette.red.fiftyP:x.palette.grey.fifteenB}),(function(n){return n.disabled?x.palette.background.light1:x.palette.grey.zero})),Sa=c.input(sa||(sa=Pn(["\n display: none;\n"],["\n display: none;\n"]))),Ia=c(w)(ha||(ha=Pn(["\n max-width: calc(100% - 32px);\n"],["\n max-width: calc(100% - 32px);\n"]))),za=c(g)(ma||(ma=Pn(["\n border-radius: 12px;\n"],["\n border-radius: 12px;\n"]))),Pa=t((function(n,e){var t=n.form,r=n.name,i=n.label,a=n.labelProps,o=Cn(n,["form","name","label","labelProps"]);return s(dn,{control:t.control,name:String(r),render:function(n){var e,t=n.field,r=n.fieldState;return s(N,_n({},o,t,{error:null===(e=r.error)||void 0===e?void 0:e.message,checked:t.value||"",onChange:function(n){return function(n,e){e.onChange(n),o.onChange&&o.onChange(n)}(n,t)},label:"string"==typeof i?s(f,_n({},a,{children:i})):i}))}})}));function Ma(n){var e=n.title,t=n.options,r=n.form;n.name;var i=Cn(n,["title","options","form","name"]);return h(Ta,_n({container:!0,alignItems:"center",justify:"space-between"},{children:[s(w,_n({item:!0},{children:s(f,_n({size:"s",weight:500,color:"fiftyP"},{children:e}))})),s(w,_n({item:!0},{children:s(w,_n({container:!0},{children:t.map((function(n){return s(Ea,_n({name:n.name,label:s(f,_n({size:"s",color:"fiftyP",weight:500},{children:n.label})),form:r,testId:n.name},i),n.name)}))}))}))]}))}var Na,Oa,Ea=c(Pa)(Na||(Na=Pn(["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"],["\n &:not(:last-child) {\n margin-right: 22px;\n }\n"]))),Ta=c(w)(Oa||(Oa=Pn(["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"],["\n padding: 3px 16px;\n border: 1px solid ",";\n border-radius: 66px;\n height: 40px;\n background: white;\n"])),x.palette.grey.fifteenB),ja={mapKey:""},Da=[],La=function(){return _n({},ja)},Ba=function(n){ja=_n(_n({},ja),n),Da.forEach((function(n){return n(ja)}))},Ua=function(n){Da.push(n)},Fa=function(n){var e=Da.indexOf(n);-1!==e&&Da.splice(e,1)};function Ra(n){var t=this,r=n.children,a=n.onInit,o=n.mapKey,d=i(!1),l=d[0],c=d[1],p=i("LOADING"),u=p[0],h=p[1],f=i(o||La().mapKey),x=f[0],g=f[1];return e((function(){var n=function(n){return g(n.mapKey)};return o||Ua(n),function(){Fa(n)}}),[]),e((function(){var n;return n=x,Sn(t,void 0,void 0,(function(){return In(this,(function(e){switch(e.label){case 0:if(l||!process.env.REACT_APP_MAP_KEY)return[3,4];h("LOADING"),e.label=1;case 1:return e.trys.push([1,3,,4]),yn({key:n,language:"ru"}),[4,Promise.allSettled(zn([kn("core"),kn("maps"),kn("places"),kn("marker")],a?[a()]:[],!0))];case 2:return e.sent(),h("SUCCESS"),[3,4];case 3:return e.sent(),h("FAILURE"),[3,4];case 4:return[2]}}))})),function(){return c(!0)}}),[x]),x?"SUCCESS"===u&&r?s(m,{children:r}):(function(n){"LOADING"===n?s(Ci,{height:"100%"}):"FAILURE"===n?s("h3",{children:n}):s("div",{})}(u),s(m,{})):s("h2",{children:"Add google key"})}var Ka=function(n){var e=n.dependentInputName,t=n.form,r=n.disabled,i=n.Input,a=Cn(n,["dependentInputName","form","disabled","Input"]),o=ln({control:t.control,name:e}),d=_n({form:t,disabled:r||!o},a);return s(i||nr,_n({},d))};function Aa(n){var t=n.map,i=n.position,a=n.children,o=r(null),d=r(document.createElement("div"));return e((function(){var n,e,r;if(t&&(null===(r=null===(e=null===(n=window.google)||void 0===n?void 0:n.maps)||void 0===e?void 0:e.marker)||void 0===r?void 0:r.AdvancedMarkerElement)){var a=new google.maps.marker.AdvancedMarkerElement({map:t,position:i,content:d.current,collisionBehavior:"OPTIONAL_AND_HIDES_LOWER_PRIORITY"});return o.current=a,function(){return a.map=null}}}),[t]),e((function(){o.current&&i&&(o.current.position=i)}),[i]),vn(a,d.current)}var Va=function(n){var e=n.landlord,t=n.tenant;return e&&t?"everybody":e?"landlord":t?"tenant":"nobody"},Wa=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{Aa as AdvancedMarker,Qi as AutocompleteOption,re as Avatar,ti as ButtonSelect,ue as ButtonTab,me as ButtonsPanel,Ot as CalendarHeaderWithSelect,Tt as CalendarStandardContainer,Dt as CalendarStandardHeader,Ma as CheckboxGroupWithTitle,Pa as CheckboxWithController,Ka as DependentInput,Jt as DesktopInputWithMonthPicker,Qt as DesktopMenuPanel,ve as InputDropdown,ka as InputFile,Ft as InputForDatepicker,pi as InputMultiSelect,sr as InputPassword,Ur as InputPhoneWithForm,St as InputSelect,ze as InputSelectBase,Ce as InputSelectDropdown,ii as InputSelectWithController,mr as InputTextAreaMobile,Ai as InputWithAutocomplete,nr as InputWithController,yr as InputWithDatePicker,Zt as InputWithMask,Or as InputWithMonthPicker,Ci as Loading,Ra as MapWrapper,qt as MenuItem,jr as MenuPanel,Pr as MobileInputWithMonthPicker,Er as MobileMenuPanel,Kt as MonthPickerContainer,Vt as MonthPickerHeader,ir as PassportStrengthBar,ui as RadioButtons,si as RadioButtonsWithController,hi as RadioGroupWithLabel,ge as ScrollingContainer,Nt as SelectMonth,zt as SelectYear,Br as Switch,Fr as Table,Ar as TableCell,Kr as TableHeadCell,Vr as TableRow,Qr as Tooltip,ee as UndefinedAvatar,ur as getFormError,pr as getFormValue,La as getSettings,Va as getVisibility,Wa as getVisibilitySettings,Ba as setSettings,Ir as shortMonths,Ua as subscribeToSettings,Fa as unsubscribeFromSettings,ne as useScrollWithBottomSpacing};
|