https://www.rexeleurope.com/assets/scripts/chunks/3862.chnk.js?v=79c7fec

1"use strict";(self.webpackChunkacco_brands_europe=self.webpackChunkacco_brands_europe||[]).push([[3862],{945:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(6540),a=n(4989),o=n(3320);function l(e){var t=e.translations,n=e.selectedDevice,l=e.selectedProduct,c=e.solutions,i=e.selectedSolution,u=e.isLoading,s=e.onBack,d=e.onSolutionSelect,m=e.onDownloadSolution;return r.createElement("div",{className:"abc-compatibilityGuide__solutionSummary"},r.createElement("div",{className:"abc-compatibilityGuide__solutionHeader"},r.createElement("h1",{className:"abc-compatibilityGuide__title",tabIndex:-1},t.SolutionSummaryTitle),r.createElement(a.default,{label:t.BackLabel,onClick:s})),r.createElement(o.default,{translations:t,selectedDevice:n,selectedProduct:l,solutions:c,selectedSolution:i,isLoading:u,onSolutionSelect:d}),r.createElement("div",{className:"abc-compatibilityGuide__solutionActions"},r.createElement("button",{className:"abc-button abc-button--primary abc-button--centered abc-compatibilityGuide__downloadButton",type:"button",onClick:function(){"function"==typeof m?m():window.print()}},t.DownloadSolutionLabel)))}},1959:(e,t,n)=>{n.d(t,{A:()=>m});var r=n(6540),a=n(9529);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(null,arguments)}function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach(function(t){i(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function i(e,t,n){return(t=function(e){var t=function(e){if("object"!=u(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,c=[],i=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}const m=(0,r.forwardRef)(function(e,t){var n=e.items,l=e.selectedItem,i=e.onSelectItem,d=e.onClear,m=e.placeholder,b=e.itemToString,f=e.getItemLabel,p=e.getItemKey,y=e.filterItem,v=e.renderItem,h=e.className,g=void 0===h?"":h,S=e.clearAriaLabel,_=e.toggleAriaLabel,E=e.disabled,w=void 0!==E&&E,C=(0,r.useMemo)(function(){return n||[]},[n]),I=s((0,r.useState)(C),2),L=I[0],N=I[1],O=s((0,r.useState)(C),2),k=O[0],G=O[1],A=(0,r.useRef)(null),P=(0,r.useRef)(null);C!==k&&(G(C),N(C));var M=b||f||function(e){return e?"string"==typeof e?e:e.Name||e.name||e.label||e.title||"":""},j=p||function(e,t){var n,r,a,o;return e&&"object"===u(e)?null!==(n=null!==(r=null!==(a=null!==(o=e.id)&&void 0!==o?o:e.value)&&void 0!==a?a:e.key)&&void 0!==r?r:e.name)&&void 0!==n?n:t:null!=e?e:t},F=(0,a.Bp)({items:L,itemToString:M,selectedItem:l,stateReducer:function(e,t){var n=t.type,r=t.changes;return n===a.Bp.stateChangeTypes.InputBlur?c(c({},r),{},{inputValue:M(e.selectedItem)}):r},onSelectedItemChange:function(e){var t=e.selectedItem;"function"==typeof i&&i(t)},onInputValueChange:function(e){var t=e.inputValue,n=(t||"").toLowerCase();N("function"==typeof y?C.filter(function(e){return y(e,t)}):C.filter(function(e){return M(e).toLowerCase().includes(n)}))},onIsOpenChange:function(e){if(e.isOpen){N(C);var t=l?C.findIndex(function(e,t){return j(l,t)===j(e,t)}):-1;z(t>=0?t:0)}}}),B=F.isOpen,D=F.getToggleButtonProps,T=F.getMenuProps,R=F.getInputProps,x=F.highlightedIndex,q=F.getItemProps,V=F.selectedItem,H=F.selectItem,$=F.setInputValue,K=F.openMenu,W=F.closeMenu,Z=F.toggleMenu,z=F.setHighlightedIndex;return(0,r.useEffect)(function(){l||$("")},[l,$]),(0,r.useImperativeHandle)(t,function(){return{openMenu:K,closeMenu:W,toggleMenu:Z,focus:function(){var e;return null===(e=A.current)||void 0===e?void 0:e.focus()}}}),r.createElement("div",{className:"abc-autocompleteSelect ".concat(g).trim()},r.createElement("div",{className:"abc-autocompleteSelect__inputWrapper ".concat(B?"abc-autocompleteSelect__inputWrapper--active":""," ").concat(w?"abc-autocompleteSelect__inputWrapper--disabled":"").trim()},r.createElement("input",o({className:"abc-autocompleteSelect__input",placeholder:m,disabled:w},R({"aria-labelledby":null,"aria-label":m,ref:A}))),r.createElement("div",{className:"abc-autocompleteSelect__actions"},l&&r.createElement("button",{type:"button",className:"abc-autocompleteSelect__clearButton","aria-label":S,tabIndex:-1,onClick:function(e){e.stopPropagation(),H(null),"function"==typeof d&&d()}},r.createElement("svg",{className:"abc-autocompleteSelect__dropdownClose",viewBox:"0 0 9.79071 9.79073",width:"10",height:"10",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r.createElement("path",{d:"M0.979071 0L9.79071 8.81164L8.81164 9.79071L4.16795e-07 0.979071L0.979071 0Z",fill:"currentColor"}),r.createElement("path",{d:"M9.79071 0.979091L0.97907 9.79073L0 8.81166L8.81164 2.02288e-05L9.79071 0.979091Z",fill:"currentColor"}))),r.createElement("button",o({type:"button",className:"abc-autocompleteSelect__toggleButton","aria-label":_},D({disabled:w})),r.createElement("svg",{className:"abc-autocompleteSelect__dropdownIcon",viewBox:"0 0 11 6",width:"11",height:"6",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},r.createElement("path",{d:"M11 0L5.5 6L0 0H11Z",fill:"currentColor"}))))),r.createElement("ul",o({className:"abc-autocompleteSelect__dropdownOptions ".concat(B&&L.length>0?"abc-autocompleteSelect__dropdownOptions--open":"")},T({"aria-labelledby":null,ref:P})),B&&L.map(function(e,t){var n=x===t,a=V&&j(V,t)===j(e,t);return r.createElement("li",o({key:j(e,t),className:"abc-autocompleteSelect__dropdownOption ".concat(n?"abc-autocompleteSelect__dropdownOption--highlighted":""," ").concat(a?"abc-autocompleteSelect__dropdownOption--selected":"").trim()},q({item:e,index:t})),"function"==typeof v?v(e,{isHighlighted:n,isSelected:a,index:t}):M(e))})))})}

1,3862:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var r=n(6540),a=n(7337);function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var l=function(e){e&&(e.className="")},c=n(6662),i=n(2552),u=n(945);function s(e){var t=e.settings,n=e.translations,s=(0,r.useRef)(null),d=(0,r.useMemo)(function(){return"undefined"==typeof document?null:document.querySelector(".abc-compatibilityGuide__formArea .EPiServerForms")},[]),m=(0,r.useRef)(null),b=(0,r.useRef)(null),f=(0,a.default)({settings:t}),p=f.manufacturers,y=f.selectedManufacturer,v=f.devices,h=f.selectedDevice,g=f.recentSearches,S=f.products,_=f.totalCount,E=f.availableFilters,w=f.selectedColor,C=f.isFilterPopupOpen,I=f.isLoadingProducts,L=f.productsError,N=f.currentStep,O=f.selectedProduct,k=f.solutions,G=f.selectedSolution,A=f.isLoadingSolutions,P=f.handleManufacturerChange,M=f.handleDeviceChange,j=f.handleSearch,F=f.handleFilterChange,B=f.handleClearAllFilters,D=f.toggleFilterPopup,T=f.handleLoadMore,R=f.handleProductClick,x=f.handleBack,q=f.handleSolutionSelect,V=f.handleRecentSearchClick,H=function(){var e,t,n=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).formContainer,a=(e=(0,r.useState)(!1),t=2,function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,c=[],i=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=a[0],i=a[1];return(0,r.useEffect)(function(){var e=window.$$epiforms;if(n&&"function"==typeof e){var t=e(n),r=function(e){"formsSubmittedError"!==(null==e?void 0:e.type)?null!=e&&e.isFinalizedSubmission&&!1!==(null==e?void 0:e.isSuccess)&&i(!0):i(!1)};return t.on("formsSubmitted formsSubmittedError",r),function(){t.off("formsSubmitted formsSubmittedError",r)}}},[n]),{isSubmitted:c,resetForm:(0,r.useCallback)(function(){if(n){var e=n.querySelector(".Form__Status__Message"),t=n.querySelector(".Form__MainBody"),r=n.querySelectorAll(".ValidationSuccess");l(e),null==e||e.classList.add("Form__Status__Message","hide"),null==t||t.removeAttribute("style"),r.forEach(function(e){return e.classList.remove("ValidationSuccess")}),i(!1)}},[n])}}({formContainer:d}),$=H.isSubmitted,K=H.resetForm;return(0,r.useEffect)(function(){s.current=document.querySelector(".abc-compatibilityGuide")},[]),(0,r.useEffect)(function(){var e=s.current||document.querySelector(".abc-compatibilityGuide");e&&(3===N?(3!==m.current&&$&&K(),e.classList.add("abc-compatibilityGuide--showForm"),e.scrollIntoView({behavior:"smooth",block:"start"})):(e.classList.remove("abc-compatibilityGuide--showForm"),3===m.current&&e.scrollIntoView({behavior:"smooth",block:"start"}))),2===N?3===m.current&&b.current?setTimeout(function(){var e=document.querySelector('button[data-sku="'.concat(b.current,'"]'));if(e)e.focus();else{var t=document.querySelector(".abc-compatibilityGuide__searchResults-title");null==t||t.focus()}},50):1===m.current&&setTimeout(function(){var e=document.querySelector(".abc-compatibilityGuide__searchResults-title");null==e||e.focus()},50):3===N&&setTimeout(function(){var e=document.querySelector(".abc-compatibilityGuide__solutionSummary .abc-compatibilityGuide__title");null==e||e.focus()},50),m.current=N},[N,$,K]),r.createElement(r.Fragment,null,3!==N&&r.createElement(c.default,{translations:n,manufacturers:p,selectedManufacturer:y,onManufacturerChange:P,devices:v,selectedDevice:h,onDeviceChange:M,onSearch:j,isLoading:I,recentSearches:g,onRecentSearchClick:V}),2===N&&r.createElement(i.default,{translations:n,products:S,totalCount:_,availableFilters:E,selectedColor:w,isFilterPopupOpen:C,onTogglePopup:D,onFilterChange:F,onClearAllFilters:B,isLoading:I,error:L,onLoadMore:T,onProductClick:function(e){b.current=null==e?void 0:e.Sku,R(e)},onRetry:j}),3===N&&r.createElement(u.default,{translations:n,selectedDevice:h,selectedProduct:O,solutions:k,selectedSolution:G,isLoading:A,onBack:x,onSolutionSelect:q}))}}

1,4989:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});var r=n(6540);function a(e){var t=e.label,n=e.onClick;return r.createElement("div",{className:"abc-compatibilityGuide__backButton"},r.createElement("button",{className:"abc-button abc-button--secondary abc-compatibilityGuide__backBtn",type:"button",onClick:n},r.createElement("svg",{className:"abc-compatibilityGuide__backIcon",viewBox:"0 0 11 15",width:"11",height:"15","aria-hidden":"true"},r.createElement("path",{d:"M6.707 0v11.086l3.293-3.293 1.414 1.414-5.707 5.707-5.707-5.707 1.414-1.414 3.293 3.293V0h2z",transform:"rotate(90 5.707 7.457)",fill:"currentColor"})),r.createElement("span",null,t)))}},6662:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var r=n(6540),a=n(1959),o=n(8725),l=function(e){return e&&e.Name||""},c=function(e){var t;return e?null!==(t=e.Id)&&void 0!==t?t:e.Name:""},i=function(e){return e&&e.Name||""},u=function(e){var t;return e?null!==(t=e.Id)&&void 0!==t?t:e.Name:""};function s(e){var t=e.translations,n=e.manufacturers,s=e.selectedManufacturer,d=e.onManufacturerChange,m=e.devices,b=e.selectedDevice,f=e.onDeviceChange,p=e.onSearch,y=e.isLoading,v=e.recentSearches,h=e.onRecentSearchClick,g=(0,r.useRef)(null),S=!b||y;return r.createElement("div",{className:"abc-compatibilityGuide__searchForm"},r.createElement("div",{className:"abc-compatibilityGuide__layout"},r.createElement("div",{className:"abc-compatibilityGuide__header"},r.createElement("h1",{className:"abc-compatibilityGuide__title"},t.SearchTitle),r.createElement("p",{className:"abc-compatibilityGuide__description"},t.SearchDescription)),r.createElement("div",{className:"abc-compatibilityGuide__searchContainer"},r.createElement("div",{className:"abc-compatibilityGuide__form"},r.createElement("div",{className:"abc-compatibilityGuide__selectInput"},r.createElement(a.A,{items:n,selectedItem:s,onSelectItem:function(e){d(e),e&&setTimeout(function(){var e,t;null===(e=g.current)||void 0===e||e.focus(),null===(t=g.current)||void 0===t||t.openMenu()},0)},getItemLabel:l,getItemKey:c,placeholder:t.ManufacturerPlaceholder,clearAriaLabel:t.ClearAriaLabel,toggleAriaLabel:t.ToggleAriaLabel,className:"abc-compatibilityGuide__autocomplete"})),r.createElement("div",{className:"abc-compatibilityGuide__selectInput"},r.createElement(a.A,{ref:g,items:m,selectedItem:b,onSelectItem:f,getItemLabel:i,getItemKey:u,placeholder:t.DevicePlaceholder,clearAriaLabel:t.ClearAriaLabel,toggleAriaLabel:t.ToggleAriaLabel,className:"abc-compatibilityGuide__autocomplete",disabled:!s})),r.createElement("button",{type:"button",className:"abc-button abc-button--primary abc-button--centered abc-compatibilityGuide__searchButton",onClick:p,disabled:S},t.SearchLabel)),r.createElement(o.default,{translations:t,searches:v,onClick:h}))))}},8725:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(6540),a=function(e,t){return e.deviceId||t},o=function(e){return[e.manufacturerName,e.deviceName].filter(Boolean).join(" ")};function l(e){var t=e.translations,n=e.searches,l=e.onClick;return n&&0!==n.length?r.createElement("div",{className:"abc-compatibilityGuide__recentSearches"},r.createElement("span",{className:"abc-compatibilityGuide__recentSearchesLabel"},t.RecentSearchesLabel,":"),r.createElement("div",{className:"abc-compatibilityGuide__recentSearchesList"},n.map(function(e,t){return r.createElement("button",{type:"button",key:a(e,t),className:"abc-compatibilityGuide__recentSearch",onClick:function(){return l(e)}},o(e))}))):null}}}]);