https://www.lightspeedhq.de/wp-content/themes/ls/dist/js/hardwareS…nelController.chunk.40c1d9d66b109e096d87.js

1"use strict";(globalThis.webpackChunklightspeed_marketing=globalThis.webpackChunklightspeed_marketing||[]).push([[1017,2033,3401,5583,8267],{37477(t,e,a){a.d(e,{A:()=>n});var r=a(96540);const n=t=>{const{iconName:e,direction:a,classNames:n}=t,l={up:"tw:rotate-180",down:"tw:rotate-0",left:"tw:rotate-90",right:"tw:-rotate-90",default:""};switch(e){case"chevron":return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 21.4 12.1",className:"".concat(null!=n&&n.length?n[0]:""," ").concat(l[a||"default"])},r.createElement("path",{fill:"#fff",d:"M10.7 12.1L0 1.4 1.4 0l9.3 9.3L20 0l1.4 1.4z",className:"".concat(null!=n&&n.length&&n[1]?n[1]:"")}));case"chevron-thick":return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 13.6 22",className:"".concat(null!=n&&n.length?n[0]:""," ").concat(l[a||"default"])},r.createElement("path",{fill:"#fff",d:"M2.5,22a2.49,2.49,0,0,1-1.77-.73,2.52,2.52,0,0,1,0-3.54L7.56,10.9.93,4.27A2.5,2.5,0,0,1,4.47.73l8.4,8.4a2.52,2.52,0,0,1,0,3.54l-8.6,8.6A2.49,2.49,0,0,1,2.5,22Z",className:"".concat(null!=n&&n.length&&n[1]?n[1]:"")}));case"arrow":return r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"".concat(null!=n&&n.length?n[0]:""," ").concat(l[a||"default"]),viewBox:"0 0 48 48","aria-hidden":"true"},r.createElement("path",{className:"".concat(null!=n&&n.length&&n[1]?n[1]:""),d:"M32.4 22.7c-0.4-0.4-1.1-0.4-1.5 0.1l-5.8 6.4V16.5c0-0.6-0.5-1.1-1.1-1.1s-1.1 0.5-1.1 1.1v12.8l-5.8-6.4c-0.3-0.5-1-0.5-1.5-0.1 -0.5 0.3-0.5 1-0.1 1.5l7.7 8.5c0.2 0.2 0.5 0.3 0.8 0.3 0.2 0 0.3 0 0.5-0.1 0.1 0 0.2-0.1 0.2-0.1 0.2-0.1 0.3-0.3 0.3-0.4l7.5-8.3C32.9 23.8 32.9 23.1 32.4 22.7z"}));case"arrow-long-tail":return r.createElement("svg",{width:"19",height:"15",viewBox:"0 0 19 15",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",className:"".concat(null!=n&&n.length?n[0]:"")},r.createElement("path",{d:"M0 6.5H17.6594V8.5H0V6.5Z",fill:"#191513"}),r.createElement("path",{d:"M11.889 14.5L10.4023 13.0367L16.0287 7.5L10.4023 1.96327L11.889 0.5L19 7.50002L11.889 14.5Z",fill:"#191513"}));case"plus-sign":return r.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"".concat(null!=n&&n.length?n[0]:"")},r.createElement("path",{d:"M6 0L6 10L4 10L4 -8.74228e-08L6 0Z",fill:"#191513"}),r.createElement("path",{d:"M10 6L0 6L1.74846e-07 4L10 4L10 6Z",fill:"#191513"}));case"minus-sign":return r.createElement("svg",{width:"10",height:"2",viewBox:"0 0 10 2",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"".concat(null!=n&&n.length?n[0]:"")},r.createElement("path",{d:"M10 2L0 2L1.74846e-07 -3.97391e-07L10 4.76837e-07L10 2Z",fill:"white"}));default:return null}}},95255(t,e,a){a.d(e,{A:()=>n});var r=a(96540);const n=t=>{const{imageObj:e,fillPriority:a,className:n,rounded:l}=t;return r.createElement(r.Fragment,null,e.url&&r.createElement("div",{className:"".concat(n||"")},r.createElement("img",{src:e.url,alt:e.alt,className:"\n                            tw:block \n                            ".concat("width"===a?"tw:h-auto tw:w-full":"","\n                            ").concat("height"===a?"tw:h-full tw:w-auto":"","\n                            ").concat(l?"tw:rounded-md":"","\n                        ")})))}},65543(t,e,a){a.r(e),a.d(e,{default:()=>n});var r=a(96540);const n=t=>{const{title:e,subtitle:a}=t;return r.createElement("div",{className:"tw:flex tw:flex-col tw:items-center tw:py-12 tw:w-full tw:text-neutral-50 tw:text-center"},r.createElement("h1",{className:"gb-h2"},e||""),r.createElement("div",{className:"tw:min-h-[38px]"},a&&r.createElement("p",{className:"tw:mb-3"},a)))}},12143(t,e,a){a.r(e),a.d(e,{default:()=>o});var r=a(96540),n=a(37477),l=function(t){return t.IDLE="idle",t.EXPANDING="expanding",t.SHRINKING="shrinking",t}(l||{});const c={duration:300,easing:"ease-out"},o=t=>{const{content:e}=t,a=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),[i,w]=(0,r.useState)(null),[u,m]=(0,r.useState)(l.IDLE),f=({animationState:t,startHeight:e,endHeight:r,open:n})=>{var o;m(t),i&&i.cancel();const s=null===(o=a.current)||void 0===o?void 0:o.animate({height:["".concat(e,"px"),"".concat(r,"px")]},c);s&&(w(s),s.onfinish=()=>d(n),s.oncancel=()=>m(l.IDLE))},d=t=>{a.current&&(a.current.open=t,a.current.style.height="",a.current.style.overflow="",w(null),m(l.IDLE))},h=t=>{a.current&&o.current&&s.current&&(t.preventDefault(),a.current.style.overflow="hidden",u!==l.SHRINKING&&a.current.open?(u===l.EXPANDING||a.current.open)&&(()=>{var t,e;m(l.SHRINKING);const r=(null===(t=a.current)||void 0===t?void 0:t.offsetHeight)||0,n=(null===(e=o.current)||void 0===e?void 0:e.offsetHeight)||0;f({animationState:l.SHRINKING,startHeight:r,endHeight:n,open:!1})})():a.current&&(a.current.style.height="".concat(a.current.offsetHeight,"px"),a.current.open=!0,window.requestAnimationFrame(()=>(()=>{var t,e,r;const n=(null===(t=a.current)||void 0===t?void 0:t.offsetHeight)||0,c=((null===(e=o.current)||void 0===e?void 0:e.offsetHeight)||0)+((null===(r=s.current)||void 0===r?void 0:r.offsetHeight)||0);f({animationState:l.EXPANDING,startHeight:n,endHeight:c,open:!0})})())))};return r.createElement(r.Fragment,null,e.info_button_type&&r.createElement("section",{className:"tw:mt-6"},r.createElement("div",{className:"tw:max-w-[420px] tw:p-3 tw:mx-auto tw:rounded-md tw:bg-surface-secondary"},"link"===e.info_button_type?r.createElement(r.Fragment,null,e.info_button_url&&e.

1info_button_title&&r.createElement("a",{href:e.info_button_url,target:"_blank",rel:"noopener noreferrer",className:"tw:text-primary tw:font-lsRegular tw:text-base gb-h5 tw:hover:underline tw:p-0"},e.info_button_title,r.createElement(n.A,{iconName:"chevron",direction:"right",classNames:["tw:w-3 tw:h-3 tw:relative tw:-right-1.5 tw:top-px","tw:fill-icon-primary"]}))):r.createElement(r.Fragment,null,e.info_button_title&&r.createElement("details",{ref:a},r.createElement("summary",{ref:o,className:"hardware-wizard__summary tw:relative tw:border-none tw:bg-transparent tw:w-full tw:p-0 tw:text-left tw:cursor-pointer",onClick:t=>h(t)},r.createElement("h5",{className:"tw:mb-0 tw:text-primary"},e.info_button_title),r.createElement(n.A,{iconName:"arrow",classNames:["tw:fill-icon-primary tw:w-9 tw:h-9 tw:absolute tw:right-3 tw:-top-1.5"]})),r.createElement("div",{ref:s,className:"tw:py-6 tw:overflow-hidden tw:grid"},e.info_button_text&&r.createElement("p",{className:"tw:mb-0 tw:text-primary",dangerouslySetInnerHTML:{__html:e.info_button_text}})))))))}},84789(t,e,a){a.r(e),a.d(e,{default:()=>n});var r=a(96540);const n=t=>{const{navLexic:e,userHistory:a,handleChangePanel:n,currentStep:l,centerLink:c,showRestartButton:o}=t,s=t=>{if("restart"===t)return void n(t);const e=a["forward"===t?l:l-2];n(t,e)},i="tw:w-full tw:flex",w="tw:text-neutral-50 tw:text-sm tw:font-lsMedium tw:border-none tw:p-0";return r.createElement("div",{className:"tw:w-full tw:max-w-[920px] tw:flex tw:justify-between tw:mt-9 tw:mx-auto"},r.createElement("div",{className:"".concat(i," tw:justify-start")},1!==l&&e.previous&&r.createElement("button",{className:"".concat(w),onClick:()=>s("backward"),type:"button"},e.previous)),r.createElement("div",{className:"".concat(i," tw:justify-center tw:text-center")},c.other_hardware_text&&c.other_hardware_link&&r.createElement("a",{className:"".concat(w," tw:hover:underline"),href:c.other_hardware_link},c.other_hardware_text)),r.createElement("div",{className:"".concat(i," tw:justify-end")},o&&r.createElement("button",{className:"".concat(w),onClick:()=>s("restart"),type:"button"},e.restart),l!==a.length&&!o&&e.next&&r.createElement("button",{className:"".concat(w),onClick:()=>s("forward"),type:"button"},e.next)))}},11551(t,e,a){a.r(e),a.d(e,{default:()=>n});var r=a(96540);const n=t=>{const{children:e,href:a,variationTarget:n,handleChangePanel:l,isBreadcrumb:c}=t,o="tw:flex tw:flex-col tw:items-start tw:w-[235px] tw:font-lsMedium tw:lining-nums tw:hover:underline tw:rounded-md tw:overflow-hidden tw:hyphens-auto tw:relative tw:px-0 tw:group ".concat(c?"tw:bg-surface-brand tw:text-tertiary":"tw:bg-surface-secondary tw:text-primary");return n?r.createElement("button",{className:"tw:border-none ".concat(o),onClick:()=>{l("forward",n)},type:"button"},e):a?r.createElement("a",{className:"".concat(o),href:a,target:"_blank",rel:"noopener noreferrer"},e):null}},59139(t,e,a){a.r(e),a.d(e,{default:()=>d});var r=a(96540),n=a(44038),l=a(56488),c=a(65543);const o={light:{base:{text:"tw:text-primary",stroke:"tw:stroke-warm-gray-20"},valid:{text:"tw:text-brand",stroke:"tw:stroke-red-60"}},dark:{base:{text:"tw:text-neutral-50",stroke:"tw:stroke-neutral-50"},valid:{text:"tw:text-brand",stroke:"tw:stroke-red-60"}}},s=t=>{const{maxSteps:e,currentStep:a,mode:n}=t,l=Array.from(new Array(e),(t,e)=>e+1),[c,s]=(0,r.useState)(0);return(0,r.useEffect)(()=>{!(a<=0||a>e)&&a>=1&&s(76*(a-1)+31)},[a,e]),r.createElement("section",{role:"progressbar","aria-valuemin":1,"aria-valuemax":e,"aria-valuenow":a,className:"tw:flex tw:relative"},["base","valid"].map(t=>r.createElement("ol",{key:t,style:{width:"".concat("valid"===t?c+"px":"auto")},className:"step-mask--".concat(t," tw:list-none tw:flex tw:overflow-hidden tw:mb-0  ").concat("base"===t?"":"tw:bg-surface-inverse-primary tw:absolute tw:transition-[width] tw:duration-[.36s] tw:ease-[cubic-bezier(0,.6,.6,1)]")},l.map(e=>r.createElement("li",{key:e,className:"".concat(1===e?"tw:w-[31px]":"tw:w-[76px]"," tw:relative tw:py-0 tw:flex tw:items-center")},r.createElement("span",{className:"step-number--".concat(t," tw:text-base tw:text-center tw:font-lsBold tw:leading-[0] tw:absolute tw:-right-px tw:w-[34px] ").concat(o[n][t].text)},e<a?r.createElement("span",{className:"tw:fill-neutral-50 tw:bg-[length:50%] tw:relative tw:left-0.5 tw:bg-no-repeat tw:bg-center tw:w-7.5 tw:h-4.5 tw:block",style:{backgroundImage:"var(--icon--checkmark--lightest)"}}):r.createElement("span",null,e)),r.createElement("svg",{className:"step-svg--".concat(t),x:"0",y:"0",width:"".concat(1===e?"32px":"77px"),height:"33px",viewBox:"".concat(1===e?-1:0," 0 ").concat(1===e?"32 33":"77 33")},r.createElement("circle",{className:"step-circle--".concat(t," ").concat(e<a?"tw:fill-icon-brand":"tw:fill-none"," tw:stroke-2 ").

1concat(o[n][t].stroke),cx:"".concat(1===e?"15px":"61px"),cy:"16px",r:"15px"}),1!==e&&r.createElement("rect",{className:"step-line--".concat(t," tw:stroke-2 ").concat(o[n][t].stroke),x:0,y:"16px",width:"44px",height:"1px"})))))))};var i=a(11551),w=a(95255),u=a(12143),m=a(84789);const f="first-panel",d=t=>{const{allPanels:e,maxSteps:a,languagePanelOptions:o,navLexic:d}=t,h=e.filter(t=>t.title).map(t=>{if("on"===t.is_language_selector_panel){const e=o.map(t=>({text:t.panel_option_text,href:t.href,variation_target:t.variation_target,flag:t.flag}));t.options=e}else t.options=t.options.filter(t=>t.text);return t}),p=(0,r.useMemo)(()=>new Map(h.map(t=>[t.variation_slug||f,t])),[h]),[g,v]=(0,r.useState)([f]),[x,b]=(0,r.useState)(p.get(f)),[E,N]=(0,r.useState)(1),_=(t,e)=>{if("restart"===t)return v([f]),b(p.get(f)),void N(1);if(e){if(!g.includes(e)&&x){const t=g;t[parseInt(x.step)+1]=e,v(t)}b(p.get(e)),N(e=>"forward"===t?e+1:e-1)}},y=(0,r.useRef)(new Map),k=(0,r.useRef)(new Map),L=t=>(y.current.has(t)||y.current.set(t,r.createRef()),y.current.get(t)),S=t=>(k.current.has(t)||k.current.set(t,r.createRef()),k.current.get(t)),H=e.filter(t=>t.title&&"off"===t.is_language_selector_panel).flatMap(t=>t.options.map(t=>t.image));return(0,r.useEffect)(()=>{H.length&&H.forEach(t=>{const e=JSON.parse(t||"{}");(new Image).src=e.url})},[H]),r.createElement(r.Fragment,null,x&&r.createElement("section",{className:"tw:flex tw:flex-col tw:items-center"},r.createElement(n.A,{className:"tw:relative tw:w-full"},r.createElement(l.A,{key:x.title,timeout:120,classNames:"hardware-wizard__transition-group__fade",nodeRef:L(x.title)},r.createElement("div",{ref:L(x.title),className:"tw:w-full"},r.createElement(c.default,{key:x.title,title:x.title,subtitle:x.subtitle})))),r.createElement(s,{maxSteps:a,currentStep:E,mode:"dark"}),r.createElement(n.A,{className:"tw:relative tw:w-full"},r.createElement(l.A,{key:x.title,timeout:120,classNames:"hardware-wizard__transition-group__fade",nodeRef:S(x.title)},r.createElement("div",{ref:S(x.title),key:x.title,className:"tw:w-full"},r.createElement("div",{className:"tw:flex tw:flex-wrap tw:max-w-[920px] tw:w-full tw:gap-3 tw:justify-center tw:mt-16 tw:mx-auto"},x.options.map(t=>{const e=JSON.parse(t.image||"{}");return r.createElement(i.default,{key:t.text,href:t.href,variationTarget:t.variation_target,handleChangePanel:_,isBreadcrumb:g.includes(t.variation_target)},r.createElement(w.A,{imageObj:e,className:"tw:relative tw:after:opacity-0 tw:after:transition-opacity tw:after:duration-150 tw:after:content-[''] tw:group-hover:after:bg-surface-inverse-primary tw:group-hover:after:opacity-25 tw:group-hover:after:block tw:group-hover:after:h-full tw:group-hover:after:w-full tw:group-hover:after:absolute tw:group-hover:after:left-0 tw:group-hover:after:-top-px tw:group-hover:after:mix-blend-multiply",fillPriority:"width"}),r.createElement("div",{className:"tw:p-3 ".concat(t.flag?"":"tw:mx-auto")},r.createElement("span",{className:"tw:text-base ".concat(t.flag?"tw:pr-6 tw:bg-right tw:bg-[length:20px] local-flag flag-".concat(t.flag.toLowerCase()):""," ").concat("on"===x.is_language_selector_panel?"hardware-wizard--spa__arrow-right":"")},t.text)))})),r.createElement(u.default,{content:x.info_button}),r.createElement(m.default,{navLexic:d,userHistory:g,handleChangePanel:_,currentStep:E,centerLink:x.other_hardware_button,showRestartButton:"on"===x.include_restart_button}))))))}}}]);
2//# sourceMappingURL=hardwareSPA-Components-PanelController.chunk.40c1d9d66b109e096d87.js.map