npm - kui-complex - Versions diffs - 0.0.201 → 0.0.202 - Mend

kui-complex 0.0.201 → 0.0.202

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

Files changed (4) hide show

package/cjs/index.js CHANGED Viewed

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

package/index.d.ts CHANGED Viewed

@@ -69,6 +69,8 @@ type InputSelectBaseProps<TFormValues, TOption extends OptionParams$2> = {
   error?: string
   beforeArrowIcon?: ReactNode
   onScrollEnd?: () => void
+  isLoading?: boolean
+  startComponent?: ReactNode
 } & InputProps<TFormValues>
 /** @jsxImportSource @emotion/react */
@@ -182,6 +184,8 @@ type InputSelectDropdownProps = {
   selectedValue?: string | number | FieldValues
   renderOption: (option: OptionParams$1, selectedValue?: any) => ReactNode
   onScrollEnd?: () => void
+  startComponent?: ReactNode
+  isLoading?: boolean
 }
 declare const InputSelectDropdown: React.ForwardRefExoticComponent<InputSelectDropdownProps & React.RefAttributes<HTMLDivElement>>;

package/index.js CHANGED Viewed

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

package/package.json CHANGED Viewed

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