https://admin.enra.app/assets/PersonalizationSingle-e67ad9b8.js

1import{_ as K}from"./EnraBreadcrumbsByProps.vue_vue_type_script_setup_true_lang-aa0923a7.js";import{h as Q,q as X,v as h,r as Y,x as Z,aD as b,aE as d,aC as oo,J as eo,i as m,j as g,K as r,B as i,k as o,N as f,S as y,t as n,L as C,a1 as to,dH as io,dI as ao,z as x,bn as so,s as no,am as ro}from"./vendor-fa44fdf5.js";import{k as lo,c$ as co,bT as k,x as w,d0 as uo,d1 as po,G as mo,q as I,ao as go,_ as _o}from"./index-b6f49194.js";import{W as B}from"./WysiwygEditor-90974758.js";import{_ as E}from"./ColorInput.vue_vue_type_script_setup_true_lang-3621d017.js";import{F as W}from"./FileInput-1665d509.js";import"./Loading.vue_vue_type_script_setup_true_lang-55f06f62.js";const ho={class:"flex items-center justify-between mt-8"},fo={class:"text-xl tracking-tight font-semibold"},vo={class:"flex items-center justify-end gap-4"},yo={key:0,class:"mt-8 mb-16 grid xl:grid-cols-2 gap-16 2xl:gap-32"},zo={class:"my-4"},bo={class:"mt-8 font-bold"},Po={class:"my-4"},So={class:"mt-8 font-bold"},Co={class:"my-4"},xo={class:"mt-4"},ko={class:"radio-toolbar"},wo={class:"my-1"},Io={class:"mt-4"},Bo=["for"],Eo={class:"my-4"},Wo={class:"mt-8 font-bold"},qo={class:"flex justify-start gap-8"},Ho={class:"my-4"},Mo={class:"mt-8 font-bold"},Fo={class:"my-4"},$o={class:"mt-8 font-bold"},jo={class:"self-end pb-3"},Lo={class:"my-4"},No={class:"mt-8 font-bold"},Oo={class:"my-4"},To={class:"mt-8 font-bold"},Uo={class:"my-4"},Do={class:"mt-8 font-bold"},Ro=Q({__name:"PersonalizationSingle",props:{persSlug:null,defaultPersonalizationId:null,organizationId:null},setup(q){const c=q,_=lo(),{t}=X(),H=Object(k),M=h(()=>{var a;const e=[{id:"0",icon:ro,to:"/personalizations"}];return(a=u.value)!=null&&a.personalizationBySlug&&e.push({id:"1",name:u.value.personalizationBySlug.title}),c.persSlug==="new"&&e.push({id:"new",name:t("personalization.newPersonalization")}),e}),z=Y(!1),{data:u}=co({requestPolicy:"network-only",variables:{slug:c.persSlug},pause:h(()=>c.persSlug==="new")}),F=h(()=>{var e;return((e=u.value)==null?void 0:e.personalizationBySlug.id)===c.defaultPersonalizationId});Z(u,e=>{const a=e==null?void 0:e.personalizationBySlug;a&&(L(P(a)),z.value=!0)}),c.persSlug==="new"&&(z.value=!0);const $={title:"",logo:{id:"",file:""},favicon:{id:"",file:""},logoPosition:k.Middle,logoWidth:100,primaryColor:w["brand-pink"],secondaryColor:w.white,dataPrivacy:"",imprint:""},P=e=>{var a,s;return{title:e.title,primaryColor:e.primaryColor,secondaryColor:e.secondaryColor,logo:{id:e.logo.id,file:e.logo.file},favicon:e.favicon?{id:(a=e.favicon)==null?void 0:a.id,file:(s=e.favicon)==null?void 0:s.file}:{id:"",file:""},logoPosition:e.logoPosition,dataPrivacy:e.dataPrivacy||"",imprint:e.imprint||"",logoWidth:e.logoWidth.toString()}},j=b({title:d().required(),logoPosition:d().required(),logo:b().shape({id:d().required(),file:d().required()}).test(t("personalization.error.uploadLogo"),t("personalization.error.uploadLogo"),e=>!!e.id),favicon:b().shape({id:d(),file:d()}).notRequired().default(void 0),logoWidth:d().matches(/^\d+$/,t("personalization.logoWidthErrorMessage")).required(),primaryColor:d().required(),secondaryColor:d().required(),dataPrivacy:d(),imprint:d()}),{values:p,setValues:L,validate:N,errors:O}=oo({validationSchema:j,initialValues:P($)}),{executeMutation:T}=uo(),{executeMutation:U}=po(),D=async()=>{var a;if(N(),Object.keys(O.value).length>0)throw new Error(t("error.correctFields"));if(c.persSlug==="new"){const{data:s,error:l}=await T({input:S(p)});if(s!=null&&s.personalizationCreate.error||l){_.error(t("genericError"));return}}else{const{data:s,error:l}=await U({id:((a=u.value)==null?void 0:a.personalizationBySlug.id)||"",input:S(p)});if(s!=null&&s.personalizationUpdate.error||l){_.error(t("genericError"));return}}go.go(-1)},S=e=>{var s,l;const a={...e,logoPosition:e.logoPosition,logoWidth:parseInt(e.logoWidth),logo:e.logo.id,favicon:((s=e.favicon)==null?void 0:s.id)!==""?(l=e.favicon)==null?void 0:l.id:void 0};return delete a.id,delete a.__typename,a},{executeMutation:R}=mo(),A=async()=>{var s,l;if(!c.organizationId&&((s=u.value)!=null&&s.personalizationBySlug.id)){_.error(t("genericError"));return}const{data:e,error:a}

1=await R({id:c.organizationId,input:{defaultPersonalizationId:(l=u.value)==null?void 0:l.personalizationBySlug.id}});if(e!=null&&e.organizationUpdate.error||a){_.error(t("genericError"));return}_.success(t("personalization.updateDefaultSuccess"))},V=h(()=>`backgroundColor: ${p.primaryColor}`),G=h(()=>`color: ${p.secondaryColor}`);return(e,a)=>{const s=K,l=eo("TextInput");return m(),g(f,null,[r(s,{pages:i(M)},null,8,["pages"]),o("div",ho,[o("h2",fo,[c.persSlug==="new"?(m(),g(f,{key:0},[y(n(i(t)("personalization.createNew")),1)],64)):(m(),g(f,{key:1},[y(n(i(t)("personalization.editPersonalization")),1)],64))]),o("div",vo,[r(I,{"button-style":"darkBlue",class:"!mt-0",disabled:c.persSlug==="new"||i(F),onClick:A},{default:C(()=>[y(n(i(t)("personalization.setAsDefault")),1)]),_:1},8,["disabled"]),r(I,{class:"!mt-0",onClick:D},{default:C(()=>[y(n(i(t)("general.save")),1)]),_:1})])]),z.value?(m(),g("div",yo,[o("div",null,[o("div",null,[o("div",zo,[o("h2",bo,n(i(t)("personalization.titleHeadline")+"*"),1)]),r(l,{placeholder:i(t)("personalization.titlePlaceHolder"),name:"title"},null,8,["placeholder"])]),o("div",null,[o("div",Po,[o("h2",So,n(i(t)("personalization.logoHeadline")+"*"),1)]),r(W,{name:"logo",accept:"image/*","file-node":!0,value:i(p).logo},null,8,["value"])]),o("div",null,[o("div",Co,[o("h2",xo,n(i(t)("personalization.logoWidth")+"*"),1),r(l,{placeholder:i(t)("personalization.logoWidth"),name:"logoWidth",type:"number"},null,8,["placeholder"])])]),o("div",ko,[o("div",wo,[o("h2",Io,n(i(t)("personalization.logoPositionHeadline")+"*"),1)]),(m(!0),g(f,null,to(i(H),(v,J)=>(m(),g(f,{key:v},[r(i(io),{id:v,type:"radio",name:"logoPosition",value:v},null,8,["id","value"]),o("label",{class:"mx-1 mb-4",for:v},n(i(t)("personalization."+J.toString())),9,Bo)],64))),128))]),o("div",null,[o("div",Eo,[o("h2",Wo,n(i(t)("personalization.faviconHeadline")),1)]),r(W,{name:"favicon",accept:"image/*","file-node":!0,value:i(p).favicon},null,8,["value"])]),o("div",qo,[o("div",null,[o("div",Ho,[o("h2",Mo,n(i(t)("personalization.primaryColorHeadline")),1)]),r(E,{name:"primaryColor"})]),o("div",null,[o("div",Fo,[o("h2",$o,n(i(t)("personalization.secondaryColorHeadline")),1)]),r(E,{name:"secondaryColor"})]),o("div",jo,[r(i(ao),{class:"w-8 h-8 text-brand-dark-blue"})]),o("div",null,[o("div",Lo,[o("h2",No,n(i(t)("personalization.example")),1)]),o("div",{class:"w-10 h-10 flex items-center justify-center rounded-md",style:x([i(V)])},[r(i(so),{class:"w-6 h-6",style:x([i(G)])},null,8,["style"])],4)])])]),o("div",null,[o("div",null,[o("div",Oo,[o("h2",To,n(i(t)("personalization.dataHeadline")),1)]),r(B,{name:"dataPrivacy","min-height-class":"min-h-[25rem]","max-height-class":"max-h-[25rem]"})]),o("div",null,[o("div",Uo,[o("h2",Do,n(i(t)("personalization.imprintHeadline")),1)]),r(B,{name:"imprint","min-height-class":"min-h-[25rem]","max-height-class":"max-h-[25rem]"})])])])):no("",!0)],64)}}});const Yo=_o(Ro,[["__scopeId","data-v-535263c2"]]);export{Yo as default};