https://canary.is/_next/static/chunks/8132-0c98ee06d6e4886b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8132],{1008:function(e,t,n){var s,i,o;o=function(e,t){"use strict";var n;Object.defineProperty(e,"__esModule",{value:!0}),e.default=((n=t)&&n.__esModule?n:{default:n}).default},s=[t,n(65828)],void 0===(i=o.apply(t,s))||(e.exports=i)},8274:e=>{e.exports={stepNumber:"StepNumber_stepNumber__Mrm8E"}},10800:e=>{e.exports={dotPagination:"DotsPagination_dotPagination__Ibyap",dotItem:"DotsPagination_dotItem__Np3_2",dotItemCurrent:"DotsPagination_dotItemCurrent___4bfZ"}},18347:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});var s=n(37876),i=n(21531),o=n(95576),a=n.n(o),l=n(13856);let r=e=>{let{content:t}=e,{selectedItem:n,items:o,handleSelected:r}=t;return(0,s.jsxs)("div",{className:a().itemSelector,children:[(0,s.jsx)("div",{children:o.filter(e=>{var t;return(null==(t=e.visuals)?void 0:t.selectorColor)&&e.visuals.selectorLabel}).map((e,t)=>(0,s.jsx)("button",{type:"button","aria-label":"Select item type",style:(0,l.EQ)(e.visuals.selectorColor),className:(()=>{let s=e.isOutOfStock?a().isOutOfStock:"";return t===n?"".concat(s," ").concat(a().isSelected):s})(),onClick:()=>r(t)},e._key))}),(0,s.jsx)("strong",{children:(0,s.jsx)(i.A,{content:o[n].visuals.selectorLabel})})]})}},21354:e=>{e.exports={planCard:"ServiceCard_planCard__2aeO5",planCardNoTabsLayout:"ServiceCard_planCardNoTabsLayout__ie8CM",mostPopular:"ServiceCard_mostPopular__DEGDR",headline:"ServiceCard_headline__zBbU0",visual:"ServiceCard_visual__aTQPU",singleImgLayout:"ServiceCard_singleImgLayout__T1FXJ",product:"ServiceCard_product__2HDan",plan:"ServiceCard_plan__zfMFi",plus:"ServiceCard_plus__9jlO4",planVisual:"ServiceCard_planVisual__quB_x",features:"ServiceCard_features__EOqfp",footer:"ServiceCard_footer__jGE4F",ctaButton:"ServiceCard_ctaButton__qOgRh"}},32079:e=>{e.exports={setupSection:"SetupSection_setupSection__zotnE",sectionContainer:"SetupSection_sectionContainer__CB0eG",bottomStripe:"SetupSection_bottomStripe__JG0qv",headlineContainer:"SetupSection_headlineContainer__940wq",headlineDescription:"SetupSection_headlineDescription__cfogo",placeholder:"SetupSection_placeholder__Fqn_M",buttonContainer:"SetupSection_buttonContainer__XBWe8",swipeContainer:"SetupSection_swipeContainer__m4ld2",step:"SetupSection_step__rxXbZ",ctaButton:"SetupSection_ctaButton__zbZO2",steps:"SetupSection_steps__HPCl4",stepsMobile:"SetupSection_stepsMobile__aUfXR",stepsItem:"SetupSection_stepsItem__dnFZc",stepsMobileItem:"SetupSection_stepsMobileItem__29oq4",thumbs:"SetupSection_thumbs__6kXq2",slideDots:"SetupSection_slideDots__C_npO"}},33245:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var s=n(37876),i=n(21531),o=n(8274),a=n.n(o);let l=e=>{let{content:t}=e;return(0,s.jsx)("b",{className:a().stepNumber,children:(0,s.jsx)(i.A,{content:t})})}},42928:e=>{e.exports={upfrontPrice:"Pricing_upfrontPrice__pfTR3",upfrontPriceFree:"Pricing_upfrontPriceFree__Un8os",mainPrice:"Pricing_mainPrice__rrk3M",mainPriceFree:"Pricing_mainPriceFree__JSyHN",plus:"Pricing_plus__GVBf5",currency:"Pricing_currency__1vakP",rightBox:"Pricing_rightBox__FTZ4l",decimals:"Pricing_decimals__ExXl_",postfix:"Pricing_postfix__UCf3v"}},43034:e=>{e.exports={tabNav:"ProductTabNav_tabNav__mmtfJ",tabNavPlans:"ProductTabNav_tabNavPlans__cb_Fs",fadeLeft:"ProductTabNav_fadeLeft__pu_rc",fadeRight:"ProductTabNav_fadeRight__H3u6x",tabNavContent:"ProductTabNav_tabNavContent__trtMK",tabNavItem:"ProductTabNav_tabNavItem__hFfyn",tabNavItemSelected:"ProductTabNav_tabNavItemSelected__5CPiO",tabLabel:"ProductTabNav_tabLabel__ytlUU",mostPopular:"ProductTabNav_mostPopular__IImJ2"}},43307:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var s=n(37876),i=n(10800),o=n.n(i),a=n(13856);let l=e=>{let{items:t,currentItem:n,setCurrentItem:i,color:l}=e;return(0,s.jsx)("div",{className:o().dotPagination,style:(0,a.EQ)(l),children:t.map((e,t)=>(0,s.jsx)("div",{role:"button","aria-label":"button",tabIndex:t,onClick:()=>i(t),onKeyDown:()=>i(t),className:t===n?o().dotItemCurrent:o().dotItem},e._key||t))})}},44484:e=>{e.exports={features:"FeatureList_features__5oCnl",notIncluded:"FeatureList_notIncluded__TcIUZ",expandButton:"FeatureList_expandButton__Y6LuF",expandedButton:"FeatureList_expandedButton__k1sZ0"}},55744:(e,t,n)=>{"use strict";n.d(t,{A:()=>w});var s=n(37876),i=n(14232),o=n(89099),a=n(21531),l=n(87517),r=n(82175),c=n(21354),u=n.n(c),d=n(13856),_=n(25592),p=n(44484),v=n.n(p);let h=e=>{let{features:t,expandLabel:n,customStyles:o}=e,{includedColor:l,notIncludedColor:r}=o,[c,u]=(0,i.useState)([]),[_,p]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{_?u(t):u(t.slice(0,7))},[_]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("ul",{className:v().features,style:(0,d.EQ)(l),children:c.map(e=>(0,s.jsxs)("li",{className:e.included?"":v().notIncluded,style:{color:e.included?"":(0,d.vY)(r)},children:[(0,s.jsx)("div",{children:(0,s.jsx)("i",{className:e.included?"checkIcon":"minusIcon"})}),(0,s.jsx)(a.A,{content:e.copy})]},e._key))}),t.length>

