kui-complex 0.0.155 → 0.0.157

package/cjs/index.js

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

package/package.json

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