https://www.nikon.fr/dist-client/CTAFeaturesCarousel-Chunk-bc300b818e2d457ce608.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[2330,5739,5763,6044],{14671(e,t,a){a.d(t,{A:()=>d});var l=a(13889),n=a(27012),i=a(55169),r=a(43143),o=a(97500),s=a.n(o),c=a(59471);const d=({additionalDataLayerProperties:e,direction:t,id:a,disabled:o=!1,hasBackgroundColor:d=!0,sizeClassName:g="h-10 w-10",iconName:m,iconSize:u,enabledArrowColor:p="text-black-100",disabledArrowColor:x,disabledBackgroundColor:b,isLightMode:f,onClick:h,ref:v})=>{const{nextAriaLabel:w,previousAriaLabel:A}=(0,r.A)(),y=(0,c.useRef)(null);return(0,c.useImperativeHandle)(v,()=>({focus:()=>y.current?.focus(),disabled:!!y.current?.disabled})),React.createElement("button",{ref:y,id:`${t===n.A.Left?"prevBtn":"nextBtn"}-${a}`,className:s()("flex select-none items-center justify-center rounded-full",g,{"animate-arrow-left":t===n.A.Left&&!o,"animate-arrow-right":t===n.A.Right&&!o,"cursor-pointer":!o,"cursor-default":o,"bg-yellow active:bg-yellow-500 xl:active:bg-yellow-500 xl:hover:bg-yellow-100":d&&!o,[`${b||"bg-grey "+(f?"":"dark:bg-grey-600")}`]:d&&o}),"aria-label":t===n.A.Left?A:w,disabled:o,"aria-disabled":o,tabIndex:o?-1:0,"data-testid":t===n.A.Left?"previous-slide":"next-slide",onClick:()=>{h?.(),(0,i.A)({event:"carousel",interaction:"tab_change",link_text:t===n.A.Left?"Previous":"Next",...e})}},React.createElement(l.A,{name:m||"arrow_"+(t===n.A.Left?"left":"right"),colorClassName:o?x||"text-grey-400 "+(f?"":"dark:text-grey-700"):p,size:u}))}},14353(e,t,a){a.d(t,{A:()=>A});var l=a(2511),n=a(97729),i=a(11183),r=a(16014),o=function(e){return e.Left="LEFT",e.Right="RIGHT",e.Center="CENTER",e}(o||{});const s=o;var c=a(29990),d=function(e){return e.Top="TOP",e.Bottom="BOTTOM",e.Center="CENTER",e}(d||{});const g=d;var m=a(11422),u=a(7670),p=a(55169),x=a(97500),b=a.n(x);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},f.apply(null,arguments)}const h={[c.A.Yellow]:"max-lg:bg-yellow",[c.A.Black]:"max-lg:bg-black-100",[c.A.OffWhite]:"max-lg:bg-grey-100",[c.A.ShadowGrey]:"max-lg:bg-grey-600"},v={[c.A.Yellow]:"lg:bg-yellow",[c.A.Black]:"lg:bg-black-100",[c.A.OffWhite]:"lg:bg-grey-100",[c.A.ShadowGrey]:"lg:bg-grey-600"},w={[s.Left]:g.Top,[s.Right]:g.Bottom,[s.Center]:g.Center},A=({anchorId:e="",backgroundColour:t=c.A.ShadowGrey,ctaCallback:a,dataTestId:o="Banner",desktopAlignment:d=s.Center,fullWidth:x,glow:A,image:y,invertCTA:C=!1,isInCarousel:E=!1,link:R,linkText:k,meta:T,mobileAlignment:I,mobileImage:N,pulseAnimationLogo:L,pulseBackgroundAnimationEnabled:S,text:j,tint:B,title:P,titleTextColour:O})=>{const $=I||(E?g.Center:w[d]),z=$===g.Top,_=$===g.Bottom,F=$===g.Center,W=F||x,D=F?h[c.A.Yellow]:h[t],G=d===s.Left,M=d===s.Right,H=d===s.Center,V=H||x,Y=H?v[c.A.Yellow]:v[t],q=!(!S||x||t!==c.A.Black||$===g.Center||!G&&!M);return React.createElement("section",f({className:b()("bg-white dark:bg-black-100",{"component-padding":!E,"lg:h-full":E},"white"===O?"text-white":"text-black-100"),"data-testid":o},e?{id:`a-${e}`}:{}),React.createElement(u.A,{isAnimationDisabled:E},React.createElement("div",{className:b()("container relative",{"lg:h-full":E})},React.createElement("div",{className:b()("relative flex w-full max-xl:px-4 lg:min-h-[500px]",D,Y,{"max-lg:items-center max-lg:justify-center":F,"lg:items-center lg:justify-center":H,"max-lg:min-h-[335px]":F&&!E,"max-lg:min-h-[547px] lg:h-full":E,"max-lg:grid max-lg:min-h-[577px] max-lg:grid-flow-row":!F,"lg:grid lg:grid-cols-12":!H,"max-lg:min-h-full max-xl:px-0":S})},React.createElement("div",{className:b()({"max-lg:absolute max-lg:inset-0":W,"lg:absolute lg:inset-0":V,"max-lg:relative max-lg:z-[1] max-lg:max-h-[400px]":!W,"lg:relative lg:z-[1]":!V,"lg:col-span-5 lg:col-start-8 xl:col-span-5 xl:col-start-7":G&&!V,"lg:col-span-5 lg:col-start-1 xl:col-span-5 xl:col-start-2":M&&!V}),"data-epi-property-name":T?.editHints?.image,"data-testid":`${o}-Images-Container`},React.createElement(m.A,{imageLogoDimensionClasses:"w-[60px] md:w-[100px] lg:w-[60px] xl:w-[140px]",logo:L,logoPositionClasses:"top-[10%] right-[5%] xl:top-[10%] xl:right-[-15%]",shouldAnimate:q,videoPlayButtonPositionClassName:"bottom-0 left-[-33%] md:bottom-[12%] md:left-[-20%] lg:bottom-0 lg:left-[-12%] 2xl:right-[-43%] 2xl:bottom-[7%]",videoWrapperClasses:"max-w-[60%] md:max-w-[70%] lg:max-w-[80%]",wrapperClasses:"min-h-[181px] md:min-

