https://www.igus.es/cms/_next/static/chunks/4615-5b51bbca9460755e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4615],{24615:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>K});var a=n(65321),r=n(93525),o=n(97109),l=n(77346),c=n(20993),i=n(68879),s=n(83864),d=n.n(s),u=n(98849),_=n(82894),v=function(e){return e.DEFAULT="header",e.FIXED="fix_contact",e.ZIP_CODES="zip_codes",e.REGIONS="regions",e}({}),p=function(e){return e.Yellow="CFAA00",e}({}),m=n(68329),h=n(1221);let w=()=>(0,a.jsxs)("svg",{width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",xlinkHref:"http://www.w3.org/1999/xlink",children:[(0,a.jsx)("rect",{x:"0.5",width:"24",height:"24",fill:"url(#pattern0_84_56)"}),(0,a.jsxs)("defs",{children:[(0,a.jsx)("pattern",{id:"pattern0_84_56",patternContentUnits:"objectBoundingBox",width:"1",height:"1",children:(0,a.jsx)("use",{xlinkHref:"#image0_84_56",transform:"scale(0.0416667)"})}),(0,a.jsx)("image",{id:"image0_84_56",width:"24",height:"24",preserveAspectRatio:"none",xlinkHref:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ7SURBVHgB1VVNaBNREJ55uxuJaagFi1orFs1BKGpFEdqTBRGhNQdrxV7UgvZqEaRoEaOgoAfxVGhArILgSYKlpx7sTSkRW39ORRKMRA1KUmJT2b9xNlurm23WVQziB4+3++a9b76dNzMLUGOg3437YiR3iE/DAHQKiOoFiseyqZ+JxTakvc4J8IkOkbuNQDFW1IyIYQKKapKYHoyl1nidk/2QX7yS32mCdtxlIGwMiuAQP523XqN9yRMI5mE2qEjmucSD9rQvBwZpTVglmByq9dZ86NiTk0x+x17lb0Vpz/7eZJuvEElI2Wo2Ms15m1JqrzC1hFbhDrmrZ3KUxQ2AB57PvijPgUAAIpEIKIpikwNkDaJbtgNzrvJKUVcz4lfkP0NVVSgWi0vSYcrQzIPXl7JIlSDO04jNDAVCGLTuALt7Juk7QTgs8wg4SEsLOhTm1R+qiPrHHx4YqyaieyC5enx09yJnWpnX4SDatYnHZqgL2Xf/hclT6SJcvTG7TBAOwcy6po2FUHCtg3ih9BVSbz841ghxypFFjyYy5dF3dAtsb22AC5eeuRSigDa0Yl2RVUrAnZCCqNV3of0JODSipg4s/P8OVmwVr17nIZdbhJo5eMkO/ga4437kTII3v3NIln3/QrgocVrWJWOvbOI2FxGPcD1McL4v93uJG4skWbPiItM0vWKF0tyfLnvKOTs8F5dAOu1QJSRudkHX3nyhOPYu+1llwgAX4wyUlLuJxK6C5/9AUequseojXLkNXvs41umRm1v7V7J5pqnVKQ3QOy2CqpsQnhqm2Vnd7ANDsfctssAokOjlNtxcXiRKCYH3c5nGe/E4avCv8A3MGNKNfIw95wAAAABJRU5ErkJggg=="})]})]});var g=n(69122),f=n(85580),C=n(85007);let x=(0,o.createContext)(void 0),j=e=>{let{showTeamsMessage:t,defaultFormSlug:n,mainCountry:r,selectedCountry:o,translatedSalesText:l,children:c}=e;return(0,a.jsx)(x.Provider,{value:{showTeamsMessage:t,defaultFormSlug:n,mainCountry:r,selectedCountry:o,translatedSalesText:l},children:c})},y=function(e){var t,n;let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e)return e;let r=e;return!1!==a.enableCropping&&(r=(t=r)?t.replace(/crop=false(?=&|$)/g,"crop=true"):t),!1!==a.useNorthFocalPoint&&(r=(n=r)?n.replace(/keep=c(?=&|$)/g,"keep=n"):n),a.color&&(r=((e,t)=>{if(!e||!t)return e;let n=t.replace(/^#/,""),a=e.includes("?");return"".concat(e).concat(a?"&":"?","color=").concat(n)})(r,a.color)),r};var S=n(35150),A=n(83554),E=n(28554),O=n(83840),b=n(64211);let N=new Set(O.IB),R=(e,t)=>t&&e?{select_products:{all_in_array:t},select_department:{all_in_array:e}}:t?{select_products:{all_in_array:t}}:e?{select_department:{all_in_array:e}}:void 0,T=e=>{var t;return(null==(t=b.P[e])?void 0:t.name)||""},I=async(e,t,n,a)=>{let r=await fetch("/api/cms/contacts-by-uuid",{method:"POST",body:JSON.stringify({locale:e,contactUUIDs:t,page:n,filter:a})}),o=await r.json();if(!r.ok)throw Error("Failed to fetch contacts by uuids");return(e=>{let t=[];return e.forEach(e=>{var n,a,r,o,l,c,i,s,d,u,_,v,p,m,h,w,g,f,C;t.push({id:e.id.toString(),uuid:e.uuid,name:e.content.first_name?"".concat(e.content.first_name," ").concat(e.content.last_name):e.content.company,contactType:e.content.component,jobTitle:(e=>{if("contact"===e.content.component){var t;return(null==(t=e.content)?void 0:t.job_title)||""}return e.content.adress_1||""})(e),sort:+e.content.Sort,email:(null==(n=e.content)?void 0:n.email)||"",phone:(null==(a=e.content)?void 0:a.phone)||(null==(r=e.content)?void 0:r.mobile)||"",departments:(e=>Array.isArray(e)?e:e?[e]:[])(null==(o=e.content)?void 0:o.select_department),businessUnits:(e=>{if("contact"===e.content.component){var t,n;return Array.isArray(null==(t=e.content)?void 0:t.select_products)?null==(n=e.content)?void 0:n.select_products:[]}return e.content.adress_2?[e.content.adress_2]:[]})(e),imgInfo:{src:Array.isArray(null==(l=e.content)?void 0:l.image)?(null==(u=e.content)||null==(d=u.image)||null==(s=d[0])||null==(i=s.image)||null==(c=i.item)?void 0:c.focal_embed_link)||(null==e||null==(h=e.content)||null==(m

