https://www.quelle.de/assets/turbo/60feea67/quellede/_next/static/chunks/SampleOrder.938499dfd9b8df6c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1051],{1927:(e,a,r)=>{r.d(a,{N:()=>i});var t=r(64516);let l=e=>{switch(e){case"WOOD":return"Holzmuster";case"UPHOLSTERY":return"Stoffmuster";default:return}},s="SampleOrder",i=()=>{let e=(0,t.z)();return{trackSampleOrderClick:a=>{e({event:"DisplayOverlay",DisplayOverlayData:{category:s,detail:l(a)}})},trackSampleOrderSeen:a=>{e({event:"DisplayLink",DisplayLinkData:{category:s,detail:l(a),target:"Overlay"}})},trackSampleOrderSubmit:a=>{e({event:"FormSubmitClick",FormSubmitClickData:{category:s,detail:l(a)}})}}}},13912:(e,a,r)=>{r.r(a),r.d(a,{SampleOrder:()=>ed});var t,l,s=r(54568),i=r(42584),n=r(50063),d=r(64260),o=r(85958),m=r(7620),c=r(99617);let u={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"SampleOrderData"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"locale"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"akl"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"sample"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"akl"}}},{kind:"Argument",name:{kind:"Name",value:"locale"},value:{kind:"Variable",name:{kind:"Name",value:"locale"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"type"}},{kind:"Field",name:{kind:"Name",value:"samples"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"groupName"}},{kind:"Field",name:{kind:"Name",value:"values"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"name"}},{kind:"Field",name:{kind:"Name",value:"image"}},{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"kindOfPattern"}}]}}]}}]}}]}}]};var p=r(39672),x=r(73534),f=r(94577),h=r(30157);function v(e){return`${e}?$format_a$`}let b=({image:e,name:a,actionHandler:r,selected:t})=>(0,s.jsxs)(f.Card,{tabIndex:0,onClick:r,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),r())},className:"bg-color-text-light relative h-full w-[7.875rem] cursor-pointer overflow-hidden",children:[(0,s.jsx)("div",{className:"relative h-[7.875rem] w-full [&>img]:object-fill",children:(0,s.jsx)(h.Image,{unoptimized:!0,src:v(e),alt:"",width:126,height:126,"aria-hidden":"true"})}),(0,s.jsx)("div",{className:"p-[0.75rem] text-center leading-[0.875rem] break-words hyphens-auto",children:(0,s.jsx)("p",{className:"text-size-body-xs",children:a})}),(0,s.jsx)("div",{className:`absolute top-0 right-0 bottom-0 left-0 z-[2] rounded-[inherit] border-solid ${t?"border-color-primary border-[0.125rem]":"border-color-grey-dark border-[0.0625rem]"}`,children:(0,s.jsx)("div",{className:`${t?"bg-color-primary":"bg-color-transparent"} h-full w-full opacity-20`})}),t&&(0,s.jsx)("span",{className:"icon-emp-checkmark-inverted-20 text-color-primary absolute top-1 right-1 z-10 h-[1.25rem] w-[1.25rem]"})]});var g=r(10108),j=r(94612);let N=m.forwardRef(({value:e,mode:a="indeterminate",...r},t)=>(0,s.jsxs)("div",{className:"flex items-center gap-0.5",children:[(0,s.jsx)(j.bL,{...r,ref:t,value:e,className:"bg-color-linear-progress-background relative h-0.5 w-full overflow-hidden rounded-sm",children:(0,s.jsx)(j.C1,{className:`bg-color-primary outline-color-text-light ${"indeterminate"===a?"animate-progress transition-all duration-[2.1s]":""} h-full w-full flex-1 origin-top-left rounded-sm`,style:{transform:`translateX(-${100-(e??0)}%)`}})}),"determinate"===a&&(0,s.jsxs)("span",{className:"text-size-body-sm text-color-text-darktransparent shrink-0 whitespace-nowrap",children:[e,"%"]})]}));N.displayName=j.bL.displayName;var w=r(37677),k=r(23941),y=r(1961),D=((t={}).SampleCountTooLow="SampleCountTooLow",t.SampleCountTooHigh="SampleCountTooHigh",t);let S=k.Ik({id:k.Yj(),kindOfPattern:k.ai()}

