https://www.nikon.fr/dist-client/ExternalVideoPlaylist-Chunk-c562ae83a0f20b880e82.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[9225],{74939(e,t,a){a.d(t,{A:()=>s});var i=a(13889),l=a(64363),o=a(97500),r=a.n(o);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},n.apply(null,arguments)}const s=({open:e=!1,loadMoreLabel:t,loadLessLabel:a,_type:o="BASIC",isLightMode:s,dataTestId:c,...d})=>React.createElement("button",n({className:r()("z-10 flex cursor-pointer flex-row items-center justify-center gap-4","YELLOW-HIGHLIGHT"===o&&e?"text-yellow underline decoration-1 underline-offset-4":"text-black-100 "+(s?"":"dark:text-white")),"data-testid":c},d),(!e||a)&&React.createElement("p",{className:"h6"},e?a:t),React.createElement(l.A,{tag:"span",animate:{rotate:e?-180:0}},React.createElement(i.A,{name:"down_arrow",size:"1.25rem",colorClassName:"text-yellow"})))},64363(e,t,a){a.d(t,{A:()=>d});const i=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),l=(e,t)=>Object.entries(e).reduce((e,[t,a])=>("duration"!==t&&"delay"!==t||"number"!=typeof a?i(a)?e[t]=l(a,t):e[t]=a:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),o=e=>{const t=Object.keys(e).reduce((t,a)=>{const o=e[a];return i(o)&&(t[a]=l(o,a)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var r=a(74632),n=a(24675),s=a(59471);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 i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},c.apply(null,arguments)}const d=({tag:e,ref:t,variants:a,initial:i,animate:l,exit:d,transition:m,layout:b,whileHover:u,...p})=>{const f=(0,s.useMemo)(()=>r.P[e||"div"],[e]),v=(0,n.I)(),y={variants:a,initial:i,animate:l,exit:d,transition:m,whileHover:u};return React.createElement(f,c({ref:t},v?o(y):y,{layout:!v&&b},p))}},7670(e,t,a){a.d(t,{A:()=>c});var i=a(64363),l=a(5961),o=a(61002),r=a(37417),n=a(32088),s=a(59471);const c=({children:e,isAnimationDisabled:t})=>{const a=(0,r.A)(),c=(0,o.A)(),d=(0,s.useRef)(null),m=(0,n.W)(d,{once:!0,margin:"100% 0p

