https://www.swb.de/js/_workflow-stepper.js?cb=b5b0ab1d51b64becd22d

1"use strict";(self.webpackChunkswb_frontend=self.webpackChunkswb_frontend||[]).push([[2292],{79760:function(e,t,n){n.r(t),n.d(t,{default:function(){return O}});var r=n(67467),o=n(86794),s=n(96540),a=n(5556),i=n.n(a),c=n(8162),l=n.n(c),p=n(48462),u=n(67131),m=n(49590),d=n(13206),f=n(48922),w=n(50551);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(null,arguments)}const h=l().h3`
2  width: 100%;
3  text-align: center;
4`;class b extends s.Component{render(){const{classes:e,steps:t,stepButtonOnClick:n,fromState:r,activeStep:o}=this.props,a=isNaN(o)?"":t[o].headlineText,i={StepIconProps:{classes:{root:e.icon}}};return s.createElement("div",null,s.createElement(u.C1,{className:e.root,activeStep:o,connector:s.createElement(f.A,{activeStep:o})},t.map((e,t)=>s.createElement(m.default,{key:t},s.createElement(d.default,g({"data-locator":`stepper-step-${t+1}`,onClick:()=>{n(t,r)}},i))))),s.createElement("div",{className:"columns"},s.createElement(h,{className:"headline-sub"},a)))}}b.propTypes={setNextStep:i().func,steps:i().instanceOf(Array).isRequired,classes:i().instanceOf(Object).isRequired,stepButtonOnClick:i().func,fromState:i().instanceOf(Object),activeStep:i().number.isRequired};var y=(0,p.withStyles)(e=>({root:{background:"transparent",width:"100%"},icon:{color:w.A.palette.grey.SWB350},button:{marginRight:e.spacing.unit},instructions:{marginTop:e.spacing.unit,marginBottom:e.spacing.unit}}))(b),S=n(10519),k=n(39136);const v="workflow-movein-form",C=()=>{let e=Object.fromEntries(new URLSearchParams(window.SWB_CONTENT.ORDERFLOW_FORM_STEPPER.steps));return e=Object.keys(e).map(t=>e[t]).reduce((e,t)=>(e.push({labelText:t,headlineText:t}),e),[]),e},E=(0,r.connect)(e=>({activeStep:(0,S.xf)(e).step-1,formData:(0,S.xf)(e),steps:C()}),(e,t)=>({updateError:()=>e(updateError()),stepButtonOnClick(t){0===t&&e((0,o.Zg)(v,"type","")),e((0,o.Zg)(v,"step",t+1)),e((0,k.jE)())}}))(y);var O=()=>s.createElement(E,null);n.dn(O)},48922:function(e,t,n){var r=n(96540),o=n(5556),s=n.n(o),a=n(8162),i=n.n(a),c=n(50551);const l=i().div`
5  transition: 150ms solid linear;
6  background: ${c.A.palette.grey.SWB400};
7  width: 100%;
8  height: 1px;
9`;class p extends r.Component{componentDidMount(){this.updateStyles()}componentDidUpdate(){this.updateStyles()}styleConnectors=()=>{const{activeStep:e}=this.props,t=document.querySelectorAll('[class*="swb-step-connector"]');for(let n=0;n<t.length;n++)t[n]&&n<=e-1&&0!==e?t[n].style.backgroundColor=c.A.palette.primary.main:t[n].style.backgroundColor=c.A.palette.grey.SWB400};updateStyles=()=>{this.styleConnectors()};render(){return r.createElement(l,{className:"swb-step-connector"})}}p.propTypes={activeStep:s().number.isRequired},p.defaultProps={},t.A=p},10519:function(e,t,n){var r=n(86794),o=n(71794),s=n.n(o);n.d(t,["Di",0,e=>e.workflowForm.isLoading||!1,"F4",0,e=>e.workflowForm.errorVisible||!1,"G",0,e=>e.workflowForm.errorMessage,"J9",0,(e,t)=>s().get(e,"form.workflow-movein-form.initial",[]),"V$",0,e=>((0,r.ru)("workflow-movein-form")(e)||{}).friendlyCaptchaSolution||"","xf",0,e=>(0,r.ru)("workflow-movein-form")(e)||{},"yC",0,e=>e.workflowForm.isCreatedUser||!1])}}]);