17&&(0,s.jsx)("button",{type:"button","aria-label":"expand feature list",className:_?v().expandedButton:v().expandButton,onClick:()=>{p(!_)},children:(0,s.jsx)(a.A,{content:n})})]})};var m=n(42928),f=n.n(m);let S=e=>{let{content:t}=e,{locale:n}=(0,o.useRouter)(),{mainPriceColor:i,mainPrice:l,mainPricePostfix:r,upfrontPriceColor:c,upfrontPrice:u,upfrontPricePostfix:_,devicePrice:p,isDeviceIncluded:v,servicePrice:h}=t,m=null!=u?u:v?0:p,S=l||h,x=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return null==e?"":e.toFixed(2).toString().split(".")[t]},b=e=>{let t=x(e,1);return parseInt(t,10)>0?t:""},j=(e,t)=>!(parseInt(e,10)>0)&&t,w=void 0!==m&&j(m,f().upfrontPriceFree)||f().upfrontPrice,N=void 0!==S&&j(S,f().mainPriceFree)||f().mainPrice;return(0,s.jsxs)(s.Fragment,{children:[void 0!==m&&(0,s.jsxs)("div",{className:w,style:(0,d.EQ)(c,null),children:[(0,s.jsx)("div",{className:f().currency,children:d.sr[n]}),x(m),(0,s.jsxs)("div",{className:f().rightBox,children:[(0,s.jsx)("div",{className:f().decimals,children:b(m)}),(0,s.jsx)("div",{className:f().postfix,children:_&&(0,s.jsx)(a.A,{content:_})})]})]}),void 0!==S&&(0,s.jsxs)("div",{className:N,style:(0,d.EQ)(i,null),

1children:[void 0!==m&&(0,s.jsx)("span",{className:f().plus}),(0,s.jsx)("div",{className:f().currency,children:d.sr[n]}),x(S),(0,s.jsxs)("div",{className:f().rightBox,children:[(0,s.jsx)("div",{className:f().decimals,children:b(S)}),(0,s.jsx)("div",{className:f().postfix,children:r&&(0,s.jsx)(a.A,{content:r})})]})]})]})},x=e=>{var t;let{plan:n,selectedVariant:i,noTabsLayout:l}=e,{locale:c}=(0,o.useRouter)(),{serviceType:p,planName:v,cardHeadBgColor:m,isMostPopular:f,mostPopularCopy:x,mostPopularBgColor:b,productLabel:j,planImage:w,planLabel:N,planIcon:y,visualBgColor:g,singleImgLayout:P,features:C,includedColor:E,notIncludedColor:M,featuresBgColor:k,expandLabel:I,hideFooter:T,cardFootBgColor:A,mainPriceColor:L,mainPricePostfix:O,upfrontPriceColor:R,upfrontPrice:D,upfrontPricePostfix:B,mainPrice:F,info:U,ctaButton:Q}=n,{price:X,device:q,bundleType:Z,isDeviceIncluded:Y,bundleRecurrence:z}=p||{},G={mainPriceColor:L,mainPrice:F,mainPricePostfix:O,upfrontPriceColor:R,upfrontPrice:D,upfrontPricePostfix:B,devicePrice:null==q?void 0:q.price,isDeviceIncluded:Y,servicePrice:X},H=!(null==Q?void 0:Q.route)&&(null==q||null==(t=q.variants[i])?void 0:t.isOutOfStock);return(0,s.jsxs)("div",{className:l?u().planCardNoTabsLayout:u().planCard,children:[f&&(0,s.jsx)("strong",{className:u().mostPopular,style:(0,d.EQ)(null,b),children:(0,s.jsx)(a.A,{content:x})}),v&&(0,s.jsx)("h3",{className:u().headline,style:(0,d.EQ)(null,m),children:(0,s.jsx)(a.A,{content:v})}),(0,s.jsxs)("div",{className:P?u().singleImgLayout:u().visual,style:(0,d.EQ)(null,g),children:[!P&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:u().product,children:[(()=>{var e,t;let n=null==q||null==(t=q.variants[i])||null==(e=t.visuals)?void 0:e.planThumb;return!n||P?null:(0,s.jsx)("img",{src:(0,d.sU)(n),alt:n.altText||""})})(),!P&&j&&(0,s.jsx)("b",{children:(0,s.jsx)(a.A,{content:j})})]}),(0,s.jsx)("div",{className:u().plus})]}),(0,s.jsxs)("div",{className:u().plan,children:[(0,s.jsx)("img",{src:(0,d.sU)(w),alt:w.altText||"",className:u().planVisual}),N&&(0,s.jsxs)("b",{children:[y&&(0,s.jsx)("img",{src:(0,d.sU)(y),alt:w.altText||""}),(0,s.jsx)(a.A,{content:N})]})]})]}),C&&(0,s.jsx)("div",{className:u().features,style:(0,d.EQ)(null,k),children:(0,s.jsx)(h,{features:C,expandLabel:I,customStyles:{includedColor:E,notIncludedColor:M}})}),T?null:(0,s.jsxs)("div",{className:u().footer,style:(0,d.EQ)(null,A),children:[(0,s.jsx)(S,{content:G}),U&&(0,s.jsx)(a.A,{content:U}),Q&&(0,s.jsx)("div",{className:u().ctaButton,children:(0,s.jsx)(r.A,{type:"button",content:Q,onClick:()=>{let e=(0,_.x2)(i,[n]);(0,_.d)(c,"dl_add_to_cart",e);let t=(null==Q?void 0:Q.route)||(()=>{if(!Z||!(null==q?void 0:q.variants))return"";let{deviceType:e,variants:t}=q,n=t[i]&&t[i].deviceVariant,s=t[i]&&t[i].isRefurb,o="".concat("https://my.canary.is").concat(d.AU[c],"/home-security-bundle");return o+="?device_type=".concat(e),o+="&bundle_type=".concat(Z),n&&(o+="&color=".concat(n)),z&&(o+="&recurrence=".concat(z)),s&&(o+="&refurb=true"),o})();t&&(window.location.href=t)},disabled:H||"eu"===c||"global"===c,customlink:"off"})})]})]})};var b=n(72226),j=n.n(b);let w=i.forwardRef((e,t)=>{let{content:n,selectedVariant:r,selectedProductTab:c=null,isProductPage:u=!0}=e,{locale:p,asPath:v}=(0,o.useRouter)(),{bgColor:h,headlineTitle:m,headline:f,descriptionCopy:S,footnote:b,noTabsLayout:w,plans:N}=n,y=w?N.slice(0,3):N,[g,P]=(0,i.useState)(0),[C,E]=(0,i.useState)(!0),M=(0,i.useRef)(null),k=(null==M?void 0:M.current)?"none"===window.getComputedStyle(M.current).display:null,I=e=>{if(!N)return;let t=(0,_.x2)(r,N),n=k?t:[t[g]];(0,_.d)(p,e,n,"dl_view_item_list"===e?v:null)};return((0,i.useEffect)(()=>{if(!y||!C)return;let e=y.findIndex(e=>e.isMostPopular);P(-1!==e?e:0),E(!1)},[y,C]),(0,i.useEffect)(()=>{!C&&u&&I(k?"dl_view_item":"dl_view_item_list")},[C]),(0,i.useEffect)(()=>{C||u||(I("dl_select_item"),I(k?"dl_view_item":"dl_view_item_list"))},[c,C]),y)?(0,s.jsxs)("section",{className:j().planSelect,style:(0,d.EQ)(h,h),ref:t,children:[m&&(0,s.jsx)("h3",{className:j().headlineTitle,children:(0,s.jsx)(a.A,{content:m})}),f&&(0,s.jsx)("h2",{className:j().headline,children:(0,s.jsx)(a.A,{content:f})}),S&&(0,s.jsx)("div",{className:j().descriptionText,children:(0,s.jsx)(a.A,{content:S})}),!w&&(0,s.jsx)(l.A,{tabs:N,selectedTab:g,handleClick:e=>{I("dl_select_item"),I("dl_view_item"),P(e)},ref:M}),(0,s.jsx)("div",{className:w?j().cardBoxNoTabs:j().cardBox,children:null==y?void 0:y.map((e,t)=>w&&t>2?null:(0,s.jsxs)(i.Fragment,{children:[(0,s.jsx)("div",{className:t===g?j().selectedCard:j().card,style:{zIndex:"".concat(y.length+1-t)},children:(0,s.jsx)(x,{plan:e,selectedVariant:r,noTabsLayout:w})}),t!==y.length-1&&(e=>{if(!w)return null;let{operatorIcon:t}=e;return(0,s.jsx)("div",{className:j().operatorIcon,children:t&&(0,s.jsx)("i",{className:j()[t]})})})(e)]},e._key))}),(0,d.ZZ)(b)&&(0,s.jsx)("div",{className:j().footnote,children:(0,s.jsx)(a.A,{content:b})})]}):null})},65828:function(e,t,n){var s,i,o;o=function(e,t,n){"use strict";

1Object.defineProperty(e,"__esModule",{value:!0}),e.setHasSupportToCaptureOption=function(e){r=e};var s=o(t),i=o(n);function o(e){return e&&e.__esModule?e:{default:e}}var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(e[s]=n[s])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var s=t[n];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,s.key,s)}}return function(t,n,s){return n&&e(t.prototype,n),s&&e(t,s),t}}(),r=!1;try{addEventListener("test",null,Object.defineProperty({},"capture",{get:function(){r=!0}}))}catch(e){}function c(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{capture:!0};return!!r&&e}function u(e){if("touches"in e){var t=e.touches[0];return{x:t.pageX,y:t.pageY}}return{x:e.screenX,y:e.screenY}}var d=function(e){if("function"!=typeof e&&null!==e)throw TypeError("Super expression must either be null or a function, not "+typeof e);function t(){if(!(this instanceof t))throw TypeError("Cannot call a class as a function");for(var e,n=arguments.length,s=Array(n),i=0;i<n;i++)s[i]=arguments[i];var o=function(e,t){if(!e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&("object"==typeof t||"function"==typeof t)?t:e}(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(s)));return o._handleSwipeStart=o._handleSwipeStart.bind(o),o._handleSwipeMove=o._handleSwipeMove.bind(o),o._handleSwipeEnd=o._handleSwipeEnd.bind(o),o._onMouseDown=o._onMouseDown.bind(o),o._onMouseMove=o._onMouseMove.bind(o),o._onMouseUp=o._onMouseUp.bind(o),o._setSwiperRef=o._setSwiperRef.bind(o),o}return t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e),l(t,[{key:"componentDidMount",value:function(){this.swiper&&this.swiper.addEventListener("touchmove",this._handleSwipeMove,c({capture:!0,passive:!1}))}},{key:"componentWillUnmount",value:function(){this.swiper&&this.swiper.removeEventListener("touchmove",this._handleSwipeMove,c({capture:!0,passive:!1}))}},{key:"_onMouseDown",value:function(e){this.props.allowMouseEvents&&(this.mouseDown=!0,document.addEventListener("mouseup",this._onMouseUp),document.addEventListener("mousemove",this._onMouseMove),this._handleSwipeStart(e))}},{key:"_onMouseMove",value:function(e){this.mouseDown&&this._handleSwipeMove(e)}},{key:"_onMouseUp",value:function(e){this.mouseDown=!1,document.removeEventListener("mouseup",this._onMouseUp),document.removeEventListener("mousemove",this._onMouseMove),this._handleSwipeEnd(e)}},{key:"_handleSwipeStart",value:function(e){var t=u(e),n=t.x,s=t.y;this.moveStart={x:n,y:s},this.props.onSwipeStart(e)}},{key:"_handleSwipeMove",value:function(e){if(this.moveStart){var t=u(e),n=t.x,s=t.y,i=n-this.moveStart.x,o=s-this.moveStart.y;this.moving=!0,this.props.onSwipeMove({x:i,y:o},e)&&e.cancelable&&e.preventDefault(),this.movePosition={deltaX:i,deltaY:o}}}},{key:"_handleSwipeEnd",value:function(e){this.props.onSwipeEnd(e);var t=this.props.tolerance;this.moving&&this.movePosition&&(this.movePosition.deltaX<-t?this.props.onSwipeLeft(1,e):this.movePosition.deltaX>t&&this.props.onSwipeRight(1,e),this.movePosition.deltaY<-t?this.props.onSwipeUp(1,e):this.movePosition.deltaY>t&&this.props.onSwipeDown(1,e)),this.moveStart=null,this.moving=!1,this.movePosition=null}},{key:"_setSwiperRef",value:function(e){this.swiper=e,this.props.innerRef(e)}},{key:"render",value:function(){var e=this.props,t=(e.tagName,e.className),n=e.style,i=e.children,o=(e.allowMouseEvents,e.onSwipeUp,e.onSwipeDown,e.onSwipeLeft,e.onSwipeRight,e.onSwipeStart,e.onSwipeMove,e.onSwipeEnd,e.innerRef,e.tolerance,function(e,t){var n={};for(var s in e)!(t.indexOf(s)>=0)&&Object.prototype.hasOwnProperty.call(e,s)&&(n[s]=e[s]);return n}(e,["tagName","className","style","children","allowMouseEvents","onSwipeUp","onSwipeDown","onSwipeLeft","onSwipeRight","onSwipeStart","onSwipeMove","onSwipeEnd","innerRef","tolerance"]));return s.default.createElement(this.props.tagName,a({ref:this._setSwiperRef,onMouseDown:this._onMouseDown,onTouchStart:this._handleSwipeStart,onTouchEnd:this._handleSwipeEnd,className:t,style:n},o),i)}}]),t}(t.Component);d.displayName="ReactSwipe",d.propTypes={tagName:i.default.string,className:i.default.string,style:i.default.object,children:i.default.node,allowMouseEvents:i.default.bool,onSwipeUp:i.default.func,onSwipeDown:i.default.func,onSwipeLeft:i.default.func,onSwipeRight:i.default.func,onSwipeStart:i.default.func,onSwipeMove:i.default.func,onSwipeEnd:i.default.func,innerRef:i.default.func,tolerance:i.default.number.isRequired},d.defaultProps={tagName:"div",allowMouseEvents:!1,onSwipeUp:function(){},onSwipeDown:function(){},onSwipeLeft:function(){},onSwipeRight:function(){},onSwipeStart:function(){},onSwipeMove:function(){},onSwipeEnd:function(){},innerRef:function(){},tolerance:0},e.default=d},s=[t,n(14232),n(95062)],void 0===(i=o.apply(t,s))||(e.exports=i)},72226:e=>{e.exports={planSelect:"ServiceSelection_planSelect__ltlYk",headlineTitle:"ServiceSelection_headlineTitle__hnXgN",headline:"ServiceSelection_headline___WgBC",descriptionText:"ServiceSelection_descriptionText__4OkDR",footnote:"ServiceSelection_footnote__6HI1p",cardBox:"ServiceSelection_cardBox__F8kmb",cardBoxNoTabs:"ServiceSelection_cardBoxNoTabs__fO0hk",card:"ServiceSelection_card__8b5Nq",selectedCard:"ServiceSelection_selectedCard___7HAc",operatorIcon:"ServiceSelection_operatorIcon__64GKG",iconPlus:"ServiceSelection_iconPlus__3_a_F",iconMinus:"ServiceSelection_iconMinus__r7XjU",iconEqual:"ServiceSelection_iconEqual__Wd5Id",

1iconAsterisk:"ServiceSelection_iconAsterisk__Jymkc",iconSlash:"ServiceSelection_iconSlash__mKeFB"}},87517:(e,t,n)=>{"use strict";n.d(t,{A:()=>c});var s=n(37876),i=n(14232),o=n(21531),a=n(43034),l=n.n(a),r=n(13856);let c=i.forwardRef((e,t)=>{let{tabs:n,selectedTab:i,handleClick:a,selectedTabColor:c,isProductNav:u}=e;return(0,s.jsxs)("div",{className:u?l().tabNav:l().tabNavPlans,ref:t,children:[(0,s.jsx)("div",{className:l().tabNavContent,children:null==n?void 0:n.map((e,t)=>(0,s.jsxs)("button",{type:"button",className:t===i?l().tabNavItemSelected:l().tabNavItem,onClick:()=>a(t),disabled:t===i,style:(0,r.EQ)(c),children:[(e=>{var t,n,i;let o=u&&(null==(i=e.device)||null==(n=i.variants[0])||null==(t=n.visuals)?void 0:t.planThumb);return o?(0,s.jsx)("img",{src:(0,r.sU)(o),alt:o.altText||""}):null})(e),e.isMostPopular&&(0,s.jsx)("strong",{className:l().mostPopular,style:(0,r.EQ)(null,e.mostPopularBgColor),children:(0,s.jsx)(o.A,{content:e.mostPopularCopy})}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{children:(0,s.jsx)(o.A,{content:u?e.productNameTab:e.planName})}),(0,s.jsx)("div",{className:l().tabLabel,children:(0,s.jsx)(o.A,{content:u?e.tabLabel:e.mobileTabLabel})})]})]},e._key))}),(0,s.jsx)("div",{className:l().fadeLeft}),(0,s.jsx)("div",{className:l().fadeRight})]})})},92668:(e,t,n)=>{"use strict";n.d(t,{A:()=>v});var s=n(37876),i=n(14232),o=n(1008),a=n.n(o),l=n(21531),r=n(32079),c=n.n(r),u=n(13856),d=n(33245),_=n(43307),p=n(82175);let v=e=>{let{content:t,customDevice:n=null}=e,{headlineTitle:o,headline:r,headlineDescription:v,steps:h,setupButton:m,bgColor:f,footerColor:S}=t,x=h?[...h]:null,[b,j]=(0,i.useState)(x),[w,N]=(0,i.useState)(0),y=(0,i.useRef)(null),g=(0,i.useRef)(null),P=()=>(0,i.createRef)(),[C,E]=(0,i.useState)((null==b?void 0:b.length)>0),[M,k]=(0,i.useState)(!0),I=(0,i.useCallback)((e,t)=>{let n=null;return(t&&"forward"!==t?"back"===t&&(n=x.findIndex(t=>t._key===e._key)):n=x.findIndex(t=>t._key===e._key)+1,n===x.length)?0:n},[x]),T=(0,i.useCallback)(e=>{let t=null;e||(t=b.shift(),b.push(t)),"forward"===e&&(t=b.shift(),b.push(t)),"back"===e&&(t=b.pop(),b.unshift(t)),N(I(t,e)),j([...b])},[x,b]),A=e=>{let t=[...x];j([...t.slice(e,t.length),...t.slice(0,e)]),N(e)};(0,i.useEffect)(()=>{k(!1)},[]),(0,i.useEffect)(()=>{M||!x||x.length<3||(x[0].isCustomDevice=!1,x[1].isCustomDevice=!!n,x[2].isCustomDevice=!1)},[M,x]),(0,i.useEffect)(()=>{if(!M)return C?y.current=setInterval(T,5e3):clearInterval(y.current),()=>{clearInterval(y.current)}},[C,M]);let L=()=>{T("forward")},O=()=>{T("back")},R=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;return(0,s.jsx)(a(),{className:c().swipeContainer,innerRef:P,tolerance:50,allowMouseEvents:!0,onSwipeLeft:L,onSwipeRight:O,children:(0,s.jsxs)("div",{className:e?c().stepsMobile:c().steps,onMouseEnter:()=>E(!1),onMouseLeave:()=>E(!0),onTouchStart:()=>E(!1),onTouchEnd:()=>E(!0),children:[t.map(e=>{let{_key:t,placeholderCopy:i,stepNumberCopy:o,titleCopy:a}=e;return(0,s.jsxs)("div",{className:c().stepsItem,children:[(0,s.jsx)("div",{className:c().placeholder,children:i?(0,s.jsx)(l.A,{content:i}):""}),(0,s.jsx)("div",{className:c().thumbs,children:(0,s.jsx)("img",{src:(0,u.sU)(e.isCustomDevice?n:e.thumb),alt:""})}),o&&(0,s.jsx)("div",{className:c().step,children:(0,s.jsx)(d.A,{content:o})}),a&&(0,s.jsx)("h3",{children:(0,s.jsx)(l.A,{content:a})})]},t)}),x.length>1&&e&&(0,s.jsx)("div",{className:c().slideDots,children:(0,s.jsx)(_.A,{items:x,currentItem:w,setCurrentItem:A})})]})})};return M?null:(0,s.jsxs)("section",{className:c().setupSection,ref:g,style:(0,u.EQ)(null,f),children:[(0,s.jsx)("div",{className:c().bottomStripe,style:(0,u.EQ)(null,S)}),(0,s.jsxs)("div",{className:c().sectionContainer,children:[(0,s.jsxs)("div",{className:c().headlineContainer,children:[o&&(0,s.jsx)("h4",{children:(0,s.jsx)(l.A,{content:o})}),r&&(0,s.jsx)("h2",{children:(0,s.jsx)(l.A,{content:r})}),v&&(0,s.jsx)("div",{className:c().headlineDescription,children:(0,s.jsx)(l.A,{content:v})})]}),x&&R(!0,b),x&&R(!1,x),(0,s.jsx)("div",{className:c().buttonContainer,children:m&&(0,s.jsx)(p.A,{content:m})})]})]})}},95576:e=>{e.exports={itemSelector:"ItemSelector_itemSelector__4wClz",isSelected:"ItemSelector_isSelected__zW_of",isOutOfStock:"ItemSelector_isOutOfStock__OAuLx"}}}]);