1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[785,5019],{4333:(e,r,t)=>{"use strict";t.d(r,{A:()=>u});var a=t(37876),i=t(14232),o=t(54587),n=t.n(o),s=t(47605),p=t.n(s),l=t(42611);let m=(e,r="16by9")=>e&&/^\d+by\d+$/.test(e)?e:r,c=({src:e,alt:r,title:t,priority:o,aspectRatio:s,focalPoint:c,unoptimized:u,loader:d,onError:_})=>{let g=m(s??c?.originalAspectRatio,"16by9"),b=e=>{let{a:r,b:t}=(e=>{let[r,t]=e.split("by");return{a:r,b:t}})(m(e,"16by9"));return`/src/assets/images/fallback-${r}-${t}.png`},f=(0,i.useRef)(null),h=b(g),w="string"==typeof e&&""!==e.trim()?((e,r="avif")=>{if(e.startsWith("/src/assets/images/fallback")||!e.includes("images.ctfassets.net"))return e;let t=e.match(/fm=(\w+)/)?.[1];return t&&t!==r?e.replace(`fm=${t}`,`fm=${r}`):`${e}${e.includes("?")?"&":"?"}fm=${r}`})(e):h,y="string"==typeof w&&w.includes("images.ctfassets.net"),v=d??(y?(0,l.g)({ratio:g,fit:"fill",format:"avif"}):void 0);return(0,i.useEffect)(()=>{if(!f.current||!c)return;let e=f.current.parentElement;if(!e)return;let r=()=>{let{width:r,height:t}=e.getBoundingClientRect();if(!r||!t)return;let a=(e,r)=>r?a(r,e%r):e,i=a(Math.round(r),Math.round(t)),o=`${Math.round(r/i)}by${Math.round(t/i)}`,{focusX:n,focusY:s,focalZoomFactor:p,originalAspectRatio:l}=c;f.current&&(({image:e,aspectRatio:r,aspectRatioMobile:t,originalAspectRatio:a,originalAspectRatioMobile:i,focalZoomFactor:o,focusX:n,focusY:s,isPhone:p})=>{if(o&&n&&s&&a&&r){let l=p&&t?t:r,m=parseInt(l.split("by")[0])/parseInt(l.split("by")[1])/(p&&i?i:a),c=100*o*m,u=100*o;c<100&&(u+=100-c,c=100);let d=-100*s*(o*m-1);e.style.width=u+"%",e.style.height=c+"%",e.style.inset=`${d>0?0:d}% ${-100*n*(o-1)}%`}})({image:f.current,aspectRatio:o,originalAspectRatio:l,focalZoomFactor:p,focusX:n,focusY:s})},t=new ResizeObserver(r);return t.observe(e),r(),()=>t.disconnect()},[c]),(0,a.jsx)(n(),{ref:f,alt:r,src:w,...t&&{title:t},...v&&{loader:v},sizes:"(max-width: 768px) 90vw, (max-width: 1200px) 60vw, (min-width: 1201px) 70vw",fill:!0,className:p()["image__wrapper__next-image"],priority:o,fetchPriority:o?"high":"auto",...u&&{unoptimized:u},onError:_||(e=>{e.currentTarget.src=b(g),e.currentTarget.srcset=""})})};c.displayName="OtbImageComponent";let u=c},13178:(e,r,t)=>{"use strict";t.d(r,{AM:()=>I,Mz:()=>H,Rp:()=>W,UC:()=>Z,Wv:()=>E,ZL:()=>X,bL:()=>L,hl:()=>F,i0:()=>M,i3:()=>G,l9:()=>U});var a=t(14232),i=t(33716),o=t(10714),n=t(91844),s=t(73520),p=t(22658),l=t(90870),m=t(70294),c=t(68212),u=t(31893),d=t(96822),_=t(66326),g=t(82987),b=t(58162),f=t(94769),h=t(86324),w=t(37876),y="Popover",[v,x]=(0,n.A)(y,[c.Bk]),k=(0,c.Bk)(),[P,C]=v(y),I=e=>{let{__scopePopover:r,children:t,open:i,defaultOpen:o,onOpenChange:n,modal:s=!1}=e,p=k(r),l=a.useRef(null),[u,d]=a.useState(!1),[_,g]=(0,b.i)({prop:i,defaultProp:o??!1,onChange:n,caller:y});return(0,w.jsx)(c.bL,{...p,children:(0,w.jsx)(P,{scope:r,contentId:(0,m.B)(),triggerRef:l,open:_,onOpenChange:g,onOpenToggle:a.useCallback(()=>g(e=>!e),[g]),hasCustomAnchor:u,onCustomAnchorAdd:a.useCallback(()=>d(!0),[]),onCustomAnchorRemove:a.useCallback(()=>d(!1),[]),modal:s,children:t})})};I.displayName=y;var N="PopoverAnchor",O=a.forwardRef((e,r)=>{let{__scopePopover:t,...i}=e,o=C(N,t),n=k(t),{onCustomAnchorAdd:s,onCustomAnchorRemove:p}=o;return a.useEffect(()=>(s(),()=>p()),[s,p]),(0,w.jsx)(c.Mz,{...n,...i,ref:r})});O.displayName=N;var A="PopoverTrigger",E=a.forwardRef((e,r)=>{let{__scopePopover:t,...a}=e,n=C(A,t),s=k(t),p=(0,o.s)(r,n.triggerRef),l=(0,w.jsx)(_.sG.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":K(n.open),...a,ref:p,onClick:(0,i.mK)(e.onClick,n.onOpenToggle)});return n.hasCustomAnchor?l:(0,w.jsx)(c.Mz,{asChild:!0,...s,children:l})});E.displayName=A;var R="PopoverPortal",[j,S]=v(R,{forceMount:void 0}),M=e=>{let{__scopePopover:r,forceMount:t,children:a,container:i}=e,o=C(R,r);return(0,w.jsx)(j,{scope:r,forceMount:t,children:(0,w.jsx)(d.C,{present:t||o.open,children:(0,w.jsx)(u.Z,{asChild:!0,container:i,children:a})})})};M.displayName=R;var z="PopoverContent",F=a.forwardRef((e,r)=>{let t=S(z,e.__scopePopover),{forceMount:a=t.forceMount,...i}=e,o=C(z,e.__scopePopover);return(0,w.jsx)(d.C,{present:a||o.open,children:o.modal?(0,w.jsx)($,{...i,ref:r}):(0,w.jsx)(B,{...i,ref:r})})});F.displayName=z;var T=(0,g.TL)("PopoverContent.RemoveScroll"),$=a.forwardRef((e,r)=>{let t=C(z,e.__scopePopover),n=a.useRef(null),s=(0,o.s)(r,n),p=a.useRef(!1);return a.useEffect(()=>{let e=n.current;if(e)return(0,f.Eq)(e)},[]),(0,w.jsx)(h.A,{as:T,allowPinchZoom:!0,children:(0,w.jsx)(D,{...e,ref:s,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:(0,i.mK)(e.onCloseAutoFocus,e=>{e.preventDefault(),p.current||t.triggerRef.current?.focus()}),onPointerDownOutside:(0,i.mK)(e.onPointerDownOutside,e=>{let r=e.detail.originalEvent,t=0===r.button&&!0===r.ctrlKey;p.current=2===r.button||t},{checkForDefaultPrevented:!1}),onFocusOutside:(0,i.mK)(e.onFocusOutside,e=>e.preventDefault(),{checkForDefaultPrevented:!1})})})}),B=a.forwardRef((e,r)=>{let t=C(z,e.__scopePopover),i=a.useRef(!1),o=a.useRef(!1);return(0,w.jsx)(D,{...e,ref:r,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:r=>{e.onCloseAutoFocus?.(r),r.defaultPrevented||(i.current||t.triggerRef.current?.focus(),r.preventDefault()),i.current=!1,o.current=!1},onInteractOutside:r=>{e.onInteractOutside?.(r),r.defaultPrevented||(i.current=!0,"pointerdown"===r.detail.originalEvent.type&&(o.current=!0));let a=r.target;t.triggerRef.current?.contains(a)&&r.preventDefault(),"focusin"===r.detail.originalEvent.type&&o.current&&r.preventDefault()}})}),D=a.forwardRef((e,r)=>{let{__scopePopover:t,trapFocus:a,onOpenAutoFocus:i,onCloseAutoFocus:o,disableOutsidePointerEvents:n,onEscapeKeyDown:m,onPointerDownOutside:u,onFocusOutside:d,onInteractOutside:_,...g}=e,b=C(z,t),f=k(t);return(0,p.Oh)(),(0,w.jsx)(l.n,{asChild:!0,loop:!0,trapped:a,onMountAutoFocus:i,onUnmountAutoFocus:o,children:(0,w.jsx)(s.qW,{asChild:!0,disableOutsidePointerEvents:n,onInteractOutside:_,onEscapeKeyDown:m,onPointerDownOutside:u,onFocusOutside:d,onDismiss:()=>b.onOpenChange(!1),children:(0,w.jsx)(c.UC,{"data-state":K(b.open),role:"dialog",id:b.contentId,...f,...g,ref:r,style:{...g.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),q="PopoverClose";a.forwardRef((e,r)=>{let{__scopePopover:t,...a}=e,o=C(q,t);return(0,w.jsx)(_.sG.button,{type:"button",...a,ref:r,onClick:(0,i.mK)(e.onClick,()=>o.onOpenChange(!1))})}).displayName=q;var W=a.forwardRef((e,r)=>{let{__scopePopover:t,...a}=e,i=k(t);return(0,w.jsx)(c.i3,{...i,...a,ref:r})});function K(e){return e?"open":"closed"}W.displayName="PopoverArrow";var L=I,H=O,U=E,X=M,Z=F,G=W},14696:(e,r,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/b2b-mpk",function(){return t(76664)}])},38773:(e,r,t)=>{"use strict";t.d(r,{B:()=>n});var a=t(14232),i=t(2219),o=t(13099);function n({items:e,listId:r,listName:t}){let n=(0,o.J)(),s=(0,a.useRef)(null);(0,a.useEffect)(()=>
1{if(!n||0===e.length)return;let a=e.map(e=>e.item_id).join(",");s.current!==a&&(s.current=a,(0,i.hy)(i.sF.VIEW_ITEM_LIST,{item_list_id:r,item_list_name:t,items:e.map(e=>({item_list_id:r,item_list_name:t,...e}))},!0))},[n,e,r,t])}},38988:(e,r,t)=>{"use strict";t.d(r,{l:()=>i});var a=t(40238);let i=e=>{let r="https://spa-prod-commerce.cep.ottobock.com";if(!e)return;let t=e.includes("ctfassets.net"),i=e.includes("cloudinary.com");return e.includes("http")?e:t||i?`https:${e}`:r?r+("/"===e.charAt(0)?e:(0,a.n6)(e)):void 0}},42611:(e,r,t)=>{"use strict";t.d(r,{g:()=>a});let a=e=>({src:r,width:t,quality:a})=>{let i=function(e){try{if(e.startsWith("http://")||e.startsWith("https://"))return new URL(e);if(e.startsWith("//"))return new URL(`https:${e}`);return/^(data:|blob:|file:)/i.test(e),null}catch{return null}}(r);if(!i||!i.hostname.includes("images.ctfassets.net"))return r;let{w:o,h:n}=(e=>{let[r,t]=e.split("by").map(Number),a=t/r;return e=>({w:e,h:Math.round(e*a)})})(e.ratio)(t);return i.searchParams.set("fm",e.format??"avif"),i.searchParams.set("fit",e.fit??"fill"),e.focus&&i.searchParams.set("f",e.focus),i.searchParams.set("w",String(o)),i.searchParams.set("h",String(n)),i.searchParams.set("q",String(a??75)),i.toString()}},47605:e=>{e.exports={image__wrapper:"NextImageComponent_image__wrapper__zmC_O","image__wrapper--custom-cursor":"NextImageComponent_image__wrapper--custom-cursor__yh150","image__wrapper--1by1":"NextImageComponent_image__wrapper--1by1__mjFQM","image__wrapper--3by4":"NextImageComponent_image__wrapper--3by4__m364X","image__wrapper--4by3":"NextImageComponent_image__wrapper--4by3__TBYJc","image__wrapper--8by9":"NextImageComponent_image__wrapper--8by9__Lf6u1","image__wrapper--16by7":"NextImageComponent_image__wrapper--16by7__AJciF","image__wrapper--16by9":"NextImageComponent_image__wrapper--16by9__2DqhK","image__wrapper--5by4":"NextImageComponent_image__wrapper--5by4__1QC_a","image__wrapper--1by2":"NextImageComponent_image__wrapper--1by2__keKpC","image__wrapper__next-image":"NextImageComponent_image__wrapper__next-image__0hqhn","image__wrapper__next-image-blured":"NextImageComponent_image__wrapper__next-image-blured__qW2Z2",image__wrapper__description:"NextImageComponent_image__wrapper__description__AULO9","image--circle":"NextImageComponent_image--circle__gqs62","image--backdrop-position-left":"NextImageComponent_image--backdrop-position-left__muwqI","image--backdrop-position-right":"NextImageComponent_image--backdrop-position-right__X7EfA","image--backdrop-color-red":"NextImageComponent_image--backdrop-color-red__5IKGD","image--backdrop-color-burgundy":"NextImageComponent_image--backdrop-color-burgundy__kwMHe","image--backdrop-color-aqua":"NextImageComponent_image--backdrop-color-aqua__ZHfvZ","image--backdrop-color-green":"NextImageComponent_image--backdrop-color-green__8kdFk","image--media-gallery-overlay":"NextImageComponent_image--media-gallery-overlay__XNxKb"}},53111:e=>{e.exports={"mpk-page":"mpkPage_mpk-page__Wgq2S",title:"mpkPage_title__7GM3h",paragraph:"mpkPage_paragraph__z_REs",grid:"mpkPage_grid__BOyzh"}},60785:(e,r,t)=>{"use strict";t.r(r),t.d(r,{renderHtmlToReact:()=>o,renderInlineHtmlToReact:()=>i});var a=t(86649);let i=e=>o(e.replace(/<(\/?(p|div))>/gi,"")),o=e=>(0,a.Ay)(e||"")},74985:(e,r,t)=>{"use strict";t.d(r,{A:()=>s});var a=t(14232),i=t(69241),o={"price-wrapper":"OtbPrice-module_price-wrapper",price:"OtbPrice-module_price",priceWithDiscount:"OtbPrice-module_priceWithDiscount"};let n=(e,r,t)=>{let a="string"==typeof t?parseFloat(t):t;return new Intl.NumberFormat(e,{style:"currency",currency:r}).format(a)},s=({price:e,unitPrice:r,i18n:t,discountSlot:n,locale:s="de-de"})=>a.createElement("div",{className:(0,i.A)(o["price-wrapper"]),"data-testid":"otb-price"},r?a.createElement(l,{locale:s,unitPrice:r,i18n:{unit:t.unit,fromPrice:t.fromPrice}}):null,e?a.createElement(p,{locale:s,price:e,discountSlot:n,i18n:{fromPrice:t.fromPrice}}):null);s.displayName="OtbPrice";let p=({price:e,locale:r,i18n:t,discountSlot:i})=>{let s=(0,a.useMemo)(()=>n(r,e.currencyCode,e.amount),[r,e.currencyCode,e.amount]);return a.createElement("div",{className:o.priceWithDiscount},a.createElement("p",{className:o.price},e.isApproximately?a.createElement("span",{"data-testid":"price-from"},t.fromPrice," "):null,a.createElement("span",{"data-testid":"price-format"}," ",s)),i)},l=({unitPrice:e,locale:r,i18n:t})=>{let i=n(r,e.currencyCode,e.amount);return a.createElement("p",{className:o["unit-price"],"data-testid":"price-unit-price"},e.isApproximately?a.createElement("span",{"data-testid":"price-from"},t.fromPrice," "):null,i," ","/"," ",t.unit)}},76664:(e,r,t)=>{"use strict";t.r(r),t.d(r,{PAGE_TYPE_ID:()=>A,__N_SSP:()=>O,default:()=>E});var a=t(37876),i=t(14232),o=t(89368),n=t(77328),s=t.n(n),p=t(14857),l=t
1(60785),m=t(36636),c=t(3536),u=t(4333),d=t(21156),_=t(46568),g=t(41369),b=t(38653),f=t(93587),h=t(24099),w=t(53111),y=t.n(w),v=t(69241),x=t(78094),k=t(86686),P=t(5602),C=t(2219),I=t(38773);let N=new d.m;var O=!0;let A="B2BMPKPage",E=({products:e})=>{let r=(0,o.useTranslations)(""),{locale:t}=(0,_.A)(),{isShopUser:n}=(0,f.A)(),d=(0,k.P5)(),w=d?.toggles?.["cep-spa-ecom-new-product-card-design"],O=d?.toggles?.["cep-spa-ecom-show-most-specific-category-level-in-search"],{data:A,isLoading:E,isError:R,isSuccess:j}=(0,h.m)({baseProductSkus:e.map(e=>e.baseProductSku)??[],isEnabled:n}),S=w?x.AA:p.rz,M=(0,i.useMemo)(()=>e.map((e,r)=>(0,C.Hq)({item_id:e.baseProductSku,item_name:e.name,index:r,quantity:1,...(0,C.db)(e.categories?.map(e=>e?.name)??[])})),[e]);return(0,I.B)({items:M,listId:"b2b_mpk",listName:"Configurable products"}),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s(),{children:(0,a.jsx)("title",{children:r("MPK_Page.title")})}),(0,a.jsxs)("main",{id:"mpk-page",className:(0,v.A)(y()["mpk-page"],"b2b-product-page pdp-page theme-v3","mainContentSlot"),children:[(0,a.jsx)("h1",{className:(0,v.A)(y().title),children:r("MPK_Page.title")}),(0,a.jsxs)("section",{children:[(0,a.jsx)("p",{className:y().paragraph,children:r("MPK_Page.paragraph")}),(0,a.jsx)("div",{className:y().grid,"data-testid":"mpk-page-grid",children:e.map(e=>{let i=N.getB2BProduct({locale:t,baseProductSku:e.baseProductSku}),o=O?(0,P.E)(e.categories?.map(e=>e?.name)??[]):e.categories?.[0]?.name??"",s=j?A.results.find(r=>r.baseProductSku===e.baseProductSku):void 0;return(0,a.jsx)("div",{style:{flex:"0 0 33%",width:"100%"},children:(0,a.jsx)(S,{href:i,sku:e.baseProductSku,category:o,heading:e.name,descriptionSlot:e.summary?(0,l.renderInlineHtmlToReact)(e.summary):null,openInNewTab:!1,i18n:{linkLabel:r("translations.Link.a11y_link_title",{label:e.baseProductSku})},mediaSlot:(0,a.jsx)(m.A,{ImageComponent:u.A,aspectRatio:"1by1",src:(0,c.p)(e.images[0]?.detail??e.images[0]?.zoom),unoptimized:!0,fallback:!e.images[0]?.detail,label:r("translations.ProductBenefits.image_label"),i18n:{fallback_label:r("translations.Media.fallback_label")},alt:e.images[0]?.altText}),children:n?(0,a.jsx)(b.A,{isError:R,isLoading:E,children:j?(0,a.jsx)(g.CardBuyBoxWrapper,{sellingInfo:s,openCtaInNewTab:!1}):null}):null})},e.baseProductSku)})})]})]})]})}},80649:(e,r,t)=>{"use strict";t.d(r,{A:()=>s});var a=t(96576),i=t(14232),o=t(69241),n={image__wrapper:"OtbImage-module_image__wrapper","image__wrapper--custom-cursor":"OtbImage-module_image__wrapper--custom-cursor","image__wrapper--1by1":"OtbImage-module_image__wrapper--1by1","image__wrapper--3by4":"OtbImage-module_image__wrapper--3by4","image__wrapper--4by3":"OtbImage-module_image__wrapper--4by3","image__wrapper--8by9":"OtbImage-module_image__wrapper--8by9","image__wrapper--16by7":"OtbImage-module_image__wrapper--16by7","image__wrapper--16by9":"OtbImage-module_image__wrapper--16by9","image__wrapper--5by4":"OtbImage-module_image__wrapper--5by4","image__wrapper--1by2":"OtbImage-module_image__wrapper--1by2","image__wrapper__next-image":"OtbImage-module_image__wrapper__next-image","image__wrapper__next-image-blured":"OtbImage-module_image__wrapper__next-image-blured",image__wrapper__description:"OtbImage-module_image__wrapper__description","image--circle":"OtbImage-module_image--circle","image--backdrop-position-left":"OtbImage-module_image--backdrop-position-left","image--backdrop-position-right":"OtbImage-module_image--backdrop-position-right","image--backdrop-color-red":"OtbImage-module_image--backdrop-color-red","image--backdrop-color-burgundy":"OtbImage-module_image--backdrop-color-burgundy","image--backdrop-color-aqua":"OtbImage-module_image--backdrop-color-aqua","image--backdrop-color-green":"OtbImage-module_image--backdrop-color-green","image__wrapper--heroResponsive":"OtbImage-module_image__wrapper--heroResponsive","image--media-gallery-overlay":"OtbImage-module_image--media-gallery-overlay"};let s=e=>{var{ImageComponent:r,src:t,alt:s,title:p,priority:l,aspectRatio:m,focalPoint:c,variant:u,description:d,circle:_,backdropColor:g,backdropPosition:b,customCursor:f,unoptimized:h,loader:w,onError:y}=e,v=(0,a._)(e,["ImageComponent","src","alt","title","priority","aspectRatio","focalPoint","variant","description","circle","backdropColor","backdropPosition","customCursor","unoptimized","loader","onError"]);let x="hero"===u,k=x?n["image__wrapper--heroResponsive"]:m?n[`image__wrapper--${m}`]:n["image__wrapper--16by9"];return i.createElement("div",Object.assign({},v,{className:(0,o.A)(n.image__wrapper,k,f&&n["image__wrapper--custom-cursor"],u&&n[`image--${u}`],_&&n["image--circle"],_&&b&&g&&n[`image--backdrop-position-${b}`],_&&b&&g&&n[`image--backdrop-color-${g}`],v.className),style:Object.assign(Object.assign({},f&&{"--media-button--cursor":'url("/src/assets/images/cursor.png") 20 20, auto'}),x?{aspectRatio:"16 / 7"}:void 0),"data-testid":"otb-image"}),r?i.createElement(r,{src:t,alt:s,title:p,priority:l,aspectRatio:m,focalPoint:c,variant:u,description:d,circle:_,backdropColor:g,backdropPosition:b,customCursor:f,unoptimized:h,loader:w,onError:y}):null,d?i.createElement("div",{className:n.image__wrapper__description},d):null)};s.displayName="OtbImage"},87552:(e,r,t)=>{"use strict";t.d(r,{X:()=>o});var a=t(14232),i=t(81285);function o(e){let[r,t]=a.useState(void 0);return(0,i.N)(()=>
1{if(e){t({width:e.offsetWidth,height:e.offsetHeight});let r=new ResizeObserver(r=>{let a,i;if(!Array.isArray(r)||!r.length)return;let o=r[0];if("borderBoxSize"in o){let e=o.borderBoxSize,r=Array.isArray(e)?e[0]:e;a=r.inlineSize,i=r.blockSize}else a=e.offsetWidth,i=e.offsetHeight;t({width:a,height:i})});return r.observe(e,{box:"border-box"}),()=>r.unobserve(e)}t(void 0)},[e]),r}}},e=>{e.O(0,[6649,8212,7023,1369,636,6593,8792],()=>e(e.s=14696)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.