1h-[430px] lg:min-h-[271px] lg:flex lg:h-full lg:justify-center lg:items-center xl:min-h-[413px] 2xl:min-h-[421px]"},B&&React.createElement("div",{className:b()("absolute top-0 left-0 z-[1] h-full w-full bg-black-100 object-contain opacity-50 lg:opacity-30",{"max-lg:hidden":!W,"lg:hidden":!V}),"data-testid":`${o}-Tint`}),React.createElement(i.A,{image:y,classes:b()("w-full",N&&S?"max-lg:hidden":""),imageClasses:b()("w-full h-full left-0 top-0 -z-1",{"max-lg:object-cover max-lg:absolute":W,"max-lg:object-contain":!W,"lg:object-cover lg:absolute":V,"lg:object-contain xl:m-auto xl:w-[80%]":!V&&!q,"max-lg:hidden":N}),dataTestId:`${o}-Image`}),N&&React.createElement(i.A,{image:N,classes:"w-full lg:hidden",imageClasses:b()("w-full h-full left-0 top-0 -z-1",{"object-cover absolute":W,"object-contain":!W}),dataTestId:`${o}-Mobile-Image`}),A&&React.createElement(l.A,{colour:r.A.Yellow,className:b()("absolute top-0 -z-10 h-full w-full object-contain",{"max-lg:hidden":W,"lg:hidden":V,"opacity-50":t!==c.A.OffWhite}),dataTestId:`${o}-Glow`}))),React.createElement("div",{className:b()("relative z-10 flex h-full flex-col items-center py-13",j?"lg:gap-7.5":"lg:gap-10",{"max-lg:justify-center max-lg:px-4":F,"lg:justify-center lg:max-xl:px-4":H,"xl:w-1/3":H&&!E,"xl:w-[46%]":H&&E,"lg:items-start lg:justify-center":!H,"max-lg:order-first":z,"lg:order-first lg:col-span-5 lg:col-start-2 xl:col-start-2":G,"xl:col-span-4":G&&!E,"xl:col-span-5":G&&E,"lg:col-span-5 lg:col-start-7 xl:col-span-4 xl:col-start-8":M,"max-lg:justify-end":_&&W})},P&&React.createElement("h2",{"data-epi-property-name":T?.editHints?.title,dangerouslySetInnerHTML:{__html:P},className:b()("self-center text-center",j?"max-lg:mb-2.5":"max-lg:mb-7.5",{"lg:self-start lg:text-left":!H}),"data-testid":`${o}-Title`}),j&&React.createElement("p",{className:b()("body-one text-center max-lg:mb-5",{"lg:text-left":!H}),"data-testid":`${o}-Text`},j),a&&k&&React.createElement(n.A,{onClick:a,dataTestId:`${o}-CTA-Button`,theme:C?"black":"yellow"},k),R?.url&&R?.name&&React.createElement(n.A,{linkCallback:()=>{(0,p.A)({event:"selectContent",content_type:"cta_feature_block",link_text:R.name})},link:R,dataTestId:`${o}-CTA-Link`,theme:C?"black":"yellow"}))))))}},97064(e,t,a){a.d(t,{A:()=>c});var l=a(55169),n=a(43143),i=a(24675),r=a(59798),o=a(90683);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},s.apply(null,arguments)}const c=({additionalModules:e=[],analyticsEnabled:t=!1,a11y:a,children:c,className:d,disableDefaultSlideAriaLabel:g,id:m="carousel",navId:u="",trackingContentName:p,onSetIsSwiperBeginning:x,onSetIsSwiperEnd:b,onResize:f,...h})=>{const v=(0,i.I)(),{carouselSlideAriaLabel:w}=(0,n.A)();return c?React.createElement(o.RC,s({id:m,onSlideChangeTransitionEnd:e=>{t&&0!==e.realIndex&&(0,l.A)({event:"carousel",interaction:"tab_change",link_text:e.previousIndex<e.activeIndex?"Next":"Previous",...p?{content_name:p}:{}})},a11y:{enabled:!0,itemRoleDescriptionMessage:w,scrollOnFocus:!0,...g?{slideLabelMessage:""}:{},..."object"==typeof a?a:{}},className:d,navigation:{enabled:!!u,prevEl:`#prevBtn-${u}`,nextEl:`#nextBtn-${u}`},modules:[r.Jq,r.Vx,...e],onResize:e=>{f?.(e),x?.(e.isBeginning),b?.(e.isEnd)},onReachBeginning:()=>{x?.(!0)},onReachEnd:()=>{b?.(!0)},onFromEdge:e=>{x?.(e.isBeginning),b?.(e.isEnd)}},v?{speed:0}:{},h),c):null}},57024(e,t,a){a.d(t,{A:()=>s});var l=a(14671),n=a(27012),i=a(26093),r=a(97500),o=a.n(r);const s=({arrowIconSize:e="1.05rem",carouselNavId:t,componentName:a,counterText:r,dataTestId:s="Pagination-Arrows",isCounterTextBetweenArrows:c=!1,hasWrapper:d=!0,productName:g="",slideIndex:m,totalSlides:u})=>{const p=(0,i.A)(1024);return React.createElement("div",{className:o()({"flex rounded-[40px] bg-grey-600 py-2.5 pr-[15px] pl-5":d}),"data-testid":s},React.createElement("div",{className:"flex h-full items-center justify-center gap-2.5"},!c&&React.createElement("p",{className:o()("pr-2.5 text-grey-200",p?"body-four":"body-three")},r),React.createElement(l.A,{direction:n.A.Left,id:t,sizeClassName:"h-[18px] w-[18px] lg:w-[28px] lg:h-[28px]",iconSize:e,additionalDataLayerProperties:{product_id:g,component_name:a},disabled:1===m}),c&&React.createElement("p",{className:"body-three hidden text-yellow lg:block"},r),React.createElement(l.A,{direction:n.A.Right,id:t,sizeClassName:"h-[18px] w-[18px] lg:w-[28px] lg:h-[28px]",iconSize:e,additionalDataLayerProperties:{product_id:g,component_name:a},disabled:m===u})))}},62660(e,t,a){a.d(t,{A:()=>d});var l=a(97064),n=a(43143),i=a(97500),r=a.n(i),o=a(24675),s=a(59471),c=a(59798);const d=({autoplay:e,breakpoints:t,centeredSlides:a=!1,children:i,dataTestId:d="Pagination-Carousel",disableDefaultSlideAriaLabel:g,id:m="",customPaginationId:u="",initialSlide:p=0,observer:x,observeParents:b,paginationBulletsVisible:f=!0,paginationClasses:h,paginationContainerClasses:v,paginationBulletClasses:w,slideChangeCallback:A,swiperClasses:y,slidesPerView:C=1,spaceBetween:E=20})=>{const R=(0,o.I)(),k=!!e&&!R,T=u||`${m}-pagination-carousel-swiper`,I=(0,s.useRef)(null),[N,L]=(0,s.use