1x -15% 0px"}),{isSoftLoadEnabled:b}=(0,l.A)(e=>({isSoftLoadEnabled:e.isSoftLoadEnabled}));return t||c?React.createElement(React.Fragment,null,e):React.createElement(i.A,{"data-testid":"Soft-Load-Wrapper",ref:d,variants:{hidden:{opacity:0,y:60},visible:{opacity:1,y:0}},initial:"hidden",animate:b&&m||!1===b||a?"visible":"hidden",transition:{opacity:{ease:"easeOut",duration:void 0===b?0:.6},y:{ease:"easeOut",duration:b?.6:0}}},e)}},29338(e,t,a){a.r(t),a.d(t,{default:()=>R});var i=a(97729),l=a(17879),o=a(13889),r=a(11183),n=a(64363),s=a(29007),c=a(7670),d=a(22185),m=a(55169),b=a(43143),u=a(97505),p=a(26093),f=a(8383),v=a(97500),y=a.n(v),A=a(34629),E=a(59471),L=a(59798),x=a(90683);const g=({playlistId:e,videoPlaylist:t=[],onVideoClick:a})=>{const[i,l]=(0,E.useState)(!0),[n,s]=(0,E.useState)(!1),c=e=>{l(e?.isBeginning),s(e?.isEnd)},d=`video-playlist-${e}`;return React.createElement("div",{className:"desktop relative flex w-full max-w-[400px]","data-testid":"CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List"},React.createElement("div",{className:"relative w-full overflow-hidden"},React.createElement("div",{className:"absolute top-0 left-0 flex h-full flex-col"},React.createElement(x.RC,{onSlideChange:e=>c(e),onToEdge:e=>c(e),direction:"vertical",slidesPerView:"auto",spaceBetween:20,modules:[L.Vx,L.FJ],mousewheel:{forceToAxis:!0},navigation:{prevEl:`#prevBtn-${d}`,nextEl:`#nextBtn-${d}`}},t?.map(({coverImage:e,videoId:t,title:i,subTitle:l},n)=>React.createElement(x.qr,{className:"stretch-card",key:`desktop-video-${i}-${l}`,"data-testid":`CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List-Item-${n}`},React.createElement("div",{className:"flex flex-row items-center"},React.createElement("button",{type:"button",className:"w-1/2",onClick:()=>{a(t,n)},"data-testid":`CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List-Item-${n}-Play-Button`},React.createElement("span",{className:"relative flex items-center justify-center px-5"},React.createElement(r.A,{image:e}),React.createElement(o.A,{name:"play_icon_circle",size:"27px",className:"absolute"}))),React.createElement("div",{className:"flex w-1/2 flex-col pr-2"},i&&React.createElement("p",{className:"body-four line-clamp-3 text-left text-grey-450 dark:text-grey-400","data-testid":`CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List-Item-${n}-Subtitle`},React.createElement("span",{className:"body-four text-black-100 dark:text-white","data-testid":`CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List-Item-${n}-Title`},i," "),l)))))))),React.createElement("div",{id:`prevBtn-${d}`,className:y()("absolute top-0 right-0 left-0 z-20 flex h-16 w-full select-none items-center justify-center bg-gradient-to-b from-white opacity-70 hover:cursor-pointer dark:from-black-100 dark:via-black-100",{invisible:i}),"data-testid":"CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List-Item-Prev-Button"},React.createElement(o.A,{name:"caret_down",colorClassName:"text-yellow",className:"rotate-180"})),React.createElement("div",{id:`nextBtn-${d}`,className:y()("absolute right-0 bottom-0 left-0 z-20 flex h-16 w-full select-none items-center justify-center bg-gradient-to-t from-white opacity-70 hover:cursor-pointer dark:from-black-100 dark:via-black-100",{invisible:n}),"data-testid":"CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List-Item-Next-Button"},React.createElement(o.A,{name:"caret_down",colorClassName:"text-yellow"})))};var h=a(74939),k=a(93745);const w=({videoPlaylist:e=[],activeSourceIndex:t=0,loadMoreText:a="",onVideoClick:i})=>{const{playVideoAriaLabel:l}=(0,b.A)(),[s,c]=(0,E.useState)(0),[d,m]=(0,E.useState)([]),[u,p]=(0,E.useState)([]);return(0,E.useEffect)(()=>{if(e?.length>0){const t=(0,k.A)(e,4);p(t[0]),m(t)}},[e]),React.createElement("div",{className:"mobile h-auto pt-5"},React.createElement(n.A,{className:"max-w-md",animate:{height:"100%"},"data-testid":"CT-10-B-Video-Embed-Playlist-External-Video-Mobile-Video-List"},e[t]?.title&&React.createElement("h3",{className:"h5 pb-5 text-left","data-testid":"CT-10-B-Video-Embed-Playlist-External-Video-Mobile-Video-List-Active-Title"},e[t].title),React.createElement("div",{className:"mb-8 flex flex-col gap-5"},u.length>0&&u?.map(({coverImage:e,videoId:t,title:a,subTitle:n},s)=>React.createElement("div",{key:`mobile-video-${a}-${n}`,className:"flex flex-row"},React.createElement("button",{type:"button",className:"w-1/2 sm:w-1/3",onClick:()=>{i(t,s)},"data-testid":`CT-10-B-Video-Embed-Playlist-External-Video-Mobile-Video-List-Item-${s}-Play-Button`,"aria-label":l},React.createElement("span",{className:"relative flex items-center justify-center"},React.createElement(r.A,{image:e,"data-testid":`CT-10-B-Video-Embed-Playlist-External-Video-Mobile-Video-List-Item-${s}-Cover-Image`}),React.createElement(o.A,{name:"play_icon_circle",size:"27px",className:"absolute"}))),React.createElement("div",{className:"flex w-1/2 items-center pr-1 pl-4 sm:w-2/3"},a&&React.createElement("p",{className:"body-four line-clamp-4 text-left text-grey-450 dark:text-grey-400","data-testid":`CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List-Item-${s}-Subtitle`},React.createElement("span",{className:"body-four text-black-100 dark:text-white","data-testid":`CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List-Item-${s}-Title`},a," "),n)))))),d?.[s+1]&&React.createElement("div",{className:"flex justify-center"}

