https://www.magenta.at/shop/assets/es-FiberSocketDrawer.8922fbad.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{3019:function(e,t,n){"use strict";var a=n(5),o=n.n(a),r=n(7),i=n.n(r),l=(n(0),n(12)),d=n.n(l),s=n(48),c=n(6),b=n(540),p=Object(c.default)(b.b).withConfig({displayName:"StyledFlowPanel",componentId:"sc-f6wlgo-0"})([".closeIcon{background:",";}&.flowPanelWrap{.flowPanelInner{padding:0;padding-top:4rem;overflow-y:scroll;.backButton{cursor:pointer;margin-left:48px;position:absolute;top:1.5rem;@media ","{margin-left:16px;}}}.flowPanelContent{overflow-y:visible;padding:0;}&.fiberSocketDrawerPanel .flowPanelInner{overflow-y:auto;overflow-x:visible;}&.fiberSocketDrawerPanel .dt_flowPanelBody,&.fiberSocketDrawerPanel .flowPanelContent{overflow:visible;}@media ","{.flowPanelInner{border-radius:1rem 1rem 0 0;max-height:",";top:",";",";animation-name:",";animation-duration:",";animation-fill-mode:",";}}}"],e=>{var{theme:t}=e;return t.base.concrete},s.p.below_768,s.p.below_768,e=>{var{maxHeight:t}=e;return t||"calc(100% - 1.5rem)"},e=>{var{maxHeight:t}=e;return t?"calc(100% - ".concat(t,")"):"1.5rem"},e=>{var{theme:t}=e;return t.animations.flowPanel.SlideInUp.animationKeyframes},e=>{var{theme:t}=e;return t.animations.flowPanel.SlideInUp.animationName},e=>{var{theme:t}=e;return t.animations.flowPanel.SlideInUp.animationDuration},e=>{var{theme:t}=e;return t.animations.flowPanel.SlideInUp.animationFillMode}),m=c.default.div.withConfig({displayName:"StyledContentWrapper",componentId:"sc-f6wlgo-1"})(["display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;"]),u=c.default.div.withConfig({displayName:"StyledFooter",componentId:"sc-f6wlgo-2"})(["bottom:0;padding:1.5rem 3rem 1.5rem 3rem;background:",";box-shadow:0px 0 10px rgba(0,0,0,0.1);border-top:1px solid ",";@media ","{padding:1rem;}"],s.l.white,s.l.lightishGray,s.p.below_768),h=(s.p.below_768,c.default.div.withConfig({displayName:"StyledBodyContainer",componentId:"sc-f6wlgo-4"})(["overflow-x:hidden;flex:1 1 auto;overflow-y:auto;padding:",";@media ","{padding:",";}"],e=>{var{noBodyPadding:t}=e;return t?0:"24px 44px 24px 40px"},s.p.below_768,e=>{var{noBodyPadding:t}=e;return t?0:"1rem 1.5rem 1.5rem 1.5rem"})),f=n(2),g=["onCloseClick","isOpen","footerContent","bodyContent","onBackdropClick","dataQa","maxHeight","noBodyPadding","className","isBackButton","handleBackClick","backIconElement","showCloseButton","closeButtonAriaLabel"];function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){o()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.a=e=>{var{onCloseClick:t,isOpen:n,footerContent:a,bodyContent:o,onBackdropClick:r,dataQa:l,maxHeight:s,noBodyPadding:c,className:b,isBackButton:j,handleBackClick:y,backIconElement:v,showCloseButton:w,closeButtonAriaLabel:O}=e,C=i()(e,g);return Object(f.jsx)(p,x(x({className:d()("flowPanelWrap",b),isOpen:n,showCloseButton:!w,onClose:t,onBackdropClick:r,"data-qa":l,maxHeight:s,showBackButton:j,onBack:y,backIconElement:v,closeButtonAriaLabel:O},C),{},{children:Object(f.jsxs)(m,{"data-qa":l,children:[Object(f.jsx)(h,{noBodyPadding:c,children:o}),a?Object(f.jsx)(u,{children:a}):null]})}))}},3452:function(e,t,n){"use strict";n.r(t);var a,o,r,i=n(5),l=n.n(i),d=n(0),s=n(39),c=n(673),b=n(20),p=n(14),m=n(267),u=n(170),h=n(147),f=n(58),g=n(32),j=n(152),x=n(60),y=n(3019),v=n(587),w=n(120),O=n(806),C=n(6),k=n(48),I=C.default.div.withConfig({displayName:"StyledFiberSocketDrawerBody",componentId:"sc-qaa21l-0"})(["display:flex;flex-direction:column;gap:16px;overflow:visible;"]),S=C.default.div.withConfig({displayName:"StyledFiberSocketHeading",componentId:"sc-qaa21l-1"})(["margin-bottom:8px;.heading{margin:0;line-height:1.25;}"]),B=C.default.div.withConfig({displayName:"StyledFiberSocketAddressRow",componentId:"sc-qaa21l-2"})(["display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px;.address-text{flex:1;margin:0;word-break:break-word;}.address-label{margin:0;}"]),P=C.default.div.withConfig({displayName:"StyledFiberSocketAddressReadOnly",componentId:"sc-qaa21l-3"})(["margin-bottom:8px;.address-text{margin:0;word-break:break-word;}.address-label{margin:0;}"]),N=C.default.button.withConfig({displayName:"StyledFiberSocketChangeLink",componentId:"sc-qaa21l-4"})(["display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;color:",";.change-text{color:",";}.pencil-icon{font-size:1.125rem;}"],e=>{var{theme:t}=e;return t.base.deepCerculean},e=>{var{theme:t}=e;return t.base.deepCerculean}),E=C.default.div.withConfig({displayName:"StyledFiberSocketDescription",componentId:"sc-qaa21l-5"})([".description-text{margin:0;line-height:1.5;color:",";}"],e=>{var{theme:t}=e;