1),C=k.YO(S).min(1,"SampleCountTooLow").max(10,"SampleCountTooHigh"),O=k.Ik({salutation:k.KC([k.eu("Ms"),k.eu("Mr")]),name:k.Yj().trim().min(2),surname:k.Yj().trim().min(2),street:k.Yj().trim().min(3),houseNumber:k.Yj().trim().min(1).max(8),postalCode:k.Yj().trim().min(3),location:k.Yj().trim().min(3),addressAddition:k.Yj().trim().optional()}),M=k.Ik({email:k.Yj().email(),confirmEmail:k.Yj()}).refine(({email:e,confirmEmail:a})=>0===a.length||e===a,{message:"Email_do_not_match",path:["confirmEmail"]}),F=O.extend({email:M.optional()}),T={salutation:"Ms",name:"",surname:"",street:"",houseNumber:"",postalCode:"",location:""},z={...T,email:{email:"",confirmEmail:""}},A=k.Ik({sampleData:k.Ik({values:C}),inputData:F}).superRefine(({inputData:e},a)=>{c.A.product.sampleOrder.hasEMailInput&&!e.email&&a.addIssue({code:y.eq.custom,path:["inputData","email","email"],message:"E-Mail-Adresse ist erforderlich"})}),E=({currentCount:e})=>(0,s.jsxs)("div",{children:[(0,s.jsx)(N,{mode:"determinateWithoutValue",value:100*e/10}),(0,s.jsxs)("div",{className:"text-size-body-xs text-color-text-darktransparent px-2 py-0.5 text-right",children:[e,"/",10," ",(0,s.jsx)(w.A,{defaultMessage:"Muster",id:"sampleOrder.counter.label"})]})]});var P=r(81610);let $=({text:e,actionHandler:a,disabled:r,disabledText:t})=>(0,s.jsx)(P.Button,{className:"w-full lg:w-auto",size:"large",color:"primary",disabled:r,"aria-label":r&&t?t:e,onClick:a,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),a())},children:t?(0,s.jsxs)("span",{className:"flex h-2.5 flex-col overflow-hidden leading-2.5",children:[(0,s.jsx)("span",{children:r?t:e}),(0,s.jsx)("span",{className:"opacity-0",children:r?e:t})]}):e}),I=({text:e,actionHandler:a})=>(0,s.jsx)(P.Button,{variant:"link",className:"w-full px-1 lg:w-auto","aria-label":e,onClick:a,onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),a())},children:(0,s.jsx)("span",{className:"text-size-body-base",children:e})});var L=((l={})[l.SelectSamples=0]="SelectSamples",l[l.PersonalDataForm=1]="PersonalDataForm",l[l.Review=2]="Review",l[l.Finished=3]="Finished",l);let H=({primary:e,secondary:a,skipPaddingTop:r})=>(0,s.jsxs)("div",{className:`flex flex-col flex-nowrap items-center gap-1.5 px-2 py-2.5 lg:flex-row lg:justify-end ${r?"pt-0":""}`,children:[(0,s.jsx)("div",{className:"lg:order-2",children:e}),a&&(0,s.jsx)("div",{className:"lg:order-1",children:a})]}),R="sampleData.values",_=({abortHandler:e,setStep:a,sampleOrderData:r,mode:t})=>{let{formatMessage:l}=(0,o.A)(),{addNotification:n}=(0,x.h)(),{watch:d,setValue:m}=(0,i.xW)(),c=d(R);return(0,s.jsx)(g.i,{pageContent:(0,s.jsx)("div",{className:"flex flex-col gap-1.5",children:r.map(({groupName:e,values:a},r)=>(0,s.jsxs)(f.Card,{className:"overflow-visible",children:[(0,s.jsx)(f.CardHeader,{hasDivider:!0,className:"px-2 py-1.5",children:(0,s.jsx)("div",{className:"flex flex-row justify-between",children:(0,s.jsx)("div",{className:"text-size-headline-base",children:e})})}),(0,s.jsx)(f.CardContent,{className:"relative overflow-visible p-2",children:(0,s.jsx)("div",{className:"flex flex-row flex-wrap gap-1.5",children:a.map((e,a)=>{let r=c.some(a=>a.id===e.id);return(0,s.jsx)("div",{children:(0,s.jsx)(b,{...e,actionHandler:()=>{var a,t;let s,i;return a=e.id,t=e.kindOfPattern,s=r?c.filter(e=>e.id!==a):c.concat([{id:a,kindOfPattern:t}]),void(!1===(i=C.safeParse(s)).success&&i.error.errors[0].message===D.SampleCountTooHigh?n({message:l({defaultMessage:"Du kannst maximal {maximumSamples} Muster bestellen. W\xe4hle eines ab um ein anderes auszuw\xe4hlen.",id:"sampleOrder.selectSamples.maxSamplesReachNotification"},{maximumSamples:10}),duration:3500,severity:"warning"}):m(R,s,{shouldTouch:!0}))},selected:r})},`SelectSamplesCardContent${e.id}${a}`)})})})]},`SelectSamplesCard${e}${r}`))}),actionBarContent:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(E,{currentCount:c.length}),(0,s.jsx)(H,{primary:(0,s.jsx)($,{disabled:0===c.length,actionHandler:()=>{a(L.PersonalDataForm)},text:l({defaultMessage:"Muster bestellen",id:"sampleOrder.selectSamples.button"}),disabledText:l({defaultMessage:"Mindestens 1 Muster w\xe4hlen",id:"sampleOrder.selectSamples.button.invalid"})}),secondary:"default"===t?(0,s.jsx)(I,{actionHandler:e,text:l({defaultMessage:"Musterbestellung abbrechen",id:"sampleOrder.selectSamples.button.back"})}

1):null,skipPaddingTop:!0})]})})};function B(e){return e?"bg-color-primary":"bg-color-grey"}let V=({active:e})=>(0,s.jsx)("span",{className:`block size-2 shrink-0 grow-0 rounded-full ${B(e)}`}),q=({active:e})=>(0,s.jsx)("span",{className:`h-0.5 w-full ${B(e)}`}),Y=({activeStep:e})=>{let{formatMessage:a}=(0,o.A)();return(0,s.jsxs)("div",{className:"bg-color-background-base px-2 py-1.5 xl:px-3",children:[(0,s.jsxs)("div",{className:"flex flex-row flex-nowrap items-center gap-1.5",children:[(0,s.jsx)(V,{active:!0}),(0,s.jsx)(q,{active:e!==L.SelectSamples}),(0,s.jsx)(V,{active:e!==L.SelectSamples}),(0,s.jsx)(q,{active:e===L.Review}),(0,s.jsx)(V,{active:e===L.Review})]}),(0,s.jsx)("div",{className:"text-size-headline-xl mt-1 text-center",children:(()=>{switch(e){case L.SelectSamples:return a({defaultMessage:"W\xe4hle bis zu 10 Muster",id:"sampleOrder.step.title.selectSamples"});case L.PersonalDataForm:return a({defaultMessage:"Wohin d\xfcrfen wir liefern?",id:"sampleOrder.step.title.enterData"});case L.Review:default:return a({defaultMessage:"\xdcberpr\xfcfe deine Angaben",id:"sampleOrder.step.title.review"})}})()})]})};var W=r(98404),Z=r(23620);let K=(0,r(25599).YK)({ms:{defaultMessage:"Frau",id:"sampleOrder.personalDataForm.labels.ms"},mr:{defaultMessage:"Herr",id:"sampleOrder.personalDataForm.labels.mr"},deliveryAddress:{defaultMessage:"Lieferadresse",id:"sampleOrder.personalDataForm.card.header"}}),U=()=>{let{formatMessage:e}=(0,o.A)(),{formState:{errors:a},register:r}=(0,i.xW)(),t=!!a.inputData?.email?.email;return(0,s.jsx)(W.p,{...r("inputData.email.email",{deps:["inputData.email.email","inputData.email.confirmEmail"]}),className:"w-full",label:e({id:"sampleOrder.personalDataForm.labels.email",defaultMessage:"E-Mail-Adresse"}),type:"email",required:!0,helperText:t&&e({id:"sampleOrder.personalDataForm.labels.email.error.invalid",defaultMessage:"Bitte eine g\xfcltige E-Mail-Adresse eingeben."}),error:t})},G=()=>{let{formatMessage:e}=(0,o.A)(),{formState:{errors:a},register:r}=(0,i.xW)(),t=!!a.inputData?.email?.confirmEmail;return(0,s.jsx)(W.p,{...r("inputData.email.confirmEmail",{deps:["inputData.email.email","inputData.email.confirmEmail"]}),className:"w-full",label:e({id:"sampleOrder.personalDataForm.labels.confirmEmail",defaultMessage:"E-Mail-Adresse best\xe4tigen"}),type:"email",required:!0,helperText:t&&e({id:"sampleOrder.personalDataForm.labels.confirmEmail.error.mismatch",defaultMessage:"Die E-Mail-Adressen stimmen nicht \xfcberein."}),error:t})},J=()=>{let{formatMessage:e}=(0,o.A)();return(0,s.jsx)("p",{className:"text-size-body-sm",children:e({id:"sampleOrder.personalDataForm.mail.info",defaultMessage:"Wir ben\xf6tigen deine E-Mail-Adresse, um dich \xfcber den Status deiner Musterbestellung zu informieren."})})},X=({setStep:e})=>{let{formatMessage:a}=(0,o.A)(),{formState:{isValid:r,errors:t,defaultValues:l},control:n,register:d}=(0,i.xW)();return(0,s.jsx)(g.i,{pageContent:(0,s.jsxs)(f.Card,{children:[(0,s.jsx)(f.CardHeader,{hasDivider:!0,className:"px-2 py-1.5",children:a(K.deliveryAddress)}),(0,s.jsx)(f.CardContent,{className:"p-2",children:(0,s.jsxs)("div",{className:"flex flex-col items-stretch justify-stretch gap-2",children:[(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(i.xI,{control:n,name:"inputData.salutation",render:({field:{onChange:e,value:r}})=>(0,s.jsxs)(Z.O,{id:"salutation",type:"single",value:r,onValueChange:e,defaultValue:l?.inputData?.salutation,children:[(0,s.jsx)(Z.d,{value:"Ms",children:a(K.ms)}),(0,s.jsx)(Z.d,{value:"Mr",children:a(K.mr)})]})})}),(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(W.p,{...d("inputData.name"),className:"w-full",label:a({defaultMessage:"Vorname",id:"sampleOrder.personalDataForm.labels.name"}),required:!0,helperText:t.inputData?.name&&a({defaultMessage:"Bitte min. 2 Zeichen eingeben.",id:"sampleOrder.personalDataForm.labels.name.error.tooShort"}),error:!!t.inputData?.name})}),(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(W.p,{...d("inputData.surname"),className:"w-full",label:a({defaultMessage:"Nachname",id:"sampleOrder.personalDataForm.labels.surname"}),required:!0,helperText:t.inputData?.surname&&a({defaultMessage:"Bitte min. 2 Zeichen eingeben.",id:"sampleOrder.personalDataForm.labels.surname.error.tooShort"}),error:!!t.inputData?.surname})}),(0,s.jsxs)("div",{className:"flex w-full flex-col flex-nowrap gap-2 lg:flex-row",children:[(0,s.jsx)("div",{className:"w-full lg:w-9/12",children:(0,s.jsx)(W.p,{...d("inputData.street"),className:"w-full",label:a({defaultMessage:"Stra\xdfe",id:"sampleOrder.personalDataForm.labels.street"}),required:!0,helperText:t.inputData?.street&&a({defaultMessage:"Bitte min. 3 Zeichen eingeben.",id:"sampleOrder.personalDataForm.labels.street.error.tooShort"}),error:!!t.inputData?.street})}),(0,s.jsx)("div",{className:"w-full lg:w-3/12",children:(0,s.jsx)(W.p,{...d("inputData.houseNumber"),className:"w-full",label:a({defaultMessage:"Hausnr.",id:"sampleOrder.personalDataForm.labels.house

1Number"}),required:!0,helperText:t.inputData?.houseNumber&&(t.inputData?.houseNumber.type==="too_big"?a({defaultMessage:"Die Hausnummer darf maximal 8 Zeichen enthalten.",id:"sampleOrder.personalDataForm.labels.houseNumber.error.tooLong"}):a({defaultMessage:"Bitte min. 1 Zeichen eingeben.",id:"sampleOrder.personalDataForm.labels.houseNumber.error.tooShort"})),error:!!t.inputData?.houseNumber})})]}),(0,s.jsxs)("div",{className:"flex w-full flex-col flex-nowrap gap-2 lg:flex-row",children:[(0,s.jsx)("div",{className:"w-full lg:w-3/12",children:(0,s.jsx)(W.p,{...d("inputData.postalCode"),className:"w-full",label:a({defaultMessage:"Postleitzahl",id:"sampleOrder.personalDataForm.labels.postalCode"}),required:!0,helperText:t.inputData?.postalCode&&a({defaultMessage:"Bitte min. 3 Zeichen eingeben.",id:"sampleOrder.personalDataForm.labels.postalCode.error.tooShort"}),error:!!t.inputData?.postalCode})}),(0,s.jsx)("div",{className:"w-full lg:w-9/12",children:(0,s.jsx)(W.p,{...d("inputData.location"),className:"w-full",label:a({defaultMessage:"Ort",id:"sampleOrder.personalDataForm.labels.location"}),required:!0,helperText:t.inputData?.location&&a({defaultMessage:"Bitte min. 3 Zeichen eingeben.",id:"sampleOrder.personalDataForm.labels.location.error.tooShort"}),error:!!t.inputData?.location})})]}),(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(W.p,{...d("inputData.addressAddition"),className:"w-full",label:a({defaultMessage:"Adresszusatz (optional)",id:"sampleOrder.personalDataForm.labels.addressAddition"})})}),c.A.product.sampleOrder.hasEMailInput&&(0,s.jsxs)("div",{className:"flex w-full flex-col flex-nowrap gap-2",children:[(0,s.jsx)(U,{}),(0,s.jsx)(G,{}),(0,s.jsx)(J,{})]})]})})]}),actionBarContent:(0,s.jsx)(H,{primary:(0,s.jsx)($,{disabled:!r,actionHandler:()=>{e(L.Review)},text:a({defaultMessage:"An diese Adresse liefern",id:"sampleOrder.personalDataForm.button.next"}),disabledText:a({defaultMessage:"Bitte gib eine Lieferadresse an",id:"sampleOrder.personalDataForm.button.disabled"})}),secondary:(0,s.jsx)(I,{actionHandler:()=>{e(L.SelectSamples)},text:a({defaultMessage:"Zur\xfcck zur Musterauswahl",id:"sampleOrder.personalDataForm.button.back"})})})})};var Q=r(1651);let ee={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"PlaceSampleOrder"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"sampleOrderDto"}},type:{kind:"NamedType",name:{kind:"Name",value:"SampleOrderDTOInput"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"placeSampleOrderV2"},arguments:[{kind:"Argument",name:{kind:"Name",value:"sampleOrderDto"},value:{kind:"Variable",name:{kind:"Name",value:"sampleOrderDto"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"errorKey"}},{kind:"Field",name:{kind:"Name",value:"success"}}]}}]}}]},ea=({actionHandler:e})=>(0,s.jsx)(P.Button,{variant:"icon-flat",onClick:e,onKeyDown:a=>{a.preventDefault(),"Enter"===a.key&&e()},children:(0,s.jsx)("span",{className:"icon-emp-edit size-1.5 cursor-pointer"})}),er=({children:e,headerText:a,editAction:r,withMargin:t=!1})=>(0,s.jsxs)(f.Card,{...t&&{className:"mt-2"},children:[(0,s.jsx)(f.CardHeader,{hasDivider:!0,className:"px-2 py-1.5",children:(0,s.jsxs)("div",{className:"flex w-full flex-row items-center justify-between",children:[(0,s.jsx)("p",{className:"text-size-headline-base",children:a}),(0,s.jsx)(ea,{actionHandler:r})]})}),(0,s.jsx)(f.CardContent,{className:"p-2",children:e})]}),et=({setStep:e,sampleOrderData:a})=>{let{formatMessage:r}=(0,o.A)(),{getValues:t}=(0,i.xW)(),{fetching:l,submitData:n}=(()=>{let{formatMessage:e}=(0,o.A)(),{getValues:a}=(0,i.xW)(),{addNotification:r}=(0,x.h)(),[{fetching:t},l]=(0,d.n_)(ee);return{submitData:async t=>{let s=a(),{salutation:i,name:n,surname:d,street:o,houseNumber:m,postalCode:c,location:u,addressAddition:p,email:x}=s.inputData,f={sampleData:s.sampleData,inputData:{salutation:i,name:n,surname:d,street:o,houseNumber:m,postalCode:c,location:u,...p&&{addressAddition:p},...x&&{email:x.email}}},{data:h,error:v}=await l({sampleOrderDto:f});h?.placeSampleOrderV2?.success===!0?t():(Q.vF.error("Failed to place sample order",void 0,{data:h,error:v}),r({message:e({defaultMessage:"Entschuldige, irgendetwas ist schief gelaufen. Probiere es sp\xe4ter noch einmal.",id:"sampleOrder.review.submitError"}),severity:"warning",duration:35e3}))},fetching:t}})(),m=t("inputData"),c=a.reduce((e,a)=>[...e,...a.values.filter(e=>t("sampleData.values").some(a=>a.id===e.id))],[]);return(0,s.jsx)(g.i,{pageContent:(0,s.jsxs)("div",{className:"text-size-body-sm",children:[(0,s.jsxs)(er,{editAction:()=>e(L.PersonalDataForm),headerText:r(K.deliveryAddress),children:[(0,s.jsxs)("p",{className:"mb-2",children:[r("Mr"===m.salutation?K.mr:K.ms),(0,s.jsx)("br",{}),m.name," ",m.surname,(0,s.jsx)("br",{}),m.street," ",m.houseNumber,(0,s.jsx)("br",{}),m.postalCode," ",m.location,m.addressAddition?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("br",{}),m.addressAddition]}):null]}),m.email&&(0,s.jsx)("p",{children:m.email.email})]}),(0,s.jsx)(er,{withMargin:!0,editAction:()=>e(L.SelectSamples),headerText:r({defaultMessage:"Gew\xe4hlte Muster",id:"sampleOrder.review.selectedSamples"}),children:(0,s.jsx)("div",{className:"flex flex-col gap-1",children:c.map(({id:e,image:a,name:r})=>(0,s.jsxs)("div",{className:"flex flex-row flex-nowrap items-center gap-1",children:[(0,s.jsx)("div",{className:"overflow-hidden rounded border",children:(0,s.jsx)(h.Image,{src:v(a),alt:r,width:"36",height:"36",unoptimized:!0})}),(0,s.jsx)("div",{className:"text-size-body-sm",children:r})]},e))})})]}),actionBarContent:(0,s.jsx)(H,{primary:(0,s.jsx)($,{actionHandler:()=>n(()=>e(L.Finished)),disabled:!0===l,text:r({defaultMessage:"Musterbestellung abschicken",id:"sampleOrder.review.button.next"})}),secondary:(0,s.jsx)(I,{actionHandler:()=>{e(L.PersonalDataForm)},text:r({defaultMessage:"Zur\xfcck zur Lieferadresse",id:"sampleOrder.review.button.back"})})})})};var el=r(1927);let es=({sampleOrderType:e,setStep:a,mode:r,finishSampleOrderHandler:t})=>{let{formatMessage:l}=(0,o.A)(),{trackSampleOrderSubmit:i}=(0,el.N)();return(0,m.useEffect)(()=>{i(e)},[]),(0,s.jsx)(g.i,{pageContent:(0,s.jsx)("div",{className:"flex h-full w-full flex-col items-center justify-center",children:(0,s.jsxs)("div",{className:"flex h-full w-full flex-col items-center lg:w-4/5",children:[(0,s.jsx)("div",{className:"bg-color-success mx-auto mb-5 flex size-[7.5rem] flex-col items-center justify-center rounded-full",children:(0,s.jsx)("span",{className:"icon-emp-checkmark text-color-background-base size-[4.688rem]"})}),(0,s.jsx)("p",{className:"text-size-headline-xl mb-1.5 text-center",children:l({defaultMessage:"Deine Musterbestellung wurde erfolgreich abgeschickt.",id:"sampleOrder.finished.successHeader"})}),(0,s.jsx)("p",{className:"text-center",children:l({defaultMessage:"Du erh\xe4ltst deine Muster in wenigen Tagen per Post.",id:"sampleOrder.finished.successMessage"})})]})}),actionBarContent:"standalone"===r?null:(0,s.jsx)(H,{primary:(0,s.jsx)($,{actionHandler:()=>{a(L.SelectSamples),t()},text:l({defaultMessage:"Zur\xfcck zum Produkt",id:"sampleOrder.finished.button.back"})})})})};var ei=r(25436),en=r(15419);let ed=({akl:e,abortHandler:a,sampleOrderType:r})=>{let[t,l]=(0,m.useState)(L.SelectSamples),{locale:x}=(0,o.A)(),{getCookies:f}=(0,p.l)(),h="true"===f().appView?"standalone":"default",[{data:v,error:b,fetching:g}]=(0,d.IT)({query:u,variables:{akl:e,locale:x}}),j=(0,i.mN)({resolver:(0,n.u)(A),mode:"onChange",defaultValues:{sampleData:{values:[]},inputData:c.A.product.sampleOrder.hasEMailInput?z:T}});if(g)return(0,s.jsx)(en.r,{});if(b||!v?.sample?.samples.length)return(0,s.jsx)(ei.h,{});let N=v.sample.samples;return(0,s.jsx)(i.Op,{...j,children:(0,s.jsxs)(s.Fragment,{children:[t!==L.Finished&&(0,s.jsx)("div",{className:"bg-color-background-base sticky top-0 z-10",children:(0,s.jsx)(Y,{activeStep:t})}),(()=>{switch(t){case L.SelectSamples:return(0,s.jsx)(_,{abortHandler:a,setStep:l,sampleOrderData:N,mode:h});case L.PersonalDataForm:return(0,s.jsx)(X,{setStep:l});case L.Review:return(0,s.jsx)(et,{setStep:l,sampleOrderData:N});case L.Finished:return(0,s.jsx)(es,{finishSampleOrderHandler:a,setStep:l,mode:h,sampleOrderType:r});default:throw Error("Unknown Sample Order step!")}})()]})})}},20109:(e,a,r)=>{r.d(a,{f:()=>i});var t=r(54568),l=r(51445),s=r(53202);let i=({children:e,severity:a="info",className:r,contentId:i,variant:n="feedback"})=>(0,t.jsxs)("div",{className:(0,l.cn)((0,s.q)({variant:n,severity:a}),r,!e&&"invisible m-0 h-0 w-0 overflow-hidden p-0"),children:[(0,t.jsx)("span",{}),(0,t.jsx)("div",{className:"notification-content",id:i,children:e})]})},23620:(e,a,r)=>{r.d(a,{O:()=>d,d:()=>o});var t=r(54568),l=r(7620),s=r(12919),i=r(51445),n=r(30120);let d=l.forwardRef(({className:e,children:a,label:r,id:d,...o},m)=>{let c=l.useId();return(0,t.jsxs)("div",{className:"inline-flex flex-col items-start",children:[(0,t.jsx)(n.J,{htmlFor:d??c,className:"text-size-body-sm font-normal",children:r}),(0,t.jsx)(s.bL,{...o,id:d??c,ref:m,className:(0,i.cn)("flex items-center justify-center",e),children:a})]})});d.displayName=s.bL.displayName;let o=l.forwardRef(({className:e,children:a,...r},l)=>(0,t.jsx)(s.q7,{ref:l,className:(0,i.cn)("toggle-group-item data-[disabled=false]:hover:bg-color-grey-light text-color-grey-dark data-[state=on]:bg-color-grey-light data-disabled:text-color-action-disabled data-[state=on]:text-color-text-dark border-color-grey border border-solid p-1.5 first:border-r-0 last:border-l-0",e),...r,children:a}));o.displayName=s.q7.displayName},29952:(e,a,r)=>{r.d(a,{TrackingProvider:()=>o,f:()=>d});var t=r(54568),l=r(79748),s=r(25177),i=r(7620),n=r(40459);let d=(0,i.createContext)(null),o=({children:e,tagmanagerId:a,auth:r="",preview:o="",dataLayerName:m="dataLayer",domain:c="www.googletagmanager.com",src:u,isBot:p,disableGTM:x=!1,clientIp:f})=>{let h=(0,l.useSearchParams)(),v=u??`https://${c}/gtm.js?id=${a}

1&l="+o+"${r}${o}&gtm_cookies_win=x`,b=(0,i.useMemo)(()=>({dataLayerName:m,isBot:p,clientIp:f}),[m,p,f]),g=h?.get("skipGTM"),j=h?.get("skipPTcheck"),N=!!g||!j&&!!x||!!n.env.NEXT_PUBLIC_SKIP_GTM;return(0,t.jsxs)(d.Provider,{value:b,children:[e,!N&&(0,t.jsx)(s.default,{id:"gtm-script",strategy:"afterInteractive",dangerouslySetInnerHTML:{__html:`!function(t,e,n,o,a){t[o]=t[o]||[],t[o].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var d=e.getElementsByTagName(n)[0],m=e.createElement(n);m.async=!0,m.src="${v}",m.onload=function(){m.onload=null,window.gmtLoaded=!0,window.gmtBlocked=!1;var t=document.createEvent("Event");t.initEvent("gtmLoaded",!1,!0),e.dispatchEvent(t)},m.onerror=function(){m.onerror=null,window.gmtLoaded=!0,window.gmtBlocked=!0;var t=document.createEvent("Event");t.initEvent("gtmLoaded",!1,!0),e.dispatchEvent(t)},d.parentNode.insertBefore(m,d)}(window,document,"script","${m}");`}})]})}},30120:(e,a,r)=>{r.d(a,{J:()=>s});var t=r(54568);r(7620);var l=r(51445);let s=({htmlFor:e,className:a,children:r,...s})=>(0,t.jsx)("label",{...s,htmlFor:e,className:(0,l.cn)("text-size-body-sm leading-none font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-35",a),children:r})},30157:(e,a,r)=>{r.r(a),r.d(a,{Image:()=>c,getImageSize:()=>m});var t=r(54568),l=r(82175),s=r(99617),i=r(7620);function n({src:e,width:a}){return!e.includes(`//bilder.${s.A.host.domain}`)||!a||e.includes("imwidth")?e:e.includes("#")?`${e}&imwidth=${a}`:`${e}#imwidth=${a}`}let{assets:{assetServerHost:d,fallbackImageUrl:o}}=s.A,m=e=>{switch("string"==typeof e&&e?.split("?").pop()){case"$PL_portrait_hq$":return{width:339,height:485};case"$PL_landscape_hq$":return{width:399,height:236};case"$PL_square_highlight$":return{width:1e3,height:1e3};default:return}},c=({src:e,width:a,height:r,noLoader:s=!1,fallbackSrc:c=d+o,...u})=>{let[p,x]=(0,i.useState)(!1),f=p||!e?c:e;return(0,t.jsx)(l.default,{src:f,width:u.fill?void 0:a||m(f)?.width,height:u.fill?void 0:r||m(f)?.height,loader:s?void 0:n,unoptimized:!1,onError:()=>{x(!0)},...u})}},45328:(e,a,r)=>{r.d(a,{V:()=>d,NotificationProvider:()=>o});var t=r(54568),l=r(7620),s=r(75808);let i=({toastId:e,title:a,message:r,duration:i=3e4,severity:n,onClose:d,onClickClose:o,removeNotification:m,ContentOverride:c})=>{let u=(0,l.useCallback)(()=>{m(e),d&&d()},[e,d,m]);return(0,l.useEffect)(()=>{let e;return i&&setTimeout(()=>{u()},i),()=>{e&&clearTimeout(e)}},[i,u]),(0,t.jsx)(s.Notification,{severity:n,variant:"default",onClickClose:o,onClose:d?u:void 0,children:c&&(0,t.jsx)(c,{closeNotification:u})||(0,t.jsxs)(t.Fragment,{children:[a&&(0,t.jsx)("p",{className:"text-size-body-base",children:a}),(0,t.jsx)("p",{className:"text-size-body-sm",children:r})]})})},n=(e,a)=>{switch(a.type){case"add":return[...e,{...a.payload}].slice(-3);case"remove":return e.filter(e=>e.toastId!==a.payload?.toastId);case"init":return[];default:return e}},d=(0,l.createContext)({addNotification:()=>{},removeNotification(){},init:()=>{}}),o=({children:e})=>{let[a,r]=(0,l.useReducer)(n,[]),s=e=>{let a=Date.now();r({type:"add",payload:{...e,toastId:a}})},o=e=>r({type:"remove",payload:{toastId:e}}),m=(0,l.useMemo)(()=>({addNotification:s,removeNotification:o,init:()=>r({type:"init"})}),[]);return(0,t.jsxs)(d.Provider,{value:m,children:[(0,t.jsx)("div",{className:"z-snackbar fixed top-[calc(var(--spacing-3)+var(--spacing-safe-t))] flex max-h-screen w-[90%] -translate-x-1/2 flex-col gap-1 sm:left-1/2 md:max-w-[600px]","aria-live":"polite","aria-relevant":"additions",children:a.map(e=>(0,l.createElement)(i,{...e,key:e.toastId,removeNotification:o,onClose:()=>o(e.toastId)}))}),e]})}},64516:(e,a,r)=>{r.d(a,{z:()=>i});var t=r(7620),l=r(29952),s=r(73878);let i=()=>{let e=(0,t.useContext)(l.f),a=(0,s.T)(),r=e?.dataLayerName;return null===e||void 0===r?console.error("[useTracking]: hook was used outside of a TrackingProvider component. Events might not be tracked correctly."):window[r]||(window[r]=[]),(0,t.useCallback)(e=>{r&&((e,a="dataLayer",r="")=>{let t=window[a],l="object"==typeof e[`${e.event}Data`],s={...e,...""!==r&&{pageViewID:r},...l&&{_clear:!0}};

1t?t.push(s):console.warn({modifiedEvent:s},`[useTracking] window.${a} is not defined, event could not be pushed.`)})(e,r,a)},[r,a])}},73534:(e,a,r)=>{r.d(a,{h:()=>s});var t=r(7620),l=r(45328);let s=()=>(0,t.useContext)(l.V)},73878:(e,a,r)=>{r.d(a,{PageviewProvider:()=>n,T:()=>d});var t=r(54568),l=r(7620),s=r(79748);let i=(0,l.createContext)(void 0),n=({initialPageviewId:e,children:a})=>{let r=(0,s.usePathname)(),n=(0,l.useMemo)(()=>e||("crypto"in window&&window.isSecureContext?crypto.randomUUID():URL.createObjectURL(new Blob).split("/").slice(-1)[0]),[r,e]);return(0,t.jsx)(i.Provider,{value:n,children:a})},d=()=>(0,l.useContext)(i)},94577:(e,a,r)=>{r.r(a),r.d(a,{Card:()=>n,CardAction:()=>x,CardContent:()=>u,CardDescription:()=>c,CardFooter:()=>p,CardHeader:()=>d,CardSubtitle:()=>m,CardTitle:()=>o});var t=r(54568),l=r(7620),s=r(51445);let i=(0,r(91397).F)("bg-color-background-base rounded transition-all",{variants:{hasAutoSeparation:{true:"divide-color-grey divide-y",false:""},layout:{outlined:"border-color-grey border",default:"shadow-xs"},isActive:{true:"border-l-color-primary border-l-4",false:""}},defaultVariants:{hasAutoSeparation:!1,layout:"default",isActive:!1}}),n=l.forwardRef(({className:e,hasAutoSeparation:a,isActive:r,layout:l="default",...n},d)=>(0,t.jsx)("div",{ref:d,className:(0,s.cn)(i({hasAutoSeparation:a,isActive:r,layout:l}),e),...n}));n.displayName="Card";let d=l.forwardRef(({className:e,hasDivider:a,...r},l)=>(0,t.jsx)("div",{ref:l,className:(0,s.cn)("flex gap-2 px-3 py-1.5",a&&"border-color-grey border-b",e),...r}));d.displayName="CardHeader";let o=l.forwardRef(({className:e,...a},r)=>(0,t.jsx)("p",{ref:r,className:(0,s.cn)("text-size-headline-base",e),...a}));o.displayName="CardTitle";let m=l.forwardRef(({className:e,...a},r)=>(0,t.jsx)("p",{ref:r,className:(0,s.cn)("text-size-body-sm text-color-text-darktransparent mt-0.5",e),...a}));m.displayName="CardSubtitle";let c=l.forwardRef(({className:e,...a},r)=>(0,t.jsx)("p",{ref:r,className:(0,s.cn)("text-size-body-xs mt-0.5",e),...a}));c.displayName="CardDescription";let u=l.forwardRef(({className:e,...a},r)=>(0,t.jsx)("div",{ref:r,className:(0,s.cn)("px-2 pt-2",e),...a}));u.displayName="CardContent";let p=l.forwardRef(({hasDivider:e,className:a,...r},l)=>(0,t.jsx)("div",{ref:l,className:(0,s.cn)("flex items-center px-2",e&&"border-color-grey border-t",a),...r}));p.displayName="CardFooter";let x=l.forwardRef(({className:e,icon:a,children:r,...l},i)=>(0,t.jsxs)("button",{ref:i,type:"button",className:(0,s.cn)("text-color-text-dark hover:bg-color-grey-light text-size-body-sm flex items-center gap-2 rounded-[8px] transition-colors",a?"ps-0.5 pe-1":"px-1",e),...l,children:[a&&(0,t.jsx)("span",{className:(0,s.cn)(a,"size-3")}),(0,t.jsx)("span",{children:r})]}));x.displayName="CardAction"},98404:(e,a,r)=>{r.d(a,{p:()=>d});var t=r(54568),l=r(7620),s=r(51445),i=r(30120),n=r(20109);let d=l.forwardRef(({children:e,containerClassName:a,inputContainerClassName:r,label:d,error:o,helperText:m,className:c,id:u,...p},x)=>{let f=l.useId(),h=l.useId();return(0,t.jsxs)("div",{className:a,children:[d&&(0,t.jsx)(i.J,{htmlFor:u||f,className:"text-size-body-sm",children:d}),(0,t.jsxs)("div",{className:`relative ${r||""}`,children:[(0,t.jsx)("input",{...p,"aria-errormessage":h,"aria-describedby":h,"aria-invalid":o?"true":void 0,id:u||f,className:(0,s.cn)("text-size-body-base border-color-grey-dark focus-visible:standard-focus-outline flex h-5.5 w-full rounded-sm border px-2 py-1.5 outline-offset-4 disabled:opacity-35",o?"border-color-error focus:input-error border-2":"focus:input-active focus:border-color-primary-dark",c),ref:x}),e]}),(0,t.jsx)(n.f,{contentId:h,severity:o?"error":"info",className:"mt-0.5",children:m})]})});d.displayName="Input"},99617:(e,a,r)=>{r.d(a,{A:()=>t.A});var t=r(63443)}}]);
2//# sourceMappingURL=SampleOrder.938499dfd9b8df6c.js.map