"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[57037],{91044:(n,e,t)=>{t.d(e,{X:()=>u});var r,o,i=t(82856),c=t(71893),a=t(51062),u=(t(67294),c.ZP.h1(r||(r=(0,i.Z)(["\n  color: ",";\n\n  ","\n"])),(function(n){return n.theme.colors.black}),(function(n){var e=n.as,t=void 0===e?"h1":e;return(0,c.iv)(o||(o=(0,i.Z)(["\n    ",";\n  "])),a.g.header[t])})))},7898:(n,e,t)=>{t.d(e,{P:()=>j});var r,o,i,c,a,u,s,l,d,f,g,h,m,p,v,b,y,Z=t(96891),w=t(90542),z=t(39780),k=t(67294),P=t(82856),I=t(71893),S=I.ZP.div(r||(r=(0,P.Z)(["\n  position: relative;\n  ","\n"])),(function(n){return n.disabled&&(0,I.iv)(o||(o=(0,P.Z)(["\n      cursor: not-allowed;\n    "])))})),O=I.ZP.span(i||(i=(0,P.Z)(["\n  background: ",";\n  border: 1px solid\n    ",";\n  border-radius: 4px;\n  min-height: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  color: ",";\n  font-weight: 400;\n  padding: 0.75rem "," 0.625rem\n    ",";\n  text-align: ",";\n  width: 100%;\n  position: relative;\n  cursor: pointer;\n  transition: border 0.3s, color 0.3s, box-shadow 0.3s;\n  text-decoration: ",";\n\n  &::before {\n    content: '';\n    width: 0.75rem;\n    height: 0.375rem;\n    position: absolute;\n    top: 50%;\n    margin-top: -2px;\n    right: ",";\n    background: url(",")\n      no-repeat center center;\n    transition: transform 0.3s;\n  }\n  &:hover {\n    border-color: ",";\n  }\n\n  ","\n\n  ","\n\n  ","\n  \n  ","\n  \n  ","\n  \n  ","\n\n  ","\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.ghost?"transparent":n.theme.colors.environment.percent20}),(function(n){return n.theme.spacing.spacing06}),(function(n){return n.theme.typography.header.h4.size}),(function(n){return n.theme.typography.header.h4.lineHeight}),(function(n){return n.theme.colors.environment.percent40}),(function(n){return n.theme.spacing.spacing05}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.right?"right":"left"}),(function(n){return n.underline?"underline":"none"}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.disabled?n.small?"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTAgMGw1IDUgNS01eiIgZmlsbD0iIzczNzM3MyIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTAgMGw2IDYgNi02eiIgZmlsbD0iIzczNzM3MyIvPgo8L3N2Zz4K":n.small?"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTAgMGw1IDUgNS01eiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGggZD0iTTAgMGw2IDYgNi02eiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K"}),(function(n){return n.ghost?"transparent":n.theme.colors.black}),(function(n){return n.isActive&&(0,I.iv)(c||(c=(0,P.Z)(["\n      border-color: ",";\n      &::before {\n        transform: rotate(-180deg);\n      }\n    "])),n.ghost?"transparent":n.theme.colors.black)}),(function(n){return n.small&&(0,I.iv)(a||(a=(0,P.Z)(["\n      font-size: ",";\n      line-height: ",";\n      min-height: ",";\n    "])),n.theme.typography.body2Regular.size,n.theme.typography.body2Regular.lineHeight,(function(n){return n.theme.spacing.spacing05}))}),(function(n){return n.isTouched&&(0,I.iv)(u||(u=(0,P.Z)(["\n      color: ",";\n    "])),n.theme.colors.black)}),(function(n){return"success"===n.status&&(0,I.iv)(s||(s=(0,P.Z)(["\n      &,\n      &:hover:not(:focus) {\n        border-color: ",";\n      }\n      &:focus {\n        & + button {\n          display: none;\n        }\n      }\n    "])),n.theme.colors.success.main)}),(function(n){return"error"===n.status&&(0,I.iv)(l||(l=(0,P.Z)(["\n      &,\n      &:hover:not(:focus) {\n        border-color: ",";\n      }\n      &:focus {\n        & + button {\n          display: none;\n        }\n      }\n    "])),n.theme.colors.danger.main)}),(function(n){return n.disabled&&(0,I.iv)(d||(d=(0,P.Z)(["\n      pointer-events: none;\n      background: ",";\n    "])),(function(n){return n.theme.colors.environment.percent05}))}),(function(n){return n.ghost&&(0,I.iv)(f||(f=(0,P.Z)(["\n      :focus {\n        box-shadow: none;\n      }\n    "])))})),x=I.ZP.div(g||(g=(0,P.Z)(["\n  padding-bottom: 1rem;\n  position: absolute;\n  top: ",";\n  width: 100%;\n  z-index: ",";\n"])),(function(n){return n.ghost?"115%":"100%"}),(function(n){return n.theme.layout.zIndex.dropdown})),C=I.ZP.div(h||(h=(0,P.Z)(["\n  visibility: hidden;\n  opacity: 0;\n  background: ",";\n  border-radius: 4px;\n  max-height: 0;\n  overflow: hidden;\n  z-index: ",";\n  transition: all 0.2s;\n\n  ","\n"])),(function(n){return n.theme.colors.white}),(function(n){return n.theme.layout.zIndex.dropdown}),(function(n){return n.isActive&&(0,I.iv)(m||(m=(0,P.Z)(["\n      visibility: visible;\n      opacity: 1;\n      max-height: 12.5rem;\n      box-shadow: 0 "," 0.625rem 0\n        ",";\n    "])),n.ghost?"0.2rem":"0.5rem",(function(n){return n.theme.colors.environment.percent20}))})),D=I.ZP.div(p||(p=(0,P.Z)(["\n  max-height: 12.5rem;\n  overflow: auto;\n  scroll-behavior: smooth;\n"]))),M=I.ZP.ul(v||(v=(0,P.Z)(["\n  margin: 0;\n  padding: 0;\n"]))),A=I.ZP.li(b||(b=(0,P.Z)(["\n  display: block;\n  width: 100%;\n  padding: 0.875rem ",";\n  cursor: pointer;\n  font-size: ",";\n  color: ",";\n  font-weight: 400;\n  transition: background 0.3s;\n  margin: 0;\n\n  &:hover {\n    background: ",";\n  }\n\n  ","\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.typography.header.h4.size}),(function(n){return n.theme.colors.black}),(function(n){return n.theme.colors.environment.percent05}),(function(n){var e=n.isSelected,t=n.theme;return e&&"\n      background: ".concat(t.colors.environment.percent05,";\n  ")}),(function(n){var e=n.small,t=n.theme;return e&&"\n      font-size: ".concat(t.typography.body2Regular.size,";\n      line-height: ").concat(t.typography.body2Regular.lineHeight,";\n      padding: 0.625rem ").concat(t.spacing.spacing02,";\n  ")}),(function(n){var e=n.disabled,t=n.theme;return e&&"\n    color: ".concat(t.colors.environment.percent40,";\n    background: ").concat(t.colors.environment.percent05,";\n    cursor: not-allowed;\n  ")})),E=I.ZP.select(y||(y=(0,P.Z)(["\n  display: none;\n"]))),L=["autoFocus","defaultValue","disabled","handleBlur","handleChange","label","onSubmitForm","options","placeholder","selectId","setLabelFloating","small","status","value","ghost","underline","smallSelectTextOnly","right"];function T(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var j=function(n){var e=n.autoFocus,t=n.defaultValue,r=n.disabled,o=n.handleBlur,i=n.handleChange,c=n.label,a=n.onSubmitForm,u=n.options,s=n.placeholder,l=n.selectId,d=n.setLabelFloating,f=n.small,g=n.status,h=n.value,m=n.ghost,p=n.underline,v=n.smallSelectTextOnly,b=n.right,y=(0,z.Z)(n,L),P=(0,k.useMemo)((function(){return u?u.find((function(n){return n.id===t})):void 0}),[t,u]),I=(0,k.useRef)(null),j=(0,k.useRef)(null),H=(0,k.useRef)(null),N=(0,k.useRef)(null),B=(0,k.useState)(!!t),R=(0,w.Z)(B,2),_=R[0],F=R[1],G=(0,k.useState)(!1),K=(0,w.Z)(G,2),U=K[0],W=K[1],V=(0,k.useState)(!1),Y=(0,w.Z)(V,2),X=Y[0],q=Y[1],J=(0,k.useState)(P),Q=(0,w.Z)(J,2),$=Q[0],nn=Q[1],en=(0,k.useState)(""),tn=(0,w.Z)(en,2),rn=tn[0],on=tn[1],cn=(0,k.useState)(""),an=(0,w.Z)(cn,2),un=an[0],sn=an[1],ln=(0,k.useState)(void 0),dn=(0,w.Z)(ln,2),fn=dn[0],gn=dn[1],hn=(0,k.useCallback)((function(n){return function(n){var e=n.disabled,t=n.handleBlur,r=n.handleChange,o=n.isActive,i=n.onSubmitForm,c=n.options,a=n.searchStr,u=n.selectedOption,s=n.setIsActive,l=n.setIsFocused,d=n.setIsTouched,f=n.setSearchStr,g=n.setSelectedOption,h=n.setTimer,m=n.timer;return function(n){if(!e){var p=c.findIndex((function(n){return n.id===(null===u||void 0===u?void 0:u.id)}));switch(n.key){case"Enter":if(o){s(!1);break}i&&i();break;case" ":s((function(n){return!n}));break;case"Escape":s(!1);break;case"ArrowDown":if(o){if(p<c.length-1){var v=c[p+1];d(!0),g({name:v.name,id:v.id,optionContent:v.optionContent}),r&&r(v.id)}}else s(!0);break;case"ArrowUp":if(n.preventDefault(),o){if(p>0){var b=c[p-1];d(!0),g({name:b.name,id:b.id,optionContent:b.optionContent}),r&&r(b.id)}}else s(!0);break;case"Tab":s(!1),l(!1),t&&t();break;default:if(/./.test(n.key)){var y=n.key.replace("Shift",""),Z=(a+y).toLowerCase();f(Z);var w=Z.length&&c.find((function(n){return n.name.toLowerCase().startsWith(Z)}));w&&(g({name:w.name,id:w.id,optionContent:w.optionContent}),r&&r(w.id)),m&&clearTimeout(m);var z=setTimeout((function(){f(""),h(void 0)}),1e3);h(z)}}}}}({disabled:r,handleBlur:o,handleChange:i,isActive:U,onSubmitForm:a,options:u,searchStr:un,selectedOption:$,setIsActive:W,setIsFocused:q,setIsTouched:F,setSearchStr:sn,setSelectedOption:nn,setTimer:gn,timer:fn})(n)}),[r,U,u,un,$,fn]);(0,k.useEffect)((function(){var n=u&&u.find((function(n){return n.id===h}));h&&n&&(nn({name:n.name,id:h}),F(!0))}),[h,u]);var mn=(0,k.useCallback)((function(n){I.current&&n.target&&!I.current.contains(n.target)&&(W(!1),j.current&&n.target&&!j.current.contains(n.target)&&(q(!1),X&&o&&o()))}),[j.current,I.current,o,X]),pn=(0,k.useCallback)((function(n,e,t){N.current&&N.current.focus(),W(!1),F(!0),nn({name:e,id:n,optionContent:t}),i&&i(n)}),[i,N]);return(0,k.useEffect)((function(){nn(P)}),[t]),(0,k.useEffect)((function(){e&&N.current&&N.current.focus()}),[e]),(0,k.useEffect)((function(){d&&d((X||!!$||!!s||!!t)&&!(r&&!$))}),[t,r,X,s,$]),(0,k.useEffect)((function(){return window.addEventListener("click",mn),function(){window.removeEventListener("click",mn)}}),[mn]),(0,k.useEffect)((function(){on($?$.name:r?c:X?s:null!==c&&void 0!==c?c:s)}),[r,X,c,s,$]),(0,k.useEffect)((function(){if(U){var n=u.findIndex((function(n){return n.id===(null===$||void 0===$?void 0:$.id)})),e=n>0?(n-1)*(f?40:48):0;H.current&&(H.current.scrollTop=e)}}),[U,$]),(0,k.useEffect)((function(){!g&&nn(P)}),[g]),k.createElement(S,function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?T(Object(t),!0).forEach((function(e){(0,Z.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):T(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({ref:I,disabled:r},y),k.createElement(O,{"data-testid":"select-input",disabled:r,status:g,small:f||v,isActive:U,isTouched:_,onClick:function(){W((function(n){return!n})),q(!0)},onFocus:function(){q(!0)},onKeyDown:hn,ref:N,tabIndex:0,ghost:m,underline:p,right:b},rn),k.createElement(x,{ghost:m},k.createElement(C,{isActive:U,ghost:m,ref:j,"data-testid":"select-dropdown"},k.createElement(D,{ref:H},k.createElement(M,null,u&&u.length>0&&u.map((function(n){var e=n.id,t=n.name,r=n.optionContent,o=n.disabled;return k.createElement(A,{small:f,key:e.toString(),isSelected:e===(null===$||void 0===$?void 0:$.id),onClick:function(){return!o&&pn(e,t,r)},disabled:o},r||t)})))))),k.createElement(E,{defaultValue:null===$||void 0===$?void 0:$.id,id:l},u&&u.length>0&&u.map((function(n){return k.createElement("option",{key:n.id.toString(),value:n.id},n.name)}))))}},30168:(n,e,t)=>{function r(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}t.d(e,{Z:()=>r})}}]);
//# sourceMappingURL=57037.js.map