@accounter/client/dist/assets/modify-contract-dialog-CKZ3CD2a.js

Accounter client application

import{s as e}from"./dist-ypP48_Ax.js";import{i as t,o as n}from"./utils-CbS-oR5I.js";import{r,t as i}from"./error-handling-CKe_iwSC.js";import{n as a}from"./loader-circle-CfW9jOIr.js";import{Xn as o,hr as s,vt as c}from"./common-BMaTFyV8.js";import{a as l,c as ee,d as u,f as te,i as d,l as ne,lt as f,m as re,n as p,o as ie,p as m,r as h,s as g,t as _,u as ae,ut as v}from"./select-Zdatwv1b.js";import{o as oe}from"./separator-DKk4dK9R.js";import{t as y}from"./button-DUNsVBiu.js";import{Bc as se,Cn as b,Fr as x,Gc as S,Hc as C,Ht as w,In as T,Kc as E,Ln as D,Rt as O,Ul as k,Vc as A,Vt as j,Wc as M,Xc as ce,Xn as N,dr as P,f as le,jt as F,qc as I,ur as L}from"./table-ohGb5Pwk.js";import{Aa as R,Ii as z,In as B,as as V,at as H,kn as U,nr as W,os as ue,uo as G,wn as de}from"./graphql-6Homw-Kt.js";var fe=a(`book-copy`,[[`path`,{d:`M5 7a2 2 0 0 0-2 2v11`,key:`1yhqjt`}],[`path`,{d:`M5.803 18H5a2 2 0 0 0 0 4h9.5a.5.5 0 0 0 .5-.5V21`,key:`edzzo5`}],[`path`,{d:`M9 15V4a2 2 0 0 1 2-2h9.5a.5.5 0 0 1 .5.5v14a.5.5 0 0 1-.5.5H11a2 2 0 0 1 0-4h10`,key:`1nwzrg`}]]);function K(e){switch(e){case H.Annual:return`Annual`;case H.Monthly:return`Monthly`;default:throw Error(`Unsupported Billing Cycle: ${e}`)}}function q(e){switch(e){case R.Enterprise:return`Enterprise`;case R.Pro:return`Pro`;default:throw Error(`Unsupported Subscription plan: ${e}`)}}var J=e(n(),1),Y=`createContract`,pe=()=>{let[{fetching:e},t]=V(U);return{creating:e,createContract:(0,J.useCallback)(async e=>{let n=`Error creating new contract for client[${e.input.clientId}]`,a=`${Y}-${e.input.clientId}`;r.loading(`Creating contract`,{id:a});try{let o=await t(e);i(o,n,a)&&r.success(`Success`,{id:a,description:`Contract for client ${e.input.clientId} was successfully created`})}catch(e){console.error(`${n}: ${e}`),r.error(`Error`,{id:a,description:n,duration:1e5,closeButton:!0})}},[t])}},X=`updateContract`,Z=()=>{let[{fetching:e},t]=V(G);return{updating:e,updateContract:(0,J.useCallback)(async e=>{let n=`Error updating contract ID [${e.contractId}]`,a=`${X}-${e.contractId}`;r.loading(`Updating contract`,{id:a});try{let o=await t(e),s=i(o,n,a,`updateContract`);if(s)return r.success(`Success`,{id:a,description:`Contract updated`}),s.updateContract}catch(e){console.error(`${n}: ${e}`),r.error(`Error`,{id:a,description:n,duration:1e5,closeButton:!0})}},[t])}},Q=t(),me=D({id:P().optional(),startDate:x(`Start date is required`),endDate:x(`End date is required`),pos:O(N()),paymentAmount:T().min(0,`Payment amount must be non-negative`),paymentCurrency:F(Object.values(B),`Currency is required`),productType:F(Object.values(z)).optional(),msCloudLink:L().optional().or(b(``)),billingCycle:F(Object.values(H)).optional(),subscriptionPlan:F(Object.values(R)).optional(),isActive:w(),defaultRemark:N().optional(),defaultDocumentType:F(Object.values(W)),operationsLimit:j().min(BigInt(0),`Operations limit must be non-negative`)}),he={startDate:``,endDate:``,pos:[],paymentAmount:0,paymentCurrency:B.Usd,productType:z.Hive,msCloudLink:void 0,billingCycle:H.Monthly,subscriptionPlan:void 0,isActive:!0,defaultRemark:void 0,defaultDocumentType:W.Proforma,operationsLimit:BigInt(0)};function $({clientId:e,contract:t,contractId:n,onDone:r,duplicate:i}){let{isEditing:a,isDuplicating:b}=(0,J.useMemo)(()=>{let e=!!t||!!n,r=i===!0&&e;return{isEditing:e&&!r,isDuplicating:r}},[t,n,i]),[x,w]=(0,J.useState)(!1),[T,D]=(0,J.useState)(!1),[O,j]=(0,J.useState)(he),[N,P]=(0,J.useState)(``),{updateContract:F,updating:L}=Z(),{createContract:z,creating:V}=pe(),[{data:U,fetching:G}]=ue({query:de,pause:!n||!x,variables:{contractId:n??``}}),Y=ce({resolver:le(me),defaultValues:O}),X=()=>{let e=N.trim();if(e){let t=Y.getValues(`pos`);t.includes(e)||Y.setValue(`pos`,[...t,e],{shouldDirty:!0}),P(``)}},$=e=>{let t=Y.getValues(`pos`);Y.setValue(`pos`,t.filter((t,n)=>n!==e),{shouldDirty:!0})};(0,J.useEffect)(()=>{t&&j(t)},[t]),(0,J.useEffect)(()=>{if(U?.contractsById){let e=U.contractsById,t={startDate:e.startDate,endDate:e.endDate,pos:e.purchaseOrders,paymentAmount:e.amount.raw,paymentCurrency:e.amount.currency,productType:e.product??void 0,msCloudLink:e.msCloud?.toString()??void 0,billingCycle:e.billingCycle,subscriptionPlan:e.plan??void 0,isActive:e.isActive,defaultRemark:e.remarks??void 0,defaultDocumentType:e.documentType,operationsLimit:BigInt(e.operationsLimit)};j({id:e.id,...t})}},[U]);let ge=(0,J.useMemo)(()=>O?JSON.stringify(O):null,[O]);(0,J.useEffect)(()=>{O&&Y.reset({startDate:O.startDate,endDate:O.endDate,pos:O.pos,paymentAmount:O.paymentAmount,paymentCurrency:O.paymentCurrency,productType:O.productType,msCloudLink:O.msCloudLink,billingCycle:O.billingCycle,subscriptionPlan:O.subscriptionPlan,isActive:O.isActive,defaultRemark:O.defaultRemark,defaultDocumentType:O.defaultDocumentType,operationsLimit:BigInt(O.operationsLimit)})},[ge,Y.reset]);let _e=(0,J.useCallback)(async t=>{if(b||a){if(!O?.id)return;if(b){if(!t.billingCycle){Y.setError(`billingCycle`,{message:`Billing cycle is required`});return}await z({input:{clientId:e,amount:{raw:t.paymentAmount,currency:t.paymentCurrency},billingCycle:t.billingCycle,documentType:t.defaultDocumentType,endDate:k(new Date(t.endDate),`yyyy-MM-dd`),isActive:t.isActive,msCloud:t.msCloudLink||null,plan:t.subscriptionPlan,product:t.productType,purchaseOrders:t.pos,remarks:t.defaultRemark,startDate:k(new Date(t.startDate),`yyyy-MM-dd`),operationsLimit:t.operationsLimit,deactivateContracts:T?[O.id]:void 0}})}else await F({contractId:O.id,input:{amount:{raw:t.paymentAmount,currency:t.paymentCurrency},billingCycle:t.billingCycle,documentType:t.defaultDocumentType,endDate:k(new Date(t.endDate),`yyyy-MM-dd`),isActive:t.isActive,msCloud:t.msCloudLink||null,plan:t.subscriptionPlan,product:t.productType,purchaseOrders:t.pos,remarks:t.defaultRemark,startDate:k(new Date(t.startDate),`yyyy-MM-dd`),operationsLimit:t.operationsLimit}})}else{if(!t.billingCycle){Y.setError(`billingCycle`,{message:`Billing cycle is required`});return}await z({input:{clientId:e,amount:{raw:t.paymentAmount,currency:t.paymentCurrency},billingCycle:t.billingCycle,documentType:t.defaultDocumentType,endDate:k(new Date(t.endDate),`yyyy-MM-dd`),isActive:t.isActive,msCloud:t.msCloudLink||null,plan:t.subscriptionPlan,product:t.productType,purchaseOrders:t.pos,remarks:t.defaultRemark,startDate:k(new Date(t.startDate),`yyyy-MM-dd`),operationsLimit:t.operationsLimit}})}w(!1),r?.()},[O,r,z,F,e,Y,a,b,T]);return(0,Q.jsxs)(ee,{open:x,onOpenChange:w,children:[(0,Q.jsx)(re,{asChild:!0,children:a?(0,Q.jsx)(y,{variant:`ghost`,size:`sm`,onClick:()=>w(!0),children:(0,Q.jsx)(s,{className:`size-5`})}):b?(0,Q.jsx)(y,{variant:`ghost`,size:`sm`,onClick:()=>w(!0),children:(0,Q.jsx)(fe,{className:`size-5`})}):(0,Q.jsxs)(y,{size:`sm`,onClick:()=>w(!0),children:[(0,Q.jsx)(v,{className:`size-4 mr-2`}),`New Contract`]})}),(0,Q.jsxs)(ne,{className:`max-w-2xl max-h-[90vh] overflow-y-auto`,children:[(0,Q.jsxs)(te,{children:[(0,Q.jsx)(m,{children:a?`Edit Contract`:`Create New Contract`}),(0,Q.jsx)(ae,{children:a?`Update contract details`:b?`Create a new contract based on an existing one`:`Add a new contract with all required details`})]}),G?(0,Q.jsx)(Q.Fragment,{children:`Fetching contract details...`}):(0,Q.jsx)(A,{...Y,children:(0,Q.jsxs)(`form`,{onSubmit:Y.handleSubmit(_e),children:[(0,Q.jsxs)(`div`,{className:`grid gap-4 py-4`,children:[(0,Q.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,Q.jsx)(M,{control:Y.control,name:`operationsLimit`,render:({field:e})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`Operations Limit`}),(0,Q.jsx)(C,{children:(0,Q.jsx)(g,{placeholder:`500`,...e,value:e.value?.toLocaleString(),onChange:t=>{let n=t.target.value.replace(/[^0-9]/g,``);e.onChange(BigInt(n||0))}})}),(0,Q.jsx)(I,{})]})}),(0,Q.jsx)(M,{control:Y.control,name:`pos`,render:({field:e})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`Purchase Orders`}),(0,Q.jsxs)(`div`,{className:`flex gap-2`,children:[(0,Q.jsx)(g,{placeholder:`Add PO...`,value:N,onChange:e=>P(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),X())}}),(0,Q.jsx)(y,{type:`button`,size:`sm`,onClick:X,children:(0,Q.jsx)(v,{className:`h-4 w-4`})})]}),(0,Q.jsx)(`div`,{className:`flex flex-wrap gap-2 mt-2`,children:e.value?.map((t,n)=>(0,Q.jsxs)(se,{variant:`secondary`,className:`gap-1 max-w-xs truncate`,children:[t,n===(e.value?.length??0)-1&&(0,Q.jsx)(y,{variant:`ghost`,size:`icon`,className:`p-0 size-3`,onClick:()=>$(n),children:(0,Q.jsx)(f,{className:`size-3 cursor-pointer flex-shrink-0`})})]},t))}),(0,Q.jsx)(I,{})]})})]}),(0,Q.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,Q.jsx)(M,{control:Y.control,name:`startDate`,render:({field:{onChange:e,...t}})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`Start Date`}),(0,Q.jsx)(C,{children:(0,Q.jsx)(g,{type:`date`,...t,onInput:t=>e(t)})}),(0,Q.jsx)(I,{})]})}),(0,Q.jsx)(M,{control:Y.control,name:`endDate`,render:({field:{onChange:e,...t}})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`End Date`}),(0,Q.jsx)(C,{children:(0,Q.jsx)(g,{type:`date`,...t,onInput:t=>e(t)})}),(0,Q.jsx)(I,{})]})})]}),(0,Q.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:[(0,Q.jsx)(M,{control:Y.control,name:`paymentAmount`,render:({field:e})=>(0,Q.jsxs)(S,{className:`md:col-span-2`,children:[(0,Q.jsx)(E,{children:`Payment Amount`}),(0,Q.jsx)(C,{children:(0,Q.jsx)(g,{type:`number`,placeholder:`24000`,...e,onChange:t=>{e.onChange(t?.target.value?Number(t?.target.value):void 0)}})}),(0,Q.jsx)(I,{})]})}),(0,Q.jsx)(M,{control:Y.control,name:`paymentCurrency`,render:({field:e})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`Currency`}),(0,Q.jsxs)(_,{onValueChange:e.onChange,defaultValue:e.value,children:[(0,Q.jsx)(C,{children:(0,Q.jsx)(d,{children:(0,Q.jsx)(l,{})})}),(0,Q.jsx)(p,{children:Object.values(B).map(e=>(0,Q.jsx)(h,{value:e,children:e},e))})]}),(0,Q.jsx)(I,{})]})})]}),(0,Q.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,Q.jsx)(M,{control:Y.control,name:`productType`,render:({field:e})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`Product Type`}),(0,Q.jsx)(C,{children:(0,Q.jsx)(g,{placeholder:`Cloud Services`,...e})}),(0,Q.jsx)(I,{})]})}),(0,Q.jsx)(M,{control:Y.control,name:`billingCycle`,render:({field:e})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`Billing Cycle`}),(0,Q.jsxs)(_,{onValueChange:e.onChange,defaultValue:e.value,children:[(0,Q.jsx)(C,{children:(0,Q.jsx)(d,{children:(0,Q.jsx)(l,{})})}),(0,Q.jsx)(p,{children:Object.values(H).map(e=>(0,Q.jsx)(h,{value:e,children:K(e)},e))})]}),(0,Q.jsx)(I,{})]})})]}),(0,Q.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,Q.jsx)(M,{control:Y.control,name:`subscriptionPlan`,render:({field:e})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`Subscription Plan`}),(0,Q.jsx)(C,{children:(0,Q.jsxs)(_,{onValueChange:e.onChange,defaultValue:e.value,children:[(0,Q.jsx)(C,{children:(0,Q.jsx)(d,{children:(0,Q.jsx)(l,{})})}),(0,Q.jsx)(p,{children:Object.values(R).map(e=>(0,Q.jsx)(h,{value:e,children:q(e)},e))})]})}),(0,Q.jsx)(I,{})]})}),(0,Q.jsx)(M,{control:Y.control,name:`isActive`,render:({field:e})=>(0,Q.jsxs)(S,{className:`flex flex-row items-center justify-between rounded-lg border p-4`,children:[(0,Q.jsx)(`div`,{className:`space-y-0.5`,children:(0,Q.jsx)(E,{className:`text-base`,children:`Active Status`})}),(0,Q.jsx)(C,{children:(0,Q.jsx)(c,{checked:e.value,onCheckedChange:e.onChange})})]})})]}),(0,Q.jsx)(M,{control:Y.control,name:`msCloudLink`,render:({field:e})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`MS Cloud Link`}),(0,Q.jsx)(C,{children:(0,Q.jsx)(g,{type:`url`,placeholder:`https://portal.azure.com/contract-id`,...e})}),(0,Q.jsx)(I,{})]})}),(0,Q.jsx)(M,{control:Y.control,name:`defaultDocumentType`,render:({field:e})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`Default Document Type`}),(0,Q.jsxs)(_,{onValueChange:e.onChange,defaultValue:e.value,children:[(0,Q.jsx)(C,{children:(0,Q.jsx)(d,{children:(0,Q.jsx)(l,{})})}),(0,Q.jsx)(p,{children:Object.values(W).map(e=>(0,Q.jsx)(h,{value:e,children:o(e)},e))})]}),(0,Q.jsx)(I,{})]})}),(0,Q.jsx)(M,{control:Y.control,name:`defaultRemark`,render:({field:e})=>(0,Q.jsxs)(S,{children:[(0,Q.jsx)(E,{children:`Default Remark`}),(0,Q.jsx)(C,{children:(0,Q.jsx)(oe,{placeholder:`Enter default remark for this contract...`,rows:3,...e})}),(0,Q.jsx)(I,{})]})}),b&&(0,Q.jsxs)(`div`,{className:`flex flex-row items-center justify-between rounded-lg border p-4`,children:[(0,Q.jsx)(`div`,{className:`space-y-0.5`,children:(0,Q.jsx)(ie,{className:`text-base`,children:`Deactivate Original Contract`})}),(0,Q.jsx)(c,{checked:T,onCheckedChange:D})]})]}),(0,Q.jsxs)(u,{children:[(0,Q.jsx)(y,{type:`button`,variant:`outline`,onClick:()=>w(!1),children:`Cancel`}),(0,Q.jsx)(y,{type:`submit`,disabled:V||L,children:a?`Update Contract`:`Create Contract`})]})]})})]})]})}export{K as n,q as r,$ as t};