1=h.image)||null==(p=m[0])||null==(v=p.image)||null==(_=v.item)?void 0:_.embed_link):"",alt:(null==(g=e.content)||null==(w=g.image[0])?void 0:w.alt_text)||""},regions:Array.isArray(null==(f=e.content)?void 0:f.select_region)?null==(C=e.content)?void 0:C.select_region:[]})}),t})(o.data)},L=async(e,t)=>{let n=new URL("/data/departments-and-units",e);n.search=new URLSearchParams({locale:t}).toString();try{return(await fetch(n,{method:"GET",headers:{"Content-Type":"application/json"}})).json()}catch(n){let e=n instanceof Error?n.message:String(null!=n?n:"Unknown error");throw Error("Failed to fetch departments and business units for locale: ".concat(t," with error: ").concat(e))}},D=()=>{window.scrollTo({top:300,behavior:"smooth"})},P=async(e,t)=>{let n=await fetch(e,{signal:t}),a=await n.json();if(!n.ok)throw Error(a.message);return a.data};var U=n(44710),k=n(37444),F=n(26304),B=n(34240),H=n(46624);let V=o.forwardRef((e,t)=>{let{options:n,placeholder:r,selectedItem:l,onSelectItem:c,onResetSelection:i,onHideDropdownList:s}=e,[u,_]=o.useState(!1),v=(0,U.j)(()=>{_(!1)});o.useImperativeHandle(t,()=>({onHide:()=>{_(!1)},currentDropdownState:u}),[u]);let p=()=>{_(!u),s()},m=(e,t)=>window.innerWidth>1200&&e.length>t?"".concat(e.substring(0,t),"..."):e;return(0,a.jsxs)("div",{className:d().contact_select,ref:v,children:[(0,a.jsxs)("div",{className:d().contact_select__btn_toggle,children:[(0,a.jsx)("span",{onClick:p,className:d().contact_select__text,children:l?m(l.name,25):m(r,28)}),(0,a.jsxs)("span",{children:[!!l&&(0,a.jsx)(S.F,{onClearSelection:()=>{_(!1),i()}}),(0,a.jsx)("button",{className:u?d().arrowUp:d().arrowDown,onClick:p,children:(0,a.jsx)(A.p,{})})]})]}),u&&(0,a.jsx)("div",{className:d().contact_select_dropdown,children:n.map(e=>(0,a.jsx)("button",{className:"".concat(d().contact_select__dropdown_btn," ").concat((null==l?void 0:l.id)===e.id?d().contact_select_dropdown__btn_active:""),onClick:()=>{c(e.id),_(!1)},children:e.name},e.id))})]})});V.displayName="ContactSelect";let M=e=>{let{onClearSelection:t,...n}=e,{className:r,...o}=n;return(0,a.jsxs)("div",{className:d().contact_zipcode,children:[(0,a.jsx)("input",{...o,className:r}),n.value?(0,a.jsx)(S.F,{onClearSelection:t}):""]})},G=e=>{let{name:t,jobTitle:n,email:r,phone:l,imgInfo:c,businessUnits:i,contactType:s,uuid:v,departments:C}=e,{showTeamsMessage:j,defaultFormSlug:S,mainCountry:A,selectedCountry:O,translatedSalesText:N}=(()=>{let e=(0,o.useContext)(x);if(!e)throw Error("Please provide ContactsContext");return e})(),R=i.length>0||n,T=y(c.src,{useNorthFocalPoint:!0,enableCropping:!0,color:p.Yellow}),I="",L=N.find(e=>C.find(t=>t.toLowerCase()===e.value.toLowerCase()));T&&"contact"===s?I=(0,a.jsx)(f._,{src:T,alt:c.alt,imageSizes:[{width:144,height:144}],className:d().contact__img}):T||"contact"!==s||(I=(0,a.jsx)("div",{className:d().contact__img_fallback,children:(0,a.jsx)(g._,{})}));let D="contact=".concat(v);if(O!==A){var P;D+="&locale=".concat(null==(P=b.P[O])?void 0:P.url)}return(0,a.jsxs)("div",{className:d().contact,children:[I,(0,a.jsxs)("div",{className:(0,H._V)(d().contact__description,(0,H.gQ)("contact_company"===s,d().contact__description_full)),children:[(0,a.jsx)(_.$,{tag:_.e.H6,className:"".concat(d().contact__name," ").concat(R?"":d().contact__name_mb),children:t}),(0,a.jsxs)("p",{className:d().contact__job_title,children:[n&&(0,a.jsxs)("span",{children:[n,(0,a.jsx)("br",{})]}),L&&(0,a.jsxs)("span",{children:[null==L?void 0:L.name,(0,a.jsx)("br",{})]}),(0,a.jsx)("span",{children:i.join(" & ")})]}),l&&(0,a.jsxs)("div",{className:d().contact__detail,children:[(0,a.jsx)(m.H,{}),(0,a.jsx)(u.M,{href:"tel:".concat(l),title:l,target:E.ub.Self,variant:E.W9.Primary,showExternalIcon:!1,icon:!1,children:l})]}),r&&(0,a.jsxs)("div",{className:d().contact__detail,children:[(0,a.jsx)(h.a,{}),(0,a.jsx)(u.M,{href:"".concat(S,"?").concat(D),target:E.ub.Self,title:"Get email",variant:E.W9.Primary,children:r})]}),r&&j?(0,a.jsxs)("div",{className:d().contact__detail,children:[(0,a.jsx)(w,{}),(0,a.jsx)(u.M,{href:"https://teams.microsoft.com/l/chat/0/0?users=".concat(r),target:E.ub.Blank,title:"MS Teams Message",variant:E.W9.Primary,external:!0,showExternalIcon:!1,icon:!1,children:"MS Teams Message"})]}):""]})]})},J=e=>{let{contacts:t,currentPage:n,totalPages:r,onNextPage:o,onPageClick:l,onPreviousPage:c}=e;return(0,a.jsxs)(i.mc,{spacingWithoutSeparator:!0,children:[(0,a.jsx)(i.fI,{className:d().contacts,children:t.map(e=>(0,a.jsx)(G,{name:e.name,jobTitle:e.jobTitle,email:e.email,phone:e.phone,businessUnits:e.businessUnits,imgInfo:e.imgInfo,contactType:e.contactType,uuid:e.uuid,departments:e.departments},e.id))}),(0,a.jsx)(i.fv,{children:(0,a.jsx)(C.d,{currentPage:n,totalPages:r,onNextPage:o,onPreviousPage:c,onPageClick:l})})]})},Q=e=>{var t;let{translatedDepartments:n,translatedBusinessUnits:r,showCountryFilter:l,currentLocale:s,filterOption:u,enteredZipcode:_,selectedCountry:p,searchInput:m,regions:h,selectedRegion:w,isDropdownOpen:g,countriesWithContacts:f,selectedBusinessUnit:C,selectedDepartment:x,onHideFilters:j,onSetIsDropdown:y,onClearSelection:S,onToggleDropdown:A,onSearchInputChange:E,onSelectCountry:O,onRegionReset:N,onRegionChange:R,onZipcodeChange:T,onZipcodeReset:I,onSelectBusinessUnit:L,onResetSelectedBusinessUnit:D,onSelectDepartment:P,onResetSelectedDepartment:H}=e,{formatMessage:G}=(0,c.A)(),J=(0,U.j)(()=>{y(!1)}),Q=o.useRef(null),W=o.useRef(null),X=o.useRef(null),K=o.useRef(null),Z=(0,B.TG)(g,m,(e=>{let t={};for(let n in b.P)e.find(e=>e.value.toLowerCase()===n.toLowerCase())&&(t[n]={...b.P[n]});return t})(f)),Y=()=>{var e,t,n;(null==(e=W.current)?void 0:e.currentDropdownState)&&W.current.onHide(),(null==(t=X.current)?void 0:t.currentDropdownState)&&X.current.onHide(),(null==(n=K.current)?void 0:n.currentDropdownState)&&K.current.onHide(),j()};return(0,a.jsxs)(i.mc,{className:d().filter__container,children:[(0,a.jsx)(i.fv,{className:d().filter_by__title,children:(0,a.jsxs)("p",{children:[G({id:"FAIRS_OVERVIEW_FILTER_BY"}),":"]})}),(0,a.jsxs)(i.fv,{className:d().filter__wrapper,children:[l?(0,a.jsx)("div",{className:d().filter__input_wrapper,children:(0,a.jsx)(k.j,{className:"".concat(d().country," ").concat(p?d().country_spacing:""),hideCloseBtn:s===(null==(t=b.P[p])?void 0:t.url),isDropdownOpen:g,

1searchInput:m,onClearSelection:S,dropdownRef:J,onSearchInputChange:E,selectedCountry:p,toggleDropdown:()=>{var e,t,n;A(),null==(e=W.current)||e.onHide(),null==(t=X.current)||t.onHide(),null==(n=K.current)||n.onHide()},dropdownButtonRef:Q,inputPlaceholderText:G({id:"COUNTRY_SELECT_INPUT_PLACEHOLDER_TEXT"}),children:(0,a.jsx)(F.E,{onSelectCountry:O,selectedCountry:p,countries:Z,isOpen:g})})}):null,u===v.REGIONS?(0,a.jsx)("div",{className:d().filter__input_wrapper,children:(0,a.jsx)(V,{options:h,placeholder:G({id:"SELECT_PLACEHOLDER"}),onSelectItem:R,selectedItem:w,onResetSelection:N,ref:W,onHideDropdownList:Y})}):"",u===v.ZIP_CODES?(0,a.jsx)("div",{className:d().filter__input_wrapper,children:(0,a.jsx)(M,{placeholder:G({id:"ZIP_CODE_PLACEHOLDER"}),onChange:T,value:_,onClearSelection:I})}):"",n.length?(0,a.jsx)("div",{className:d().filter__input_wrapper,children:(0,a.jsx)(V,{options:n,selectedItem:x,placeholder:G({id:"CONTACT_OVERVIEW_DEPARTMENT"}),onSelectItem:P,onResetSelection:H,ref:X,onHideDropdownList:Y})}):"",r.length?(0,a.jsx)("div",{className:d().filter__input_wrapper,children:(0,a.jsx)(V,{options:r,selectedItem:C,placeholder:G({id:"CONTACT_OVERVIEW_BUSINESS_UNIT"}),onSelectItem:L,onResetSelection:D,ref:K,onHideDropdownList:Y})}):""]})]})};var W=n(58748);let X=e=>{var t;let{businessUnits:n,currentLocale:r,departments:s,showTeamsMessage:u,showCountryFilter:_,countriesWithContacts:p,defaultFormSlug:m=null,districtOrZipFilter:h,middlewareBaseUrl:w}=e,{formatMessage:g}=(0,c.A)(),[f,C]=(0,o.useState)(!0),[x,y]=(0,o.useState)(!1),S=(0,o.useRef)(void 0),[A,E]=(0,o.useState)(!1),[U,k]=(0,o.useState)(null!=h?h:void 0),[F,B]=(0,o.useState)(1),[H,V]=(0,o.useState)(""),[M,G]=(0,o.useState)([]),[X,K]=(0,o.useState)([]),[Z,Y]=(0,o.useState)({data:[],total:0}),[q,z]=(0,o.useState)({businessUnits:[],departments:[]}),[$,ee]=(0,o.useState)(),[et,en]=(0,o.useState)(),[ea,er]=(0,o.useState)(),eo=(0,l.useRouter)(),el=(0,o.useMemo)(()=>((e,t,n)=>{var a;let r,o,{department:l,unit:c,country:i}=e,s=l?l.toLowerCase():"",d=c?c.toLowerCase():"";return s&&(r=t.find(e=>e.value.trim().toLocaleLowerCase()===s)),d&&(o=n.find(e=>e.value.trim().toLocaleLowerCase()===d)),{departmentFromQuery:r,businessUnitFromQuery:o,country:null!=(a=null==i?void 0:i.toLowerCase())?a:""}})(eo.query,s,n),[eo,s,n]),ec=(null!=(t=r.split("-")[1])?t:"").toLowerCase(),[ei,es]=(0,o.useState)(""),ed=(0,o.useRef)(ec),eu=(0,o.useMemo)(()=>((e,t)=>{var n;if("en-DE"===t&&(!e||"de"===e))return"de-de";if(!e)return t.toLowerCase();let a=null==(n=b.P[e])?void 0:n.url,r=O.Au.find(e=>e.defaultLocale.toLowerCase()===a);if(!r)return a;let o=r.locales.find(e=>e===t);return o?o.toLowerCase():a})(ei,r),[ei,r]),[e_,ev]=(0,o.useState)(T(eu.split("-")[1])),ep=(0,o.useMemo)(()=>(e=>{let{preferredLocale:t,pageNumber:n,selectedBusinessUnit:a,storyLevelFilterOption:r,selectedDepartment:o}=e,l=new URLSearchParams({locale:t.toLowerCase(),page:n.toString(),department:(null==o?void 0:o.value)||"",businessUnit:(null==a?void 0:a.value)||"",storyLevelFilterOption:r||""}).toString();return"/api/cms/contact-data?".concat(l)})({preferredLocale:eu,pageNumber:F,selectedBusinessUnit:et,selectedDepartment:$,storyLevelFilterOption:U}),[$,et,eu,F,U]);(0,o.useEffect)(()=>{if(el){var e;en(el.businessUnitFromQuery),ee(el.departmentFromQuery),ed.current=null!=(e=el.country)?e:ec,es(el.country||ec)}else es(ec)},[el,ec]),(0,o.useEffect)(()=>{(async()=>{try{let e=await L(w,eu);z(e)}catch(e){console.error(e)}})()},[eu,w]),(0,o.useEffect)(()=>{let e=new AbortController,t=async()=>{try{let t=await P(ep,e.signal);Y(t.contacts),N.has((0,O.r2)(eu))?U!==v.DEFAULT&&U||k(t.filterOption):k(v.FIXED),t.filterOption===v.REGIONS?G(t.regionsOrZipCodes):t.filterOption===v.ZIP_CODES&&K(t.regionsOrZipCodes)}catch(e){if("Request aborted"===e)return void console.warn("Request aborted");y(!0),console.error("Failed to fetch contacts in Contact Overview",e)}C(!1)};return f&&t(),()=>e.abort("Request aborted")},[f,ep,eu,U]);let em=async()=>{ee(void 0);try{var e,t;ea?await ex(ea,"",null!=(e=null==et?void 0:et.value)?e:""):H?await ej(+H,"",null!=(t=null==et?void 0:et.value)?t:""):C(!0)}catch(e){y(!0)}},eh=()=>{V(""),C(!0)},ew=async e=>{let t=s.find(t=>

1t.id===e);ee({...t,name:(null==t?void 0:t.dimension_value)||t.name.trim(),value:t.value.trim()}),B(1);try{var n,a;ea?await ex(ea,t.value,null!=(n=null==et?void 0:et.value)?n:""):H?await ej(+H,t.value,null!=(a=null==et?void 0:et.value)?a:""):C(!0)}catch(e){console.error("Failed to fetch contacts with preferred department, error is",e)}},eg=async()=>{en(void 0);try{var e,t;ea?await ex(ea,null!=(e=null==$?void 0:$.value)?e:"",""):H?await ej(+H,null!=(t=null==$?void 0:$.value)?t:"",""):C(!0)}catch(e){y(!0)}},ef=async e=>{let t=n.find(t=>t.id===e);en(t),B(1);try{var a,r;ea?await ex(ea,null!=(a=null==$?void 0:$.value)?a:"",t.value):H?await ej(+H,null!=(r=null==$?void 0:$.value)?r:"",t.value):C(!0)}catch(e){console.error("Failed to fetch contacts with preferred business unit, error is",e)}},eC=async e=>{let t=M.find(t=>t.id===e);er(t),y(!1),B(1);try{var n,a;await ex(t,null!=(n=null==$?void 0:$.value)?n:"",null!=(a=null==et?void 0:et.value)?a:"")}catch(e){y(!0)}},ex=(0,o.useCallback)(async(e,t,n)=>{C(!0);let a=await I(eu,e.contacts,1,R(t,n));Y({data:a,total:a.length}),C(!1)},[eu]),ej=(0,o.useCallback)(async(e,t,n)=>{let a=X.find(t=>e>=t.from&&e<=t.to);if(!a)return void Y({data:[],total:0});C(!0);let r=await I(eu,a.contactsByUUID,1,R(t,n));Y({data:r,total:r.length}),C(!1)},[X,eu]),ey=()=>{E(!A)},eS=async e=>{if(ey(),ed.current===e)return;ed.current=e;let t=T(e);es(e),ev(t),B(1),ee(void 0),en(void 0),er(void 0),V(""),k(void 0),C(!0)},{translatedBusinessUnits:eA,translatedDepartments:eE}=((e,t,n)=>{try{let a=null==t?void 0:t.filter(t=>e.departments.map(e=>e.trim().toLowerCase()).includes(t.value.trim().toLowerCase())).map(e=>{var t;return{...e,name:e.dimension_value||e.name.trim(),value:null==(t=e.value)?void 0:t.trim()}}

1),r=null==n?void 0:n.filter(t=>e.businessUnits.map(e=>e.trim().toLowerCase()).includes(t.value.trim().toLowerCase())).map(e=>({...e,name:e.dimension_value||e.name}));return{translatedDepartments:a,translatedBusinessUnits:r}}catch(e){console.error("Getting translated departments and units error",e)}return{translatedBusinessUnits:[],translatedDepartments:[]}})(q,s,n);return(0,a.jsxs)("div",{className:d().contact_overview,children:[(0,a.jsx)(Q,{currentLocale:r,translatedBusinessUnits:eA,translatedDepartments:eE,enteredZipcode:H,filterOption:U,isDropdownOpen:A,searchInput:e_,regions:M,selectedCountry:ei,showCountryFilter:_,countriesWithContacts:p,selectedRegion:ea,onHideFilters:()=>{A&&E(!1)},onSearchInputChange:e=>{let{target:{value:t}}=e;ev(t),t||es("")},onSetIsDropdown:E,onToggleDropdown:ey,onClearSelection:()=>{es(""),ev(""),V(""),er(void 0),ee(void 0),en(void 0)},onSelectCountry:eS,onRegionChange:eC,onRegionReset:()=>{er(void 0),C(!0)},onZipcodeChange:e=>{S.current&&clearTimeout(S.current);let t=e.currentTarget.value,n=parseInt(t);if(V(t),!t)return void eh();S.current=setTimeout(async()=>{B(1);try{var e,t;await ej(n,null!=(e=null==$?void 0:$.value)?e:"",null!=(t=null==et?void 0:et.value)?t:"")}catch(e){y(!0)}},650)},onZipcodeReset:eh,selectedBusinessUnit:et,selectedDepartment:$,onSelectBusinessUnit:ef,onResetSelectedBusinessUnit:eg,onSelectDepartment:ew,onResetSelectedDepartment:em}),f?(0,a.jsx)(W.a,{}):"",0===Z.data.length?(0,a.jsx)(i.mc,{spacingWithoutSeparator:!0,children:x?(0,a.jsx)("p",{className:d().text_center,children:g({id:"UNEXPECTED_ERROR_OCCURRED"})}):(0,a.jsx)("p",{className:d().text_center,children:g({id:"PAGETAGS_SEARCH_NO_RESULTS"})})}):(0,a.jsx)(j,{showTeamsMessage:u,defaultFormSlug:m,mainCountry:r,selectedCountry:ei,translatedSalesText:(e=>{let t=[];return e.forEach(e=>{["inside sales","field sales"].includes(e.value.toLowerCase())&&t.push(e)}),t})(eE),children:(0,a.jsx)(J,{contacts:Z.data,currentPage:F,totalPages:Z.total?Math.ceil(Z.total/100):0,onPageClick:e=>{B(e),C(!0),D()},onNextPage:()=>{B(e=>e+1),C(!0),D()},onPreviousPage:()=>{B(e=>e-1),C(!0),D()}})})]})},K=e=>{let{blok:t}=e;return(0,a.jsx)(r.P,{blok:t,moduleName:"ContactOverview",children:(0,a.jsx)(X,{businessUnits:t.businessUnits,currentLocale:t.currentLocale,departments:t.departments,showTeamsMessage:t.show_teams_message,showCountryFilter:t.country_filter,countriesWithContacts:t.countriesWithContacts,defaultFormSlug:t.defaultFormSlug,districtOrZipFilter:t.district_or_zip_filter,middlewareBaseUrl:t.middlewareBaseUrl})})}},69122:(e,t,n)=>{"use strict";n.d(t,{_:()=>r});var a=n(65321);n(97109);let r=()=>(0,a.jsxs)("svg",{width:"135",height:"135",viewBox:"0 0 135 135",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,a.jsxs)("g",{clipPath:"url(#clip0_2719_3769)",children:[(0,a.jsx)("rect",{width:"135",height:"135",fill:"#EFEFEF"}),(0,a.jsx)("path",{d:"M67.4998 71.7775C81.6782 71.7775 93.172 60.2836 93.172 46.1053C93.172 31.927 81.6782 20.4331 67.4998 20.4331C53.3215 20.4331 41.8276 31.927 41.8276 46.1053C41.8276 60.2836 53.3215 71.7775 67.4998 71.7775Z",fill:"#CECECE"}),(0,a.jsx)("path",{d:"M67.4998 172.328C98.2195 172.328 123.123 151.256 123.123 125.262C123.123 99.2684 98.2195 78.1964 67.4998 78.1964C36.7801 78.1964 11.8768 99.2684 11.8768 125.262C11.8768 151.256 36.7801 172.328 67.4998 172.328Z",fill:"#CECECE"})]}),(0,a.jsx)("rect",{x:"1.5",y:"1.5",width:"132",height:"132",stroke:"#F07D00",strokeWidth:"3"}),(0,a.jsx)("defs",{children:(0,a.jsx)("clipPath",{id:"clip0_2719_3769",children:(0,a.jsx)("rect",{width:"135",height:"135",fill:"white"})})})]})},83864:e=>{e.exports={md:"720px",lg:"940px",xl:"1200px",contact_overview:"ContactOverview_contact_overview__Go3KX",filter__container:"ContactOverview_filter__container__6bYDP",filter_by__title:"ContactOverview_filter_by__title__RXvnD",filter__wrapper:"ContactOverview_filter__wrapper__hB9tj",filter__input_wrapper:"ContactOverview_filter__input_wrapper__FZ0L2",country:"ContactOverview_country__wTMYS",country_spacing:"ContactOverview_country_spacing__TdKlz",arrowUp:"ContactOverview_arrowUp__hlBFH",arrowDown:"ContactOverview_arrowDown__VrQbE",contact_select:"ContactOverview_contact_select__opbyT",contact_select__btn_toggle:"ContactOverview_contact_select__btn_toggle__yjnh1",contact_select__dropdown_btn:"ContactOverview_contact_select__dropdown_btn__DI9g7",contact_select__text:"ContactOverview_contact_select__text__8siXC",contact_select_dropdown:"ContactOverview_contact_select_dropdown__d8KQM",contact_select_dropdown__btn_active:"ContactOverview_contact_select_dropdown__btn_active__qnJ9d",contact_zipcode:"ContactOverview_contact_zipcode__tuHsr",contact_select__input:"ContactOverview_contact_select__input__CSVXs",contacts:"ContactOverview_contacts__jCDaU",contact:"ContactOverview_contact__yw9u5",contact__description:"ContactOverview_contact__description__mXH7a",contact__description_full:"ContactOverview_contact__description_full__F5KG6",contact__img:"ContactOverview_contact__img__J_ETj",contact__img_fallback:"ContactOverview_contact__img_fallback__0G8

1k_",contact__name:"ContactOverview_contact__name__B6GX5",contact__job_title:"ContactOverview_contact__job_title__ToUO9",contact__detail:"ContactOverview_contact__detail__D_m_B",contact__name_mb:"ContactOverview_contact__name_mb__Sfll0",text_center:"ContactOverview_text_center__aPGTf"}}}]);