1return t.base.charcoalGray}),L=C.default.div.withConfig({displayName:"StyledFiberSocketIllustration",componentId:"sc-qaa21l-6"})(["display:flex;justify-content:center;align-items:center;width:100%;min-height:12.5rem;margin:8px 0;padding:24px 0;box-sizing:border-box;"," .es_preloadImage{padding-top:0;width:100%;height:12.5rem;max-width:100%;}.es_preloadImage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;}"],e=>{var{$withBackground:t}=e;return t?"\n    border-radius: 4px;\n    background: ".concat(k.l.snowflakeGray,";\n    overflow: hidden;\n  "):""}),D=C.default.div.withConfig({displayName:"StyledFiberSocketDrawerFooter",componentId:"sc-qaa21l-7"})(["display:flex;flex-direction:column;gap:12px;width:100%;.button{width:100%;}"]),F=C.default.div.withConfig({displayName:"StyledFiberSocketPortalRoot",componentId:"sc-qaa21l-8"})(["position:fixed;inset:0;z-index:1100;pointer-events:none;& > *{pointer-events:auto;}"]),A=C.default.div.withConfig({displayName:"StyledHomeIdInputSection",componentId:"sc-qaa21l-9"})(["position:relative;display:flex;flex-direction:column;gap:8px;overflow:visible;"]),H=C.default.div.withConfig({displayName:"StyledHomeIdLabelRow",componentId:"sc-qaa21l-10"})(["position:relative;z-index:2;display:flex;align-items:center;gap:8px;overflow:visible;.input-label{margin:0;}"]),q=C.default.div.withConfig({displayName:"StyledHomeIdTooltipAnchor",componentId:"sc-qaa21l-11"})(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;"]),T=C.default.button.withConfig({displayName:"StyledHomeIdTooltipTrigger",componentId:"sc-qaa21l-12"})(["display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer;color:",";font-size:1.125rem;line-height:1;&:focus-visible{outline:2px solid ",";outline-offset:2px;}"],e=>{var{theme:t}=e;return t.base.deepCerculean},e=>{var{theme:t}=e;return t.base.deepCerculean}),R=C.default.div.withConfig({displayName:"StyledHomeIdTooltipBubble",componentId:"sc-qaa21l-13"})(["position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:5;box-sizing:border-box;width:min(18.5rem,calc(100vw - 3rem));padding:1rem;border:1px solid ",";border-radius:0.5rem;background:",";color:",";box-shadow:0 4px 16px rgba(0,0,0,0.12);text-align:left;pointer-events:auto;&::before{content:'';position:absolute;top:-9px;left:50%;transform:translateX(-50%);border-width:0 9px 9px 9px;border-style:solid;border-color:transparent transparent "," transparent;}&::after{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent "," transparent;}.tooltip-title,.tooltip-body{margin:0;}.tooltip-title{margin-bottom:0.5rem;}"],e=>{var{theme:t}=e;return t.base.ironGray},e=>{var{theme:t}=e;return t.base.white},e=>{var{theme:t}=e;return t.base.charcoalGray},e=>{var{theme:t}=e;return t.base.ironGray},e=>{var{theme:t}=e;return t.base.white}),z=C.default.div.withConfig({displayName:"StyledHomeIdCaption",componentId:"sc-qaa21l-14"})(["display:flex;align-items:flex-start;gap:8px;color:",";.caption-icon{flex-shrink:0;margin-top:2px;font-size:1rem;}.caption-text{margin:0;line-height:1.4;}"],e=>{var{theme:t}=e;return t.base.charcoalGray}),W=n(2),_=e=>{var{address:t,changeCtaLabel:n,onChangeAddress:o,config:r}=e,{addressLabel:i,isReadOnly:l,showAddressLabel:d}=r;return l?Object(W.jsx)(P,{children:Object(W.jsxs)(w.a,{variant:"body",className:"address-text",children:[Object(W.jsxs)(w.a,{variant:"bodyBold",as:"span",className:"address-label",children:[i," "]}),t]})}):Object(W.jsxs)(B,{children:[Object(W.jsxs)(w.a,{variant:"body",className:"address-text",children:[d?Object(W.jsxs)(w.a,{variant:"bodyBold",as:"span",className:"address-label",children:[i," "]}):null,t]}),Object(W.jsxs)(N,{type:"button",onClick:o,"aria-label":n,children:[Object(W.jsx)(w.a,{variant:"smallBold",className:"change-text",children:n}),a||(a=Object(W.jsx)(O.default,{className:"pencil-icon"}))]})]})},U=n(743),V=n(502),G=e=>{var{heading:t,description:n,imageUrl:a,imageAlt:r,addressSection:i,homeIdSection:l,illustrationCaption:d,illustrationWithBackgroun

1d:s}=e;return Object(W.jsxs)(I,{children:[Object(W.jsx)(S,{children:Object(W.jsx)(w.a,{variant:"h3",weight:"800",className:"heading",children:t})}),i,Object(W.jsx)(E,{children:Object(W.jsx)(w.a,{variant:"body",className:"description-text",children:n})}),l,a?Object(W.jsx)(L,{$withBackground:s,children:Object(W.jsx)(V.a,{disablePreloadEffect:!0,useOriginalImageSize:!0,imageHeight:20,imageWidth:20,imageUrl:a,alt:r})}):null,d?Object(W.jsxs)(z,{children:[o||(o=Object(W.jsx)(U.default,{size:"inherit",color:"currentColor",className:"caption-icon"})),Object(W.jsx)(w.a,{variant:"small",className:"caption-text",children:d})]}):null]})},M=n(160),Y=e=>{var{translation:t,onYes:n,onNo:a,onFooterEvent:o}=e;return Object(W.jsxs)(D,{onClick:o,onMouseDown:o,children:[Object(W.jsx)(M.b,{className:"button",type:"primary",onClickHandler:n,children:t.yesButtonText}),Object(W.jsx)(M.b,{className:"button",type:"secondary",onClickHandler:a,children:t.noButtonText})]})},X=e=>{var{continueCta:t,isLoading:n,onContinue:a,onFooterEvent:o}=e;return Object(W.jsx)(D,{onClick:o,onMouseDown:o,children:Object(W.jsx)(M.b,{className:"button",type:"primary",loading:n,disabled:n,onClickHandler:a,children:t})})},Q=n(445),J=(e,t,n,a)=>{if(t)return e.requiredError;if(n){var o=e.serverValidationError;return"number"==typeof a?"".concat(o," ").concat(((e,t)=>(t||"").replace("{remainingAttempts}",String(e)))(a,e.attemptCounter)):o}return""},K=e=>{var{translation:t,homeIdInput:n,clientRequiredError:a,isServerErrorVisible:o,remainingAttempts:i,isLoading:l,onInputChange:s}=e,[c,b]=Object(d.useState)(!1),p=Object(d.useRef)(null),m=J(t,a,o,i),u=Boolean(m);return Object(d.useEffect)(()=>{if(c){var e=e=>{var t=e.target;p.current&&t&&!p.current.contains(t)&&b(!1)},t=e=>{"Escape"===e.key&&b(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e),document.removeEventListener("keydown",t)}}},[c]),Object(W.jsxs)(A,{children:[Object(W.jsxs)(H,{children:[Object(W.jsx)(w.a,{variant:"bodyBold",className:"input-label",children:t.inputLabel}),Object(W.jsxs)(q,{ref:p,children:[Object(W.jsx)(T,{type:"button","aria-label":t.tooltipTrigger,"aria-expanded":c,"aria-controls":"wholebuy-home-id-tooltip",onClick:()=>b(e=>!e),children:r||(r=Object(W.jsx)(U.default,{size:"inherit",color:"currentColor"}))}),c?Object(W.jsxs)(R,{id:"wholebuy-home-id-tooltip",role:"tooltip",children:[Object(W.jsx)(w.a,{variant:"h4",weight:"700",className:"tooltip-title",children:t.tooltipTitle}),Object(W.jsx)(w.a,{variant:"body",className:"tooltip-body",children:t.tooltipBody})]}):null]})]}),Object(W.jsx)(Q.b,{id:"wholebuy-home-id-input",label:t.inputPlaceholder,value:n,onChange:s,error:u,errorMessage:m,"aria-invalid":u,disabled:l})]})},$=(e,t,n)=>{var[a,o]=Object(d.useState)(""),[r,i]=Object(d.useState)(!1),l=Object(d.useCallback)(()=>{o(""),i(!1)},[]);return{homeIdInput:a,clientRequiredError:r,handleInputChange:t=>{o(t.target.value),r&&i(!1),e&&n()},handleContinue:()=>{var{trimmedHomeId:e,isValid:n}=(e=>{var t=e.trim();return{trimmedHomeId:t,isValid:Boolean(t)}})(a);n?(i(!1),t(e)):i(!0)},resetForm:l}};function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){l()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var te=e=>{e.stopPropagation()},ne=()=>

1{var e=b.a.getState(),{isTariffChangeFiberSocketFlow:t}=e.fixed;if(!t)return null;var n=Object(h.vc)(e);if(!n)return null;var a=Object(p.Aj)(e),{fixedActionSelectorCategories:o}=Object(h.O)(e).tariffChange,r=o[n.actionType],i=r&&Object(x.q)(r,a)||n.tariffListing;return ee(ee({},n),{},{tariffListing:i})},ae=e=>{Object(m.a)().then(()=>{e(u.a.fiberSocketDrawerDismissed())})};t.default=()=>{var e,t=Object(s.c)(),n=Object(s.d)(h.mc),a=Object(s.d)(h.pc),o=Object(s.d)(h.O),r=a&&Object(f.isWholeBuyFiberEnabled)(o),i=n||r,l=r,b=Object(s.d)(h.W),p=Object(s.d)(h.tb),x=Object(s.d)(h.Y),{accessibility:{common:w}}=Object(s.d)(h.ab),O=Object(s.d)(h.db),C=Object(s.d)(h.cb),k=Object(s.d)(h.T),{tariffs:I}=o,{fiberSocketDrawer:S,homeIdDrawer:B}=x.extendedFiberStatus,P=I.fiberSocketDrawerImageUrl,N=I.homeIdDrawerImageUrl,E=(null===(e=b.addressData)||void 0===e?void 0:e.autoSuggestAddress)||"",L=S.addressLabel,D=l?B.heading:S.heading,A=l?B.description:S.description,H=l&&N||P,q=l?B.imageAlt:S.heading,{homeIdInput:T,clientRequiredError:R,handleInputChange:z,handleContinue:U,resetForm:V}=$(Boolean(O),e=>{Object(m.a)().then(()=>{t(u.a.validateWholeBuyHomeId(e))})},()=>{t(u.a.setHomeIdValidationError(null))});Object(d.useEffect)(()=>{r||(V(),t(u.a.setHomeIdValidationError(null)))},[r,V,t]),Object(d.useEffect)(()=>{n&&Object(v.G)()},[n]);var M=l?()=>{Object(m.a)().then(()=>{t(u.a.abortWholeBuyHomeId())})}:()=>{Object(v.E)(w.closeModal),ae(t)};if(!i)return null;var Q=E?Object(W.jsx)(_,{address:E,changeCtaLabel:x.changeCrumbCta,onChangeAddress:()=>{Object(v.D)(window.location.href),l?(t(u.a.setShowWholeBuyHomeIdDrawer(!1)),t(u.a.setHomeIdValidationError(null)),t(u.a.setPreAvcAutoRedirectPending(!1)),t(u.a.setTariffsLoading(!1)),Object(j.u)(g.Q.FIXED_STEP,g.R.AVAILABILITY_CHECK)):ae(t)},config:{addressLabel:L,isReadOnly:p,showAddressLabel:l}}):null,J=l?Object(W.jsx)(K,{translation:B,homeIdInput:T,clientRequiredError:R,isServerErrorVisible:Boolean(O),remainingAttempts:C,isLoading:k,onInputChange:e=>{z(e)}}):void 0,Z=Object(W.jsx)(G,{heading:D,description:A,imageUrl:H,imageAlt:q,addressSection:Q,homeIdSection:J,illustrationCaption:l?B.illustrationCaption:void 0,illustrationWithBackground:l}),ee=l?Object(W.jsx)(X,{continueCta:B.continueCta,isLoading:k,onContinue:U,onFooterEvent:te}):Object(W.jsx)(Y,{translation:S,onYes:()=>{var e=ne();Object(v.F)(null==S?void 0:S.yesButtonText),Object(m.a)().then(()=>{t(u.a.fiberSocketConfirmedYes(e))})},onNo:()=>{var e=ne();Object(v.F)(null==S?void 0:S.noButtonText),Object(m.a)().then(()=>{t(u.a.fiberSocketConfirmedNo(e))})},onFooterEvent:te}),oe=p,re=p||l?void 0:M;return Object(W.jsx)(c.a,{children:Object(W.jsx)(F,{children:Object(W.jsx)(y.a,{className:"fiberSocketDrawerPanel",isOpen:i,onCloseClick:M,onBackdropClick:re,bodyContent:Z,footerContent:ee,showCloseButton:oe,closeButtonAriaLabel:w.closeModal})})})}}}]);