https://www.nikon.de/dist-client/CheckoutBasketNotifications-Chunk-2fb96254cdbff0b9b116.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[6587],{71203(e,t,a){a.d(t,{A:()=>f});var r=a(89993),n=a(63495),i=a(36223),o=a(47976),l=a(26e3),s=a(30808),c=a(38431),d=a(28885),u=a(33063),b=a(97500),m=a.n(b),g=a(15536),p=a.n(g),h=a(59471);const f=({additionalContent:e,additionalCustomStyles:t,ariaRole:a,caption:b,className:g,closeLabel:f,closeContainerClassName:y,contentClassName:v,dataTestId:A="Banner-Notification",desktopBreakpoint:w=s.A.Large,disableColumnLayout:x,displayStyle:L,iconName:k,isContentExpandable:C,isLarge:N,link:S,primaryLink:E,richText:R,secondaryLink:P,showLessLabel:O,showMoreLabel:T,title:I,useIconCloseOnMobile:M,onDismissNotification:j,onPrimaryLinkClick:F})=>{const[W,{scrollHeight:$}]=(0,u.A)(),[D,{width:H}]=(0,u.A)(),[_,B]=(0,h.useState)(!1),z=(0,d.A)(w===s.A.Large?1024:1440),V=z?72:24,G=0===$||$>V,{borderClassName:U,backgroundClassName:q,textColorClassName:X="text-black-100",paddingClassName:Q}=((e,t)=>{const a=e?"px-5 py-5 lg:py-7.5":"p-5",r=e?"px-[1.1875rem] py-[1.1875rem] lg:py-[1.8125rem]":"p-[1.1875rem]";return{[l.A.Promo]:{backgroundClassName:"bg-yellow",paddingClassName:a,...t?.[l.A.Promo]},[l.A.Info]:{backgroundClassName:"bg-grey-100",paddingClassName:a,...t?.[l.A.Info]},[l.A.Warning]:{borderClassName:"border border-yellow",paddingClassName:r,backgroundClassName:"bg-yellow-200",...t?.[l.A.Warning]},[l.A.Error]:{borderClassName:"border border-red-100",paddingClassName:r,textColorClassName:"text-red-100",...t?.[l.A.Error]},[l.A.Success]:{borderClassName:"border border-green-100",paddingClassName:r,textColorClassName:"text-green-100",...t?.[l.A.Success]}}})(N,t)[L||l.A.Info],Y=!x&&(H??0)<700,Z=!(!f&&!M);return React.createElement("div",{className:m()("flex w-full gap-x-5 rounded-[10px]",U,q,X,Q,g),"data-testid":A,role:a,ref:D},k&&React.createElement("div",{className:m()("flex",{"lg:items-center":E||P}),"data-testid":`${A}-Icon`},React.createElement(i.A,{name:k,colorClassName:X})),React.createElement("div",{className:m()("flex w-full flex-col justify-between",!Y&&(w===s.A.Large?"max-lg:gap-y-2.5 lg:flex-row lg:gap-x-7.5":"max-xl:gap-y-2.5 xl:flex-row xl:gap-x-7.5"),{"lg:items-center":Z||E||P,"gap-y-2.5":Y},v)},(b||I)&&!R&&React.createElement("div",null,b&&React.createElement("span",{className:"font-normal","data-testid":`${A}-Caption`},b)," ",I),R&&!C&&React.createElement("div",{className:"body-three [&_a]:underline","data-testid":`${A}-Rich-Text`,dangerouslySetInnerHTML:{__html:R}}),R&&C&&React.createElement("div",{className:m()("flex items-start",w===s.A.Large?"max-lg:flex-col":"max-xl:flex-col")},React.createElement(o.A,{ref:W,id:`${A}-Rich-Text`,className:"body-three overflow-hidden [&_a]:underline",initial:!1,animate:_?"animate":"initial",variants:{animate:{height:"auto"},initial:{height:G?V:"auto"}},dangerouslySetInnerHTML:{__html:R},"data-testid":`${A}-Rich-Text`}),G&&React.createElement("button",{className:"shrink-0 underline","aria-expanded":_,"aria-controls":`${A}-Rich-Text`,onClick:()=>{B(!_)},"data-testid":`${A}-Show-More/Less`},React.createElement("strong",null,_?O:T))),S?.url&&S?.name&&React.createElement("div",{className:m()("mr-2.5 flex shrink-0 flex-row",w===s.A.Large?"lg:flex-col":"xl:flex-col")},React.createElement("a",{href:S.url,target:S.target,className:"font-normal underline","data-testid":`${A}-Link`},S?.name)),(E?.url||P?.url)&&React.createElement("div",{className:m()("flex flex-row gap-5")},E?.url&&E?.name&&React.createElement(r.A,{link:E,"data-testid":`${A}-Primary-Link`,theme:"black",interactionTheme:"grey-250",linkCallback:F},E.name),P?.url&&P?.name&&React.createElement(r.A,{link:P,"data-testid":`${A}-Secondary-Link`,theme:"black",secondary:!0},P.name)),e,Z&&React.createElement(p(),{focusTrapOptions:{initialFocus:!1,allowOutsideClick:!0}},React.createElement("div",{className:m()("flex shrink-0 items-center justify-center",y)},React.createElement("div",{className:"flex items-center justify-center"},z&&!M?React.createElement("button",{className:"body-three body-three--bold text-start underline",onClick:()=>{j?.()}},f):React.createElement(n.A,{className:"relative",color:"red",size:c.A.md,onClick:()=>{j?.()}}))))))}},89993(e,t,a){a.d(t,{A:()=>s});var r=a(36223),n=a(97500),i=a.n(n),o=a(82008);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},l.apply(null,arguments)}const s=({children:e,className:t,dataTestId:a,disabled:n=!1,editHint:s,hasCustomStyling:c,icon:d,iconSize:u="18px",interactionTheme:b="grey-600",isLightMode:m,link:g,secondary:p=!1,secondaryBackgroun

