https://www.fptindustrial.com/dist/fpt-industrial/static/js/OilsFilter.a207b5ff.chunk.js

1(this["webpackJsonpfpt-industrial"]=this["webpackJsonpfpt-industrial"]||[]).push([[94],{1429:function(e,n,t){},1430:function(e,n,t){},1432:function(e,n,t){},1433:function(e,n,t){},1434:function(e,n,t){},1578:function(e,n,t){"use strict";t.r(n);var l,i=t(2),a=t(321),o=t(706),c=t(871),r=t(133),s=Object(c.b)({name:"filters",initialState:{country:{value:"",options:[],label:""},application:{value:"",options:[],label:""},subapplication:{value:"",options:[],label:""},series:{value:"",options:[],label:""},homoAndMiss:{value:"",options:[],label:""}},reducers:{updateValue:function(e,n){var t=n.payload,l=t.filter,i=t.value;e[l].value=i},updateOptions:function(e,n){var t=n.payload,l=t.filter,i=t.options;e[l].options=i},updateLabels:function(e,n){var t=n.payload,l=Object(r.a)({},e);Object.keys(t).forEach((function(e){l[e].label=t[e]})),e=l},resetFilter:function(e,n){var t=n.payload;e[t]={value:"",options:[],label:e[t].label}}}}),u=s.actions,d=u.updateValue,v=u.updateOptions,j=u.updateLabels,b=u.resetFilter,f=function(e){return e.filters},p=s.reducer,O=Object(c.b)({name:"oils",initialState:{oils:[]},reducers:{storeOils:function(e,n){var t=n.payload;e.oils=t},clearOils:function(e){e.oils=[]}}}),h=O.actions,m=h.storeOils,x=h.clearOils,g=function(e){return e.oils.oils},_=O.reducer,C=Object(c.a)({reducer:{filters:p,oils:_}}),y=(t(1429),t(680)),w=t(722),N=o.c,S=o.d,k=t(688),E=t(166),F=t.n(E),A=t(719),M=t.n(A),I=function(e,n){var t,l=n.dbName,a=n.getNextFilter,o=n.initialFilterItem,c=n.lang,r=n.sitename,s=N(),u=(t=a,Object(i.useRef)(M.a.create({baseURL:t,responseType:"json",headers:{"Content-Type":"application/json"}})).current),j=S(f),p=S(g);Object(i.useEffect)((function(){s(v({filter:"country",options:e}))}),[e,s]),Object(i.useEffect)((function(){Object.keys(j).filter((function(e){return!j[e].value})).length>0&&p.length>0&&s(x())}),[j]);var O=Object(i.useCallback)(function(){var e=Object(k.a)(F.a.mark((function e(n,t){var l,i,a,c,r,u,b,f,p;return F.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(a=null!==(l=null===(i=j[t].options.find((function(e){return e.name===n})))||void 0===i?void 0:i.id)&&void 0!==l?l:"",c=j[t].value,s(d({filter:t,value:a})),0!==a.length){e.next=7;break}h(t),e.next=14;break;case 7:return c.length>0&&h(t),b="country"===t?_(o,null!==(r=null===(u=j[t].options.find((function(e){return e.name===n})))||void 0===u?void 0:u.parentId)&&void 0!==r?r:""):_(a,j.country.value),f=L.get(t),e.next=12,C(b,!f);case 12:p=e.sent,s(f?v({filter:f,options:p}):m(p));case 14:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),[j]),h=Object(i.useCallback)((function(e){return T.get(e).forEach((function(e){s(b(e))}))}),[s]),_=Object(i.useCallback)((function(e,n){return"siteName=".concat(r,"&language=").concat(c,"&database=").concat(l,"&filterItem={").concat(e.toUpperCase(),"}&country={").concat(n.toUpperCase(),"}")}),[]),C=Object(i.useCallback)(function(){var e=Object(k.a)(F.a.mark((function e(n){var t,l,i,a=arguments;return F.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=a.length>1&&void 0!==a[1]&&a[1],e.next=3,u.get("",{params:n,paramsSerializer:function(e){return e}});case 3:if(l=e.sent,!t){e.next=6;break}return e.abrupt("return",l.data);case 6:return i=l.data.map((function(e){var n,t,l;return{id:e.id,name:null!==(n=null===e||void 0===e||null===(t=e.fields)||void 0===t||null===(l=t.Title)||void 0===l?void 0:l.value)&&void 0!==n?n:e.name}})),e.abrupt("return",i);case 8:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),[]);return O},L=new Map([["country","application"],["application","subapplication"],["subapplication","series"],["series","homoAndMiss"]]),T=new Map([["country",["application","subapplication","series","homoAndMiss"]],["application",["subapplication","series","homoAndMiss"]],["subapplication",["series","homoAndMiss"]],["series",["homoAndMiss"]],["homoAndMiss",[]]]),P=(t(1430),t(109)),B=t(0),R=function(e){var n=e.label,t=e.placeholder,l=e.options,a=e.value,o=e.onChange,c=Object(i.useMemo)((function(){return"OilSelect__select ".concat(a?"":"OilSelect__select--placeholder")}),[a]),r=Object(i.useCallback)((function(e){var n=e.target.value;o(n.length>0?n:null)}),[o]),s=Object(P.b)().t;return Object(B.jsxs)("div",{className:"OilSelect",children:[Object(B.jsx)("label",{children:n}),Object(B.jsxs)("select",{className:c,placeholder:t,value:null!==a&&void 0!==a?a:"",onCh

1ange:r,children:[a?Object(B.jsxs)("option",{value:"",children:["--- ",s("Reset filter")," ---"]}):Object(B.jsx)("option",{value:"",disabled:!0,children:t}),l.map((function(e,n){return Object(B.jsx)("option",{key:n,value:e,children:e})}))]})]})},W=Object(i.memo)(R),D=t(164),H=t(1602),z=t(1431),U=t.n(z),q=t(70),J="https://maps.googleapis.com/maps/api/js?libraries=places&key=".concat("AIzaSyAwujLgegYvocPgUrAhlzagwUvBkBlm75w"),G=(t(1432),function(e){var n=e.title,t=e.countriesOptions,l=e.queryOptions,a=e.labels,o=N(),c=Object(w.a)().width,r=I(t,l),s=null;"undefined"!==typeof window&&(s=function(){if(Object(q.a)())return null;var e=Object(H.a)(),n=Object(i.useState)(),t=Object(D.a)(n,2),l=t[0],a=t[1],o=Object(i.useState)(null),c=Object(D.a)(o,2),r=c[0],s=c[1];Object(i.useEffect)((function(){d()}),[]),Object(i.useEffect)((function(){console.log(e),!e.loading&&l&&u(e,l.geocode)}),[e,l]);var u=Object(i.useCallback)(U.a.debounce(function(){var e=Object(k.a)(F.a.mark((function e(n,t){var l,i,a,o,c;return F.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=n.latitude,a=n.longitude,e.next=3,t({location:{lat:i,lng:a}});case 3:o=e.sent,c=null===(l=o.results[0].address_components.find((function(e){return e.types.includes("country")})))||void 0===l?void 0:l.short_name,s(c);case 6:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),500,{trailing:!0}),[]),d=Object(i.useCallback)((function(){if("undefined"!=typeof document&&!Array.from(document.scripts).find((function(e){return e.src===J}))){var e=document.createElement("script");e.src=J,e.addEventListener("load",(function(){a(new google.maps.Geocoder)})),document.body.appendChild(e)}}),[]);return r}()),Object(i.useEffect)((function(){if(s){var e=t.find((function(e){return e.countries.find((function(e){return e===s}))}));e&&r(e.name,"country")}}),[s]);var u=function(e,n){var t=S(f),l=Object(i.useCallback)((function(e){return e.map((function(e){return e.name}))}),[]),a=Object(i.useCallback)((function(e){var n,l;return null!==(n=null===(l=t[e].options.find((function(n){return n.id===t[e].value})))||void 0===l?void 0:l.name)&&void 0!==n?n:""}),[t]);return{CountryOilSelect:Object(i.useMemo)((function(){return function(){return Object(B.jsx)(W,{label:e.country.label,placeholder:e.country.placeholder,options:l(t.country.options),value:a("country"),onChange:function(e){return n(e,"country")}})}}),[e,l,a,n]),ApplicationOilSelect:Object(i.useMemo)((function(){return function(){return Object(B.jsx)(W,{label:e.application.label,placeholder:e.application.placeholder,options:l(t.application.options),value:a("application"),onChange:function(e){return n(e,"application")}})}}),[e,l,a,n]),SubApplicationOilSelect:Object(i.useMemo)((function(){return function(){return Object(B.jsx)(W,{label:e.subapplication.label,placeholder:e.subapplication.placeholder,options:l(t.subapplication.options),value:a("subapplication"),onChange:function(e){return n(e,"subapplication")}})}}),[e,l,a,n]),SeriesOilSelect:Object(i.useMemo)((function(){return function(){return Object(B.jsx)(W,{label:e.series.label,placeholder:e.series.placeholder,options:l(t.series.options),value:a("series"),onChange:function(e){return n(e,"series")}})}}),[e,l,a,n]),HnEOilSelect:Object(i.useMemo)((function(){return function(){return Object(B.jsx)(W,{label:e.homoAndMiss.label,placeholder:e.homoAndMiss.placeholder,options:l(t.homoAndMiss.options),value:a("homoAndMiss"),onChange:function(e){return n(e,"homoAndMiss")}})}}),[e,l,a,n])}}(a,r),d=u.CountryOilSelect,v=u.ApplicationOilSelect,b=u.SubApplicationOilSelect,p=u.SeriesOilSelect,O=u.HnEOilSelect;Object(i.useEffect)((function(){var e={};Object.keys(a).forEach((function(n){e[n]=a[n].label})),o(j(e))}),[a]);var h=Object(i.useMemo)((function(){return c<=850}),[c]);return Object(B.jsxs)("div",{className:"TitleWithFilters",children:[Object(B.jsx)("div",{className:"TitleWithFilters__first_row",children:Object(B.jsx)("div",{children:Object(B.jsx)(y.a,{field:n,tag:"h1"})})}),Object(B.jsx)("div",{className:"TitleWithFilters__next_row first",children:Object(B.jsx)(d,{})}),h?Object(B.jsxs)(B.Fragment,{children:[Object(B.jsx)("div",{className:"TitleWithFilters__next_row",children:Object(B.jsx)(v,{})}),Object(B.jsx)("div",{className:"TitleWithFilters__next_row",children:Object(B.jsx)(b,{})}),Object(B.jsx)("div",{className:"TitleWithFilters__next_row",children:Object(B.jsx)(p,{})}),Object(B.jsx)("div",{className:"TitleWithFilters__next_row",children:Object(B.jsx)(O,{})})]}):Object(B.jsxs)(B.Fragment,{children:[Object(B.jsxs)("div",{className:"TitleWithFilters__next_row",children:[Object(B.jsx)(v,{}),Object(B.jsx)(b,{})]}),Object(B.jsxs)("div",{className:"TitleWithFilters__next_row",children:[Object(B.jsx)(p,{}),Object(B.jsx)(O,{})]})]})]})}),V=Object(i.memo)(G),X=(t(1433),["title","titleId"]);function Y(){return Y=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},Y.apply(this,arguments)}function Z(e,n){if(null==e)return{};var t,l,i=function(e,n){if(null==e)return{};var t,l,i={},a=Object.keys(e);for(l=0;l<a.length;l++)t=a[l],n.indexOf(t)>=0||(i[t]=e[t]);return i}

1(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l<a.length;l++)t=a[l],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}function K(e,n){var t=e.title,a=e.titleId,o=Z(e,X);return i.createElement("svg",Y({width:"20px",height:"20px",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",ref:n,"aria-labelledby":a},o),void 0===t?i.createElement("title",{id:a},"9D1E034A-73DC-458C-8FD4-A805A14F9ACD"):t?i.createElement("title",{id:a},t):null,l||(l=i.createElement("g",{id:"Search-Oil",stroke:"none",strokeWidth:1,fill:"none",fillRule:"evenodd"},i.createElement("g",{id:"Oil-&-coolants---search-deatils",transform:"translate(-1319.000000, -959.000000)",fill:"#FFFFFF"},i.createElement("g",{id:"PopUP-Copy",transform:"translate(-0.500000, 925.000000)"},i.createElement("g",{id:"Icon-/-Close",transform:"translate(1319.500000, 34.000000)"},i.createElement("path",{d:"M17.8612836,2.36435429e-16 L20,2.0022317 L12.1039294,10 L20,17.9977683 L17.8612836,20 L9.999,12.032 L2.13871642,20 L1.77635684e-15,17.9977683 L7.89607059,10 L0,2.0022317 L2.13871642,-5.09263509e-15 L10,7.967 L17.8612836,2.36435429e-16 Z"})))))))}var Q=i.forwardRef(K),$=(t.p,t(1434),t(675)),ee=t(691),ne=function(e){var n,t,l,a,o,c,r,s,u,d,v,j,b,p,O,h,m,x,g,_,C,w,N,k,E,F,A,M,I,L,T,R,W,H,z,U,q,J,G,V,X,Y,Z,K,ne,te,ie,ae,oe,ce,re,se=e.itemId,ue=e.oil,de=(ue.name,ue.fields),ve=e.isPerformanceActive,je=e.onPerformanceClick,be=!(null===de||void 0===de||null===(n=de.Coolant)||void 0===n||!n.fields),fe=null!==(t=null===de||void 0===de||null===(l=de.EngineOil)||void 0===l||null===(a=l.fields)||void 0===a||null===(o=a.Image)||void 0===o?void 0:o.value)&&void 0!==t?t:null===de||void 0===de||null===(c=de.Coolant)||void 0===c||null===(r=c.fields)||void 0===r||null===(s=r.Image)||void 0===s?void 0:s.value,pe=null!==(u=null===de||void 0===de||null===(d=de.Coolant)||void 0===d||null===(v=d.fields)||void 0===v?void 0:v.Title.value)&&void 0!==u?u:le.value,Oe=null!==(j=null===de||void 0===de||null===(b=de.EngineOil)||void 0===b||null===(p=b.fields)||void 0===p||null===(O=p.Title)||void 0===O?void 0:O.value)&&void 0!==j?j:le.value,he=be?pe:Oe,me=null!==(h=null===de||void 0===de||null===(m=de.ChoiceTag)||void 0===m||null===(x=m.fields)||void 0===x||null===(g=x.Title)||void 0===g?void 0:g.value)&&void 0!==h?h:"",xe=null!==(_=null===de||void 0===de||null===(C=de.EngineOil)||void 0===C||null===(w=C.fields)||void 0===w?void 0:w.Blend)&&void 0!==_?_:le,ge=null!==(N=null===de||void 0===de||null===(k=de.EngineOil)||void 0===k||null===(E=k.fields)||void 0===E||null===(F=E.IconList)||void 0===F?void 0:F.map((function(e){return e.fields["Icon Css Class"].value})))&&void 0!==N?N:[],_e=null!==(A=null===de||void 0===de||null===(M=de.EngineOil)||void 0===M||null===(I=M.fields)||void 0===I?void 0:I.SyntheticMention)&&void 0!==A?A:le,Ce=null!==(L=null===de||void 0===de||null===(T=de.EngineOil)||void 0===T||null===(R=T.fields)||void 0===R?void 0:R.Description)&&void 0!==L?L:le,ye=null!==(W=null===de||void 0===de||null===(H=de.EngineOil)||void 0===H||null===(z=H.fields)||void 0===z?void 0:z.EngineOilID)&&void 0!==W?W:le,we=null!==(U=null===de||void 0===de?void 0:de.PotentialChangeInterval)&&void 0!==U?U:le,Ne=null!==(q=null===de||void 0===de?void 0:de.Sump)&&void 0!==q?q:le,Se=null!==(J=null===de||void 0===de?void 0:de.TotalRefilling)&&void 0!==J?J:le,ke=null!==(G=null===de||void 0===de?void 0:de.CoolingSystem)&&void 0!==G?G:le,Ee=null!==(V=null===de||void 0===de||null===(X=de.Coolant)||void 0===X||null===(Y=X.fields)||void 0===Y?void 0:Y.Description)&&void 0!==V?V:le,Fe=null!==(Z=null===de||void 0===de||null===(K=de.Coolant)||void 0===K||null===(ne=K.fields)||void 0===ne?void 0:ne.CoolantID)&&void 0!==Z?Z:le,Ae=null!==(te=null===de||void 0===de||null===(ie=de.Coolant)||void 0===ie||null===(ae=ie.fields)||void 0===ae?void 0:ae.SyntheticMention)&&void 0!==te?te:le,Me=!0===(null===de||void 0===de||null===(oe=de.EngineOil)||void 0===oe||null===(ce=oe.fields)||void 0===ce||null===(re=ce.ShowIdFirst)||void 0===re?void 0:re.value),Ie=Object(P.b)().t,Le=S(f),Te=Object(i.useCallback)((function(e,n){var t;return null===(t=Le[n].options.find((function(n){return n.id===e})))||void 0===t?void 0:t.name}),[Le]),Pe=Object(i.useMemo)((function(){return"mailto:?Subject=FPT industrial Engine Fluids&Body=".concat(encodeURIComponent("".concat(Le.country.label,": ").concat(Te(Le.country.value,"country"),"\n").concat(Le.application.label,": ").concat(Te(Le.application.value,"application"),"\n").concat(Le.subapplication.label,": ").concat(Te(Le.subapplication.value,"subapplication"),"\n").concat(Le.series.label,": ").concat(Te(Le.series.value,"series"),"\n").concat(Le.homoAndMiss.label,": ").concat(Te(Le.homoAndMiss.value,"homoAndMiss"),"\n\n\n").concat(Ie("EngineOil"),": ").concat(he,"\n").concat(Ie("EngineOilID"),": ").concat(ye.value,"\n").concat(Ie("Blend"),": ").concat(xe.value,"\n").concat(Ie("ChoiceTag"),": ").concat(me,"\n").concat(Ie("SyntheticMention"),": ").concat(_e.value,"\n").concat(Ie("Description"),": ").concat(Ce.value,"\n\n\n").concat(Ie("PotentialChangeInterval"),": ").concat(we.value,"\n").concat(Ie("Sump"),": ").concat(Ne.value,"\n").concat(Ie("TotalRefilling"),": ").concat(Se.value,"\n").concat(Ie("CoolingSystem"),": ").concat(ke.value,"\n\n\n")))}),[Le,Te]),Be=Object(i.useCallback)((function(){return je(se)}),[se]),Re=Object(i.useCallback)((function(){return je(null)}),[]);Object(i.useEffect)((function(){Re()}),[se]);var We=Object(i.useRef)(),De=Object(i.useMemo)((function(){return"OilCard ".concat(ve?"OilCard__with_performance":"")}),[ve]),He=Object(i.useState)(0),ze=Object(D.a)(He,2),Ue=ze[0],qe=ze[1],Je=Object(i.useState)(null),Ge=Object(D.a)(Je,2),Ve=Ge[0],Xe=Ge[1],Ye=function(){setTimeout((function(){qe(We.current.getBoundingClientRect().left),Xe(We.current.getBoundingClientRect().height)}),500)};return Object(i.useEffect)((function(){if(Ye(),"undefined"!==typeof window)return window.addEventListener("resize",Ye),function(){"undefined"!==typeof window&&window.removeEventListener("resize",Ye)}}),[]),Object(B.jsxs)("div",{className:De,ref:We,style:Ve?{height:Ve}:{},children:[Object(B.jsxs)("div",{children:[Object(B.jsx)("div",{className:"OilCard__image_container",children:fe?Object(B.jsx)(ee.a,{field:{value:fe}}):Object(B.jsx)("div",{children:"noimg"})}),Object(B.jsx)("div",{className:"OilCard__quality_strip",children:Object(B.jsx)(y.a,{tag:"span",field:{value:Ie(me)}})}),Object(B.jsxs)("div",{className:"OilCard__data_container",children:[Object(B.jsxs)("div",{children:[Object(B.jsx)("div",{className:"OilCard__pre_title",children:Ie(be?"Coolant":"EngineOil")}),Object(B.jsx)("div",{className:"OilCard__title",children:Object(B.jsx)(y.a,{field:{value:Me?ye.value:he}})}),!be&&Object(B.jsxs)("div",{className:"OilCard__quick_info",children:[Object(B.jsx)(y.a,{tag:"span",field:xe}),ge.length>0&&ge.map((function(e,n){return Object(B.jsx)("span",{className:"icon ".concat(e)},n)}))]}),Object(B.jsx)("div",{className:"OilCard__mention",children:Object(B.jsx)(y.a,{field:be?Ae:_e})}),Object(B.jsx)("div",{className:"OilCard__description",children:Object(B.jsx)(y.a,{field:be?Ee:Ce})}),Object(B.jsx)("div",{className:"OilCard__oil_code",children:Object(B.jsx)(y.a,{field:be?Fe:Me?{value:he}:ye})})]}),!be&&Object(B.jsx)("div",{className:"OilCard__button_container",children:Object(B.jsx)($.a,{fields:{label:{value:Ie("Perfomances")}},action:Be})})]})]}),ve&&Object(B.jsxs)(B.Fragment,{children:[Object(B.jsx)("div",{className:"OilCard__performance_arrow"}),Object(B.jsxs)("div",{className:"OilCard__performance_container",style:{left:-Ue},children:[Object(B.jsx)("div",{className:"OilCard__performance_header",children:Object(B.jsxs)("div",{children:[Object(B.jsx)("div",{children:Ie("TechnicalPerformances")}),Object(B.jsx)("button",{"aria-label":"Close performance window",onClick:Re,children:Object(B.jsx)(Q,{})})]})}),Object(B.jsx)("div",{className:"OilCard__performance_service",children:Object(B.jsxs)("div",{children:[Object(B.jsxs)("span",{children:[Ie("PotentialChangeInterval"),":"]}),Object(B.jsx)(y.a,{tag:"span",field:we})]})}),Object(B.jsx)("div",{className:"OilCard__performance_stats",children:Object(B.jsxs)("div",{children:[Object(B.jsx)("table",{children:Object(B.jsxs)("tbody",{children:[Object(B.jsxs)("tr",{children:[Object(B.jsxs)("td",{children:[Ie("Sump"),":"]}),Object(B.jsx)("td",{children:Object(B.jsx)(y.a,{field:Ne})})]}),Object(B.jsxs)("tr",{children:[Object(B.jsxs)("td",{children:[Ie("TotalRefilling"),":"]}),Object(B.jsx)("td",{children:Object(B.jsx)(y.a,{field:Se})})]}),Object(B.jsxs)("tr",{children:[Object(B.jsxs)("td",{children:[Ie("CoolingSystem"),":"]}),Object(B.jsx)("td",{children:Object(B.jsx)(y.a,{field:ke})})]})]})}),Object(B.jsx)("a",{className:"OilCard__performance_email",href:Pe,target:"_blank",children:Ie("SEND E-MAIL")})]})})]})]})]})},te=Object(i.memo)(ne),le={value:"-"},ie=function(){var e=Object(P.b)().t,n=S(g),t=Object(i.useState)(null),l=Object(D.a)(t,2),a=l[0],o=l[1],c=Object(i.useCallback)((function(e){o(e)}),[]),r=Object(i.useMemo)((function(){return"".concat(n.length," ").concat(e("Types"))}),[n]);return Object(B.jsxs)("div",{className:"OilsContainer",children:[Object(B.jsx)("div",{className:"OilsContainer__amount",children:r}),Object(B.jsx)("div",{className:"OilsContainer__card_container",children:n.map((function(e,n){return Object(B.jsx)(te,{oil:e,itemId:e.id,isPerformanceActive:a===e.id,onPerformanceClick:c},n)}))})]})},ae=Object(i.memo)(ie);n.default=Object(a.b)()((function(e){var n=e.fields,t=n.Title,l=n.C

1ountries,i=n.CountryLabel,a=n.CountryPlaceHolder,c=n.ApplicationLabel,r=n.ApplicationPlaceHolder,s=n.SubApplicationLabel,u=n.SubApplicationPlaceHolder,d=n.SeriesLabel,v=n.SeriesPlaceHolder,j=n.HomologationLabel,b=n.HomologationPlaceHolder,f=n.GetNextFilter,p=n.FilterItem,O=e.sitecoreContext;return Object(B.jsx)(o.a,{store:C,children:Object(B.jsx)("div",{className:"OilsFilter",children:Object(B.jsxs)("div",{children:[Object(B.jsx)(V,{title:t,countriesOptions:l.flatMap((function(e){return e.fields.Countries.map((function(n){return{id:n.id,name:n.fields.Title.value,countries:[n.fields.CodeNationFromGeoLocalization.value],parentId:e.id}}))})).sort((function(e,n){return e.name.localeCompare(n.name)})),queryOptions:{getNextFilter:f.value,sitename:O.site.name,lang:O.language,dbName:O.route.databaseName,initialFilterItem:p.id},labels:{country:{label:i.value,placeholder:a.value},application:{label:c.value,placeholder:r.value},subapplication:{label:s.value,placeholder:u.value},series:{label:d.value,placeholder:v.value},homoAndMiss:{label:j.value,placeholder:b.value}}}),Object(B.jsx)(ae,{})]})})})}))},675:function(e,n,t){"use strict";var l=t(133),i=(t(2),t(679)),a=t(689),o=(t(677),t(0));n.a=function(e){var n,t,c,r,s,u,d,v=e.text,j=e.url,b=e.action,f=void 0===b?function(){}:b,p=e.isRed,O=e.isFullwidth,h=e.className,m=e.imageIcon,x=e.imageHoverIcon,g=e.icon,_=e.target,C=void 0===_?"self":_,y=e.id,w=e.sitecoreProps,N=e.minWidth,S=e.customAttributes,k=p?"BaseBtn BaseBtn--red":"BaseBtn";k+=" ga4-click-ui",h&&(k+=" ".concat(h)),O&&(k+=" BaseBtn--fullwidth");var E=function(){var n,t,l,a,c,r,s,u,d,j,b;return Object(o.jsxs)(o.Fragment,{children:[((null===(n=e.fields)||void 0===n||null===(t=n.iconCssClass)||void 0===t?void 0:t.value)||g)&&Object(o.jsx)("span",{className:"icon ".concat((null===(l=e.fields)||void 0===l||null===(a=l.iconCssClass)||void 0===a?void 0:a.value)||g," mr-10")}),(null===m||void 0===m||null===(c=m.value)||void 0===c?void 0:c.src)&&Object(o.jsx)("img",{className:"BaseBtn__image_icon",src:m.value.src,alt:m.value.alt,height:null===(r=m.value)||void 0===r?void 0:r.height,width:null===(s=m.value)||void 0===s?void 0:s.width}),(null===x||void 0===x||null===(u=x.value)||void 0===u?void 0:u.src)&&Object(o.jsx)("img",{className:"BaseBtn__image_hover_icon",src:x.value.src,alt:x.value.alt,height:null===(d=x.value)||void 0===d?void 0:d.height,width:null===(j=x.value)||void 0===j?void 0:j.width}),Object(o.jsx)(i.a,{field:(null===(b=e.fields)||void 0===b?void 0:b.label)||{value:null===v||void 0===v?void 0:v.value},tag:"h3"})]})};return Object(o.jsxs)(o.Fragment,{children:[((null===(n=e.fields)||void 0===n||null===(t=n.link)||void 0===t||null===(c=t.value)||void 0===c?void 0:c.href)||j)&&Object(o.jsx)(a.a,{field:(null===(r=e.fields)||void 0===r?void 0:r.link)||Object(l.a)({value:{text:Object(o.jsxs)(o.Fragment,{children:[g&&Object(o.jsx)("span",{className:"icon ".concat(g," mr-10")}),null===v||void 0===v?void 0:v.value]}),target:"blank"===C?"_blank":"_self",href:j,id:y}},w),className:k,style:N?{minWidth:N}:{},onClick:f,rel:"noopener noreferrer",download:"download"===C,"data-engine-info":S,children:Object(o.jsx)(E,{})}),!(null!==(s=e.fields)&&void 0!==s&&null!==(u=s.link)&&void 0!==u&&null!==(d=u.value)&&void 0!==d&&d.href||j)&&Object(o.jsx)("div",{className:k,onClick:f,children:Object(o.jsx)(E,{})})]})}},676:function(e,n,t){"use strict";t.d(n,"a",(function(){return l}));var l=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,l=i(n)*t;return(null===e||void 0===e?void 0:e.split("?")[0])+"?w=".concat(l,"&mw=").concat(l)}

1,i=function(e){return e<400?320:e<600?480:e<900?768:e<1200?1024:e<1440?1280:e<1680?1440:e<1920?1600:e<2560?1920:e<3840?2560:3840}},677:function(e,n,t){},691:function(e,n,t){"use strict";var l=t(133),i=(t(2),t(1513)),a=t(676),o=t(0);n.a=function(e){var n,t,c;if("undefined"!=typeof window){var r=JSON.parse(JSON.stringify(e));r.field.value.src=Object(a.a)(e.field.value.src,window.innerWidth,1),e=r}return Object(o.jsx)("div",{className:e.cssClass&&e.cssClass,style:{width:"100%",height:"100%"},children:Object(o.jsx)(i.a,{field:Object(l.a)({},e.field),loading:"lazy"},(null===(n=e.field)||void 0===n?void 0:n.value)&&(null===(t=e.field)||void 0===t||null===(c=t.value)||void 0===c?void 0:c.alt))})}}}]);
2//# sourceMappingURL=OilsFilter.a207b5ff.chunk.js.map