https://apps.embluemail.com/r/ema-app-new-ui/17178e218daab1b5cb8a1…/ModalInformation-BvvuQp-Q.js

1import{o as e}from"./chunk-DjMLQNh_.js";import{Ff as t,Gp as n,If as r,Im as i,Of as a,Po as o,Ql as s,Rp as c,Wf as l,kf as u,lr as d,mr as f,q as p,r as m,sf as h}from"./components-Bq6XaUXv.js";import{t as g}from"./react-DzvcXMfQ.js";import{t as _}from"./jsx-runtime-HYD0D9MP.js";import{t as v}from"./useCountriesOptions-olBVgtbI.js";var y=e(g()),b=_(),x={mapExtraBillingEmailsToBody:e=>e.map(e=>e.value),mapExtraBillingEmailsToForm:e=>e?.map(e=>({value:e}))},S=4,C=(0,y.memo)(({isOpen:e,onClose:g,canEdit:_})=>{let{t:C}=i(),w=f(),[T,E]=n(d),{getCountryOption:D,countriesOptions:O}=v(),[k,A]=(0,y.useState)(!1),{control:j,handleSubmit:M,setValue:N,setError:P,formState:{isValid:F,errors:I},trigger:L}=r({mode:`onChange`,reValidateMode:`onChange`}),{fields:R,append:z,remove:B}=t({control:j,name:`extraBillingEmails`});(0,y.useEffect)(()=>{T&&e&&(N(`businessName`,T.businessName??``),N(`fantasyName`,T.fantasyName??``),N(`rut`,T.rut??``),N(`address`,T.address?.toString()??``),N(`country`,D(T.country??``)),N(`billingContact`,T.billingContact??``),N(`billingEmail`,T.billingEmail??``),N(`extraBillingEmails`,x.mapExtraBillingEmailsToForm(T.extraBillingEmails??[])??[]),L())},[T,D,e,L,N]);let V={businessName:{required:C(`CREATE_SEGMENT_MODAL.emptyField`)},fantasyName:{required:C(`CREATE_SEGMENT_MODAL.emptyField`)},rut:{required:C(`CREATE_SEGMENT_MODAL.emptyField`),maxLength:{value:15,message:C(`MY_PLAN.BILLING.MODAL_INFORMATION.maxlengthRut`)}},address:{required:C(`CREATE_SEGMENT_MODAL.emptyField`)},country:{required:C(`CREATE_SEGMENT_MODAL.emptyField`)},billingContact:{required:C(`CREATE_SEGMENT_MODAL.emptyField`)},billingEmail:{required:C(`CREATE_SEGMENT_MODAL.emptyField`),pattern:{value:/^[\w.%+-]+@[a-z\d.-]+\.[a-z]{2,}$/i,message:C(`AUTH.LOGIN.invalidEmail`)}},extraBillingEmails:{pattern:{value:/^[\w.%+-]+@[a-z\d.-]+\.[a-z]{2,}$/i,message:C(`AUTH.LOGIN.invalidEmail`)}}},H=(0,y.useCallback)(async e=>{B(e),await L(`billingEmail`)},[B,L]),U=(0,y.useCallback)(async()=>{let e=await w.getBillingInformation();E(JSON.parse(JSON.stringify(e)))},[w,E]),W=M(async e=>{A(!0);let t={...e,country:Number(e.country?.value),extraBillingEmails:x.mapExtraBillingEmailsToBody(e.extraBillingEmails)},n=await w.updateBillingInfo(t);n.success?(await U(),m({id:`success`,title:C(`MY_PLAN.BILLING.MODAL_INFORMATION.success`)}),A(!1),g(!1)):n.errorCode===`RUT_ALREADY_IN_USE`?(P(`rut`,{type:`manual`,message:C(`MY_PLAN.BILLING.MODAL_INFORMATION.rutAlreadyInUse`)}),A(!1)):(m({id:`error`,variant:`error`,title:C(`MY_PLAN.BILLING.MODAL_INFORMATION.error`)}),A(!1),g(!1))}),G=R.length>=S||I.billingEmail;return(0,b.jsx)(p,{withAuto:!0,open:e,onClose:g,children:(0,b.jsxs)(`div`,{className:`relative w-full sm:w-5/6 md:w-[650px]`,children:[(0,b.jsx)(`div`,{className:`w-full border-b pb-6`,children:(0,b.jsx)(h,{fontWeight:`medium`,variant:`sub-headline`,children:C(`MY_PLAN.BILLING.MODAL_INFORMATION.title`)})}),(0,b.jsxs)(`form`,{className:`mt-8 flex w-full flex-col gap-4`,onSubmit:W,children:[(0,b.jsxs)(`div`,{className:`visible-scrollbar flex h-[450px] flex-col gap-4 overflow-y-scroll`,children:[(0,b.jsxs)(`div`,{className:`flex gap-4 px-6`,children:[(0,b.jsx)(a,{isRequired:!0,control:j,disabled:!_,id:`businessName`,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.businessName`),name:`businessName`,rules:V.businessName}),(0,b.jsx)(a,{isRequired:!0,control:j,disabled:!_,id:`fantasyName`,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.fantasyName`),name:`fantasyName`,rules:V.fantasyName})]}),(0,b.jsxs)(`div`,{className:`flex gap-4 px-6`,children:[(0,b.jsx)(a,{isRequired:!0,control:j,disabled:!_,id:`rut`,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.rut`),name:`rut`,rules:V.rut}),(0,b.jsx)(a,{isRequired:!0,control:j,disabled:!_,id:`address`,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.address`),name:`address`,rules:V.address})]}),(0,b.jsxs)(`div`,{className:`flex gap-4 px-6`,children:[(0,b.jsx)(o,{isRequired:!0,withSearch:!0,classNameMenuContainer:`h-[200px]`,control:j,disabled:!_,id:`country`,label:C(`MANAGE_PLAN.BILLING_FORM.inputFive`),name:`country`,options:O,rules:V.country}),(0,b.jsx)(a,{disabled:!0,defaultValue:T?.contractId.toString(),label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.contractId`)})]}),(0,b.jsxs)(`div`,{className:`flex gap-4 px-6`,children:[(0,b.jsx)(a,{disabled:!0,defaultValue:T?.executive??``,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.accountExecutive`)}),(0,b.jsx)(a,{disabled:!0,defaultValue:T?.executiveEmail??``,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.executiveEmail`)})]}),(0,b.jsxs)(`div`,{className:`flex gap-4 px-6`,children:[(0,b.jsx)(a,{disabled:!0,defaultValue:T?.appAdminName,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.adminNamePlatform`)}),(0,b.jsx)(a,{disabled:!0,defaultValue:T?.appAdminEmail,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.adminPlatform`)})]}),(0,b.jsxs)(`div`,{className:`flex w-full gap-4`,children:[(0,b.jsx)(`div`,{className:`w-1/2 pl-6`,children:(0,b.jsx)(a,{isRequired:!0,control:j,disabled:!_,id:`billingContact`,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.adminContact`),name:`billingContact`,rules:V.billingContact})}),(0,b.jsxs)(`div`,{className:`flex w-1/2 flex-col`,children:[(0,b.jsx)(`div`,{className:`w-full pr-6`,children:(0,b.jsx)(a,{isRequired:!0,control:j,disabled:!_,id:`billingEmail`,label:C(`MY_PLAN.BILLING.MODAL_INFORMATION.adminEmail`),name:`billingEmail`,rules:V.billingEmail})}),R.map((e,t)=>{let n=`extraBillingEmails.${t}.value`;return(0,b.jsxs)(`div`,{className:`flex gap-2`,children:[(0,b.jsx)(a,{isRequired:!0,control:j,disabled:!_,id:n,name:n,rules:V.extraBillingEmails}),(0,b.jsx)(`div`,{className:`flex h-[46px] items-center`,children:(0,b.jsx)(u,{fillColor:`destructive`,id:`deleteAttribute`,svgComponent:(0,b.jsx)(s,{}),onClick:()=>void H(t)})})]},e.id)}),(0,b.jsxs)(h,{...!G&&{link:!0},as:`span`,className:`flex items-center gap-1`,color:G?`gray`:`primary`,id:`addAttribute`,variant:`text`,...!G&&{onClick:()=>z({value:``})},children:[(0,b.jsx)(l,{className:`-mt-0.5 size-4`}),` `,C(`FormCreateEvent.add`)]})]})]})]}),(0,b.jsxs)(`div`,{className:`mt-4 flex w-full justify-end gap-2`,children:[(0,b.jsx)(c,{outline:!0,size:`small`,onClick:()=>g(!1),children:C(`MY_PLAN.BILLING.MODAL_INFORMATION.cancel`)}),(0,b.jsx)(c,{disabled:!F||!_,isLoading:k,size:`small`,type:`submit`,children:C(`MY_PLAN.BILLING.MODAL_INFORMATION.save`)})]})]})]})})});export{x as n,C as t};