1dClassName:h="bg-transparent",tabIndex:f,theme:y="yellow",linkCallback:v,onFocus:A,...w})=>{const x="black"===y,L="red"===y,k=i()("text-black-100",{"group-hover:text-white group-focus:text-white group-active:text-white":p&&(x||L)}),C=(0,o.h)({className:t,disabled:n,hasCustomStyling:c,icon:d,interactionTheme:b,isLightMode:m,secondary:p,secondaryBackgroundClassName:h,theme:y});return g?.url&&(g?.name||e)&&!n?React.createElement("a",l({},w,{className:C,href:g.url,target:g.target,"data-epi-property-name":s,onClick:v,"data-testid":a,onFocus:A,tabIndex:f},"download"===d&&{download:g.url}),e||g.name,d&&React.createElement(r.A,{name:d,className:k,size:u})):React.createElement("button",l({},w,{className:C,disabled:n,"data-epi-property-name":s,"data-testid":a,onFocus:A,tabIndex:f}),e,d&&React.createElement(r.A,{name:d,className:"ml-2",colorClassName:k,size:u}))}},82008(e,t,a){a.d(t,{h:()=>i});var r=a(97500),n=a.n(r);const i=({className:e,disabled:t=!1,hasCustomStyling:a,icon:r,interactionTheme:i="grey-600",isLightMode:o,secondary:l=!1,secondaryBackgroundClassName:s="bg-transparent",theme:c="yellow"})=>{const d="yellow"===c,u="black"===c,b="red"===c;return n()({"bg-yellow py-1 px-4 text-black-100 hover:bg-yellow-100 focus:bg-yellow-500 active:bg-yellow-500":!a&&!t&&!l&&d,[`${s} border border-yellow py-[3px] px-[15px] text-black-100 hover:border-yellow-100 hover:bg-yellow-100 hover:text-black-100 focus:border-yellow-500 focus:bg-yellow-500 active:border-yellow-500 active:bg-yellow-500 ${o?"":"dark:text-white dark:hover:text-black-100 dark:focus:text-black-100 dark:active:text-black-100"}`]:!a&&!t&&l&&d,[`bg-black-100 py-1 px-4 text-white ${{"grey-250":"hover:bg-grey-250 focus:bg-grey-250 active:bg-grey-250","grey-600":"hover:bg-grey-600 focus:bg-grey-600 active:bg-grey-600"}[i]}`]:!a&&!t&&!l&&u,"border border-black-100 bg-transparent px-[15px] py-[3px] text-black-100 hover:bg-black-100 hover:text-white focus:bg-black-100 focus:text-white active:bg-black-100 active:text-white":!a&&!t&&l&&u,"border border-red-100 bg-transparent px-[15px] py-[3px] text-black-100 hover:bg-red-100 hover:text-white focus:bg-red-100 focus:text-white active:bg-red-100 active:text-white":!a&&!t&&l&&b,"bg-grey text-grey-500 py-1 px-4":t,"flex items-center w-fit group":r},"cta rounded-full inline-block min-h-min select-none",e)}},63495(e,t,a){a.d(t,{A:()=>l});var r=a(38431),n=a(73359),i=a(97500),o=a.n(i);const l=({ariaLabel:e,className:t,color:a="black",onClick:i,size:l=r.A.lg,dataTestId:s,ref:c})=>{const{closeModalAriaLabel:d}=(0,n.A)();return React.createElement("button",{type:"button",className:o()("close-button",{black:"before:bg-black-100 after:bg-black-100",white:"before:bg-white after:bg-white",red:"before:bg-red-100 after:bg-red-100"}[a],t),"aria-label":e??d,style:{width:l,height:l},onClick:i,"data-testid":s,ref:c})}},47976(e,t,a){a.d(t,{A:()=>d});const r=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),n=(e,t)=>Object.entries(e).reduce((e,[t,a])=>("duration"!==t&&"delay"!==t||"number"!=typeof a?r(a)?e[t]=n(a,t):e[t]=a:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),i=e=>{const t=Object.keys(e).reduce((t,a)=>{const i=e[a];return r(i)&&(t[a]=n(i,a)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var o=a(63392),l=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 r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},c.apply(null,arguments)}const d=({tag:e,ref:t,variants:a,initial:r,animate:n,exit:d,transition:u,layout:b,whileHover:m,...g})=>{const p=(0,s.useMemo)(()=>o.P[e||"div"],[e]),h=(0,l.I)(),f={variants:a,initial:r,animate:n,exit:d,transition:u,whileHover:m};return React.createElement(p,c({ref:t},h?i(f):f,{layout:!h&&b},g))}},72998(e,t,a){a.d(t,{A:()=>n});var r=a(71203);const n=({notifications:e,desktopBreakpoint:t,isContentExpandable:a,showMoreLabel:n,showLessLabel:i,hasLargeNotifications:o,dataTestId:l="Basket-Notifications"})=>React.createElement("div",{className:"flex flex-col gap-y-5","data-testid":l},e.map(({displayStyle:e,icon:s,text:c,link:d},u)=>React.createElement(r.A,{displayStyle:e,iconName:s,richText:c,link:d,key:`${e}-${s}-${c}-${d?.url}-${d?.name}`,desktopBreakpoint:t,isContentExpandable:a,showMoreLabel:n,showLessLabel:i,isLarge:o,dataTestId:`${l}-${u}`})))},44082(e,t,a){a.r(t),a.d(t,{default:()=>n});var r=a(72998);const n=({notifications:e=[]})=>React.createElement("section",{className:"container"},React.createElement(r.A,{notifications:e,hasLargeNotifications:!0,dataTestId:"CT-147-Checkout-Basket-Notifications"}))},26e3(e,t,a){a.d(t,{A:()=>n});var r=function(e){return e.Info="info",e.Warning="warning",e.Error="error",e.Promo="promo",e.Success="success",e}(r||{});const n=r},30808(e,t,a){a.d(t,{A:()=>n});var r=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(r||{});const n=r},44528(e,t,a){a.d(t,{A:()=>n});

1var r=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(r||{});const n=r},38431(e,t,a){a.d(t,{A:()=>n});var r=function(e){return e.xs=".5rem",e.sm=".75rem",e.md="1rem",e.lg="1.5rem",e.xl="1.75rem",e.xxl="2rem",e}(r||{});const n=r},45403(e,t,a){a.d(t,{A:()=>n});var r=a(80078);const n=(0,a(44285).A)(e=>({ariaLabels:r.A,setAriaLabels:t=>e({ariaLabels:t})}))},80552(e,t,a){a.d(t,{A:()=>n});var r=a(42926);const n=()=>{const e=Math.abs(window.outerWidth-window.innerWidth)<=50?1:Number((window.outerWidth/window.innerWidth).toFixed(2));return r.gm&&!r.Fr?window.devicePixelRatio:e}},73359(e,t,a){a.d(t,{A:()=>o});var r=a(45403),n=a(80078),i=a(59471);const o=()=>{const[e,t]=(0,i.useState)(n.A),a=(0,r.A)(e=>e.ariaLabels);return(0,i.useEffect)(()=>{t(a)},[a]),e}},28885(e,t,a){a.d(t,{A:()=>o});var r=a(44528),n=a(80552),i=a(59471);const o=(e,t=r.A.Viewport)=>{const[a,o]=(0,i.useState)(),l=(0,i.useCallback)(()=>{const a=(0,n.A)(),i=t===r.A.Viewport?window.innerWidth:window.innerWidth*a;o(i<e)},[e,t]);return(0,i.useEffect)(()=>(window.addEventListener("resize",l),l(),()=>{window.removeEventListener("resize",l)}),[l]),a}},33063(e,t,a){a.d(t,{A:()=>n});var r=a(59471);const n=()=>{const e=(0,r.useRef)(void 0),[t,a]=(0,r.useState)({width:0,height:0,clientWidth:0,clientHeight:0,scrollWidth:0,scrollHeight:0}),n=(0,r.useCallback)(e=>{if(!Array.isArray(e))return;const t=e[0];a({width:t?.contentRect.width??0,height:t?.contentRect.height??0,clientWidth:t?.target.clientWidth??0,clientHeight:t?.target.clientHeight??0,scrollWidth:t?.target.scrollWidth??0,scrollHeight:t?.target.scrollHeight??0})},[]);return[(0,r.useCallback)(t=>{e.current&&!t&&(e.current.disconnect(),e.current=void 0),!e.current&&t&&(e.current=new ResizeObserver(n),e.current.observe(t))},[n]),t]}},80078(e,t,a){a.d(t,{A:()=>r});const r={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"}},16621(e,t,a){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var n in t=arguments[a])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},r.apply(this,arguments)},n=this&&this.__rest||function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]])}return a};

1Object.defineProperty(t,"__esModule",{value:!0}),t.iconList=void 0;var i=a(59471);t.iconList=function(e){return e&&Array.isArray(e.icons)?e.icons.map(function(e){return e.properties.name}):null},t.default=function(e){var t=e.iconSet,a=e.icon,o=e.size,l=e.title,s=e.disableFill,c=e.removeInlineStyle,d=e.native,u=e.SvgComponent,b=e.PathComponent,m=n(e,["iconSet","icon","size","title","disableFill","removeInlineStyle","native","SvgComponent","PathComponent"]);if(!t||!a)return null;var g=t.icons.find(function(e){return e.properties.name===a});if(!g)return null;var p={display:"inline-block",stroke:"currentColor",fill:"currentColor"};d&&(p.display="flex",p.flexDirection="row",p.flexWrap="wrap");var h=r(r(r({},c?{}:p),o?{width:o,height:o}:{}),m.style||{}),f=g.icon.width,y="0 0 ".concat(void 0===f?"1024":f," 1024"),v=g.icon.paths.map(function(e,t){var n,o=null===(n=g.icon.attrs)||void 0===n?void 0:n[t],l=r({d:e,key:a+t},!s&&o?o:{});return(0,i.createElement)(b||"path",l)});return l&&!d&&v.push((0,i.createElement)("title",{key:l},l)),(0,i.createElement)(u||"svg",r(r({},m),{viewBox:y,style:h}),v)}},44285(e,t,a){a.d(t,{A:()=>o});var r=a(59471);function n(e){let t;const a=new Set,r=(e,r)=>{const n="function"==typeof e?e(t):e;if(n!==t){const e=t;t=r?n:Object.assign({},t,n),a.forEach(a=>a(t,e))}},n=()=>t,i={setState:r,getState:n,subscribe:(e,r,i)=>r||i?((e,r=n,i=Object.is)=>{console.warn("[DEPRECATED] Please use `subscribeWithSelector` middleware");let o=r(t);function l(){const a=r(t);if(!i(o,a)){const t=o;e(o=a,t)}}return a.add(l),()=>a.delete(l)})(e,r,i):(a.add(e),()=>a.delete(e)),destroy:()=>a.clear()};return t=e(r,n,i),i}const i="undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent)?r.useEffect:r.useLayoutEffect;function o(e){const t="function"==typeof e?n(e):e,a=(e=t.getState,a=Object.is)=>{const[,n]=(0,r.useReducer)(e=>e+1,0),o=t.getState(),l=(0,r.useRef)(o),s=(0,r.useRef)(e),c=(0,r.useRef)(a),d=(0,r.useRef)(!1),u=(0,r.useRef)();let b;void 0===u.current&&(u.current=e(o));let m=!1;(l.current!==o||s.current!==e||c.current!==a||d.current)&&(b=e(o),m=!a(u.current,b)),i(()=>{m&&(u.current=b),l.current=o,s.current=e,c.current=a,d.current=!1});const g=(0,r.useRef)(o);i(()=>{const e=()=>{try{const e=t.getState(),a=s.current(e);c.current(u.current,a)||(l.current=e,u.current=a,n())}catch(e){d.current=!0,n()}},a=t.subscribe(e);return t.getState()!==g.current&&e(),a},[]);const p=m?b:u.current;return(0,r.useDebugValue)(p),p};return Object.assign(a,t),a[Symbol.iterator]=function(){console.warn("[useStore, api] = create() is deprecated and will be removed in v4");const e=[a,t];return{next(){const t=e.length<=0;return{value:e.shift(),done:t}}}},a}}}]);
2//# sourceMappingURL=CheckoutBasketNotifications-Chunk-2fb96254cdbff0b9b116.js.map