1State)(p),{goToSlideAriaLabel:S}=(0,n.A)();if(!i)return null;const j=Array.from({length:i.length},(e,t)=>t);return React.createElement("div",{className:"relative select-none","data-testid":d},React.createElement(l.A,{additionalModules:[...k?[c.Ij]:[]],className:y,autoplay:!!k&&e,onSwiper:e=>{I.current=e},onSlideChangeTransitionEnd:e=>{L(e.realIndex),A?.(e)},slidesPerView:C,spaceBetween:E,navId:m,centeredSlides:a,initialSlide:p,breakpoints:t,observer:x,observeParents:b,disableDefaultSlideAriaLabel:g},i),React.createElement("div",{className:r()("visible",h,{hidden:0===i.length})},React.createElement("div",{id:T,className:r()("pointer-events-none flex gap-4",v)},f&&j.map(e=>React.createElement("button",{key:e,tabIndex:0,className:r()("swiper-pagination-bullet",{"swiper-pagination-bullet-active":e===N},w),onClick:()=>I.current?.slideToLoop(e),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||I.current?.slideToLoop(e)},"aria-label":`${S} ${e+1}`,"aria-current":e===N?"true":void 0})))))}},57322(e,t,a){a.r(t),a.d(t,{default:()=>d});var l=a(57024),n=a(62660),i=a(7670),r=a(98948),o=a(59471),s=a(90683);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},c.apply(null,arguments)}const d=({id:e,ctaFeatures:t,dividerText:a})=>{const d=`CTA-Features-Carousel-${e}`,[g,m]=(0,o.useState)(1),u=`${g} ${a} ${t.length??0}`;return React.createElement("section",{className:"component-padding","data-testid":"CTA-Features-Carousel-Section"},React.createElement(i.A,null,React.createElement("div",{className:"relative"},React.createElement(n.A,{autoplay:{delay:5e3,pauseOnMouseEnter:!0,disableOnInteraction:!0},dataTestId:"CTA-Features-Carousel",id:d,paginationClasses:"absolute bottom-[117px] w-full lg:hidden "+(t.length<=1?"hidden":""),slideChangeCallback:e=>{m(e.realIndex+1)}},t.map((e,t)=>React.createElement(s.qr,{key:e.title,className:"stretch-card","aria-hidden":g-1!==t||void 0},React.createElement(r.default,c({},e,{isInCarousel:!0}))))),t.length>1&&React.createElement("div",{className:"absolute bottom-10 z-[1] flex w-full justify-center max-lg:hidden"},React.createElement(l.A,{carouselNavId:d,counterText:u,componentName:"CTA Features Carousel",slideIndex:g,totalSlides:t.length})))))}},98948(e,t,a){a.r(t),a.d(t,{default:()=>r});var l=a(14353),n=a(22715);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},i.apply(null,arguments)}const r=e=>{const t=(0,n.A)().productPageContent?.extendedWarrantyCTAFeature,a=t?Object.fromEntries(Object.entries(t).filter(([e,t])=>null!=t)):e;return a.isEmptyBlock?null:React.createElement(l.A,i({},a,{pulseAnimationLogo:a.warrantyLogo,dataTestId:"CT-29-Cta-Feature"}))}},27012(e,t,a){a.d(t,{A:()=>n});var l=function(e){return e.Left="LEFT",e.Right="RIGHT",e}(l||{});const n=l},29990(e,t,a){a.d(t,{A:()=>n});var l=function(e){return e.Black="black",e.Grey="grey",e.OffWhite="off-white",e.ShadowGrey="shadow-grey",e.Yellow="yellow",e}(l||{});const n=l},22715(e,t,a){a.d(t,{A:()=>l});const l=(0,a(44285).A)(e=>({productPageContent:{awardsCarousel:void 0,breadcrumbs:void 0,cardCarousel:void 0,customerQuotes:void 0,compatibleProducts:void 0,extendedWarrantyCTAFeature:void 0,featuredImageGallery:void 0,includedAccessories:void 0,optionalAccessories:void 0,productFootnote:void 0,productOverview:void 0,subheaderStatementCards:void 0,tabbedProductsCrossSellList:void 0,technicalSpecifications:void 0},setProductPageContent:t=>e({productPageContent:t})}))},26093(e,t,a){a.d(t,{A:()=>r});var l=a(30680),n=a(63904),i=a(59471);const r=(e,t=l.A.Viewport)=>{const[a,r]=(0,i.useState)(),o=(0,i.useCallback)(()=>{const a=(0,n.A)(),i=t===l.A.Viewport?window.innerWidth:window.innerWidth*a;r(i<e)},[e,t]);return(0,i.useEffect)(()=>(window.addEventListener("resize",o),o(),()=>{window.removeEventListener("resize",o)}),[o]),a}}}]);
2//# sourceMappingURL=CTAFeaturesCarousel-Chunk-bc300b818e2d457ce608.js.map