1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,58670,e=>{"use strict";e.s(["shoppingListCreateMutation",0,"mutation shoppingListCreate($name: String!, $product_id: Int, $quantity: Int) {\n shoppingListCreate(name: $name, product_id: $product_id, quantity: $quantity) {\n id\n }\n}\n"])},25087,e=>{"use strict";e.s(["userPasswordResetMutation",0,"mutation userPasswordReset($email: String!, $captcha: Captcha) {\n userPasswordReset(email: $email, captcha: $captcha)\n}\n"])},76817,e=>{"use strict";e.s(["getCsrfTokenQuery",0,"query getCsrfToken($mutation: String!) {\n csrfToken(mutation: $mutation)\n}\n"])},483,e=>{"use strict";e.s(["getZipCodeInfoQuery",0,"query getZipCodeInfo($prefix: String!) {\n zipAutocomplete(prefix: $prefix) {\n zip_code\n city\n }\n}\n"])},73101,e=>{"use strict";e.s(["giftCardBalanceQuery",0,"query giftCardBalance($barcode: String!, $cvc: String!, $captcha: Captcha) {\n giftCardBalance(barcode: $barcode, cvc: $cvc, captcha: $captcha) {\n expiry_date\n balance\n design\n }\n}\n"])},20827,e=>{"use strict";var t=e.i(91398),i=e.i(16120),o=e.i(53973),a=e.i(35531),r=e.i(1090),n=e.i(37162),l=e.i(22276),s=e.i(60814);let d=s.default.div.withConfig({displayName:"FreeShippingBar__FreeShippingContainer",componentId:"sc-91db2a1f-0"})` 2 background: ${e=>e.theme.color.neutralSnow}; 3 border-radius: 8px; 4 position: relative; 5 height: 64px; 6 padding: 8px 16px; 7 width: 100%; 8 display: flex; 9 flex-direction: ${e=>e.$isFreeDelivery?"row":"column"}; 10 align-items: center; 11 justify-content: ${e=>e.$isFreeDelivery?"flex-start":"space-between"}; 12 background-color: ${e=>e.$isFreeDelivery?e.theme.color.feedbackOkBg:e.theme.color.neutralSnow}; 13 overflow: visible; 14 15 svg { 16 flex-shrink: 0; 17 } 18`,c=s.default.div.withConfig({displayName:"FreeShippingBar__ProgressContainer",componentId:"sc-91db2a1f-1"})` 19 height: 32px; 20 width: 100%; 21 position: relative; 22 display: flex; 23 flex-direction: column; 24 justify-content: center; 25`,p=s.default.div.withConfig({displayName:"FreeShippingBar__ProgressBarContainer",componentId:"sc-91db2a1f-2"})` 26 position: relative; 27 height: 18px; 28 border-radius: 999px; 29 width: 100%; 30 background: ${e=>e.theme.color.grayL}; 31 z-index: 1; 32 overflow: visible; 33`,u=s.default.div.withConfig({displayName:"FreeShippingBar__ProgressBar",componentId:"sc-91db2a1f-3"})` 34 height: 18px; 35 width: ${e=>e.$percent}%; 36 transition: 37 width 300ms ease-in-out, 38 background-color 300ms ease-in-out; 39 background-color: ${e=>e.$color}; 40 border-radius: 999px; 41 z-index: 1; 42`,g=(0,s.default)(o.Typo).withConfig({displayName:"FreeShippingBar__FreeShippingText",componentId:"sc-91db2a1f-4"})` 43 margin-left: 12px; 44 white-space: nowrap; 45 z-index: 2; 46`;var h=(0,s.default)(g).withConfig({displayName:"FreeShippingBar___StyledFreeShippingText",componentId:"sc-91db2a1f-5"})({marginLeft:16});let f=s.default.div.withConfig({displayName:"FreeShippingBar__FreeDeliveryIcon",componentId:"sc-91db2a1f-6"})` 47 background: ${e=>e.theme.color.feedbackDone}; 48 width: 32px; 49 height: 32px; 50 border-radius: 6px; 51 display: flex; 52 justify-content: center; 53 align-items: center; 54`,m=s.default.div.withConfig({displayName:"FreeShippingBar__ProgressStartCircle",componentId:"sc-91db2a1f-7"})` 55 position: absolute; 56 top: calc((100% - 12px) / 2); 57 left: 4px; 58 width: 12px; 59 height: 12px; 60 border-radius: 999px; 61 border: 2px solid ${e=>e.theme.color.feedbackOkBg}; 62`,x=s.default.div.withConfig({displayName:"FreeShippingBar__ProgressCircle",componentId:"sc-91db2a1f-8"})` 63 position: absolute; 64 top: 0; 65 left: calc(max(${e=>e.$percent}%, 18px)); 66 transition: left 300ms ease-in-out; 67 transform: translate(calc(-100% - 1px), 1px); 68 background-color: ${e=>e.theme.color.feedbackOkBg}; 69 width: 16px; 70 height: 16px; 71 box-shadow: 0 0 0 4px ${e=>e.$percent>=50?e.theme.color.greenAlpha30:r.Color.grayAlpha20}; 72 border-radius: 999px; 73`,b=s.default.div.withConfig({displayName:"FreeShippingBar__ProgressEndCircle",componentId:"sc-91db2a1f-9"})` 74 position: absolute; 75 display: flex; 76 align-items: center; 77 justify-content: center; 78 background: white; 79 width: 32px; 80 height: 32px; 81 border-radius: 999px; 82 right: 0; 83 box-shadow: 0 0 0 4px ${e=>e.theme.color.grayLAlpha30}; 84 top: calc((100% - 32px) / 2); 85`,y=s.default.div.withConfig({displayName:"FreeShippingBar__ProgressLoadingContainer",componentId:"sc-91db2a1f-10"})` 86 height: 64px; 87 width: 100%; 88 border-radius: 8px; 89 overflow: hidden; 90`,w=()=>{let e=(0,r.useRossmannTheme)(),i="100%";return(0,t.jsx)(y,{children:(0,t.jsx)(n.default,{speed:2,width:i,height:"64",viewBox:`0 0 ${i} 64`,backgroundColor:e.color.grayL,foregroundColor:e.color.grayXL,children:(0,t.jsx)("rect",{x:"0",y:"0",rx:"4",ry:"4",width:i,height:"64"})})})};var v=(0,s.default)(i.default).withConfig({displayName:"FreeShippingBar___StyledSvgDelivery",componentId:"sc-91db2a1f-11"})({color:"white"}),$=(0,s.default)(i.default).withConfig({displayName:"FreeShippingBar___StyledSvgDelivery2",componentId:"sc-91db2a1f-12"})({zIndex:2});e.s(["FreeShippingBar",0,()=>{var e;let i=(0,l.useSelector)(e=>e.cart),o=(0,r.useRossmannTheme)(),n=(0,l.useSelector)(e=>e.appData.freeShippingLimit),s=null===n?0:i.free_shipping?100:(1-i.free_shipping_left/n)*100;return 0!==i.free_shipping_left||i.free_shipping?null===n?null:i.free_shipping?(0,t.jsxs)(d,{$isFreeDelivery:!0,children:[(0,t.jsx)(f,{children:(0,t.jsx)(v,{})}),(0,t.jsx)(h,{$variant:"bold10",$variantMedium:"bold12",$color:"grayD",children:a.Intl.formatMessage({id:"components.freeShippingBar.freeShipping"})})]}):(0,t.jsxs)(d,{children:[(0,t.jsx)(g,{$variant:"bold10",$variantMedium:"bold12",$color:"grayD",children:a.Intl.formatMessage({id:"components.freeShippingBar.amountLeft"},{difference:a.Intl.formatCurrency(i.free_shipping_left)})}),(0,t.jsx)(c,{children:(0,t.jsxs)(p,{children:[(0,t.jsx)(u,{$percent:s,$color:(e=s)<25?o.color.yellow:e<50?o.color.mint:e<75?o.color.green:o.color.darkGreen}),(0,t.jsx)(m,{}),(0,t.jsx)(x,{$percent:s}),(0,t.jsx)(b,{children:(0,t.jsx)($,{})})]})})]}):(0,t.jsx)(w,{})}])},98263,e=>{"use strict";var t=e.i(91788);e.s(["useGuestEmailConfirmation",0,function(){let[e,i]=(0,t.useState)(!1),[o,a]=(0,t.useState)(!1),[r,n]=(0,t.useState)(!1),[l,s]=(0,t.useState)(""),[d,c]=(0,t.useState)(null),[p,u]=(0,t.useState)(!1),g=(0,t.useCallback)(()=>{i(!0)},[]),h=(0,t.useCallback)(()=>{a(!0),i(!1)},[]),f=(0,t.useCallback)(()=>{i(!1)},[]),m=(0,t.useCallback)(()=>{i(!1)},[]),x=(0,t.useCallback)(e=>{s(e),c(null),n(!0)},[]),b=(0,t.useCallback)(()=>{n(!1)},[]),y=(0,t.useCallback)(()=>{i(!1),n(!1),c(null),u(!1)},[]);return{isConfirmModalOpen:e,isEmailConfirmed:o,isEditModalOpen:r,editedEmail:l,editEmailError:d,isEmailSaveLoading:p,requestConfirmation:g,confirmYes:h,confirmEdit:f,closeConfirm:m,openEdit:x,closeEdit:b,setEditedEmail:s,setEditEmailError:c,setEmailSaveLoading:u,setEmailConfirmed:a,resetAll:y}}])},44324,71464,e=>{"use strict";var t=e.i(91398),i=e.i(21425),o=e.i(91788);let a=(e,t)=>{(0,o.useEffect)(()=>{let i=i=>{let o=e?.current;!o||o.contains(i.target)||t(i)};return document.addEventListener("mousedown",i),document.addEventListener("touchstart",i),(
90)=>{document.removeEventListener("mousedown",i),document.removeEventListener("touchstart",i)}},[e,t])};e.s(["useOnClickOutside",0,a],71464);var r=e.i(35531),n=e.i(55152),l=e.i(49365),s=e.i(81747),d=e.i(60814),c=e.i(81760),p=e.i(9432),u=e.i(3734);let g=o.default.forwardRef(({label:e,hint:i,errorMessage:n,value:d,options:g,setValue:b,setError:y,isTouched:v,...$},C)=>{let[_,j]=(0,o.useState)(!1),I=(0,o.useRef)(null),k=(0,o.useRef)(!1),{selectedItem:S,getMenuProps:B,highlightedIndex:L,getItemProps:M}=(0,s.useSelect)({items:g,onSelectedItemChange:e=>{b(e.selectedItem?.value.toString()??"")}});return(0,o.useEffect)(()=>{g.length>1&&!g.find(e=>e.value===d)&&(b(""),j(!0))},[g]),a(I,async()=>{await (0,l.wait)(200),v&&!d&&y(r.Intl.formatMessage({id:"validation.mandatory"})),j(!1)}),(0,t.jsx)(u.SelectContainer,{className:"select-container",ref:I,onFocus:()=>{if(g.length>1&&!_){if(k.current){k.current=!1;return}y(""),j(!0)}},children:(0,t.jsxs)(h,{children:[(e||i)&&(0,t.jsxs)(f,{$justifyContent:"space-between",errorMessage:n,children:[(0,t.jsx)(m,{className:"fw-bold",children:e}),i&&(0,t.jsx)(m,{$rightAlign:!0,children:i})]}),(0,t.jsx)(w,{readOnly:!0,ref:C,$empty:!0,$isError:!!n,...$}),n&&(0,t.jsx)(x,{children:n}),(0,t.jsx)(p.SelectListAbsoluteContainer,{isVisible:_,style:{marginTop:"-12px"},children:(0,t.jsx)(c.Dropdown.Wrapper,{children:(0,t.jsx)(c.Dropdown.List,{maxHeight:152,...B(),children:_&&(g.length>0?(0,t.jsx)(t.Fragment,{children:g.map((e,i)=>(0,t.jsx)(p.SelectListItem,{id:e.id,name:e.name,highlighted:L===i,selected:S===e,...M({item:e,index:i,onClick:()=>{j(!1),k.current=!0}}),children:e.title},e.value))}):null)})})})]},e)})}),h=d.default.label.withConfig({displayName:"CityInput__InputWrapper",componentId:"sc-de83782f-0"})` 91 display: block; 92 padding-bottom: ${({$noStack:e})=>e?"":"8px"}; 93`,f=(0,d.default)(i.Flex.Container).withConfig({displayName:"CityInput__LabelContainer",componentId:"sc-de83782f-1"})` 94 margin-bottom: ${e=>4*!e.noMargin}px; 95 color: ${e=>e.errorMessage?e.theme.color.orange:e.theme.color.gray}; 96`,m=d.default.span.withConfig({displayName:"CityInput__InputLabelText",componentId:"sc-de83782f-2"})` 97 font-size: 12px; 98 line-height: 15px; 99 font-variant: tabular-nums; 100 101 ${e=>e.$hideLabel&&d.css` 102 ${n.showForSr}; 103 `} 104 105 ${e=>e.$rightAlign&&d.css` 106 text-align: right; 107 `} 108`,x=d.default.p.withConfig({displayName:"CityInput__ErrorText",componentId:"sc-de83782f-3"})` 109 color: ${e=>e.theme.color.orange}; 110 font-size: 12px; 111 line-height: 18px; 112 margin-bottom: 8px; 113`,b=d.css` 114 background-clip: padding-box; 115 background-color: ${e=>e.$empty?e.theme.input.background:e.theme.input.focus.background}; 116 border-radius: ${e=>e.theme.radius.small}; 117 border: 1px solid; 118 border-color: ${e=>e.$isError?e.theme.input.error.borderColor:e.theme.input.borderColor}; 119 color: ${e=>e.$isError?e.theme.input.error.color:e.theme.input.color}; 120 caret-color: ${e=>e.theme.color.gray}; 121 ${e=>e.theme.fontWeight.regular}; 122 font-size: 16px; 123 line-height: 24px; 124 height: 40px; 125 padding: 8px 20px; 126 margin-bottom: ${({$noStack:e})=>e?"":"8px"}; 127 display: block; 128 width: 100%; 129 flex: 1; 130 transition: all ${e=>e.theme.transition.hover}; 131 132 &::placeholder { 133 color: ${e=>e.$isError?e.theme.input.error.color:e.theme.input.placeholder.color}; 134 } 135 136 &:focus { 137 outline: none; 138 border-color: ${e=>e.$isError?e.theme.input.error.color:e.theme.input.focus.borderColor}; 139 background-color: ${e=>e.theme.input.focus.background}; 140 box-shadow: ${e=>e.theme.shadow.gray}; 141 } 142 143 &:disabled { 144 color: ${e=>e.theme.input.disabled.color}; 145 background-color: ${e=>e.theme.input.disabled.background}; 146 border-color: ${e=>e.theme.input.disabled.borderColor}; 147 cursor: not-allowed; 148 } 149 150 &:read-only { 151 cursor: default; 152 overflow: hidden; 153 text-overflow: ellipsis; 154 white-space: nowrap; 155 156 &:focus { 157 box-shadow: none; 158 } 159 } 160 161 &:-webkit-autofill, 162 &:-webkit-autofill:hover, 163 &:-webkit-autofill:focus, 164 &:-webkit-autofill:active { 165 -webkit-text-fill-color: ${e=>e.theme.color.gray} !important; 166 transition: background-color 5500s ease-in-out 0s; 167 } 168 169 &[type="file"] { 170 padding-right: 56px; 171 } 172`,y=d.css` 173 ${b}; 174 overflow: ${e=>e.noWrap&&"hidden"}; 175 text-overflow: ${e=>e.noWrap&&"ellipsis"}; 176 white-space: ${e=>e.noWrap&&"nowrap"}; 177`,w=d.default.input.withConfig({displayName:"CityInput__StyledInput",componentId:"sc-de83782f-4"})` 178 ${y} 179`;d.default.textarea.withConfig({displayName:"CityInput__StyledTextarea",componentId:"sc-de83782f-5"})` 180 ${b} 181 min-width: 100%; 182 width: 100%; 183 max-width: 100%; 184 min-height: 90px; 185 height: auto; 186`,e.s(["CityInput",0,g],44324)},77637,e=>{"use strict";var t=e.i(91398),i=e.i(73101),o=e.i(88756),a=e.i(22434),r=e.i(74801),n=e.i(19564),l=e.i(25909),s=e.i(84031),d=e.i(46265),c=e.i(53973),p=e.i(90070),u=e.i(35531),g=e.i(86883),h=e.i(1090),f=e.i(73631),m=e.i(91365),x=e.i(67100),b=e.i(85307),y=e.i(16951),w=e.i(91788),v=e.i(58021),$=e.i(22276),C=e.i(60814);let _=C.default.button.attrs({type:"button"}).withConfig({displayName:"DigitalGiftCardBalance__MoreInformationTrigger",componentId:"sc-7d556c26-0"})` 187 align-items: center; 188 background: rgba(0, 0, 0, 0.7); 189 border-radius: 50%; 190 color: ${({theme:e})=>
190e.color.neutralWhite}; 191 display: flex; 192 height: 20px; 193 justify-content: center; 194 position: relative; 195 width: 20px; 196 197 &::before { 198 bottom: -10px; 199 content: ""; 200 left: -5px; 201 position: absolute; 202 right: -10px; 203 top: -10px; 204 z-index: 1; 205 } 206 207 ${h.bp.large} { 208 height: 32px; 209 width: 32px; 210 211 &::before { 212 content: normal; 213 } 214 215 svg { 216 height: 32px; 217 width: 32px; 218 } 219 } 220`,j=(0,C.default)(c.Typo).withConfig({displayName:"DigitalGiftCardBalance__TypoMoreInformationDescriptionWrapper",componentId:"sc-7d556c26-1"})` 221 flex: 1 1 0; 222 min-width: 0; 223 width: 165px; 224 225 ${h.bp.large} { 226 margin-right: 20px; 227 width: 198px; 228 } 229`,I=C.default.div.withConfig({displayName:"DigitalGiftCardBalance__MoreInformationContainer",componentId:"sc-7d556c26-2"})` 230 align-items: flex-end; 231 display: flex; 232 flex-wrap: wrap; 233 margin-left: -5px; 234 margin-right: -15px; 235 min-width: 0; 236 padding-bottom: 10px; 237 238 ${h.bp.large} { 239 margin: 0; 240 padding-bottom: 4px; 241 } 242`,k=(0,C.default)(c.Typo).withConfig({displayName:"DigitalGiftCardBalance__TypoValidUntil",componentId:"sc-7d556c26-3"})` 243 color: ${({theme:e})=>e.color.neutralGraniteGray}; 244 margin: 15px 0 5px; 245 position: relative; 246 z-index: 1; 247 248 ${h.bp.large} { 249 margin-top: 30px; 250 } 251`,S=(0,C.default)(k).withConfig({displayName:"DigitalGiftCardBalance__TypoValidExpired",componentId:"sc-7d556c26-4"})` 252 align-items: center; 253 background: ${({theme:e})=>e.color.feedbackErrorBg}; 254 border-radius: 4px; 255 border: 1px solid currentColor; 256 color: ${({theme:e})=>e.color.feedbackError}; 257 display: flex; 258 gap: 8px; 259 padding: 9px; 260 261 svg { 262 align-self: flex-start; 263 display: block; 264 margin-bottom: 2px; 265 margin-top: 2px; 266 } 267 268 & > div { 269 color: ${({theme:e})=>e.color.neutralRaisinBlack}; 270 flex: 1 1 0; 271 min-width: 0; 272 } 273`,B=(0,C.default)(c.Typo).withConfig({displayName:"DigitalGiftCardBalance__TypoLabel",componentId:"sc-7d556c26-5"})` 274 background: rgba(0, 0, 0, 0.7); 275 border-radius: 2px; 276 color: ${({theme:e})=>e.color.neutralWhite}; 277 padding: 0 4px; 278 279 label& { 280 left: 0; 281 position: absolute; 282 top: 0; 283 } 284`,L=(0,C.default)(B).withConfig({displayName:"DigitalGiftCardBalance__TypoLabelBalanceKey",componentId:"sc-7d556c26-6"})` 285 border-bottom-right-radius: 0; 286 287 ${h.bp.large} { 288 border-radius: 4px 4px 4px 0; 289 font-size: ${({theme:e})=>`${e.typo["H6-18-Regular"].fontSize}px`}; 290 line-height: ${({theme:e})=>`${e.typo["H6-18-Regular"].lineHeight}px`}; 291 letter-spacing: ${({theme:e})=>`${e.typo["H6-18-Regular"].letterSpacing}`}; 292 padding: 0 8px; 293 } 294`,M=(0,C.default)(B).withConfig({displayName:"DigitalGiftCardBalance__TypoLabelBalanceValue",componentId:"sc-7d556c26-7"})` 295 border-top-right-radius: 0; 296 297 ${h.bp.large} { 298 border-radius: 0 4px 4px 4px; 299 font-size: ${({theme:e})=>`${e.typo["H2-40-Black"].fontSize}px`}; 300 line-height: ${({theme:e})=>`${e.typo["H2-40-Black"].lineHeight}px`}; 301 letter-spacing: -0.4px; 302 font-weight: 900; 303 padding: 0 8px; 304 } 305`,N=(0,C.default)(B).withConfig({displayName:"DigitalGiftCardBalance__TypoLabelPart1Description",componentId:"sc-7d556c26-8"})` 306 position: absolute; 307 top: 0; 308 right: 0; 309`,R=C.default.div.withConfig({displayName:"DigitalGiftCardBalance__LabelBalanceValueWrapper",componentId:"sc-7d556c26-9"})` 310 display: flex; 311 justify-content: flex-end; 312 min-width: 0; 313 width: 100%; 314 315 ${h.bp.large} { 316 justify-content: flex-start; 317 } 318`,D=C.default.div.withConfig({displayName:"DigitalGiftCardBalance__LabelBalanceContainer",componentId:"sc-7d556c26-10"})` 319 display: flex; 320 flex-wrap: wrap; 321 justify-content: flex-end; 322 323 ${h.bp.large} { 324 justify-content: flex-start; 325 } 326`,T=C.default.input.withConfig({displayName:"DigitalGiftCardBalance__CardInput",componentId:"sc-7d556c26-11"})` 327 all: unset;
328 align-items: center; 329 bottom: 0; 330 box-sizing: border-box; 331 color: ${({theme:e})=>e.color.neutralSpanishGray}; 332 display: flex; 333 font-size: 16px; 334 left: 0; 335 letter-spacing: -0.32px; 336 line-height: 24px; 337 padding: 5px 10px; 338 position: absolute; 339 right: 0; 340 top: 20px; 341 width: 100%; 342 z-index: 1; 343 344 &[maxlength="3"] { 345 padding-left: 20px; 346 } 347 348 ${h.bp.large} { 349 padding-bottom: 8px; 350 padding-top: 8px; 351 } 352`,P=C.default.div.withConfig({displayName:"DigitalGiftCardBalance__CardInputRowLiveItem",componentId:"sc-7d556c26-12"})` 353 flex: 1 1 0; 354 min-width: 0; 355 display: flex; 356 flex-direction: column; 357 justify-content: flex-end; 358 359 ${h.bp.large} { 360 flex: 1 1 auto; 361 width: 100%; 362 } 363`,z=C.default.div.withConfig({displayName:"DigitalGiftCardBalance__CardInputRowItem",componentId:"sc-7d556c26-13"})` 364 background: ${({theme:e})=>e.color.neutralWhite}; 365 border-radius: 4px; 366 box-shadow: inset 0px 0px 0px 1px ${({theme:e})=>e.color.neutralSpanishGray}; 367 flex: 1 1 0; 368 height: 34px; 369 margin-top: 20px; 370 max-width: ${({$maxWidth:e})=>e?`${e}px`:""}; 371 min-width: 0; 372 position: relative; 373 374 ${T} { 375 top: 0; 376 } 377 378 label { 379 &${B} { 380 top: -20px; 381 } 382 } 383 384 ${h.bp.large} { 385 height: 40px; 386 } 387`,E=C.default.div.withConfig({displayName:"DigitalGiftCardBalance__CardInputRow",componentId:"sc-7d556c26-14"})` 388 display: flex; 389 flex-wrap: wrap; 390 gap: 10px; 391 max-width: 281px; 392 position: relative; 393 z-index: 1; 394 395 & + & { 396 margin-top: 10px; 397 } 398`,A=C.default.div.withConfig({displayName:"DigitalGiftCardBalance__CardInputsWrapper",componentId:"sc-7d556c26-15"})` 399 left: 10px; 400 position: absolute; 401 right: 10px; 402 top: 10px; 403 transform: translateZ(0); 404 z-index: 3; 405 406 ${h.bp.large} { 407 left: 20px; 408 right: 20px; 409 top: 20px; 410 } 411`,F=C.default.div.withConfig({displayName:"DigitalGiftCardBalance__SubmitButtonWrapper",componentId:"sc-7d556c26-16"})` 412 position: relative; 413 z-index: 1; 414 415 ${h.bp.large} { 416 margin-top: 10px; 417 } 418`,G=C.default.div.withConfig({displayName:"DigitalGiftCardBalance__DigitalGiftCardBgWrapper",componentId:"sc-7d556c26-17"})` 419 margin: 5px 0; 420 position: relative; 421 z-index: 1; 422 423 ${h.bp.large} { 424 margin: 20px 0; 425 } 426`,W=C.default.fieldset.withConfig({displayName:"DigitalGiftCardBalance__Fieldset",componentId:"sc-7d556c26-18"})` 427 display: flex; 428 flex-direction: column; 429 gap: 15px; 430`,O=(0,C.default)(n.Surface).withConfig({displayName:"DigitalGiftCardBalance__SurfaceSelf",componentId:"sc-7d556c26-19"})` 431 color: ${({theme:e})=>e.color.neutralDavysGrey}; 432 padding: 20px; 433 434 ${h.bp.medium} { 435 padding: 30px; 436 } 437`;e.s(["DigitalGiftCardBalance",0,({card:e,isCompact:n,onSuccess:h})=>{let{control:C,register:H,handleSubmit:U,getValues:V,setValue:Z,formState:q}=(0,v.useForm)({defaultValues:{barcode1:e?.barcode.slice(0,5)??"",barcode2:e?.barcode.slice(5,10)??"",barcode3:e?.barcode.slice(10,15)??"",cvc:e?.cvc??""}}),Q=q.errors,X=(0,$.useDispatch)(),K=(0,$.useSelector)(e=>e.appData.giftCardDesigns),[Y,J]=(0,w.useState)(null),[ee,et]=(0,w.useState)(null),[ei,eo]=(0,w.useState)(!1),[ea,{loading:er}]=(0,y.useManualQuery)(i.giftCardBalanceQuery,{skipCache:!0}),en=(0,w.createRef)(),{barcode1:el,barcode2:es,barcode3:ed,cvc:ec}=V();(0,w.useEffect)(()=>{ee&&et(null)},[el,es,ed,ec]),(0,w.useEffect)(()=>{X(g.AppAlertActions.updateLoadingVisible(er))},[er]),(0,w.useEffect)(()=>{(async()=>{for(;!window.grecaptcha;)await new Promise(e=>setTimeout(e,100));window.grecaptcha.ready(()=>{en.current=!0})})()},[en]),(0,w.useEffect)(()=>{!ei&&el&&es&&ed&&ec&&(eo(!0),(async()=>{let{data:e,error:t}=await ea({variables:{barcode:`${el}${es}${ed}`,cvc:ec}});if(t){let e=t?.graphQLErrors?.[0]?.message??"";et(`${e}`)}e?.giftCardBalance&&(J(e.giftCardBalance),h?.(`${el}${es}${ed}`,ec,e.giftCardBalance.balance,!0))})())},[ei]);let ep=(e,t=!1,i)=>{let o=`pages.digitalGiftCard.info.balance.${e}`;return t?u.Intl.asHtml({id:o},i):u.Intl.formatMessage({id:o},i)},eu=async e=>{for(et(null);!en.current;)await new Promise(e=>setTimeout(e,100));let t=await window.grecaptcha.execute(m.Env.nextPublicRecaptchaSiteKey),{data:i,error:a}=await ea({variables:{barcode:`${e.barcode1}${e.barcode2}${e.barcode3}`,cvc:e.cvc,captcha:{type:o.CaptchaType.google,token:t}}});if(a){let e=a?.graphQLErrors?.[0]?.message??"";et(`${e}`)}i?.giftCardBalance&&(J(i.giftCardBalance),h?.(`${e.barcode1}${e.barcode2}${e.barcode3}`,e.cvc,i.giftCardBalance.balance))},eg=!!Q.barcode1||!!Q.barcode2||!!Q.barcode3||!!Q.cvc,eh=K.find(e=>e.id===Y?.design)?.slug??K.find(e=>"koromlakk"===e.slug)?.slug??(K[0]?.slug||""),ef=(0,t.jsxs)("div",{children:[(0,t.jsxs)(G,{children:[(0,t.jsx)(r.DigitalGiftCardBg,{className:"hide-for-large",$size:300,$variant:eh}),(0,t.jsx)(r.DigitalGiftCardBg,{className:"show-for-large",$size:500,$variant:eh}),(0,t.jsxs)(A,{children:[(0,t.jsxs)(E,{children:[(0,t.jsxs)(z,{children:[(0,t.jsx)(B,{as:"label",htmlFor:"digital-gift-card-input-1",$variant:"Small-12-EBold",children:ep("input.part1.label")}
437),(0,t.jsx)(v.Controller,{control:C,name:"barcode1",render:({field:{value:i,onChange:o,ref:a}})=>{let r=e=>{let t=e.replace(/\D/g,"");15===t.length?(o(t.slice(0,5)),Z("barcode2",t.slice(5,10),{shouldValidate:!0}),Z("barcode3",t.slice(10,15),{shouldValidate:!0}),document.getElementById("digital-gift-card-input-cvc")?.focus()):o(t.slice(0,5))};return(0,t.jsx)(T,{id:"digital-gift-card-input-1",type:"text",ref:a,inputMode:"numeric",autoComplete:"off","aria-describedby":"digital-gift-card-input-1-desc",onChange:e=>r(e.currentTarget.value),onPaste:e=>{r(e.clipboardData.getData("text/plain")),e.preventDefault()},value:i,disabled:!!e?.barcode})},rules:x.FormValidation.giftCardBarcode})]}),(0,t.jsxs)(z,{children:[(0,t.jsx)(B,{as:"label",htmlFor:"digital-gift-card-input-2",className:"show-for-sr",$variant:"Small-12-EBold",children:ep("input.part2.label")}),(0,t.jsx)(T,{id:"digital-gift-card-input-2",type:"text",inputMode:"numeric",autoComplete:"off",maxLength:5,...H("barcode2",{onChange:e=>{let t=e.currentTarget.value.replace(/\D/g,"").slice(0,5);Z("barcode2",t),5===t.length&&document.getElementById("digital-gift-card-input-3")?.focus()},...x.FormValidation.giftCardBarcode}),disabled:!!e?.barcode})]}),(0,t.jsxs)(z,{children:[(0,t.jsx)(B,{as:"label",htmlFor:"digital-gift-card-input-3",className:"show-for-sr",$variant:"Small-12-EBold",children:ep("input.part3.label")}),(0,t.jsx)(T,{id:"digital-gift-card-input-3",type:"text",inputMode:"numeric",autoComplete:"off",maxLength:5,...H("barcode3",{onChange:e=>{let t=e.currentTarget.value.replace(/\D/g,"").slice(0,5);Z("barcode3",t),5===t.length&&document.getElementById("digital-gift-card-input-cvc")?.focus()},...x.FormValidation.giftCardBarcode}),disabled:!!e?.barcode})]}),(0,t.jsx)(N,{id:"digital-gift-card-input-1-desc",$variant:"Small-12-Regular",children:ep("input.part1.describedby",!0)})]}),(0,t.jsxs)(E,{children:[(0,t.jsxs)(z,{$maxWidth:68,children:[(0,t.jsx)(B,{as:"label",htmlFor:"digital-gift-card-input-cvc",$variant:"Small-12-EBold",children:ep("input.cvc.label")}),(0,t.jsx)(T,{id:"digital-gift-card-input-cvc",type:"text",inputMode:"numeric",autoComplete:"off",maxLength:3,...H("cvc",{onChange:e=>{Z("cvc",e.currentTarget.value.replace(/\D/g,"").slice(0,3))},...x.FormValidation.giftCardCvc}),disabled:!!e?.cvc,style:{paddingLeft:10}})]}),(0,t.jsx)(I,{className:"hide-for-large",children:(0,t.jsxs)(p.TooltipPopover,{children:[(0,t.jsx)(p.TooltipPopoverTrigger,{asChild:!0,children:(0,t.jsxs)(_,{children:[(0,t.jsx)("span",{className:"show-for-sr",children:ep("input.cvc.moreInformationTriggerLabel")}),(0,t.jsx)(d.default,{})]})}),(0,t.jsx)(p.TooltipPopoverContent,{side:"top",sideOffset:1,showCloseButton:!0,showInfoIcon:!0,children:(0,t.jsx)(j,{$variant:"Body-Small-14-Regular",children:ep("input.cvc.moreInformationDescription",!0)})})]})}),(0,t.jsx)(I,{className:"show-for-large",children:(0,t.jsxs)(p.TooltipPopover,{children:[(0,t.jsx)(p.TooltipPopoverTrigger,{asChild:!0,children:(0,t.jsxs)(_,{children:[(0,t.jsx)("span",{className:"show-for-sr",children:ep("input.cvc.moreInformationTriggerLabel")}),(0,t.jsx)(d.default,{})]})}),(0,t.jsx)(p.TooltipPopoverContent,{side:"right",showCloseButton:!0,showInfoIcon:!0,children:(0,t.jsx)(j,{$variant:"Body-Small-14-Regular",children:ep("input.cvc.moreInformationDescription",!0)})})]})}),(0,t.jsx)(P,{"aria-atomic":"true","aria-live":"polite","aria-describedby":"digital-gift-card-balance-desc",children:(0,t.jsxs)(D,{children:[(0,t.jsx)(L,{$variant:"Small-12-Regular",children:ep("yourBalance.label")}),(0,t.jsx)(R,{children:Y?.balance?(0,t.jsx)(M,{$variant:"H6-18-EBold",children:u.Intl.formatCurrency(Y.balance)}):(0,t.jsx)(M,{$variant:"H6-18-EBold","aria-hidden":"true",children:Y&&0===Y.balance?u.Intl.formatCurrency(0):"-"})})]})})]})]})]}),(0,t.jsx)("div",{id:"digital-gift-card-balance-desc","aria-atomic":"true","aria-live":"polite",children:ee?(0,t.jsxs)(S,{$variant:"Body-Small-14-Regular",children:[(0,t.jsx)(s.default,{width:16,height:16}),(0,t.jsx)("div",{children:ee})]}):eg?(0,t.jsxs)(S,{$variant:"Body-Small-14-Regular",children:[(0,t.jsx)(s.default,{width:16,height:16}),(0,t.jsx)("div",{children:ep("frontEndErrors")})]}):Y?.expiry_date&&(0,b.isBefore)(f.DateUtils.clean(Y.expiry_date),new Date)?(0,t.jsxs)(S,{$variant:"Body-Small-14-Regular",children:[(0,t.jsx)(s.default,{width:16,height:16}),(0,t.jsx)("div",{children:ep("yourBalance.valid.expired")})]}):(0,t.jsx)(t.Fragment,{children:Y?.expiry_date?(0,t.jsx)(k,{$color:"neutralGraniteGray",$variant:"Body-Small-14-Regular",children:ep("yourBalance.valid.until",!1,{date:f.DateUtils.getFormattedDate(Y?.expiry_date,f.DateFormat.withTextMonth)})}):null})}),(0,t.jsx)(l.RecaptchaNotice,{withMargin:!0,withSmallLineHeight:!0})]});return n?(0,t.jsxs)("form",{onSubmit:U(eu),children:[ef,!e&&(0,t.jsx)(F,{children:(0,t.jsx)(a.Button.Primary,{type:"submit",btnLabel:ep("submitButtonLabel"),disabled:er})})]}):(0,t.jsx)(O,{as:"form",onSubmit:U(eu),children:(0,t.jsxs)(W,{children:[(0,t.jsx)("legend",{className:"show-for-sr",children:ep("heading")}),(0,t.jsx)(c.Typo,{$variant:"H4-24-EBold",$variantMedium:"H3-30-EBold","aria-hidden":"true",children:ep("heading")}),(0,t.jsx)(c.Typo,{as:"p",$variant:"H6-18-Regular",children:ep("lead")}),ef,!e&&(0,t.jsx)(F,{children:(0,t.jsx)(a.Button.Primary,{type:"submit",btnLabel:ep("submitButtonLabel"),disabled:er})})]})})}])},74801,e=>{"use strict";var t=e.i(91398),i=e.i(49365),o=e.i(60814);let a=o.default.div.withConfig({displayName:"DigitalGiftCardBg__CardInnerWrapperBgImgWrapperStroke",componentId:"sc-cb2f1433-0"})` 438 border-image: ${({$borderImage:e})=>e}; 439 // border-image: linear-gradient(108deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 1) 100%) 1; 440 // border-radius: inherit; 441 // border-style: solid; 442 // border-width: 1px; 443 bottom: 0; 444 left: 0; 445 mix-blend-mode: overlay; 446 // overflow: hidden; 447 position: absolute; 448 right: 0; 449 top: 0; 450 transform: translateZ(0); 451 z-index: 2; 452`,r=o.default.div.withConfig({displayName:"DigitalGiftCardBg__CardInnerWrapperBgImgWrapper",componentId:"sc-cb2f1433-1"})` 453 border-radius: inherit; 454 bottom: 0; 455 left: 0; 456 overflow: hidden; 457 position: absolute; 458 right: 0; 459 top: 0; 460 transform: translateZ(0); 461 z-index: 2; 462 463 &::after { 464 background: linear-gradient( 465 108deg, 466 rgba(255, 255, 255, 0.2) 1.63%, 467 rgba(255, 255, 255, 0) 10.61%, 468 rgba(255, 255, 255, 0) 28.07%, 469 rgba(255, 255, 255, 0.2) 49.52%, 470 rgba(255, 255, 255, 0) 67.48%, 471 rgba(255, 255, 255, 0) 86.44%, 472 rgba(255, 255, 255, 0.2) 96.91% 473 ); 474 border-radius: inherit; 475 bottom: 0; 476 content: ""; 477 left: 0; 478 position: absolute; 479 right: 0; 480 top: 0; 481 } 482`,n=o.default.div.withConfig({displayName:"DigitalGiftCardBg__CardInnerWrapperBgImgShadowWrapper",componentId:"sc-cb2f1433-2"})` 483 border-radius: inherit; 484 bottom: -5%; 485 filter: blur(${({$blur:e})=>e}px); 486 height: 80%; 487 left: 7%; 488 overflow: hidden; 489 position: absolute; 490 top: auto; 491 transform: translateZ(0); 492 width: 86%; 493 z-index: 1; 494 495 &::after { 496 background: rgba(0, 0, 0, 0.3); 497 border-radius: inherit; 498 bottom: 0; 499 content: ""; 500 left: 0; 501 mix-blend-mode: multiply; 502 position: absolute; 503 right: 0; 504 top: 0; 505 } 506 507 @supports not (filter: blur(${({$blur:e})=>e}px)) { 508 display: none; 509 } 510`,l=o.default.div.withConfig({displayName:"DigitalGiftCardBg__CardInnerWrapper",componentId:"sc-cb2f1433-3"})` 511 background: ${({theme:e})=>
511e.color.neutralWhite}; 512 border-radius: ${({$borderRadius:e})=>e}px; 513 // NOTE: https://css-tricks.com/aspect-ratio-boxes/ 514 padding-top: 62.4%; 515 position: relative; 516 z-index: 1; 517 518 img { 519 background: ${({theme:e})=>e.color.neutralWhite}; 520 display: block; 521 height: 100%; 522 user-select: none; 523 width: 100%; 524 } 525`,s=o.default.div.withConfig({displayName:"DigitalGiftCardBg__CardWrapper",componentId:"sc-cb2f1433-4"})` 526 max-width: ${({$size:e})=>e}px; 527 position: relative; 528 width: 100%; 529 z-index: 1; 530`;e.s(["DigitalGiftCardBg",0,({children:e,$size:o,$variant:d,...c})=>{let p=o>300?20:16,u=o>300?16:8,g=o>300?"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='220' height='137' fill='none'%3e%3crect width='219' height='136' x='.5' y='.5' fill='url(%23a)' fill-opacity='.2' clip-path='url(%23b)' rx='15.5'/%3e%3crect width='219' height='136' x='.5' y='.5' stroke='url(%23c)' clip-path='url(%23d)' rx='15.5'/%3e%3cdefs%3e%3clinearGradient id='a' x1='2.85154' x2='222.116' y1='3.65438' y2='118.547' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='.09375' stop-color='white' stop-opacity='0'/%3e%3cstop offset='.276042' stop-color='white' stop-opacity='0'/%3e%3cstop offset='.5' stop-color='white'/%3e%3cstop offset='.6875' stop-color='white' stop-opacity='0'/%3e%3cstop offset='.885417' stop-color='white' stop-opacity='0'/%3e%3cstop offset='.994792' stop-color='white'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='-.00000218' x2='226.691' y1='4.11561' y2='120.323' gradientUnits='userSpaceOnUse'%3e%3cstop/%3e%3cstop offset='.515625' stop-color='white'/%3e%3cstop offset='1'/%3e%3c/linearGradient%3e%3cclipPath id='d' clipPathUnits='userSpaceOnUse'%3e%3cpath d='M-5-5h230v147H-5Zm21 6C7.69 1 1 7.69 1 16v105c0 8.31 6.69 15 15 15h188c8.31 0 15-6.69 15-15V16c0-8.31-6.69-15-15-15Z' /%3e%3c/clipPath%3e%3cclipPath id='b' clipPathUnits='userSpaceOnUse'%3e%3cpath d='M-4.5-4.5h229v146h-229ZM16 1C7.69 1 1 7.69 1 16v105c0 8.31 6.69 15 15 15h188c8.31 0 15-6.69 15-15V16c0-8.31-6.69-15-15-15Z' /%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\") 16 / 16px stretch":"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='220' height='137' fill='none'%3e%3crect width='219' height='136' x='.5' y='.5' fill='url(%23a)' fill-opacity='.2' clip-path='url(%23b)' rx='7.5'/%3e%3crect width='219' height='136' x='.5' y='.5' stroke='url(%23c)' clip-path='url(%23d)' rx='7.5'/%3e%3cdefs%3e%3clinearGradient id='a' x1='2.85154' x2='222.116' y1='3.65438' y2='118.547' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='.09375' stop-color='white' stop-opacity='0'/%3e%3cstop offset='.276042' stop-color='white' stop-opacity='0'/%3e%3cstop offset='.5' stop-color='white'/%3e%3cstop offset='.6875' stop-color='white' stop-opacity='0'/%3e%3cstop offset='.885417' stop-color='white' stop-opacity='0'/%3e%3cstop offset='.994792' stop-color='white'/%3e%3c/linearGradient%3e%3clinearGradient id='c' x1='-.00000218' x2='226.691' y1='4.11561' y2='120.323' gradientUnits='userSpaceOnUse'%3e%3cstop/%3e%3cstop offset='.515625' stop-color='white'/%3e%3cstop offset='1'/%3e%3c/linearGradient%3e%3cclipPath id='d' clipPathUnits='userSpaceOnUse'%3e%3cpath d='M-5-5h230v147H-5ZM8 1C4.122 1 1 4.122 1 8v121c0 3.878 3.122 7 7 7h204c3.878 0 7-3.122 7-7V8c0-3.878-3.122-7-7-7z'/%3e%3c/clipPath%3e%3cclipPath id='b' clipPathUnits='userSpaceOnUse'%3e%3cpath d='M-4.5-4.5h229v146h-229ZM8 1C4.122 1 1 4.122 1 8v121c0 3.878 3.122 7 7 7h204c3.878 0 7-3.122 7-7V8c0-3.878-3.122-7-7-7z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\") 8 / 8px stretch",h={format:i.Format.auto,quality:90},f=(0,t.jsx)("img",{srcSet:`${(0,i.getMediaLibraryImageSrc)(`${d}.jpeg`,{width:o,...h})} 1x, ${(0,i.getMediaLibraryImageSrc)(`${d}.jpeg`,{width:2*o,...h})} 2x`,src:(0,i.getMediaLibraryImageSrc)(`${d}.jpeg`,{width:o,...h}),alt:"",loading:"lazy"});return(0,t.jsx)(s,{$size:o,...c,children:(0,t.jsxs)(l,{$borderRadius:u,children:[(0,t.jsx)(n,{$blur:p,children:f}),(0,t.jsxs)(r,{children:[f,(0,t.jsx)(a,{$borderImage:g})]}),e]})})}])},71194,e=>{"use strict";var t=e.i(91398),i=e.i(53973),o=e.i(4066),a=e.i(1090),r=e.i(91788),n=e.i(60814);let l=(0,n.default)(i.TypoRest).attrs({as:"li",role:"alert",$variant:"Body-Small-14-Bold"}).withConfig({displayName:"Radio__RadioBoxWarning",componentId:"sc-4a4f2e68-0"})(({theme:e})=>({background:e.color.feedbackAlertBg,border:`1px solid ${e.color.feedbackWarning}`,borderBottomWidth:0,borderTopLeftRadius:4,borderTopRightRadius:4,color:e.color.
530neutralDavysGrey,fontWeight:700,padding:"10px 20px 10px 20px","&:empty":{display:"none"}})),s=n.default.div.withConfig({displayName:"Radio__RadioBoxBottomSlot",componentId:"sc-4a4f2e68-1"})(({theme:e})=>({borderTop:`1px dashed ${e.color.neutralPlatinum}`,marginLeft:-44,marginTop:10,paddingTop:10,[a.bp.large]:{borderTop:0,margin:0}})),d=n.default.div.withConfig({displayName:"Radio__ExpressBadge",componentId:"sc-4a4f2e68-2"})(({theme:e})=>({flex:"1 1 100%",paddingRight:24,paddingTop:24,"&::before":{background:e.color.feedbackOkBg,borderRadius:"4px 4px 0 0",content:'""',height:24,left:0,position:"absolute",right:0,top:0},"&::after":{color:e.color.feedbackDone,content:"attr(data-content)",fontSize:12,fontWeight:700,lineHeight:"24px",position:"absolute",right:"50%",textAlign:"center",top:0,transform:"translate3d(50%, 0, 0)"},[a.bp.medium]:{flex:"none",order:9999,"&::before":{borderRadius:"0 4px 4px 0",bottom:0,height:"auto",left:"auto",width:24},"&::after":{fontSize:14,right:0,top:"50%",transform:"translate3d(50%, 0, 0) rotate(90deg)",transformOrigin:"top"}}})),c=n.default.input.withConfig({displayName:"Radio__FauxInput",componentId:"sc-4a4f2e68-3"})` 531 position: absolute; 532 width: 0px; 533 height: 0px; 534 opacity: 0; 535`,p=n.default.div.withConfig({displayName:"Radio__RadioButton",componentId:"sc-4a4f2e68-4"})` 536 border-radius: 50%; 537 background-color: ${e=>e.theme.color.grayXXL}; 538 border: 1px solid; 539 border-color: ${e=>e.hasError?e.theme.input.error.borderColor:e.theme.input.borderColor}; 540 width: 24px; 541 height: 24px; 542 display: flex; 543 justify-content: center; 544 align-items: center; 545 pointer-events: none; 546`,u=n.default.span.withConfig({displayName:"Radio__RadioDot",componentId:"sc-4a4f2e68-5"})` 547 width: 18px; 548 height: 18px; 549 border-radius: 50%; 550 background-color: ${e=>e.theme.color.white}; 551 transform: scale(0); 552 transition: transform 0.2s ease; 553`,g=n.default.li.withConfig({displayName:"Radio__RadioItem",componentId:"sc-4a4f2e68-6"})` 554 display: flex; 555 cursor: pointer; 556 557 &[aria-checked="true"] ${p} { 558 background-color: ${e=>e.theme.color.white}; 559 560 ${u} { 561 background-color: ${e=>e.theme.color.darkGreen}; 562 transform: scale(1); 563 } 564 } 565 566 &[aria-disabled="true"] { 567 cursor: not-allowed; 568 569 ${p} { 570 background-color: ${e=>e.theme.color.grayXL}; 571 border-color: ${e=>e.theme.color.grayXL}; 572 573 ${u} { 574 background-color: ${e=>e.theme.color.grayXL}; 575 } 576 } 577 } 578`,h=n.default.li.withConfig({displayName:"Radio__RadioBoxItem",componentId:"sc-4a4f2e68-7"})` 579 display: flex; 580 align-items: ${e=>!0===e.$isCentered||"only-on-mobile"===e.$isCentered?"center":"flex-start"}; 581 flex-wrap: wrap; 582 position: relative; 583 cursor: pointer; 584 border-radius: ${e=>e.theme.radius.small}; 585 border: 1px solid ${e=>e.theme.color.grayL}; 586 background-color: ${e=>e.theme.color.white}; 587 padding: 15px; 588 margin-bottom: ${e=>e.$isLast?0:"10px"}; 589 transition: 590 border ${e=>e.theme.transition.motion}, 591 background-color ${e=>e.theme.transition.motion}; 592 user-select: none; 593 594 &[aria-checked="true"] { 595 background-color: ${e=>e.theme.color.white}; 596 597 ${p} { 598 background-color: ${e=>e.theme.color.white}; 599 600 ${u} { 601 background-color: ${e=>e.theme.color.green}; 602 transform: scale(1); 603 } 604 } 605 } 606 607 &[aria-disabled="true"] { 608 ${e=>e.$doesErrorFunctionExist?"":` 609 cursor: not-allowed; 610 `} 611 612 background-color: ${e=>e.theme.color.neutralSnow}; 613 614 ${p} { 615 background-color: ${e=>e.theme.color.grayL}; 616 border-color: ${e=>e.theme.color.grayL}; 617 618 ${u} { 619 background-color: ${e=>e.theme.color.grayL}; 620 } 621 } 622 } 623 624 ${({theme:e,$hasWarning:t})=>t?` 625 margin: 0 5px 15px; 626 627 &::before, &::after { 628 border-bottom-left-radius: 4px; 629 border-bottom-right-radius: 4px; 630 bottom: -6px; 631 content: ""; 632 left: -6px; 633 pointer-events: none; 634 position: absolute; 635 right: -6px; 636 top: -1px; 637 } 638 639 &::before { 640 border: 5px solid ${e.color.feedbackAlertBg}; 641 border-top-width: 0; 642 } 643 644 &::after { 645 border: 1px solid ${e.color.feedbackWarning}; 646 border-top-width: 0; 647 } 648 649 & + ${l}:empty + &.c669 { 650 margin-top: -10px; 651 } 652 653 & + ${l}:empty + &.c669::before, 654 & + ${l}:empty + &.c669::after { 655 top: -6px; 656 } 657 658 & + ${l}:empty + &.c669::before { 659 border-top-width: 5px; 660 } 661 `:""} 662 663 ${e=>"only-on-desktop"===e.$isCentered?` 664 ${a.bp.medium} { 665 align-items: center; 666 } 667 `:"only-on-mobile"===e.$isCentered?` 668 ${a.bp.medium} { 669 align-items: flex-start; 670 } 671 `:""} 672`,f=n.default.div.withConfig({displayName:"Radio__RadioBoxContent",componentId:"sc-4a4f2e68-8"})` 673 flex: 1; 674 padding-left: 20px; 675 pointer-events: none; 676`,m=n.default.ul.attrs({role:"radiogroup"}).withConfig({displayName:"Radio__StyledRadioBoxGroup",componentId:"sc-4a4f2e68-9"})` 677 background: ${e=>e.theme.color.grayXXL}; 678 border-radius: 8px; 679 padding: 10px; 680 margin-bottom: ${e=>e.marginBottom?`${e.marginBottom}px`:"20px"}; 681 682 ${a.bp.medium} { 683 padding: 15px; 684 margin-bottom: ${e=>e.marginBottom?`${e.marginBottom}px`:"30px"}; 685 } 686`,x=n.default.div.withConfig({displayName:"Radio__FullWidthBottomContentContainer",componentId:"sc-4a4f2e68-10"})` 687 pointer-events: none; 688`;e.s(["Radio",0,({id:e,checked:i,onChange:o,disabled:a=!1,error:r=!1})=>(0,t.jsx)(g,{id:e,role:"radio",tabIndex:i?0:-1,"aria-checked":i,"aria-disabled":a,onClick:e=>{a||o?.(e)},children:(0,t.jsx)(p,{hasError:r,children:(0,t.jsx)(u,{})})}),"RadioBox",0,({id:e,label:i,checked:a,isInitialState:r,onChange:n,disabled:l=!1,error:g=!1,centered:m,children:b,isLast:y,testId:w,testClassname:v,slotBottom:$,$hasWarning:C,$isExpress:_,fullWidthBottomContent:j,doesErrorFunctionExist:I=!1})=>(0,t.jsxs)(h,{id:e,role:"radio",tabIndex:-1,"aria-checked":a,"aria-disabled":l,$isCentered:m,$isInitialState:r,onClick:e=>{(!l||I)&&n?.(e)},$isLast:y,$hasWarning:C,className:C?"c669":"",$doesErrorFunctionExist:I,...(0,o.tidProps)(w),...(0,o.tclassProps)(v),children:[(0,t.jsx)(c,{type:"radio","aria-label":i??e}),_&&(0,t.jsx)(d,{"data-content":"Expressz"}),(0,t.jsx)(p,{hasError:g,children:(0,t.jsx)(u,{})}),(0,t.jsxs)(f,{children:[b,!!$&&(0,t.jsx)(s,{children:$})]}),(0,t.jsx)(x,{children:j})]}),"RadioBoxGroup",0,({children:e,name:i,label:o,marginBottom:a})=>{let n=(0,r.useRef)(null),l=(0,r.useId)();return(0,t.jsxs)("fieldset",{ref:n,onKeyDown:e=>{var t;let i;if(!["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(e.ke
688y))return;e.preventDefault();let o=Array.from(n.current?.querySelectorAll('[role="radio"]')??[]),a=o.findIndex(e=>"true"===e.getAttribute("aria-checked")),r=a>=0?a:0,l=r;"ArrowDown"===e.key||"ArrowRight"===e.key?l=(r+1)%o.length:("ArrowUp"===e.key||"ArrowLeft"===e.key)&&(l=(r-1+o.length)%o.length),t=l,(i=n.current?.querySelectorAll('[role="radio"]')?.[t])&&(i.focus(),i.click())},style:{marginBottom:a},children:[(0,t.jsx)("legend",{id:l,className:"show-for-sr",children:o}),(0,t.jsx)(m,{children:e})]})},"RadioBoxWarning",0,l])},65110,e=>{"use strict";var t=e.i(91398),i=e.i(70369),o=e.i(79809),a=e.i(88756),r=e.i(22434),n=e.i(8039),l=e.i(2202),s=e.i(44888),d=e.i(25909),c=e.i(37719),p=e.i(49918);let u=function(e){return(0,t.jsxs)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#login-apple"})]})},g=function(e){return(0,t.jsxs)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#login-facebook"})]})},h=function(e){return(0,t.jsxs)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#login-google"})]})};var f=e.i(21750),m=e.i(53973),x=e.i(1837),b=e.i(46896),y=e.i(4066),w=e.i(97629),v=e.i(35531),$=e.i(86883),C=e.i(85296),_=e.i(76848),j=e.i(1090),I=e.i(68700),k=e.i(7554),S=e.i(91365),B=e.i(40884),L=e.i(67100),M=e.i(63190),N=e.i(14306),R=e.i(59735),D=e.i(51040),T=e.i(16951),P=e.i(3828),z=e.i(91788),E=e.i(58021),A=e.i(22276),F=e.i(60814);let G=({open:e,onClose:F,openForgotPassModal:G,isCheckout:K,forwardButtonDisabled:Y})=>{let J=(0,P.useRouter)(),ee=(0,z.useContext)(T.ClientContext),{register:et,handleSubmit:ei,setError:eo,formState:{errors:ea},reset:er}=(0,E.useForm)({}),en=(0,A.useDispatch)(),[el]=(0,T.useMutation)("mutation userLogin($email: String!, $password: String!, $captcha: Captcha) {\n userLogin(email: $email, password: $password, captcha: $captcha) {\n ...AuthResult\n }\n}\n\nfragment AuthResult on AuthResult {\n token\n user {\n ...User\n }\n cart_updated\n}\n\nfragment User on User {\n id\n email\n firstname\n lastname\n country_code\n area_code\n phone_number\n newsletter\n addresses {\n ...UserAddress\n }\n credit_cards {\n ...CreditCard\n }\n favourite_store {\n ...Store\n }\n notification_settings {\n type\n channel\n title\n enabled\n }\n rossmann_plus_profile {\n ...RossmannPlusProfile\n }\n rossmann_plus_profile_inactivated\n favourite_products\n shopping_lists {\n id\n name\n items {\n id\n product {\n id\n }\n quantity\n }\n }\n product_subscriptions {\n product_id\n notify_available\n notify_discounted\n store_id\n }\n social_connections\n has_password\n order_subscription {\n id\n }\n cookie_consent\n favourite_address {\n ...FavouriteAddress\n }\n}\n\nfragment UserAddress on UserAddress {\n id\n type\n firstname\n lastname\n company_name\n company_number\n zip_code\n city\n address_line1\n address_line2\n lat\n lng\n should_confirm_position\n note\n}\n\nfragment CreditCard on CreditCard {\n id\n card_brand\n card_number\n registered_at\n expire_at\n is_expired\n}\n\nfragment Store on Store {\n id\n name\n zip_code\n city\n lat\n lng\n street\n address\n openings\n pickup_date\n instore_pickup_permitted\n services\n is_open\n is_click_and_collect\n click_and_collect_pickup_date\n}\n\nfragment RossmannPlusProfile on RossmannPlusProfile {\n card_number\n first_name\n last_name\n gender\n date_of_birth\n country_code\n area_code\n phone_number\n zip_code\n city\n public_place\n public_place_type {\n id\n name\n }\n house_number\n enable_profiling\n is_verified\n babies {\n ...RossmannPlusBaby\n }\n summary {\n ...RossmannPlusSummary\n }\n is_virtual_card\n enable_extended_profiling\n needs_extended_profiling_confirmation\n}\n\nfragment RossmannPlusBaby on RossmannPlusBaby {\n id\n gender\n name\n date_of_birth\n weight\n created_at\n updated_at\n}\n\nfragment RossmannPlusSummary on RossmannPlusSummary {\n vip_level\n quarter {\n date_start\n date_end\n vip_limits {\
688n level\n limit\n }\n }\n vip_purchase_quarter\n vip_level_goal\n vip_purchase_left_goal\n vip_level_goal2\n vip_purchase_left_goal2\n vip_level_next_quarter\n rewards_available {\n title\n date_expiration\n discount_percent\n is_kny\n }\n rewards_used {\n title\n date_expiration\n discount_percent\n is_kny\n }\n kny_used\n discount_year\n discount_quarter\n was_vip\n lose_vip\n}\n\nfragment FavouriteAddress on FavouriteAddress {\n address_line1\n address_line2\n city\n id\n lat\n lng\n zip_code\n next_deliveries {\n id\n next_delivery_time_window {\n id\n date\n interval\n is_available\n }\n }\n}\n"),[es,ed]=(0,z.useState)(!1),{loginWithSocialProvider:ec,status:ep,data:eu}=(0,w.useSocialLogin)(),[eg,eh]=(0,z.useState)(null),ef=R.QueryUtils.getParam(J.query.returnTo),em=eg||ef||null;(0,z.useEffect)(()=>{ep===w.SocialLoginStatus.FinishedWithSuccess&&F()},[ep,eu]),(0,z.useEffect)(()=>{eh(k.Cookie.getAuthRedirectPath()),k.Cookie.clearAuthRedirectPath();let e=()=>{F()};return J.events.on("routeChangeStart",e),()=>{J.events.off("routeChangeStart",e)}},[]);let ex=async e=>{ed(!0);let{email:t,password:r}=e,n=await window.grecaptcha.execute(S.Env.nextPublicRecaptchaSiteKey),l=await el({variables:{email:t.trim(),password:r.trim(),captcha:{type:a.CaptchaType.google,token:n}}});if(l.data?.userLogin.user){let{token:e,user:t,cart_updated:i}=l.data.userLogin;ee.setHeader("Authorization",`Bearer ${e}`),en(C.AuthActions.updateAuth(e,t)),i&&(en($.AppAlertActions.updateCartAlertVisible(!0)),B.EventEmitter.emit(I.Events.CartContentChange)),M.Gtm.successfulLogin(M.MethodType.email,t.rossmann_plus_profile?.summary?.vip_level??a.RossmannPlusVipLevel.BASIC,!!t.rossmann_plus_profile?.babies.length),er(),K&&J.push(N.default.cart),F(),em&&(k.Cookie.clearAuthRedirectPath(),J.push(em)),ed(!1);return}let s=await ee.request({query:o.cartQuery});s.data?.cart&&(en(_.CartActions.updateCart(s.data.cart)),M.Gtm.sendCart(s.data.cart)),l.error&&((0,i.handleApiValidationErrors)(l.error,eo)||(eo("email",{message:L.ErrorMessages.wrongEmailOrPassword},{shouldFocus:!0}),eo("password",{message:L.ErrorMessages.wrongEmailOrPassword}))),ed(!1)},eb=()=>{k.Cookie.clearAuthRedirectPath(),eh(null),F(),er(),J.asPath.startsWith(N.default.promoLogin)&&J.push(N.default.home)};return(0,t.jsxs)(s.SideModal,{label:v.Intl.formatMessage({id:"login.title"}),isOpen:!!eg||e,onRequestClose:eb,children:[eg?(0,t.jsx)(Q,{children:(0,t.jsx)(f.SystemMessage,{isVisible:!0,isCloseButtonHidden:!0,background:j.Color.orangeL,color:j.Color.red,icon:(0,t.jsx)(c.default,{}),children:(0,t.jsx)(f.SystemMessageText,{children:v.Intl.formatMessage({id:"login.requiresLogin"})})})}):null,(0,t.jsxs)("form",{onSubmit:ei(ex),children:[K?(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(s.ModalHeader,{children:[(0,t.jsxs)("div",{children:[(0,t.jsx)(s.ModalTitle,{children:v.Intl.formatMessage({id:"cart.login.title"})}),(0,t.jsx)(s.ModalSubtitle,{children:v.Intl.formatMessage({id:"cart.login.subtitle"})})]}),(0,t.jsx)(n.IconButton.ModalClose,{btnLabel:"Dialógus bezárása",type:"button",icon:(0,t.jsx)(p.default,{}),onClick:eb})]})}):(0,t.jsxs)(s.ModalHeader,{children:[(0,t.jsx)(s.ModalTitle,{children:v.Intl.formatMessage({id:"login.title"})}),(0,t.jsx)(n.IconButton.ModalClose,{btnLabel:"Dialógus bezárása",icon:(0,t.jsx)(p.default,{}),type:"button",onClick:eb})]}),(0,t.jsx)(x.Input,{...(0,y.tidProps)(b.TestIds.loginInputEmail),inputMode:"email",label:v.Intl.formatMessage({id:"form.emailAddress"}),...et("email",L.FormValidation.email),errorMessage:ea.email?.message||void 0,"data-test-has-error":!!ea.email?.message}),(0,t.jsx)(x.PasswordInput,{...(0,y.tidProps)(b.TestIds.loginInputPassword),label:v.Intl.formatMessage({id:"form.password"}),...et("password",L.FormValidation.password),errorMessage:ea.password?.message||void 0,"data-test-has-error":!!ea.password?.message}),(0,t.jsx)(d.RecaptchaNotice,{withMargin:!0}),(0,t.jsx)(q,{as:"button",type:"button",$variant:"regular16",onClick:()=>{G(),F()},children:v.Intl.formatMessage({id:"login.forgotPassword"})}),(0,t.jsx)(W,{...(0,y.tidProps)(b.TestIds.loginInputSubmit),type:"submit",btnLabel:v.Intl.formatMessage({id:"login.button"}),fullWidth:"always",disabled:es}),(0,t.jsx)(H,{children:(0,t.jsx)(U,{$variant:"regular16",$color:"grayD",children:v.Intl.formatMessage({id:"common.or"})})}),(0,t.jsxs)(V,{as:"button",type:"button",bg:"facebook",onClick:()=>ec(a.SocialLoginProvider.facebook,em),children:[(0,t.jsx)(g,{}),v.Intl.formatMessage({id:"login.facebook"})]}),(0,t.jsxs)(V,{as:"button",type:"button",bg:"google",onClick:()=>ec(a.SocialLoginProvider.google,em),children:[(0,t.jsx)(h,{}),v.Intl.formatMessage({id:"login.google"})]}),(0,t.jsxs)(V,{as:"button",type:"button",bg:"apple",onClick:()=>ec(a.SocialLoginProvider.apple,em),children:[(0,t.jsx)(u,{}),v.Intl.formatMessage({id:"login.apple"})]})]}),K?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(X,{$variant:"bold16",$variantMedium:"h4",children:v.Intl.formatMessage({id:"cart.login.notRegistered"})}),(0,t.jsx)(r.Button.Secondary,{btnLabel:v.Intl.formatMessage({id:"cart.checkoutAsGuest"}),onClick:()=>{Y?(0,D.showToast)((0,t.jsx)(m.Typo,{$variant:"bold16",$color:"grayD",children:v.Intl.formatMessage({id:"components.cart.cartWarning"})}),"warning"):J.push(N.default.checkout)},fullWidth:"always"}),(0,t.jsx)(Z,{$variant:"regular12",$color:"grayM",children:v.Intl.formatMessage({id:"cart.checkoutAsGuestInfo"})})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(O,{$variant:"bold16",children:v.Intl.formatMessage({id:"login.notRegistered"})}),(0,t.jsx)(l.Link,{to:N.default.register,style:{display:"block"},children:(0,t.jsx)(r.Button.Secondary,{...(0,y.tidProps)(b.TestIds.registrationButton),btnLabel:v.Intl.formatMessage({id:"registration.button"}),fullWidth:"always",asSpan:!0})})]})]})},W=(0,F.default)(r.Button.Primary).withConfig({displayName:"LoginModal__LoginButton",componentId:"sc-10d8bfe5-0"})` 689 margin-bottom: 10px; 690 691 ${j.bp.medium} { 692 margin-bottom: 15px; 693 } 694`,O=(0,F.default)(s.ModalText).withConfig({displayName:"LoginModal__StyledModalText",componentId:"sc-10d8bfe5-1"})` 695 ${j.bp.small} { 696 text-align: center; 697 } 698`,H=F.default.div.withConfig({displayName:"LoginModal__Divider",componentId:"sc-10d8bfe5-2"})` 699 margin-bottom: 15px; 700 height: 22px; 701 text-align: center; 702 position: relative; 703 704 &:before { 705 content: ""; 706 display: block; 707 width: 100%; 708 height: 1px; 709 position: absolute; 710 top: 10px; 711 left: 0; 712 background: ${e=>e.theme.color.grayL}; 713 } 714`,U=(0,F.default)(m.Typo).withConfig({displayName:"LoginModal__DividerText",componentId:"sc-10d8bfe5-3"})` 715 background: ${e=>e.theme.color.white}; 716 padding: 0 10px; 717 display: inline-block; 718 position: relative; 719`,V=F.default.div.withConfig({displayName:"LoginModal__SocialButton",componentId:"sc-10d8bfe5-4"})` 720 width: 100%; 721 height: 60px; 722 display: flex; 723 align-items: center; 724 justify-content: center; 725 color: ${e=>e.theme.color.white}; 726 background: ${e=>e.theme.color[e.bg]}; 727 font-size: 16px; 728 ${e=>e.theme.fontWeight.bold} 729 text-transform: uppercase; 730 border-radius: 4px; 731 margin-bottom: 10px; 732 cursor: pointer; 733 position: relative; 734 735 svg { 736 position: absolute; 737 top: 50%; 738 transform: translateY(-50%); 739 left: 12px; 740 741 ${j.bp.medium} { 742 left: 30px; 743 } 744 } 745`,Z=(0,F.default)(m.Typo).withConfig({displayName:"LoginModal__CheckoutGuestInfo",componentId:"sc-10d8bfe5-5"})` 746 text-align: center; 747 margin-top: 10px; 748`,q=(0,F.default)(s.ModalText).withConfig({displayName:"LoginModal__Text",componentId:"sc-10d8bfe5-6"})` 749 color: ${e=>e.theme.color.red}; 750 cursor: pointer; 751 752 &:hover { 753 color: ${e=>e.theme.color.redD}; 754 } 755`,Q=F.default.div.withConfig({displayName:"LoginModal__LoginSystemMessage",componentId:"sc-10d8bfe5-7"})` 756 div { 757 padding-top: 2px; 758 padding-bottom: 2px; 759 } 760 margin-bottom: 15px; 761`;var X=(0,F.default)(s.ModalText).withConfig({displayName:"LoginModal___StyledModalText",componentId:"sc-10d8bfe5-8"})` 762 margin-top: 15px; 763 `;e.s(["LoginModal",0,G,"default",0,G],65110)},15415,e=>{"use strict";var t=e.i(68489);let i=(0,t.default)(()=>e.A(50157),{loadableGenerated:{modules:[34976]}}),o=(0,t.default)(()=>e.A(68492),{loadableGenerated:{modules:[83415]}});e.s(["MaskedInput",0,o,"MaskedInputControlled",0,i])},18790,e=>{"use strict";var t=e.i(91398),i=e.i(53973),o=e.i(1090),a=e.i(60814);let r=a.default.div.withConfig({displayName:"ProductPreview__ProductPreviewContainer",componentId:"sc-de90afc5-0"})` 764 display: flex; 765 border-radius: 4px; 766 border: 1px solid ${e=>e.theme.color.grayXL}; 767 padding: 15px; 768 margin-bottom: 10px; 769 770 ${o.bp.large} { 771 margin-bottom: 15px; 772 } 773`,n=a.default.img.withConfig({displayName:"ProductPreview__PreviewImage",componentId:"sc-de90afc5-1"})` 774 display: block; 775 width: 80px; 776 height: 80px; 777 object-fit: cover; 778 margin-right: 15px; 779`;var l=(0,a.default)(i.Typo).withConfig({displayName:"ProductPreview___StyledTypo",componentId:"sc-de90afc5-2"})` 780 margin-bottom: 10px; 781 `;e.s(["ProductPreview",0,({product:e})=>(0,t.jsxs)(r,{children:[(0,t.jsx)(n,{src:e.image,alt:""}),(0,t.jsx)("div",{children:(0,t.jsx)(l,{$variant:"regular14",children:e.name})})]})])},61714,e=>{"use strict";var t=e.i(91398),i=e.i(483),o=e.i(21425),a=e.i(71464),r=e.i(35531),n=e.i(55152),l=e.i(49365),s=e.i(16951),d=e.i(91788),c=e.i(60814);let p=({loadingText:e})=>(0,t.jsx)(u,{children:e??r.Intl.formatMessage({id:"common.loading"})}),u=c.default.span.withConfig({displayName:"LoadingEllipsis__LoadingEllipsisWrapper",componentId:"sc-189dc549-0"})` 782 font-weight: 200; 783 784 &:after { 785 display: inline-block; 786 animation: dotty steps(1, end) 1s infinite; 787 content: ""; 788 } 789
790 @keyframes dotty { 791 0% { 792 content: ""; 793 } 794 25% { 795 content: "."; 796 } 797 50% { 798 content: ".."; 799 } 800 75% { 801 content: "..."; 802 } 803 100% { 804 content: ""; 805 } 806 } 807`;var g=e.i(9432),h=e.i(3734);let f=d.default.forwardRef(({label:e,hint:o,errorMessage:n,value:c,setError:u,returnCities:f,clearCity:$,onItemSelect:C,...j},I)=>{let[k]=(0,s.useManualQuery)(i.getZipCodeInfoQuery,{skipCache:!0}),[S,B]=(0,d.useState)({zipCodeOptions:[],cities:[]}),[L,M]=(0,d.useState)(!1),[N,R]=(0,d.useState)(!1),[D,T]=(0,d.useState)(null),[P,z]=(0,d.useState)(null),E=(0,d.useRef)(!0);(0,d.useEffect)(()=>()=>{E.current=!1},[]);let A=(0,d.useRef)(null),F="zipcode-combobox-listbox",G=(0,d.useRef)([]);(0,d.useEffect)(()=>{W()},[c]),(0,d.useEffect)(()=>{L&&(null===D||D>=S.zipCodeOptions.length)&&T(S.zipCodeOptions.length>0?0:null)},[L,S.zipCodeOptions,D]),(0,d.useEffect)(()=>{null!==D&&G.current[D]&&G.current[D]?.scrollIntoView({block:"nearest",behavior:"smooth"})},[D]);let W=async()=>{if(R(!0),!c){R(!1),M(!1),B({zipCodeOptions:[],cities:[]});return}if(`${c}`.length>=2&&`${c}`.length<=4){M(4!==`${c}`.length);let{data:e,error:t}=await k({variables:{prefix:`${c}`}});if(!E.current)return;if(!t&&e?.zipAutocomplete&&e.zipAutocomplete.length>0){let t=e.zipAutocomplete.map(e=>e.city),i=e.zipAutocomplete.map(e=>({title:`${e.zip_code}`,value:e.zip_code}));B({cities:t,zipCodeOptions:i}),4===`${c}`.length&&i.length>0&&f(t),u("")}else u(r.Intl.formatMessage({id:"validation.zipCodeWrong"})),B({zipCodeOptions:[],cities:[]}),M(!1)}else M(!1),B({zipCodeOptions:[],cities:[]});R(!1)};(0,a.useOnClickOutside)(A,async()=>{if(await (0,l.wait)(200),!E.current)return;M(!1);let e=c?`${c}`.length<4?r.Intl.formatMessage({id:"validation.zipCodeLength"}):"":r.Intl.formatMessage({id:"validation.mandatory"});e&&u(e)});let O=e=>{let t=S.zipCodeOptions[e];t&&(j.onChange?.({target:{value:t.value}}),z(e),M(!1),C?.(`${t.value}`))};return(0,t.jsx)(h.SelectContainer,{ref:A,onFocus:()=>{L||(u(""),W())},children:(0,t.jsxs)(b,{children:[(e||o)&&(0,t.jsxs)(y,{$justifyContent:"space-between",errorMessage:n,children:[(0,t.jsx)(w,{id:"zipcode-combobox-label",className:"fw-bold",children:e}),o&&(0,t.jsx)(w,{$rightAlign:!0,children:o})]}),(0,t.jsx)(_,{role:"combobox","aria-autocomplete":"list","aria-controls":F,"aria-expanded":L,"aria-activedescendant":L&&null!==D?`zipcode-option-${D}`:void 0,"aria-labelledby":"zipcode-combobox-label",ref:I,autoComplete:"one-time-code",$empty:!0,$isError:!!n,maxLength:4,onChange:e=>{$(),"numeric"===j.inputMode&&(e.target.value=e.target.value.replace(/\D/g,"")),j.onChange?.(e)},onKeyDown:e=>{if(L)switch(e.key){case"ArrowDown":e.preventDefault(),T(e=>null===e||e===S.zipCodeOptions.length-1?0:e+1);break;case"ArrowUp":e.preventDefault(),T(e=>null===e||0===e?S.zipCodeOptions.length-1:e-1);break;case"Enter":e.preventDefault(),null!==D&&O(D);break;case"Escape":e.preventDefault(),M(!1)}},...j}),n&&(0,t.jsx)(v,{children:n}),(0,t.jsx)(m,{$isVisible:L,role:"listbox","aria-labelledby":e?"zipcode-combobox-label":void 0,id:F,children:N?(0,t.jsx)(g.SelectListItem,{children:(0,t.jsx)(p,{})}):0===S.zipCodeOptions.length?(0,t.jsx)(g.SelectListItemInfoOnly,{children:(0,t.jsx)(x,{children:r.Intl.formatMessage({id:"components.zipCodeInput.noResults"})})}):(G.current=[],S.zipCodeOptions.map((e,i)=>(0,t.jsx)(g.SelectListItem,{role:"option",id:`zipcode-option-${i}`,"aria-selected":D===i,highlighted:D===i,selected:P===i,onMouseDown:e=>e.preventDefault(),onClick:()=>O(i),onMouseEnter:()=>T(i),ref:e=>void(G.current[i]=e),children:e.title},e.value)))}),(0,t.jsx)("span",{className:"show-for-sr",role:"status","aria-live":"polite",children:L&&!N?S.zipCodeOptions.length>0?`${S.zipCodeOptions.length} tal\xe1lat`:"Nincs találat":""})]})})});f.displayName="ZipCodeInput";let m=c.default.ul.withConfig({displayName:"ZipCodeInput__DropdownContainer",componentId:"sc-630dd700-0"})` 808 display: ${e=>e.$isVisible?"block":"none"}; 809 position: absolute; 810 width: 100%; 811 max-height: 128px; 812 margin-top: 0; 813 background-color: ${e=>e.theme.dropdown.background.color}; 814 border-radius: ${e=>e.theme.radius.medium}; 815 border: 1px solid ${e=>e.theme.dropdown.borderColor}; 816 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 817 overflow-y: auto; 818 z-index: 1; 819`,x=c.default.span.withConfig({displayName:"ZipCodeInput__NoResults",componentId:"sc-630dd700-1"})` 820 font-weight: 200;
821`,b=c.default.label.withConfig({displayName:"ZipCodeInput__InputWrapper",componentId:"sc-630dd700-2"})` 822 display: block; 823 padding-bottom: ${({$noStack:e})=>e?"":"8px"}; 824`,y=(0,c.default)(o.Flex.Container).withConfig({displayName:"ZipCodeInput__LabelContainer",componentId:"sc-630dd700-3"})` 825 margin-bottom: ${e=>4*!e.$noMargin}px; 826 color: ${e=>e.errorMessage?e.theme.color.orange:e.theme.color.gray}; 827`,w=c.default.span.withConfig({displayName:"ZipCodeInput__InputLabelText",componentId:"sc-630dd700-4"})` 828 font-size: 12px; 829 line-height: 15px; 830 font-variant: tabular-nums; 831 832 ${e=>e.$hideLabel&&c.css` 833 ${n.showForSr}; 834 `} 835 836 ${e=>e.$rightAlign&&c.css` 837 text-align: right; 838 `} 839`,v=c.default.p.withConfig({displayName:"ZipCodeInput__ErrorText",componentId:"sc-630dd700-5"})` 840 color: ${e=>e.theme.color.orange}; 841 font-size: 12px; 842 line-height: 18px; 843 margin-bottom: 8px; 844`,$=c.css` 845 background-clip: padding-box; 846 background-color: ${e=>e.$empty?e.theme.input.background:e.theme.input.focus.background}; 847 border-radius: ${e=>e.theme.radius.small}; 848 border: 1px solid; 849 border-color: ${e=>e.$isError?e.theme.input.error.borderColor:e.theme.input.borderColor}; 850 color: ${e=>e.$isError?e.theme.input.error.color:e.theme.input.color}; 851 caret-color: ${e=>e.theme.color.gray}; 852 ${e=>e.theme.fontWeight.regular}; 853 font-size: 16px; 854 line-height: 24px; 855 height: 40px; 856 padding: 8px 20px; 857 margin-bottom: ${({$noStack:e})=>e?"":"8px"}; 858 display: block; 859 width: 100%; 860 flex: 1; 861 transition: all ${e=>e.theme.transition.hover}; 862 863 &::placeholder { 864 color: ${e=>e.$isError?e.theme.input.error.color:e.theme.input.placeholder.color}; 865 } 866 867 &:focus { 868 outline: none; 869 border-color: ${e=>e.$isError?e.theme.input.error.color:e.theme.input.focus.borderColor}; 870 background-color: ${e=>e.theme.input.focus.background}; 871 box-shadow: ${e=>e.theme.shadow.gray}; 872 } 873 874 &:disabled { 875 color: ${e=>e.theme.input.disabled.color}; 876 background-color: ${e=>e.theme.input.disabled.background}; 877 border-color: ${e=>e.theme.input.disabled.borderColor}; 878 cursor: not-allowed; 879 } 880 881 &:read-only { 882 cursor: default; 883 overflow: hidden; 884 text-overflow: ellipsis; 885 white-space: nowrap; 886 887 &:focus { 888 box-shadow: none; 889 } 890 } 891 892 &:-webkit-autofill, 893 &:-webkit-autofill:hover, 894 &:-webkit-autofill:focus, 895 &:-webkit-autofill:active { 896 -webkit-text-fill-color: ${e=>e.theme.color.gray} !important; 897 transition: background-color 5500s ease-in-out 0s; 898 } 899 900 &[type="file"] { 901 padding-right: 56px; 902 } 903`,C=c.css` 904 ${$}; 905 overflow: ${e=>e.noWrap&&"hidden"}; 906 text-overflow: ${e=>e.noWrap&&"ellipsis"}; 907 white-space: ${e=>e.noWrap&&"nowrap"}; 908`,_=c.default.input.withConfig({displayName:"ZipCodeInput__StyledInput",componentId:"sc-630dd700-6"})` 909 ${C} 910`;c.default.textarea.withConfig({displayName:"ZipCodeInput__StyledTextarea",componentId:"sc-630dd700-7"})` 911 ${$} 912 min-width: 100%; 913 width: 100%; 914 max-width: 100%; 915 min-height: 90px; 916 height: auto; 917`,e.s(["ZipCodeInput",0,f],61714)},37719,e=>{"use strict";var t=e.i(91398);e.s(["default",0,function(e){return(0,t.jsxs)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#alert"})]})}])},71540,e=>{"use strict";var t=e.i(91398);e.s(["default",0,function(e){return(0,t.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#arrow-left"})]})}])},73941,e=>{"use strict";var t=e.i(91398);e.s(["default",0,function(e){return(0,t.jsxs)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#bin"})]})}])},22117,e=>{"use strict";var t=e.i(91398);
917e.s(["default",0,function(e){return(0,t.jsxs)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#calendar-12"})]})}])},77718,e=>{"use strict";var t=e.i(91398);e.s(["default",0,function(e){return(0,t.jsxs)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#house1"})]})}])},75134,e=>{"use strict";var t=e.i(91398);e.s(["default",0,function(e){return(0,t.jsxs)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#money"})]})}])},77209,e=>{"use strict";var t=e.i(91398);e.s(["default",0,function(e){return(0,t.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",focusable:!1,"aria-hidden":!0,...e,children:[e.title&&(0,t.jsx)("title",{children:e.title}),(0,t.jsx)("use",{xlinkHref:"/svg/sprites.svg?27b7a50c#price-marginalized-badge-extra-small"})]})}])},58512,e=>{"use strict";var t,i=e.i(6177),o=((t={}).updateCheckout="@checkout/updateCheckout",t.updateCoupons="@checkout/updateCoupons",t);e.s(["CheckoutActionTypes",()=>o,"CheckoutActions",0,{updateCheckout:e=>(0,i.createAction)("@checkout/updateCheckout",{checkout:e}),updateCoupons:e=>(0,i.createAction)("@checkout/updateCoupons",{coupon_codes:e})}])},84414,e=>{"use strict";var t=e.i(91398),i=e.i(53973),o=e.i(35531),a=e.i(51040);let r=async(e,r,n)=>{try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(e);else{let t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.left="-999999px",t.style.top="-999999px",document.body.appendChild(t),t.focus(),t.select(),await new Promise((e,i)=>{document.execCommand("copy")?e(null):i(),t.remove()})}(0,a.showToast)((0,t.jsx)(i.Typo,{$variant:"bold16",$color:"grayD",children:r??o.Intl.formatMessage({id:"utils.copyToClipboard.success"})}),"success")}catch{(0,a.showToast)((0,t.jsx)(i.Typo,{$variant:"bold16",$color:"grayD",children:n??o.Intl.formatMessage({id:"utils.copyToClipboard.error"})}),"error")}};e.s(["copyToClipboard",0,r])},91181,e=>{"use strict";var t=e.i(68700);e.s(["clearNonNumericChars",0,e=>e.replace(/\D/g,""),"getPhoneNumberForInput",0,(e,i)=>e&&i?t.Constants.applyPhoneMask(`${e}${i}`):""])}]);
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.