(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[5535],{41810:(n,e,t)=>{"use strict";t.d(e,{Z:()=>f});var r,i=t(67294),o=t(63742),a=t(7730),c=t(30168),u=(t(92222),t(71893).ZP.div(r||(r=(0,c.Z)(["\n display: flex;\n align-items: center;\n border-radius: ",";\n padding: ",";\n background: ",";\n svg {\n fill: ",";\n width: ",";\n height: ",";\n }\n span {\n color: ",";\n }\n"])),(function(n){var e=n.theme;return"0 ".concat(e.spacing.spacing0025," ").concat(e.spacing.spacing0025," 0")}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing0025," ").concat(e.spacing.spacing005)}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.danger.main}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.colors.danger.main}))),l=t(96707),s=t(89719);const f=function(n){var e=n.expirationDate,t=(0,l.a)(e),r=t.hours,c=t.minutes,f=t.seconds;return i.createElement(i.Fragment,null,r+c+f>0&&i.createElement(u,null,i.createElement(o.J,{icon:"alarm_clock"}),i.createElement(a.Z,{typo:"captionBold"},(0,s.V)(r),":",(0,s.V)(c),":",(0,s.V)(f))))}},7207:n=>{var e=TypeError;n.exports=function(n){if(n>9007199254740991)throw e("Maximum allowed index exceeded");return n}},92222:(n,e,t)=>{"use strict";var r=t(82109),i=t(47293),o=t(43157),a=t(70111),c=t(47908),u=t(26244),l=t(7207),s=t(86135),f=t(65417),d=t(81194),p=t(5112),m=t(7392),g=p("isConcatSpreadable"),h=m>=51||!i((function(){var n=[];return n[g]=!1,n.concat()[0]!==n})),v=d("concat"),y=function(n){if(!a(n))return!1;var e=n[g];return void 0!==e?!!e:o(n)};r({target:"Array",proto:!0,arity:1,forced:!h||!v},{concat:function(n){var e,t,r,i,o,a=c(this),d=f(a,0),p=0;for(e=-1,r=arguments.length;e{"use strict";t.d(e,{GS:()=>l,EB:()=>s});var r=t(90542),i=t(67294);function o(n){return"string"===typeof n?n.replace(/@media\s/,""):Object.entries(n).map((function(n){var e=(0,r.Z)(n,2),t=e[0],i=e[1],o=t.replace(/[A-Z]/g,(function(n){return"-".concat(n.toLowerCase())})).toLowerCase(),a=i;return"boolean"===typeof a?a?o:"not ".concat(o):("number"===typeof a&&/[height|width]$/.test(o)&&(a="".concat(a,"px")),"(".concat(o,": ").concat(a,")"))})).join(" and ")}var a=t(29715),c={media:"",matches:!1,onchange:a.Z,addListener:a.Z,removeListener:a.Z,addEventListener:a.Z,removeEventListener:a.Z,dispatchEvent:function(n){return!0}},u=function(n){return function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=(0,i.useState)(t),u=(0,r.Z)(a,2),l=u[0],s=u[1],f=o(e);return n((function(){var n=!0,e="undefined"===typeof window?c:window.matchMedia(f),t=function(){n&&s(Boolean(e.matches))};return e.addListener(t),s(e.matches),function(){n=!1,e.removeListener(t)}}),[f]),l}},l=u(i.useEffect),s=u("undefined"!==typeof window?i.useLayoutEffect:i.useEffect)},85664:(n,e,t)=>{"use strict";t.d(e,{C:()=>c});var r,i,o=t(82856),a=t(71893),c=a.ZP.span(r||(r=(0,o.Z)(["\n display: inline-block;\n border: 1px solid transparent;\n border-radius: 4px;\n padding: ","\n "," 2px;\n font-size: ",";\n line-height: ",";\n color: ",";\n background: ",";\n margin: ",";\n font-weight: ",";\n\n ","\n"])),(function(n){return n.theme.spacing.spacing005}),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.typography.header.h6.size}),(function(n){return n.theme.typography.header.h6.lineHeight}),(function(n){var e=n.theme;return n.textColor||e.colors.white}),(function(n){var e=n.theme;return n.bgColor||e.colors.secondary.main}),(function(n){return n.isolated?"0":"0 ".concat(n.theme.spacing.spacing01)}),(function(n){return n.bold?700:400}),(function(n){var e=n.theme,t=n.bgColor;return n.outline&&(0,a.iv)(i||(i=(0,o.Z)(["\n background: ",";\n border: 1px solid ",";\n "])),e.colors.white,t||e.colors.secondary.main)}))},2482:(n,e,t)=>{"use strict";t.d(e,{Z:()=>v});var r=t(67294),i=t(26793),o=t(7730),a=t(63742),c=t(56428),u=t(71893),l=t(41810),s=t(85664);function f(){var n,e,t=(n=["\n height: fit-content;\n display: flex;\n align-items: center;\n padding: 0;\n border: ",";\n > span {\n margin: ",";\n }\n"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return f=function(){return t},t}var d=(0,u.ZP)(s.C)(f(),(function(n){var e=n.theme;return"".concat(e.spacing.spacing0025," solid ").concat(e.colors.danger.main)}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing0025," ").concat(e.spacing.spacing005)}));const p=function(n){var e=n.discount,t=n.expirationDate,i=(0,u.Fg)();return r.createElement(r.Fragment,null,!!e&&e>0&&r.createElement(d,{bold:!0,bgColor:i.colors.danger.main,textColor:i.colors.white,isolated:!0},r.createElement("span",null," -",e,"%"),t&&r.createElement(l.Z,{expirationDate:t})))};var m=t(66676);function g(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t{"use strict";t.d(e,{$0:()=>v,Rx:()=>Z,l:()=>x,lU:()=>h,le:()=>E,tA:()=>w,uX:()=>y,xL:()=>k,z8:()=>b});var r=t(51062),i=t(30305),o=t(71893);function a(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function c(){var n=a(["\n width: 100%;\n display: flex;\n flex-direction: column;\n"]);return c=function(){return n},n}function u(){var n=a(["\n display: flex;\n align-items: center;\n"]);return u=function(){return n},n}function l(){var n=a(["\n display: flex;\n align-items: flex-start;\n margin-right: ",";\n color: ",";\n"]);return l=function(){return n},n}function s(){var n=a(["\n ",";\n"]);return s=function(){return n},n}function f(){var n=a(["\n ",";\n margin-top: ",";\n margin-left: ",";\n"]);return f=function(){return n},n}function d(){var n=a(["\n margin-right: ",";\n"]);return d=function(){return n},n}function p(){var n=a(["\n text-decoration: line-through;\n margin-right: ",";\n"]);return p=function(){return n},n}function m(){var n=a(["\n width: ",";\n height: ",";\n cursor: pointer;\n svg {\n fill: ",";\n width: 100%;\n height: 100%;\n }\n cursor: pointer;\n"]);return m=function(){return n},n}function g(){var n=a(["\n ",";\n color: ",";\n margin-bottom: 0;\n "," {\n margin-right: ",";\n }\n"]);return g=function(){return n},n}var h=o.ZP.div(c()),v=o.ZP.div(u()),y=o.ZP.span(l(),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.theme;return n.highlighted?e.colors.danger.main:e.colors.black})),b=o.ZP.span(s(),r.g.header.h2),w=o.ZP.span(f(),r.g.header.h4,(function(n){return n.theme.spacing.spacing005}),(function(n){return n.theme.spacing.spacing005})),x=o.ZP.div(d(),(function(n){return n.theme.spacing.spacing01})),E=o.ZP.span(p(),(function(n){return n.theme.spacing.spacing01})),k=o.ZP.div(m(),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.colors.environment.percent35})),Z=o.ZP.div(g(),r.g.header.h2,(function(n){return n.theme.colors.environment.percent35}),i.B.desktop,(function(n){return n.theme.spacing.spacing02}))},9743:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>q});var r=t(67294),i=t(26793),o=t(22981),a=t(30305),c=t(50693),u=t(63742),l=t(85664),s=t(71893),f=t(2482),d=t(71178),p=t(90894),m=t(7730),g=t(56428);function h(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function v(){var n=h(["\n display: none;\n "]);return v=function(){return n},n}function y(){var n=h(["\n width: 100%;\n z-index: ",";\n ",";\n "," {\n min-height: 8.5rem;\n position: fixed;\n top: ",";\n left: 0;\n transition: all 300ms;\n transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);\n opacity: ",";\n z-index: ",";\n }\n"]);return y=function(){return n},n}function b(){var n=h(["\n background: ",";\n width: 100%;\n"]);return b=function(){return n},n}function w(){var n=h(["\n width: 100%;\n max-width: ",";\n margin: 0 auto;\n background: ",";\n padding: ",";\n padding-bottom: ",";\n position: fixed;\n bottom: ",";\n z-index: ",";\n left: 0;\n box-shadow: ",";\n\n "," {\n box-shadow: unset;\n position: unset;\n display: flex;\n justify-content: space-between;\n }\n"]);return w=function(){return n},n}function x(){var n=h(["\n width: 100%;\n background: ",";\n display: flex;\n position: fixed;\n top: ",";\n z-index: ",";\n left: 0;\n margin: 0 auto;\n "," {\n position: unset;\n }\n"]);return x=function(){return n},n}function E(){var n=h(["\n display: flex;\n justify-content: space-between;\n max-width: ",";\n width: 100%;\n margin: 0 auto;\n"]);return E=function(){return n},n}function k(){var n=h(["\n margin: ",";\n color: ",";\n width: max-content;\n"]);return k=function(){return n},n}function Z(){var n=h(["\n width: ",";\n height: ",";\n display: flex;\n align-items: center;\n justify-content: center;\n fill: ",";\n"]);return Z=function(){return n},n}function B(){var n=h(["\n padding: ",";\n display: flex;\n align-items: center;\n cursor: pointer;\n box-shadow: ",";\n &:active {\n background: ",";\n }\n\n "," {\n &:hover {\n box-shadow: ",";\n }\n }\n"]);return B=function(){return n},n}function P(){var n=h(["\n align-items: center;\n display: flex;\n flex-wrap: nowrap;\n overflow: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n\n &::-webkit-scrollbar {\n height: 0;\n width: 0;\n }\n"]);return P=function(){return n},n}function A(){var n=h(["\n display: flex;\n"]);return A=function(){return n},n}function C(){var n=h(["\n display: block;\n margin-left: ",";\n"]);return C=function(){return n},n}function D(){var n=h(["\n color: ",";\n"]);return D=function(){return n},n}function S(){var n=h(["\n position: sticky;\n right: 0;\n background: ",";\n cursor: pointer;\n display: flex;\n align-items: center;\n border-left: ",";\n padding: ",";\n\n "," {\n border-left: unset;\n }\n"]);return S=function(){return n},n}function j(){var n=h(["\n width: 4rem;\n object-fit: contain;\n"]);return j=function(){return n},n}function O(){var n=h(["\n "," {\n width: unset;\n margin-bottom: unset;\n margin-bottom: ",";\n }\n "," {\n display: flex;\n align-items: center;\n "," {\n margin-right: ",";\n }\n }\n"]);return O=function(){return n},n}var L=s.ZP.div(y(),(function(n){var e=n.showBar,t=n.theme;return e&&t.layout.zIndex.masked}),(function(n){return!n.visible&&(0,s.iv)(v())}),a.B.desktop,(function(n){var e=n.showBar,t=n.elementHeight;return e?"0":"-".concat(t,"px")}),(function(n){return!n.showBar&&"0"}),(function(n){var e=n.showBar,t=n.theme;return e&&t.layout.zIndex.header})),z=s.ZP.div(b(),(function(n){return n.theme.colors.white})),I=s.ZP.div(w(),(function(n){return n.theme.layout.grid.width}),(function(n){return n.theme.colors.white}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing03}),(function(n){var e=n.elementHeight;return n.showBar?"0":"-".concat(e,"px")}),(function(n){return n.theme.layout.zIndex.masked}),(function(n){return n.showBar&&"0px -4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12)"}),a.B.desktop),_=s.ZP.div(x(),(function(n){return n.theme.colors.black}),(function(n){var e=n.elementHeight,t=n.showBar,r=n.topPosition;return t?"".concat(r,"px"):"calc(-".concat(e,"px)")}),(function(n){return n.theme.layout.zIndex.masked}),a.B.desktop),T=s.ZP.div(E(),(function(n){return n.theme.layout.grid.width})),R=(0,s.ZP)(m.Z)(k(),(function(n){var e=n.theme;return"0 ".concat(e.spacing.spacing01)}),(function(n){return n.theme.colors.white})),M=s.ZP.div(Z(),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.spacing.spacing03}),(function(n){return n.theme.colors.white})),F=s.ZP.div(B(),(function(n){var e=n.theme;return"0.75rem ".concat(e.spacing.spacing02)}),(function(n){var e=n.isSelected,t=n.theme;return e&&"inset 0px -4px 0px ".concat(t.colors.brand.main)}),(function(n){return n.theme.colors.environment.percent40}),a.B.desktop,(function(n){var e=n.theme;return"inset 0px -4px 0px ".concat(e.colors.brand.main)})),U=s.ZP.div(P()),H=s.ZP.div(A()),$=(0,s.ZP)(m.Z)(C(),(function(n){return n.theme.spacing.spacing01})),J=(0,s.ZP)($)(D(),(function(n){var e=n.theme;return n.hasStrDeliveryDate?e.colors.success.main:e.colors.danger.main})),N=s.ZP.div(S(),(function(n){return n.theme.colors.black}),(function(n){var e=n.theme;return"1px solid ".concat(e.colors.environment.percent20)}),(function(n){var e=n.theme;return"0.75rem ".concat(e.spacing.spacing02)}),a.B.desktop),V=s.ZP.img(j()),K=s.ZP.div(O(),g.lU,(function(n){return n.theme.spacing.spacing01}),a.B.desktop,g.lU,(function(n){return n.theme.spacing.spacing03})),X=t(66676);function Y(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);ten(q)?h:en(q);return B.isDesktop?n:en(nn)+(h||0)}),[B,h]),rn=(0,r.useCallback)((function(){var n=document.getElementById(m),t=Boolean(n&&n.getBoundingClientRect().top<=tn);Y(t),e.map((function(n){var e=document.getElementById(n.id);e&&e.getBoundingClientRect().top<=tn&&S(n)}))}),[m,tn,Y,e]);(0,r.useEffect)((function(){return window.addEventListener("scroll",rn),function(){return window.removeEventListener("scroll",rn)}}),[tn,rn]);return r.createElement(L,{showBar:O,ref:q,elementHeight:en(Q),visible:y},r.createElement(z,null,r.createElement(I,{showBar:O,ref:Q,elementHeight:en(Q)},Z&&r.createElement(H,null,r.createElement(V,{alt:t.image.alt,src:t.image.src,loading:"lazy"}),r.createElement("div",null,r.createElement($,{typo:"body2Regular"},t.name),r.createElement(J,{typo:"body2Bold",hasStrDeliveryDate:Boolean(t.shippingMessage)},t.shippingMessage?E("productDetail.stickyBar.deliveryDateStr",{text:t.shippingMessage}):E("productDetail.stickyBar.noExactDeliveryDate")))),r.createElement(K,null,r.createElement(f.Z,G({},t.priceBox)),r.createElement(c.z,{fluid:!Z,onClick:A,disabled:x,big:!0},E(b?"productDetail.buyBox.notify.button":"productDetail.stickyBar.addButton"))))),r.createElement(_,{showBar:O,ref:nn,elementHeight:en(nn),topPosition:h||0},r.createElement(T,null,r.createElement(U,null,e.map((function(n){return r.createElement(F,{id:"".concat(n.id,"-button"),key:n.text,isSelected:(null===D||void 0===D?void 0:D.text)===n.text,onClick:function(){return e=n.id,t=document.getElementById(e),void window.scrollTo({behavior:"smooth",top:t&&t.getBoundingClientRect().top+window.scrollY-tn||0});var e,t}},r.createElement(M,null,r.createElement(u.J,{icon:n.icon})),r.createElement(R,{typo:"body1Regular"},n.text),n.badgeAmount&&r.createElement(l.C,{bold:!0,bgColor:k.colors.danger.main,textColor:k.colors.white},n.badgeAmount))}))),r.createElement(N,{onClick:function(){return window.scrollTo({behavior:"smooth",top:0})}},r.createElement(M,null,r.createElement(u.J,{icon:"arrow_up"})),Z&&r.createElement(R,{typo:"body1Regular"},E("productDetail.stickyBar.goTop"))))))}},89719:(n,e,t)=>{"use strict";t.d(e,{V:()=>r});var r=function(n){return n<10?"0".concat(n):String(n)}},90894:(n,e,t)=>{"use strict";t.d(e,{F:()=>c});var r=t(67294),i=t(53397);function o(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t=e&&c=r&&c=o&&c=a})};return(0,r.useEffect)((function(){o(),window.addEventListener("resize",o)}),[]),e}},30168:(n,e,t)=>{"use strict";function r(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}t.d(e,{Z:()=>r})}}]); //# sourceMappingURL=StickyBar.js.map