1,React.createElement(h.A,{loadMoreLabel:a,onClick:()=>{if(d?.[s+1]){const e=d.filter((e,t)=>t===s+1);p(t=>[...t,...e[0]]),c(e=>e+1)}},dataTestId:"CT-10-B-Video-Embed-Playlist-External-Video-Desktop-Video-List-Item-Load-More"})))},R=({acceptAllCookiesLabel:e,cookiesNoteLabel:t,cookiesPreferencesLabel:a,cookiesRequiredLabel:v,title:L,link:x,videoPlaylist:h,loadMoreText:k,anchorId:R="",meta:V})=>{const C=(0,p.A)(768),P=(0,p.A)(1440),[N,T]=(0,E.useState)(`${h[0]?.videoId??""}`),[I,S]=(0,E.useState)(0),[B,$]=(0,E.useState)(!1),M=(0,u.A)(),{isCookiesAccepted:D}=(0,d.A)(e=>({isCookiesAccepted:e.isCookiesAccepted})),[j,{height:O}]=(0,f.A)(),{playVideoAriaLabel:F}=(0,b.A)(),_=D&&M,H=!D&&M,z=()=>{if(_&&h[I]){const{videoId:e}=h[I];T(`${e}`),$(!0)}},G=(e,t)=>{T(e),S(t),_&&$(!0)};return h.length>0?React.createElement("section",{id:`a-${R}`,className:"component-padding dark:bg-black-100 dark:text-white","data-epi-block-id":V?.contentLink,"data-testid":"CT-10-B-Video-Embed-Playlist"},React.createElement(c.A,null,React.createElement("div",{className:"container grid grid-cols-12"},React.createElement("div",{className:"col-span-12 xl:col-span-10 xl:col-start-2 xl:col-end-12"},(L||x?.url&&x?.name)&&React.createElement("div",{className:y()("flew-row mb-10 flex flex-wrap items-center gap-5",L?"justify-between":"justify-end")},L&&React.createElement("h2",{className:"h3 mr-auto","data-epi-property-name":V?.editHints?.text,"data-testid":"CT-10-B-Video-Embed-Playlist-Title"},L),x?.name&&x?.url&&React.createElement(i.A,{link:x,editHint:`${V?.editHints?.link}`,linkCallback:()=>{(0,m.A)({event:"ctaClicks",content_type:x.name})},dataTestId:"CT-10-B-Video-Embed-Playlist-Link-Button"})),React.createElement("div",{className:"flex w-full flex-col xl:flex-row","data-epi-property-name":V?.editHints?.videoPlaylist,"data-testid":"CT-10-B-Video-Embed-Playlist-Container"},React.createElement("div",{style:H&&C?{height:O+40}:{},className:"relative aspect-video w-full"},_&&React.createElement(s.A,{videoProvider:h[I]?.videoProvider,videoId:N,videoDescription:h[I]?.videoDescription,title:h[I]?.title,autoPlay:h.length!==I&&B,isInvisible:h.length===I||!B,onEndedVideo:()=>{const e=I+1;if(h[e]){const{videoId:t}=h[e];T(`${t}`),S(e),$(!0)}else{const{videoId:e}=h[0];T(`${e}`),S(0),$(!1)}},dataTestId:"CT-10-B-Video-Embed-Playlist-External-Video"}),React.createElement(A.N,null,!B&&React.createElement(n.A,{initial:{opacity:0}

1,animate:{opacity:H?.3:1},exit:{opacity:0},onClick:z,className:y()("absolute top-0 -bottom-[0.1rem] left-0 flex w-full items-center justify-center",{"cursor-pointer":_})},h[I]?.coverImage&&React.createElement(React.Fragment,null,React.createElement(r.A,{image:h[I].coverImage,classes:y()("w-full",{"max-md:h-full":H}),imageClasses:y()("h-full w-full aspect-video",{"max-md:object-cover":H}),dataTestId:"CT-10-B-Video-Embed-Playlist-Active-Video-Cover-Image"}),React.createElement("div",{className:"absolute bottom-0 hidden h-1/3 w-full bg-gradient-to-t from-black-100 to-transparent opacity-60 xl:block"})),React.createElement("div",{className:"absolute bottom-2.5 left-2.5 flex items-center md:bottom-5 md:left-5"},React.createElement("button",{type:"button",disabled:H,"aria-label":F,onClick:z,"data-testid":"CT-10-B-Video-Embed-Playlist-External-Video-Play-Button"},React.createElement("div",{className:"h-[2.1875rem] w-[2.1875rem] md:h-[2.875rem] md:w-[2.875rem]"},React.createElement(o.A,{name:"play_icon_circle",size:"100%"}))),h[I]?.title&&React.createElement("p",{className:"h6 hidden text-white xl:block xl:pl-5","data-testid":"CT-10-B-Video-Embed-Playlist-External-Video-Active-Video-Title"},h[I].title)),h[I]?.label&&React.createElement("span",{className:"body-one absolute top-2 left-2 rounded-[6rem] bg-white pt-2 pr-3 pb-2 pl-3 text-center opacity-70 xl:top-5 xl:left-5 dark:bg-black-100","data-testid":"CT-10-B-Video-Embed-Playlist-External-Video-Active-Video-Label"},h[I].label))),React.createElement(A.N,null,H&&React.createElement(n.A,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},ref:j,className:"absolute top-5 left-5 z-10 max-md:right-5"},React.createElement(l.A,{acceptAllCookiesLabel:e,cookiesNoteLabel:t,cookiesPreferencesLabel:a,cookiesRequiredLabel:v})))),P?React.createElement(w,{videoPlaylist:h,activeSourceIndex:I,loadMoreText:k,onVideoClick:G}):React.createElement(g,{videoPlaylist:h,playlistId:V?.contentLink?`${V.contentLink}`:"",onVideoClick:G})))))):null}},9683(e,t,a){a.d(t,{A:()=>l});var i=a(60422);const l=(0,a(44285).A)(e=>({ariaLabels:i.A,setAriaLabels:t=>e({ariaLabels:t})}))},5961(e,t,a){a.d(t,{A:()=>i});const i=(0,a(44285).A)(e=>({isSoftLoadEnabled:void 0,setIsSoftLoadEnabled:t=>e({isSoftLoadEnabled:t})}))},93745(e,t,a){a.d(t,{A:()=>i});const i=(e,t)=>e.reduce((e,a,i)=>{const l=Math.floor(i/t);return e[l]=[...e[l]||[],a],e},[])},55169(e,t,a){a.d(t,{A:()=>i});const i=e=>{"undefined"!=typeof window&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push(e))}},43143(e,t,a){a.d(t,{A:()=>r});var i=a(9683),l=a(60422),o=a(59471);const r=()=>{const[e,t]=(0,o.useState)(l.A),a=(0,i.A)(e=>e.ariaLabels);return(0,o.useEffect)(()=>{t(a)},[a]),e}},61002(e,t,a){a.d(t,{A:()=>l});var i=a(59471);const l=()=>{const[e,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{t(window.self!==window.top)},[]),e}},37417(e,t,a){a.d(t,{A:()=>o});var i=a(24675),l=a(97505);const o=()=>{const e=(0,l.A)();return(0,i.I)()&&e}},60422(e,t,a){a.d(t,{A:()=>i});const i={authorPageAriaLabel:"Author page",backToFirstLevelNavigationAriaLabel:"Back to first level of navigation",breadcrumbAriaLabel:"Breadcrumb navigation",breadcrumbFooterAriaLabel:"Breadcrumb footer navigation",carouselSlideAriaLabel:"Slide",checkoutStepAriaLabel:"Step",clearCompanyNumberAriaLabel:"Clear company number input field",clearFiltersAriaLabel:"Clear filters",closeAddressListAriaLabel:"Close address list",closeMenuAriaLabel:"Close menu",closeMobileNavigationAriaLabel:"Close navigation",closeModalAriaLabel:"Close Modal",closeSignUpFormAriaLabel:"Close signup form",closeSiteNotificationAriaLabel:"Close site notification",compareImagesAriaLabel:"Compare images",copyToClipboardAriaLabel:"Copy to clipboard",countrySelectorCurrentCountryAriaLabel:"Select country, currently {0}",currentPriceAriaLabel:"Now",dateDayAriaLabel:"Day",dateMonthAriaLabel:"Month",dateYearAriaLabel:"Year",decreaseItemQuantityAriaLabel:"Decrease item quantity",editOrDeleteAriaLabel:"Edit or delete",filterOptionsAriaLabel:"Filter options",genreListingPageAriaLabel:"Genre listing page",goToSlideAriaLabel:"Go to slide",helpTextAriaLabel:"Help text",increaseItemQuantityAriaLabel:"Increase item quantity",initialPriceAriaLabel:"Was",mainNavigationAriaLabel:"Main navigation",moreInformationAriaLabel:"More information",muteVideoAriaLabel:"Mute video",nextAriaLabel:"Go to next slide",nikonHomepageAriaLabel:"Go to the Nikon homepage",openAddressListAriaLabel:"Open address list",openImageInFullScreenAriaLabel:"Open image in full screen",openMenuAriaLabel:"Open menu",overlayToCloseDesktopNavigationAriaLabel:"Close overlay",pauseVideoAriaLabel:"Pause video",phoneNumberPrefixAriaLabel:"Phone number prefix",playVideoAriaLabel:"Play video",play3DAriaLabel:"Play 3D view",playFPSPreviewAriaLabel:"Play FPS preview",pauseFPSPreviewAriaLabel:"Pause FPS preview",pause3DAriaLabel:"Pause 3D view",previousAriaLabel:"Go to previous slide",removeItemFromCartAriaLabel:"Remove item from cart",searchAriaLabel:"Search",shareToFacebookAriaLabel:"Share to Facebook",shareToWhatsappAriaLabel:"Share to Whatsapp",shareToXAriaLabel:"Share to X",siteNotificationsAriaLabel:"Site notifications banner",unmuteVideoAriaLabel:"Unmute video",useLeftAndRightArrowKeysAriaLabel:"Use the left and right arrow keys to adjust the image comparison.",uspStripAriaLabel:"Unique Selling Point Strip",videoAriaLabel:"Video",zoomInAriaLabel:"Zoom in",zoomOutAriaLabel:"Zoom out"}}}]);
2//# sourceMappingURL=ExternalVideoPlaylist-Chunk-c562ae83a0f20b880e82.js.map