kui-complex 0.0.150 → 0.0.152

package/index.d.ts

@@ -420,8 +420,43 @@ type AutocompleteOptionProps = {
 
 declare function AutocompleteOption({ label }: AutocompleteOptionProps): JSX.Element;
 
+type FileParams = {
+  id: number | null
+  name: string
+  url: string
+  date: DateTime | null
+  size: number | null
+  createdBy: string
+  extension: string
+}
+
 declare const InputFile: React__default.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React__default.RefAttributes<HTMLInputElement>>;
 
+type UploadFileParams = {
+  id?: number | null
+  index?: number | string
+  size?: number | null
+  file?: File | FileParams
+  name?: string
+  title?: string
+  url?: string
+}
+
+interface FileItemProps
+  extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> {
+  file: UploadFileParams
+  index?: number
+  selectedFile?: number | null
+  setSelectedFile?: (index: number) => void
+  onDelete?: (fileKey: number | string, index: number) => void
+  onChange?: (name: string, index?: number) => void
+  limitTitle?: number
+  icon?: ReactNode
+  subtitle?: ReactNode
+  disabled?: boolean
+  error?: string
+}
+
 declare const CheckboxWithController: React__default.ForwardRefExoticComponent<Pick<{
     form: react_hook_form.UseFormReturn<object, any>;
     labelProps?: kui_basic.CaptionProps | undefined;
@@ -459,13 +494,13 @@ type InputWithAddressAutocompleteProps<T> = {
   handlePlaceSelect?: (coords: GeolocationParams | null) => void
 } & InputWithControllerProps<T>
 
-declare function InputWithAddressAutocomplete<T extends object>({ form, name, handlePlaceSelect, ...inputProps }: InputWithAddressAutocompleteProps<T>): JSX.Element;
-declare namespace InputWithAddressAutocomplete {
-    var defaultProps: {
-        label: string;
-    };
+type InputWithAddressFields = {
+  address: string
+  location: GeolocationParams | null
 }
 
+declare function InputWithAddressAutocomplete<T extends object>({ form, name, handlePlaceSelect, ...inputProps }: InputWithAddressAutocompleteProps<T>): JSX.Element;
+
 declare const DependentInput: <T extends object>(props: any) => JSX.Element;
 
 declare const Loading: React.ForwardRefExoticComponent<{
@@ -499,4 +534,4 @@ declare const getVisibilitySettings: (visibility?: DocumentVisibilityVariants |
     landlord: boolean;
 };
 
-export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, ButtonsPanelProps, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, DocumentVisibilityVariants, InputDropdown, InputFile, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectBase, InputSelectBaseProps, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile, InputWithAddressAutocomplete, InputWithAutocomplete, InputWithController, InputWithDatePicker, InputWithMask, InputWithMonthPicker, KUIComplexObserver, KUIComplexSettings, Loading, MapWrapper, MenuItem, MenuPanel, MenuPanelProps, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, OptionParams$2 as OptionParams, PassportStrengthBar, RadioButtons, RadioButtonsWithController, RadioGroupWithLabel, SelectMonth, SelectYear, Switch, TabPanelVariants, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar, VisibilitySettings, getFormError, getFormValue, getSettings, getVisibility, getVisibilitySettings, setSettings, shortMonths, subscribeToSettings, unsubscribeFromSettings, useAddressAutocomplete };
+export { AutocompleteOption, Avatar, ButtonSelect, ButtonTab, ButtonsPanel, ButtonsPanelProps, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, CheckboxGroupWithTitle, CheckboxWithController, DependentInput, DesktopInputWithMonthPicker, DesktopMenuPanel, DocumentVisibilityVariants, FileItemProps, InputDropdown, InputFile, InputForDatepicker, InputMultiSelect, InputPassword, InputPhoneWithForm, InputSelect, InputSelectBase, InputSelectBaseProps, InputSelectDropdown, InputSelectWithController, InputTextAreaMobile, InputWithAddressAutocomplete, InputWithAddressAutocompleteProps, InputWithAddressFields, InputWithAutocomplete, InputWithController, InputWithControllerProps, InputWithDatePicker, InputWithMask, InputWithMonthPicker, KUIComplexObserver, KUIComplexSettings, Loading, MapWrapper, MenuItem, MenuPanel, MenuPanelProps, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, OptionParams$2 as OptionParams, PassportStrengthBar, RadioButtons, RadioButtonsWithController, RadioGroupWithLabel, SelectMonth, SelectYear, Switch, TabPanelVariants, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar, UploadFileParams, VisibilitySettings, getFormError, getFormValue, getSettings, getVisibility, getVisibilitySettings, setSettings, shortMonths, subscribeToSettings, unsubscribeFromSettings, useAddressAutocomplete };

package/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kui-complex",
-  "version": "0.0.150",
+  "version": "0.0.152",
   "description": "ui kit for maroom products",
   "main": "./cjs/index.js",
   "types": "./index.d.ts",
@@ -26,7 +26,7 @@
   "peerDependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@hookform/resolvers": "^3.1.0",
+    "@hookform/resolvers": "^2.8.0",
     "lodash": "^4.17.21",
     "luxon": "^3.3.0",
     "react": "^18.2.0",