https://www.rapid.com/assets/scripts/chunks/2555.chnk.js?v=ae5de2d

1"use strict";(self.webpackChunkacco_brands_europe=self.webpackChunkacco_brands_europe||[]).push([[609,1991,2555,2630,4692],{609:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(6540),o=n(5262),a=n(6015),l=n(1900),i=n(2630);function u(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,o,a,l,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return c(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)?c(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 c(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 s=function(e){var t=e.elements,n=void 0===t?[]:t,o=e.clickEvent,a=e.dictionary,l=u((0,r.useState)(0),2),i=l[0],c=l[1],s=u((0,r.useState)(5),2),d=s[0],f=s[1],m=u((0,r.useState)(0),2),p=m[0],b=m[1],v=n.findIndex(function(e){return e.active});(0,r.useEffect)(function(){if(v<=i){var e=Math.max(0,v-1);c(e),f(e+5)}else if(v>=d-1){var t=Math.min(n.length,v+2);f(t),c(Math.max(0,t-5))}},[v,n.length]),(0,r.useEffect)(function(){b(32*i)},[i]);var h={width:32*Math.min(5,n.length),overflow:"hidden"},y={transform:"translate3d(-".concat(p,"px, 0px, 0px)")},g=function(e){o&&o(e)};return!n||n.length<2?null:r.createElement("div",{className:"abc-dotNav"},r.createElement("div",{className:"abc-dotNav__wrapper",style:h},r.createElement("div",{className:"abc-dotNav__list",style:y},n.map(function(e,t){return r.createElement("div",{className:"abc-dotNav__item ".concat(e.active?"abc-dotNav__item--active":""," ").concat(t<=i||t>=d-1?"abc-dotNav__item--small":""),onClick:function(){return g(t)},key:t},r.createElement("button",{className:"abc-dotNav__button"},t))}))),r.createElement("div",{className:"abc-dotNav__arrows"},r.createElement("button",{className:"abc-dotNav__prev ".concat(v<=0?"disabled":""),onClick:function(){v>0&&g(v-1)},disabled:v<=0,"aria-label":null==a?void 0:a.prev}),r.createElement("button",{className:"abc-dotNav__next ".concat(v>=n.length-1?"disabled":""),onClick:function(){v<n.length-1&&g(v+1)},disabled:v>=n.length-1,"aria-label":null==a?void 0:a.next})))};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 f=function(){var e,t,n=(0,r.useContext)(l.HotspotZoomContext),u=n.handlePopupClose,c=n.popup,f=n.setAppHeight,p=n.dictionary,b=n.settings,v=n.appRef,h=n.handleDotClick,y=(0,r.useRef)(null),g=(0,r.useRef)(null),C=(0,r.useRef)(null),P=(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,o,a,l,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}(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.")}()),E=P[0],S=P[1],A=(0,a.sg)(function(){var e;return f(g.current.offsetHeight,null===(e=C.current)||void 0===e?void 0:e.offsetHeight)},300);(0,r.useEffect)(function(){var e;return E&&f(g.current.offsetHeight,null===(e=C.current)||void 0===e?void 0:e.offsetHeight),window.addEventListener("resize",A),function(){return window.removeEventListener("resize",A)}},[E]),(0,r.useEffect)(function(){var e;f(g.current.offsetHeight,null===(e=C.current)||void 0===e?void 0:e.offsetHeight)},[c]);var L=b.Hotspots?b.Hotspots.map(function(e){return{active:c&&c.Title===e.Title,image:e.ThumbnailImage||null}}):[];return c?r.createElement("div",{className:"hz-popup ".concat(E?"hz-popup--active":"")},r.createElement("div",{className:"hz-popupContainer","data-layout":c.ContentPosition,ref:g},r.createElement("div",{className:"hz-popupImage"},c.Image&&r.createElement("div",{style:{position:"relative",display:"inline-block"}},r.createElement("img",{src:c.Image,alt:c.ImageAltText,onLoad:function(){return S(y.current)},ref:y}),E?r.createElement(m,{coordinates:[c.ZoomedX,c.ZoomedY],image:E}):"")),r.createElement("div",{className:"hz-popupText"},r.createElement("button",{onClick:u,className:"hz-popupCloseBtn"},p.BackLabel),c.Title&&r.createElement("h1",null,c.Title),c.Description&&r.createElement("p",null,c.Description),c.CtaUrl&&r.createElement("p",null,r.createElement("a",{className:"abc-button abc-button--primary",href:c.CtaUrl},c.CtaText)),c.Product&&r.createElement("div",{className:"hz-popupProduct"},r.createElement(o.A,{data:(0,i.default)(c.Product),translations:{NoveltyLabel:p.NewLabel,MoreDetailsLabel:p.MoreDetailsLabel,TaxInfoLabel:p.TaxInfo,PrevLabel:p,NextLabel:p,AddToCartLabel:p.AddToCartLabel,WhereToBuyLabel:p.WhereToBuyLabel,AddToCartMessage:p.AddToCartMessage,GoToCartLabel:p.GoToCartLabel,ContinueShoppingLabel:p.ContinueShoppingLabel,MsrLabel:p.MsrLabel},amazonPolicyObj:b.AmazonAffiliatePolicy,sellerId:"".concat(b.SellerId),whereToBuy:b.ShowWhereToBuy,includePromotions:b.IncludePromotions,showMsrPrice:b.ShowMsrPrice,onRendered:function(){return A()}})))),b.Hotspots&&b.Hotspots.length>1&&r.createElement("div",{className:"hz-popupNav",ref:C},r.createElement(s,{elements:L,clickEvent:function(e){b.Hotspots&&b.Hotspots[e]&&(h(b.Hotspots[e]),v&&v.current&&v.current.scrollIntoView({behavior:"smooth",block:"start"}))},classes:"hz-navigationDots",dictionary:{next:p.NextLabel,prev:p.PrevLabel}}

1))):null};var m=function(e){var t=(0,a.KE)(e.coordinates[0],e.coordinates[1],[e.image.naturalWidth,e.image.naturalHeight]),n="".concat(t.y>=100?"edgeY":""," ").concat(t.x>=100?"edgeX":"");return r.createElement("div",{className:"hz-popupDot ".concat(n),style:{top:"".concat(t.y<100?t.y:100,"%"),left:"".concat(t.x<100?t.x:100,"%")}})}},970:(e,t,n)=>{n.r(t),n.d(t,{default:()=>i});var r=n(6540),o=n(6015),a=n(1900);function l(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 i=function(){var e=(0,r.useContext)(a.HotspotZoomContext),t=e.settings,n=e.mainImg,i=e.handleDotClick,u=function(e){var n,a,i=(n=(0,r.useState)(!1),a=2,function(e){if(Array.isArray(e))return e}(n)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}(n,a)||function(e,t){if(e){if("string"==typeof e)return l(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)?l(e,t):void 0}}(n,a)||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.")}()),u=i[0],c=i[1],s=(0,o.KE)(e.options.X,e.options.Y,[e.img.naturalWidth,e.img.naturalHeight]),d="".concat(s.y>=100?"edgeY":""," ").concat(s.x>=100?"edgeX":"");return(0,r.useEffect)(function(){setTimeout(function(){c(!0)},300)},[]),r.createElement("button",{className:"hz-dot ".concat(d," ").concat(u?"ready":""),"data-position":e.options.LabelPosition,"data-theme":e.options.LabelTheme,onClick:e.handleDotClick,style:{top:"".concat(s.y<100?s.y:100,"%"),left:"".concat(s.x<100?s.x:100,"%")}},!t.HideDotLabels&&r.createElement("span",{className:"hz-dotLabel"},e.options.Title))};return r.createElement(r.Fragment,null,t.Hotspots.map(function(e,t){return r.createElement(u,{key:t,handleDotClick:function(){return i(e)},options:e,img:n})}))}},1900:(e,t,n)=>{n.r(t),n.d(t,{HotspotZoomContext:()=>l,HotspotZoomProvider:()=>i});var r=n(6540);function o(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,o,a,l,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return a(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)?a(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 a(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=(0,r.createContext)();function i(e){var t=e.settings,n=e.dictionary,a=e.children,i=(0,r.useRef)(null),u=(0,r.useRef)(null),c=o((0,r.useState)(!0),2),s=c[0],d=c[1],f=o((0,r.useState)(!1),2),m=f[0],p=f[1],b=o((0,r.useState)(!1),2),v=b[0],h=b[1],y=o((0,r.useState)(!1),2),g=y[0],C=y[1],P=(0,r.useCallback)(function(e){t.HtmlNameAttribute===e.detail&&d(!0),A()},[t.HtmlNameAttribute]),E=(0,r.useCallback)(function(e){return h(e)},[]),S=(0,r.useCallback)(function(){return p(u.current)},[]),A=(0,r.useCallback)(function(){h(!1),i.current&&(i.current.style.height="auto")},[]),L=(0,r.useCallback)(function(e,t){var n=t||0;i.current&&(i.current.style.height=e+n+"px")},[]),N=(0,r.useCallback)(function(){C(function(e){return!e})},[]),I=(0,r.useCallback)(function(){C(!1),i.current&&(i.current.style.height="auto")},[]),T=(0,r.useMemo)(function(){return{appRef:i,mainImgRef:u,appActive:s,setAppActive:d,mainImg:m,setMainImg:p,popup:v,setPopup:h,settings:t,dictionary:n,handleTabClick:P,handleDotClick:E,handleImageLoad:S,handlePopupClose:A,setAppHeight:L,shopAllPopup:g,setShopAllPopup:C,handleShopAllClick:N,handleShopAllClose:I}},[s,m,v,g,t,n,P,E,S,A,L,N,I]);return r.createElement(l.Provider,{value:T},a)}},1991:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var r=n(6540),o=n(1900),a=n(5262),l=n(2630);function i(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 u=function(){var e,t,n,u,c,s,d,f=(0,r.useContext)(o.HotspotZoomContext),m=f.dictionary,p=f.handleShopAllClose,b=f.settings,v=f.setAppHeight,h=(0,r.useRef)(null),y=(0,r.useRef)(null),g=(s=(0,r.useState)(0),d=2,function(e){if(Array.isArray(e))return e}(s)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],u=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,o=e}

1finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw o}}return i}}(s,d)||function(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}(s,d)||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=g[0],P=g[1];(0,r.useEffect)(function(){if(C&&h.current){var e=h.current.offsetHeight;v(e+C+50)}},[C,v]);var E=(0,r.useCallback)(function(){y.current&&P(y.current.offsetHeight)},[]),S=(0,r.useMemo)(function(){return{NoveltyLabel:m.NewLabel,MoreDetailsLabel:m.MoreDetailsLabel,TaxInfoLabel:m.TaxInfo,PrevLabel:m,NextLabel:m,AddToCartLabel:m.AddToCartLabel,WhereToBuyLabel:m.WhereToBuyLabel,AddToCartMessage:m.AddToCartMessage,GoToCartLabel:m.GoToCartLabel,ContinueShoppingLabel:m.ContinueShoppingLabel,MsrLabel:m.MsrLabel}},[m]),A=(0,r.useMemo)(function(){var e;return(null===(e=b.ProductsPopup)||void 0===e||null===(e=e.ProductsListing)||void 0===e?void 0:e.Products)||[]},[null===(e=b.ProductsPopup)||void 0===e||null===(e=e.ProductsListing)||void 0===e?void 0:e.Products]),L=(0,r.useMemo)(function(){return A.map(function(e){return(0,l.default)(e)})},[A]),N=(0,r.useMemo)(function(){return b.AmazonAffiliatePolicy},[b.AmazonAffiliatePolicy]),I=(0,r.useMemo)(function(){return"".concat(b.SellerId)},[b.SellerId]),T=(0,r.useMemo)(function(){return b.ShowWhereToBuy},[b.ShowWhereToBuy]),w=(0,r.useMemo)(function(){return b.IncludePromotions},[b.IncludePromotions]),k=(0,r.useMemo)(function(){var e,t;return null!==(e=null===(t=b.ProductsPopup)||void 0===t||null===(t=t.ProductsListing)||void 0===t?void 0:t.ShowMsrPrice)&&void 0!==e?e:b.ShowMsrPrice},[null===(t=b.ProductsPopup)||void 0===t||null===(t=t.ProductsListing)||void 0===t?void 0:t.ShowMsrPrice,b.ShowMsrPrice]);return r.createElement("div",{className:"hz-productGridPopup"},r.createElement("div",{className:"hz-productGridPopup__container"},r.createElement("div",{className:"hz-productGridPopup__header",ref:h},r.createElement("h1",null,null===(n=b.ProductsPopup)||void 0===n?void 0:n.Title),r.createElement("h2",null,null===(u=b.ProductsPopup)||void 0===u?void 0:u.Subtitle),r.createElement("div",null,(null===(c=b.ProductsPopup)||void 0===c?void 0:c.Description)&&r.createElement("div",{dangerouslySetInnerHTML:{__html:b.ProductsPopup.Description}}))),r.createElement("div",{className:"hz-productGridPopup__list"},L.map(function(e,t){return r.createElement("div",{key:e.BarcodeData||t,ref:0===t?y:null},r.createElement(a.A,{data:e,translations:S,amazonPolicyObj:N,sellerId:I,whereToBuy:T,includePromotions:w,showMsrPrice:k,onRendered:0===t?E:void 0}))}))),r.createElement("button",{className:"hz-productGridPopup__close abc-closeButton",onClick:p},m.CloseLayerLabel))}},2555:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var r=n(6540),o=n(961),a=n(1900),l=n(4692),i=n(6015);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 c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,d(r.key),r)}}function s(e,t,n){return t&&c(e.prototype,t),n&&c(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function d(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+""}const f=s(function e(t){var n,u,c,s=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),n=this,c=function(){var e=JSON.parse(s.ui.root.dataset.attributeJson),t=JSON.parse((0,i.Qk)(s.ui.root.dataset.dictionary).replace(/&quot;/g,'"'));o.render(r.createElement(a.HotspotZoomProvider,{settings:e,dictionary:t},r.createElement(l.default,null)),s.ui.root)},(u=d(u="init"))in n?Object.defineProperty(n,u,{value:c,enumerable:!0,configurable:!0,writable:!0}):n[u]=c,this.ui={root:t}})},2630:(e,t,n)=>{function r(e){return r="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},r(e)}function o(e){return"object"!==r(e)||null===e?null:{Name:e.Name,BarcodeData:e.Barcode,CommerceConnectorImage:e.Image,IsNew:e.IsNew,Image:e.Image,Link:e.Url,MpcId:e.MpcId,MsrPriceFormatted:e.MsrPriceFormatted}}n.r(t),n.d(t,{default:()=>o})},4692:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var r=n(6540),o=n(1900),a=n(970),l=n(609),i=n(1991),u=n(8736);function c(){var e,t,n=(0,r.useContext)(o.HotspotZoomContext),c=n.appRef,s=n.mainImgRef,d=n.appActive,f=n.mainImg,m=n.popup,p=n.settings,b=n.dictionary,v=n.handleTabClick,h=n.handleDotClick,y=n.handleImageLoad,g=(n.handlePopupClose,n.setAppHeight,n.shopAllPopup),C=n.handleShopAllClick;(0,r.useEffect)(function(){return document.addEventListener("AbcHotspotZoomContainerTabClick",v),function(){return document.removeEventListener("AbcHotspotZoomContainerTabClick",v)}},[v]);var P=p.CtaUrl&&p.CtaText,E=(null===(e=p.ProductsPopup)||void 0===e||null===(e=e.ProductsListing)||void 0===e?void 0:e.Products)&&(null===(t=p.ProductsPopup)||void 0===t||null===(t=t.ProductsListing)||void 0===t||null===(t=t.Products)||void 0===t?void 0:t.length)>0;return r.createElement("div",{className:"hz",ref:c},f?"":r.createElement(u.A,null),r.createElement("div",{className:"hz-canvas"},f?r.createElement(a.default,{elements:p.Hotspots,handleDotClick:h,img:f}):"",d?r.createElement("img",{className:"hz-mainImage ".concat(f?"hz-mainImage--active":""),ref:s,src:p.Image,alt:p.ImageAltText,onLoad:y}):""),P||E?r.createElement("div",{className:"hz-cta"},E&&r.createElement("button",{onClick:C,className:"hz-shopAll abc-button abc-button--desktopLight abc-button--fluidMobile"},b.ShopAllProducts),P&&r.createElement("a",{href:p.CtaUrl,className:"hz-shopAll abc-button abc-button--desktopLight abc-button--fluidMobile"},p.CtaText)):"",g&&r.createElement(i.default,null),m?r.createElement(l.default,null):"")}},8736:(e,t,n)=>{n.d(t,{A:()=>

1o});var r=n(6540);function o(){return r.createElement("div",{className:"abc-loadingSpinner abc-loadingSpinner--center"})}}}]);