@accounter/client/dist/assets/issue-documents-d16u1HBg.js

Accounter client application

import{s as e}from"./dist-BmACi7k_.js";import{i as t,o as n}from"./utils-BxkqV8PM.js";import{N as r,Vo as i,bi as a,hi as o,mi as s,ot as c}from"./error-handling-BcsQohmh.js";import{s as l,t as u}from"./routes-DNs7M-mk.js";import{a as d,c as f,ct as p,f as m,i as h,l as g,lt as _,m as v,n as y,o as b,p as x,r as S,t as C}from"./select-B9uPAoLq.js";import{H as w,h as T,ht as E}from"./common-CTTXK2Za.js";import{c as D}from"./separator-Dgd_YdPn.js";import{t as O}from"./button-BZ6z_NAl.js";import{$c as k,Fl as A,Il as j,Kl as M,Qc as N,Rl as P,Wc as F,a as I,el as L,i as R,il as z,n as B,o as V,r as H,t as U}from"./table-QvPx-2PG.js";import{t as W}from"./subMonths-CRpKZeel.js";import{r as G,t as K}from"./use-issue-monthly-documents-DK6-wdKV.js";var q=e(n(),1),J=t();function Y({issueMonth:e,clients:t,onAdd:n}){let[r,o]=(0,q.useState)(!1),[c,l]=(0,q.useState)(``),[{data:u},p]=i({query:s,variables:{issueMonth:e,clientId:c},pause:!r}),b=(0,q.useCallback)(e=>{l(e),p()},[p,l]);return(0,q.useEffect)(()=>{c!==``&&u&&(n(T(L(a,u.clientMonthlyChargeDraft))),o(!1))},[c,u,n]),(0,J.jsxs)(f,{open:r,onOpenChange:o,children:[(0,J.jsx)(v,{asChild:!0,children:(0,J.jsx)(O,{variant:`outline`,size:`icon`,children:(0,J.jsx)(_,{})})}),(0,J.jsxs)(g,{className:`w-[400px] max-w-screen-md`,children:[(0,J.jsx)(m,{children:(0,J.jsx)(x,{children:`Select document recipient`})}),(0,J.jsxs)(C,{onValueChange:b,children:[(0,J.jsx)(h,{children:(0,J.jsx)(d,{placeholder:`Recipient`})}),(0,J.jsx)(y,{children:t.map(e=>(0,J.jsx)(S,{value:e.id,children:e.name},e.id))})]})]})]})}var X=({drafts:e})=>{let[t,n]=(0,q.useState)(e.map(e=>T(L(a,e)))),[s,d]=(0,q.useState)(M(W(new Date,1),`yyyy-MM-dd`)),[{data:f},m]=i({query:o,variables:{issueMonth:s},pause:!0});(0,q.useEffect)(()=>{f?.periodicalDocumentDrafts&&n(f.periodicalDocumentDrafts.map(e=>T(L(a,e))))},[f,n]),(0,q.useEffect)(()=>{m()},[s,m]);let h=k({values:{generateDocumentsInfo:t}}),{issueDocuments:g}=K(),[{data:_}]=i({query:r}),{fields:v,append:y,remove:x,update:S}=N({control:h.control,name:`generateDocumentsInfo`}),C=h.watch(`generateDocumentsInfo`),D=(0,q.useMemo)(()=>v.map((e,t)=>({...e,...C[t],id:e.client?.id})),[v,C]),z=(0,q.useCallback)(e=>{g(e)},[g]),X=(0,q.useMemo)(()=>_?.allOpenContracts.filter(e=>e.billingCycle===c.Monthly&&!D.some(t=>t.client?.id===e.client.id)),[D,_]);return(0,J.jsx)(`div`,{className:`p-2`,children:(0,J.jsx)(F,{...h,children:(0,J.jsxs)(`form`,{onSubmit:h.handleSubmit(z),children:[(0,J.jsxs)(`div`,{className:`flex gap-2 items-center mb-4`,children:[(0,J.jsx)(b,{children:`Issue Month:`}),(0,J.jsx)(E,{value:new Date(s),onChange:e=>{let t=new Date(e.getFullYear(),e.getMonth(),15);d(M(t,`yyyy-MM-dd`))},popoverProps:{withinPortal:!0}})]}),(0,J.jsxs)(U,{children:[(0,J.jsx)(I,{children:(0,J.jsxs)(V,{children:[(0,J.jsx)(R,{children:`Name`}),(0,J.jsx)(R,{children:`Document`}),(0,J.jsx)(R,{children:`Amount`}),(0,J.jsx)(R,{children:`Remark`}),(0,J.jsx)(R,{children:`Recipients`}),(0,J.jsx)(R,{})]})}),(0,J.jsx)(B,{children:D.map(({id:e,...t},n)=>(0,J.jsxs)(V,{children:[(0,J.jsx)(H,{children:(0,J.jsx)(l,{to:e?u.BUSINESSES.DETAIL(e):u.BUSINESSES.ALL,target:`_blank`,rel:`noreferrer`,onClick:e=>e.stopPropagation(),className:`inline-flex items-center font-semibold`,children:t.client?.name})}),(0,J.jsx)(H,{children:t.type}),(0,J.jsxs)(H,{children:[t.income?.[0]?.price,` `,t.income?.[0]?.currency]}),(0,J.jsx)(H,{children:(0,J.jsx)(`span`,{className:`text-sm text-gray-500 whitespace-normal max-w-50`,children:t.remarks})}),(0,J.jsx)(H,{children:(0,J.jsx)(`div`,{className:`flex flex-col`,children:t.client?.emails?.map(e=>(0,J.jsx)(`span`,{className:`text-sm text-gray-500`,children:e},e))})}),(0,J.jsx)(H,{children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,J.jsxs)(A,{children:[(0,J.jsx)(P,{asChild:!0,type:`button`,children:(0,J.jsx)(O,{className:`size-7.5`,variant:`secondary`,onClick:()=>x(n),children:(0,J.jsx)(p,{size:16})})}),(0,J.jsx)(j,{children:(0,J.jsx)(`p`,{children:`Remove document`})})]}),(0,J.jsx)(G,{draft:t,onApprove:e=>{h.setValue(`generateDocumentsInfo.${n}`,e,{shouldDirty:!0,shouldTouch:!0,shouldValidate:!0}),S(n,{...e})}})]})})]},e))})]}),(0,J.jsxs)(`div`,{className:`flex justify-between items-center mt-4`,children:[(0,J.jsx)(Y,{clients:X?.map(e=>({id:e.client.originalBusiness.id,name:e.client.originalBusiness.name}))??[],onAdd:y,issueMonth:s}),(0,J.jsx)(w,{onConfirm:h.handleSubmit(z),title:`Are you sure you want to issue ${D.length} documents?`,children:(0,J.jsx)(O,{children:`Issue`})})]})]})})})},Z=()=>{let{setFiltersContext:e}=(0,q.useContext)(D),[{data:t,fetching:n}]=i({query:o,variables:{issueMonth:M(W(new Date,1),`yyyy-MM-dd`)}});return(0,q.useEffect)(()=>{t?.periodicalDocumentDrafts||e(null)},[t,e]),n?(0,J.jsx)(z,{}):(0,J.jsx)(X,{drafts:t?.periodicalDocumentDrafts??[]})};export{Z as IssueDocuments};