@accounter/client 0.0.8-alpha-20251030162201-d2f279aafe537912ec3546af855cbd3a38ac0f5c → 0.0.8-alpha-20251030162303-87017b2c2addf0e61478260aac336b9343f15c98

package/src/components/contracts/issue-documents-modal.tsx

@@ -0,0 +1,234 @@
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+  type ComponentProps,
+  type ReactElement,
+} from 'react';
+import { format, subMonths } from 'date-fns';
+import { X } from 'lucide-react';
+import { useFieldArray, useForm } from 'react-hook-form';
+import { useQuery } from 'urql';
+import { AccounterLoader } from '@/components/common/loader.js';
+import {
+  ContractBasedDocumentDraftsDocument,
+  NewDocumentInfoFragmentDoc,
+  type NewDocumentInfoFragment,
+} from '@/gql/graphql.js';
+import { getFragmentData } from '@/gql/index.js';
+import type { TimelessDateString } from '@/helpers/dates.js';
+import { useIssueMonthlyDocuments } from '@/hooks/use-issue-monthly-documents.js';
+import { MonthPickerInput } from '@mantine/dates';
+import { ConfirmationModal } from '../common/index.js';
+import { EditIssueDocumentModal } from '../screens/documents/issue-documents/edit-issue-document-modal.js';
+import { type IssueDocumentsVariables } from '../screens/documents/issue-documents/issue-documents-table.js';
+import { Button } from '../ui/button.js';
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '../ui/dialog.js';
+import { Form } from '../ui/form.js';
+import { Label } from '../ui/label.js';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../ui/table.js';
+import { Tooltip, TooltipContent, TooltipTrigger } from '../ui/tooltip.js';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
+/* GraphQL */ `
+  query ContractBasedDocumentDrafts($issueMonth: TimelessDate!, $contractIds: [UUID!]!) {
+    clientChargesDraftsByContracts(issueMonth: $issueMonth, contractIds: $contractIds) {
+      ...NewDocumentInfo
+    }
+  }
+`;
+
+type Props = ComponentProps<typeof Button> & {
+  contractIds: string[];
+};
+
+export const IssueDocumentsModal = ({ contractIds }: Props): ReactElement => {
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [issueMonth, setIssueMonth] = useState<TimelessDateString>(
+    format(subMonths(new Date(), 1), 'yyyy-MM-dd') as TimelessDateString,
+  );
+  const [documentDrafts, setDocumentDrafts] = useState<
+    (Omit<NewDocumentInfoFragment, 'client'> & {
+      client: NewDocumentInfoFragment['client'] & { id: string };
+    })[]
+  >([]);
+  const { issueDocuments } = useIssueMonthlyDocuments();
+
+  const [{ data, fetching }, fetchDrafts] = useQuery({
+    query: ContractBasedDocumentDraftsDocument,
+    variables: {
+      issueMonth,
+      contractIds,
+    },
+    pause: !isDialogOpen,
+  });
+  useEffect(() => {
+    if (data?.clientChargesDraftsByContracts) {
+      setDocumentDrafts(
+        data.clientChargesDraftsByContracts.map(draft =>
+          getFragmentData(NewDocumentInfoFragmentDoc, draft),
+        ) as (Omit<NewDocumentInfoFragment, 'client'> & {
+          client: NewDocumentInfoFragment['client'] & { id: string };
+        })[],
+      );
+    }
+  }, [data, setDocumentDrafts]);
+
+  useEffect(() => {
+    if (isDialogOpen) {
+      void fetchDrafts();
+    }
+  }, [isDialogOpen, fetchDrafts]);
+
+  const form = useForm<IssueDocumentsVariables>({
+    values: {
+      generateDocumentsInfo: documentDrafts,
+    },
+  });
+
+  const onSubmit = useCallback(
+    (data: IssueDocumentsVariables) => {
+      issueDocuments(data);
+    },
+    [issueDocuments],
+  );
+
+  const { fields, remove, update } = useFieldArray({
+    control: form.control,
+    name: 'generateDocumentsInfo',
+  });
+
+  const watchFieldArray = form.watch('generateDocumentsInfo');
+
+  const controlledFields = useMemo(() => {
+    return fields.map((field, index) => {
+      return {
+        ...field,
+        ...watchFieldArray[index],
+        id: field.client?.id,
+      };
+    });
+  }, [fields, watchFieldArray]);
+
+  return (
+    <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
+      <DialogTrigger asChild>
+        <Button size="sm" variant="outline" disabled={contractIds.length === 0}>
+          Issue Documents
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="min-w-[90vw] w-full max-h-[90vh] overflow-y-auto">
+        <DialogHeader>
+          <DialogTitle>Filter Contracts</DialogTitle>
+          <DialogDescription>Filter contracts based on various criteria</DialogDescription>
+        </DialogHeader>
+        {fetching ? (
+          <AccounterLoader />
+        ) : (
+          <Form {...form}>
+            <form onSubmit={form.handleSubmit(onSubmit)} className="min-w-5xl w-full">
+              {/* date input for issueMonth */}
+              <div className="flex gap-2 items-center mb-4">
+                <Label>Issue Month:</Label>
+                <MonthPickerInput
+                  value={new Date(issueMonth)}
+                  onChange={(date: Date) => {
+                    const month = new Date(date.getFullYear(), date.getMonth(), 15);
+                    setIssueMonth(format(month, 'yyyy-MM-dd') as TimelessDateString);
+                  }}
+                  popoverProps={{ withinPortal: false }}
+                />
+              </div>
+              <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHead>Name</TableHead>
+                    <TableHead>Document</TableHead>
+                    <TableHead>Amount</TableHead>
+                    <TableHead>Remark</TableHead>
+                    <TableHead>Recipients</TableHead>
+                    <TableHead />
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  {controlledFields.map(({ id, ...row }, index) => {
+                    return (
+                      <TableRow key={id}>
+                        <TableCell>{row.client?.name}</TableCell>
+                        <TableCell>{row.type}</TableCell>
+                        <TableCell>
+                          {row.income?.[0]?.price} {row.income?.[0]?.currency}
+                        </TableCell>
+                        <TableCell>
+                          <span className="text-sm text-gray-500 whitespace-normal max-w-50">
+                            {row.remarks}
+                          </span>
+                        </TableCell>
+                        <TableCell>
+                          <div className="flex flex-col">
+                            {row.client?.emails?.map(email => (
+                              <span key={email} className="text-sm text-gray-500">
+                                {email}
+                              </span>
+                            ))}
+                          </div>
+                        </TableCell>
+                        <TableCell>
+                          <div className="flex flex-col gap-2">
+                            <Tooltip>
+                              <TooltipTrigger asChild type="button">
+                                <Button
+                                  className="size-7.5"
+                                  variant="secondary"
+                                  onClick={() => remove(index)}
+                                >
+                                  <X size={16} />
+                                </Button>
+                              </TooltipTrigger>
+                              <TooltipContent>
+                                <p>Remove document</p>
+                              </TooltipContent>
+                            </Tooltip>
+                            <EditIssueDocumentModal
+                              draft={row}
+                              onApprove={document => {
+                                form.setValue(`generateDocumentsInfo.${index}`, document, {
+                                  shouldDirty: true,
+                                  shouldTouch: true,
+                                  shouldValidate: true,
+                                });
+                                update(index, {
+                                  ...document,
+                                });
+                              }}
+                            />
+                          </div>
+                        </TableCell>
+                      </TableRow>
+                    );
+                  })}
+                </TableBody>
+              </Table>
+              <div className="flex justify-between items-center mt-4">
+                <ConfirmationModal
+                  onConfirm={form.handleSubmit(onSubmit)}
+                  title={`Are you sure you want to issue ${controlledFields.length} documents?`}
+                >
+                  <Button>Issue</Button>
+                </ConfirmationModal>
+              </div>
+            </form>
+          </Form>
+        )}
+      </DialogContent>
+    </Dialog>
+  );
+};

package/src/components/layout/sidelinks.tsx

@@ -24,6 +24,7 @@ import {
   RectangleEllipsis,
   Rows4,
   Scale,
+  Signature,
   Tags,
 } from 'lucide-react';
 import { ROUTES } from '../../router/routes.js';
@@ -170,6 +171,12 @@ export const sidelinks: SideLink[] = [
         href: ROUTES.BUSINESSES.LEDGER,
         icon: <ArrowLeftRight size={18} />,
       },
+      {
+        title: 'Contracts',
+        label: '',
+        href: ROUTES.BUSINESSES.CONTRACTS,
+        icon: <Signature size={18} />,
+      },
       {
         title: 'Tax Categories',
         label: '',

package/src/components/screens/businesses/clients/contracts/contracts.tsx

@@ -0,0 +1,56 @@
+import { useContext, type ReactElement } from 'react';
+import { useLoaderData } from 'react-router-dom';
+import { useQuery } from 'urql';
+import { AccounterLoader } from '@/components/common/index.js';
+import { ContractsTable } from '@/components/contracts/index.js';
+import { ContractsScreenDocument, type ContractsScreenQuery } from '@/gql/graphql.js';
+import { UserContext } from '@/providers/index.js';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
+/* GraphQL */ `
+  query ContractsScreen($adminId: UUID!) {
+    contractsByAdmin(adminId: $adminId) {
+      id
+      ...ContractForContractsTableFields
+    }
+  }
+`;
+
+export const ContractsScreen = (): ReactElement => {
+  const { userContext } = useContext(UserContext);
+  const adminId = userContext?.context.adminBusinessId;
+
+  // Try to get loader data (will be available when navigating via router)
+  let loaderData: ContractsScreenQuery | undefined;
+  try {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    loaderData = useLoaderData() as ContractsScreenQuery;
+  } catch {
+    // No loader data - fallback to query
+  }
+
+  // Only fetch if we don't have loader data
+  const [{ data, fetching }, fetchContracts] = useQuery({
+    query: ContractsScreenDocument,
+    pause: !adminId || !!loaderData,
+    variables: {
+      adminId: adminId ?? '',
+    },
+  });
+
+  // Use loader data if available, otherwise use query data
+  const contractsData = loaderData || data;
+  const isLoading = !loaderData && fetching;
+
+  if (isLoading && !contractsData?.contractsByAdmin) {
+    return <AccounterLoader />;
+  }
+
+  if (!adminId || !contractsData?.contractsByAdmin) {
+    return <div>Contracts not found</div>;
+  }
+
+  return (
+    <ContractsTable data={contractsData.contractsByAdmin} onChange={async () => fetchContracts()} />
+  );
+};

package/src/gql/gql.ts

@@ -21,7 +21,7 @@ type Documents = {
     "\n  query BusinessTripsRowValidation($id: UUID!) {\n    businessTrip(id: $id) {\n      id\n      uncategorizedTransactions {\n        transaction {\n          ... on Transaction @defer {\n            id\n          }\n        }\n      }\n      summary {\n        ... on BusinessTripSummary @defer {\n          errors\n        }\n      }\n    }\n  }\n": typeof types.BusinessTripsRowValidationDocument,
     "\n  query EditableBusinessTrip($businessTripId: UUID!) {\n    businessTrip(id: $businessTripId) {\n      id\n      ...BusinessTripReportHeaderFields\n      ...BusinessTripReportAttendeesFields\n      ...BusinessTripUncategorizedTransactionsFields\n      ...BusinessTripReportFlightsFields\n      ...BusinessTripReportAccommodationsFields\n      ...BusinessTripReportTravelAndSubsistenceFields\n      ...BusinessTripReportCarRentalFields\n      ...BusinessTripReportOtherFields\n      ...BusinessTripReportSummaryFields\n      ... on BusinessTrip {\n        uncategorizedTransactions {\n          transaction {\n            id\n          }\n        }\n      }\n    }\n  }\n": typeof types.EditableBusinessTripDocument,
     "\n  query BusinessTripsScreen {\n    allBusinessTrips {\n      id\n      name\n      dates {\n        start\n      }\n      ...BusinessTripsRowFields\n    }\n  }\n": typeof types.BusinessTripsScreenDocument,
-    "\n  fragment BusinessAdminSection on Business {\n    id\n    ... on LtdFinancialEntity {\n      adminInfo {\n        id\n        registrationDate\n        withholdingTaxAnnualIds {\n          id\n          year\n        }\n        withholdingTaxCompanyId\n        socialSecurityEmployerIds {\n          id\n          year\n        }\n        socialSecurityDeductionsId\n        taxAdvancesAnnualIds {\n          id\n          year\n        }\n        taxAdvancesRates {\n          date\n          rate\n        }\n      }\n    }\n  }\n": typeof types.BusinessAdminSectionFragmentDoc,
+    "\n  fragment BusinessAdminSection on Business {\n    id\n    ... on LtdFinancialEntity {\n      adminInfo {\n        id\n        withholdingTaxBookNumber\n        withholdingTaxFileNumber\n        socialSecurityEmployerId\n        taxAdvancesRate\n        taxAdvancesId\n        registrationDate\n      }\n    }\n  }\n": typeof types.BusinessAdminSectionFragmentDoc,
     "\n  fragment BusinessHeader on Business {\n    __typename\n    id\n    name\n    createdAt\n    isActive\n    ... on LtdFinancialEntity {\n      governmentId\n      adminInfo {\n        id\n      }\n      clientInfo {\n        id\n      }\n    }\n  }\n": typeof types.BusinessHeaderFragmentDoc,
     "\n  query BusinessChargesSection($page: Int, $limit: Int, $filters: ChargeFilter) {\n    allCharges(page: $page, limit: $limit, filters: $filters) {\n      nodes {\n        id\n        ...ChargesTableFields\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": typeof types.BusinessChargesSectionDocument,
     "\n  fragment BusinessConfigurationSection on Business {\n    __typename\n    id\n    pcn874RecordType\n    irsCode\n    isActive\n    ... on LtdFinancialEntity {\n      optionalVAT\n      exemptDealer\n      isReceiptEnough\n      isDocumentsOptional\n      sortCode {\n        id\n        key\n        defaultIrsCode\n      }\n      taxCategory {\n        id\n      }\n      suggestions {\n        phrases\n        emails\n        tags {\n          id\n        }\n        description\n        emailListener {\n          internalEmailLinks\n          emailBody\n          attachments\n        }\n      }\n      clientInfo {\n        id\n      }\n    }\n  }\n": typeof types.BusinessConfigurationSectionFragmentDoc,
@@ -62,6 +62,7 @@ type Documents = {
     "\n  query IncomeChargesChart($filters: ChargeFilter) {\n    allCharges(filters: $filters) {\n      nodes {\n        id\n        transactions {\n          id\n          eventDate\n          effectiveDate\n          amount {\n            currency\n            formatted\n            raw\n          }\n          eventExchangeRates {\n            aud\n            cad\n            eur\n            gbp\n            jpy\n            sek\n            usd\n            date\n          }\n          debitExchangeRates {\n            aud\n            cad\n            eur\n            gbp\n            jpy\n            sek\n            usd\n            date\n          }\n        }\n      }\n    }\n  }\n": typeof types.IncomeChargesChartDocument,
     "\n  fragment MonthlyIncomeExpenseChartInfo on IncomeExpenseChart {\n    monthlyData {\n      income {\n        formatted\n        raw\n      }\n      expense {\n        formatted\n        raw\n      }\n      balance {\n        formatted\n        raw\n      }\n      date\n    }\n  }\n": typeof types.MonthlyIncomeExpenseChartInfoFragmentDoc,
     "\n  query MonthlyIncomeExpenseChart($filters: IncomeExpenseChartFilters!) {\n    incomeExpenseChart(filters: $filters) {\n      fromDate\n      toDate\n      currency\n      ...MonthlyIncomeExpenseChartInfo\n    }\n  }\n": typeof types.MonthlyIncomeExpenseChartDocument,
+    "\n  query ContractsEditModal($contractId: UUID!) {\n    contractsById(id: $contractId) {\n      id\n      startDate\n      endDate\n      purchaseOrders\n      amount {\n        raw\n        currency\n      }\n      product\n      msCloud\n      billingCycle\n      plan\n      isActive\n      remarks\n      documentType\n      operationsLimit\n    }\n  }\n": typeof types.ContractsEditModalDocument,
     "\n  fragment BusinessTripReportFields on BusinessTrip {\n    id\n    ...BusinessTripReportHeaderFields\n    ...BusinessTripReportSummaryFields\n  }\n": typeof types.BusinessTripReportFieldsFragmentDoc,
     "\n  fragment BusinessTripAccountantApprovalFields on BusinessTrip {\n    id\n    accountantApproval\n  }\n": typeof types.BusinessTripAccountantApprovalFieldsFragmentDoc,
     "\n  query UncategorizedTransactionsByBusinessTrip($businessTripId: UUID!) {\n    businessTrip(id: $businessTripId) {\n      id\n      uncategorizedTransactions {\n        transaction {\n          id\n          eventDate\n          sourceDescription\n          referenceKey\n          counterparty {\n            id\n            name\n          }\n          amount {\n            formatted\n            raw\n          }\n        }\n      }\n    }\n  }\n": typeof types.UncategorizedTransactionsByBusinessTripDocument,
@@ -120,6 +121,8 @@ type Documents = {
     "\n  query SimilarTransactions($transactionId: UUID!, $withMissingInfo: Boolean!) {\n    similarTransactions(transactionId: $transactionId, withMissingInfo: $withMissingInfo) {\n      id\n      account {\n        id\n        name\n        type\n      }\n      amount {\n        formatted\n        raw\n      }\n      effectiveDate\n      eventDate\n      sourceDescription\n    }\n  }\n": typeof types.SimilarTransactionsDocument,
     "\n  query UniformFormat($fromDate: TimelessDate!, $toDate: TimelessDate!) {\n    uniformFormat(fromDate: $fromDate, toDate: $toDate) {\n      bkmvdata\n      ini\n    }\n  }\n": typeof types.UniformFormatDocument,
     "\n  fragment NewFetchedDocumentFields on Document {\n    id\n    documentType\n    charge {\n      id\n      userDescription\n      counterparty {\n        id\n        name\n      }\n    }\n  }\n": typeof types.NewFetchedDocumentFieldsFragmentDoc,
+    "\n  fragment ContractForContractsTableFields on Contract {\n    id\n    isActive\n    client {\n      id\n      originalBusiness {\n        id\n        name\n      }\n    }\n    purchaseOrders\n    startDate\n    endDate\n    amount {\n      raw\n      formatted\n    }\n    billingCycle\n    product\n    plan\n    operationsLimit\n    msCloud\n    # documentType\n    # remarks\n    # operationsLimit\n  }\n": typeof types.ContractForContractsTableFieldsFragmentDoc,
+    "\n  query ContractBasedDocumentDrafts($issueMonth: TimelessDate!, $contractIds: [UUID!]!) {\n    clientChargesDraftsByContracts(issueMonth: $issueMonth, contractIds: $contractIds) {\n      ...NewDocumentInfo\n    }\n  }\n": typeof types.ContractBasedDocumentDraftsDocument,
     "\n  fragment TableDocumentsRowFields on Document {\n    id\n    documentType\n    image\n    file\n    charge {\n      id\n    }\n    ... on FinancialDocument {\n      amount {\n        raw\n        formatted\n        currency\n      }\n      missingInfoSuggestions {\n        amount {\n          raw\n          formatted\n          currency\n        }\n        isIncome\n        counterparty {\n          id\n          name\n        }\n        owner {\n          id\n          name\n        }\n      }\n      date\n      vat {\n        raw\n        formatted\n        currency\n      }\n      serialNumber\n      allocationNumber\n      creditor {\n        id\n        name\n      }\n      debtor {\n        id\n        name\n      }\n      issuedDocumentInfo {\n        id\n        status\n        originalDocument {\n          income {\n            description\n          }\n        }\n      }\n    }\n  }\n": typeof types.TableDocumentsRowFieldsFragmentDoc,
     "\n  fragment DocumentsGalleryFields on Charge {\n    id\n    additionalDocuments {\n      id\n      image\n      ... on FinancialDocument {\n        documentType\n      }\n    }\n  }\n": typeof types.DocumentsGalleryFieldsFragmentDoc,
     "\n  fragment LedgerRecordsTableFields on LedgerRecord {\n    id\n    creditAccount1 {\n      __typename\n      id\n      name\n    }\n    creditAccount2 {\n      __typename\n      id\n      name\n    }\n    debitAccount1 {\n      __typename\n      id\n      name\n    }\n    debitAccount2 {\n      __typename\n      id\n      name\n    }\n    creditAmount1 {\n      formatted\n      currency\n    }\n    creditAmount2 {\n      formatted\n      currency\n    }\n    debitAmount1 {\n      formatted\n      currency\n    }\n    debitAmount2 {\n      formatted\n      currency\n    }\n    localCurrencyCreditAmount1 {\n      formatted\n      raw\n    }\n    localCurrencyCreditAmount2 {\n      formatted\n      raw\n    }\n    localCurrencyDebitAmount1 {\n      formatted\n      raw\n    }\n    localCurrencyDebitAmount2 {\n      formatted\n      raw\n    }\n    invoiceDate\n    valueDate\n    description\n    reference\n  }\n": typeof types.LedgerRecordsTableFieldsFragmentDoc,
@@ -158,6 +161,7 @@ type Documents = {
     "\n  fragment SalariesTableFields on Salary {\n    month\n    employee {\n      id\n    }\n    ...SalariesMonthFields\n  }\n": typeof types.SalariesTableFieldsFragmentDoc,
     "\n  fragment SalariesRecordFields on Salary {\n    month\n    employee {\n      id\n    }\n    ...SalariesRecordEmployeeFields\n    ...SalariesRecordMainSalaryFields\n    ...SalariesRecordFundsFields\n    ...SalariesRecordInsurancesAndTaxesFields\n    ...SalariesRecordWorkFrameFields\n  }\n": typeof types.SalariesRecordFieldsFragmentDoc,
     "\n  query BusinessScreen($businessId: UUID!) {\n    business(id: $businessId) {\n      id\n      ...BusinessPage\n    }\n  }\n": typeof types.BusinessScreenDocument,
+    "\n  query ContractsScreen($adminId: UUID!) {\n    contractsByAdmin(adminId: $adminId) {\n      id\n      ...ContractForContractsTableFields\n    }\n  }\n": typeof types.ContractsScreenDocument,
     "\n  query AllCharges($page: Int, $limit: Int, $filters: ChargeFilter) {\n    allCharges(page: $page, limit: $limit, filters: $filters) {\n      nodes {\n        id\n        ...ChargesTableFields\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": typeof types.AllChargesDocument,
     "\n  query ChargeScreen($chargeId: UUID!) {\n    charge(chargeId: $chargeId) {\n      id\n      ...ChargesTableFields\n    }\n  }\n": typeof types.ChargeScreenDocument,
     "\n  query MissingInfoCharges($page: Int, $limit: Int) {\n    chargesWithMissingRequiredInfo(page: $page, limit: $limit) {\n      nodes {\n        id\n        ...ChargesTableFields\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": typeof types.MissingInfoChargesDocument,
@@ -276,7 +280,7 @@ const documents: Documents = {
     "\n  query BusinessTripsRowValidation($id: UUID!) {\n    businessTrip(id: $id) {\n      id\n      uncategorizedTransactions {\n        transaction {\n          ... on Transaction @defer {\n            id\n          }\n        }\n      }\n      summary {\n        ... on BusinessTripSummary @defer {\n          errors\n        }\n      }\n    }\n  }\n": types.BusinessTripsRowValidationDocument,
     "\n  query EditableBusinessTrip($businessTripId: UUID!) {\n    businessTrip(id: $businessTripId) {\n      id\n      ...BusinessTripReportHeaderFields\n      ...BusinessTripReportAttendeesFields\n      ...BusinessTripUncategorizedTransactionsFields\n      ...BusinessTripReportFlightsFields\n      ...BusinessTripReportAccommodationsFields\n      ...BusinessTripReportTravelAndSubsistenceFields\n      ...BusinessTripReportCarRentalFields\n      ...BusinessTripReportOtherFields\n      ...BusinessTripReportSummaryFields\n      ... on BusinessTrip {\n        uncategorizedTransactions {\n          transaction {\n            id\n          }\n        }\n      }\n    }\n  }\n": types.EditableBusinessTripDocument,
     "\n  query BusinessTripsScreen {\n    allBusinessTrips {\n      id\n      name\n      dates {\n        start\n      }\n      ...BusinessTripsRowFields\n    }\n  }\n": types.BusinessTripsScreenDocument,
-    "\n  fragment BusinessAdminSection on Business {\n    id\n    ... on LtdFinancialEntity {\n      adminInfo {\n        id\n        registrationDate\n        withholdingTaxAnnualIds {\n          id\n          year\n        }\n        withholdingTaxCompanyId\n        socialSecurityEmployerIds {\n          id\n          year\n        }\n        socialSecurityDeductionsId\n        taxAdvancesAnnualIds {\n          id\n          year\n        }\n        taxAdvancesRates {\n          date\n          rate\n        }\n      }\n    }\n  }\n": types.BusinessAdminSectionFragmentDoc,
+    "\n  fragment BusinessAdminSection on Business {\n    id\n    ... on LtdFinancialEntity {\n      adminInfo {\n        id\n        withholdingTaxBookNumber\n        withholdingTaxFileNumber\n        socialSecurityEmployerId\n        taxAdvancesRate\n        taxAdvancesId\n        registrationDate\n      }\n    }\n  }\n": types.BusinessAdminSectionFragmentDoc,
     "\n  fragment BusinessHeader on Business {\n    __typename\n    id\n    name\n    createdAt\n    isActive\n    ... on LtdFinancialEntity {\n      governmentId\n      adminInfo {\n        id\n      }\n      clientInfo {\n        id\n      }\n    }\n  }\n": types.BusinessHeaderFragmentDoc,
     "\n  query BusinessChargesSection($page: Int, $limit: Int, $filters: ChargeFilter) {\n    allCharges(page: $page, limit: $limit, filters: $filters) {\n      nodes {\n        id\n        ...ChargesTableFields\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": types.BusinessChargesSectionDocument,
     "\n  fragment BusinessConfigurationSection on Business {\n    __typename\n    id\n    pcn874RecordType\n    irsCode\n    isActive\n    ... on LtdFinancialEntity {\n      optionalVAT\n      exemptDealer\n      isReceiptEnough\n      isDocumentsOptional\n      sortCode {\n        id\n        key\n        defaultIrsCode\n      }\n      taxCategory {\n        id\n      }\n      suggestions {\n        phrases\n        emails\n        tags {\n          id\n        }\n        description\n        emailListener {\n          internalEmailLinks\n          emailBody\n          attachments\n        }\n      }\n      clientInfo {\n        id\n      }\n    }\n  }\n": types.BusinessConfigurationSectionFragmentDoc,
@@ -317,6 +321,7 @@ const documents: Documents = {
     "\n  query IncomeChargesChart($filters: ChargeFilter) {\n    allCharges(filters: $filters) {\n      nodes {\n        id\n        transactions {\n          id\n          eventDate\n          effectiveDate\n          amount {\n            currency\n            formatted\n            raw\n          }\n          eventExchangeRates {\n            aud\n            cad\n            eur\n            gbp\n            jpy\n            sek\n            usd\n            date\n          }\n          debitExchangeRates {\n            aud\n            cad\n            eur\n            gbp\n            jpy\n            sek\n            usd\n            date\n          }\n        }\n      }\n    }\n  }\n": types.IncomeChargesChartDocument,
     "\n  fragment MonthlyIncomeExpenseChartInfo on IncomeExpenseChart {\n    monthlyData {\n      income {\n        formatted\n        raw\n      }\n      expense {\n        formatted\n        raw\n      }\n      balance {\n        formatted\n        raw\n      }\n      date\n    }\n  }\n": types.MonthlyIncomeExpenseChartInfoFragmentDoc,
     "\n  query MonthlyIncomeExpenseChart($filters: IncomeExpenseChartFilters!) {\n    incomeExpenseChart(filters: $filters) {\n      fromDate\n      toDate\n      currency\n      ...MonthlyIncomeExpenseChartInfo\n    }\n  }\n": types.MonthlyIncomeExpenseChartDocument,
+    "\n  query ContractsEditModal($contractId: UUID!) {\n    contractsById(id: $contractId) {\n      id\n      startDate\n      endDate\n      purchaseOrders\n      amount {\n        raw\n        currency\n      }\n      product\n      msCloud\n      billingCycle\n      plan\n      isActive\n      remarks\n      documentType\n      operationsLimit\n    }\n  }\n": types.ContractsEditModalDocument,
     "\n  fragment BusinessTripReportFields on BusinessTrip {\n    id\n    ...BusinessTripReportHeaderFields\n    ...BusinessTripReportSummaryFields\n  }\n": types.BusinessTripReportFieldsFragmentDoc,
     "\n  fragment BusinessTripAccountantApprovalFields on BusinessTrip {\n    id\n    accountantApproval\n  }\n": types.BusinessTripAccountantApprovalFieldsFragmentDoc,
     "\n  query UncategorizedTransactionsByBusinessTrip($businessTripId: UUID!) {\n    businessTrip(id: $businessTripId) {\n      id\n      uncategorizedTransactions {\n        transaction {\n          id\n          eventDate\n          sourceDescription\n          referenceKey\n          counterparty {\n            id\n            name\n          }\n          amount {\n            formatted\n            raw\n          }\n        }\n      }\n    }\n  }\n": types.UncategorizedTransactionsByBusinessTripDocument,
@@ -375,6 +380,8 @@ const documents: Documents = {
     "\n  query SimilarTransactions($transactionId: UUID!, $withMissingInfo: Boolean!) {\n    similarTransactions(transactionId: $transactionId, withMissingInfo: $withMissingInfo) {\n      id\n      account {\n        id\n        name\n        type\n      }\n      amount {\n        formatted\n        raw\n      }\n      effectiveDate\n      eventDate\n      sourceDescription\n    }\n  }\n": types.SimilarTransactionsDocument,
     "\n  query UniformFormat($fromDate: TimelessDate!, $toDate: TimelessDate!) {\n    uniformFormat(fromDate: $fromDate, toDate: $toDate) {\n      bkmvdata\n      ini\n    }\n  }\n": types.UniformFormatDocument,
     "\n  fragment NewFetchedDocumentFields on Document {\n    id\n    documentType\n    charge {\n      id\n      userDescription\n      counterparty {\n        id\n        name\n      }\n    }\n  }\n": types.NewFetchedDocumentFieldsFragmentDoc,
+    "\n  fragment ContractForContractsTableFields on Contract {\n    id\n    isActive\n    client {\n      id\n      originalBusiness {\n        id\n        name\n      }\n    }\n    purchaseOrders\n    startDate\n    endDate\n    amount {\n      raw\n      formatted\n    }\n    billingCycle\n    product\n    plan\n    operationsLimit\n    msCloud\n    # documentType\n    # remarks\n    # operationsLimit\n  }\n": types.ContractForContractsTableFieldsFragmentDoc,
+    "\n  query ContractBasedDocumentDrafts($issueMonth: TimelessDate!, $contractIds: [UUID!]!) {\n    clientChargesDraftsByContracts(issueMonth: $issueMonth, contractIds: $contractIds) {\n      ...NewDocumentInfo\n    }\n  }\n": types.ContractBasedDocumentDraftsDocument,
     "\n  fragment TableDocumentsRowFields on Document {\n    id\n    documentType\n    image\n    file\n    charge {\n      id\n    }\n    ... on FinancialDocument {\n      amount {\n        raw\n        formatted\n        currency\n      }\n      missingInfoSuggestions {\n        amount {\n          raw\n          formatted\n          currency\n        }\n        isIncome\n        counterparty {\n          id\n          name\n        }\n        owner {\n          id\n          name\n        }\n      }\n      date\n      vat {\n        raw\n        formatted\n        currency\n      }\n      serialNumber\n      allocationNumber\n      creditor {\n        id\n        name\n      }\n      debtor {\n        id\n        name\n      }\n      issuedDocumentInfo {\n        id\n        status\n        originalDocument {\n          income {\n            description\n          }\n        }\n      }\n    }\n  }\n": types.TableDocumentsRowFieldsFragmentDoc,
     "\n  fragment DocumentsGalleryFields on Charge {\n    id\n    additionalDocuments {\n      id\n      image\n      ... on FinancialDocument {\n        documentType\n      }\n    }\n  }\n": types.DocumentsGalleryFieldsFragmentDoc,
     "\n  fragment LedgerRecordsTableFields on LedgerRecord {\n    id\n    creditAccount1 {\n      __typename\n      id\n      name\n    }\n    creditAccount2 {\n      __typename\n      id\n      name\n    }\n    debitAccount1 {\n      __typename\n      id\n      name\n    }\n    debitAccount2 {\n      __typename\n      id\n      name\n    }\n    creditAmount1 {\n      formatted\n      currency\n    }\n    creditAmount2 {\n      formatted\n      currency\n    }\n    debitAmount1 {\n      formatted\n      currency\n    }\n    debitAmount2 {\n      formatted\n      currency\n    }\n    localCurrencyCreditAmount1 {\n      formatted\n      raw\n    }\n    localCurrencyCreditAmount2 {\n      formatted\n      raw\n    }\n    localCurrencyDebitAmount1 {\n      formatted\n      raw\n    }\n    localCurrencyDebitAmount2 {\n      formatted\n      raw\n    }\n    invoiceDate\n    valueDate\n    description\n    reference\n  }\n": types.LedgerRecordsTableFieldsFragmentDoc,
@@ -413,6 +420,7 @@ const documents: Documents = {
     "\n  fragment SalariesTableFields on Salary {\n    month\n    employee {\n      id\n    }\n    ...SalariesMonthFields\n  }\n": types.SalariesTableFieldsFragmentDoc,
     "\n  fragment SalariesRecordFields on Salary {\n    month\n    employee {\n      id\n    }\n    ...SalariesRecordEmployeeFields\n    ...SalariesRecordMainSalaryFields\n    ...SalariesRecordFundsFields\n    ...SalariesRecordInsurancesAndTaxesFields\n    ...SalariesRecordWorkFrameFields\n  }\n": types.SalariesRecordFieldsFragmentDoc,
     "\n  query BusinessScreen($businessId: UUID!) {\n    business(id: $businessId) {\n      id\n      ...BusinessPage\n    }\n  }\n": types.BusinessScreenDocument,
+    "\n  query ContractsScreen($adminId: UUID!) {\n    contractsByAdmin(adminId: $adminId) {\n      id\n      ...ContractForContractsTableFields\n    }\n  }\n": types.ContractsScreenDocument,
     "\n  query AllCharges($page: Int, $limit: Int, $filters: ChargeFilter) {\n    allCharges(page: $page, limit: $limit, filters: $filters) {\n      nodes {\n        id\n        ...ChargesTableFields\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": types.AllChargesDocument,
     "\n  query ChargeScreen($chargeId: UUID!) {\n    charge(chargeId: $chargeId) {\n      id\n      ...ChargesTableFields\n    }\n  }\n": types.ChargeScreenDocument,
     "\n  query MissingInfoCharges($page: Int, $limit: Int) {\n    chargesWithMissingRequiredInfo(page: $page, limit: $limit) {\n      nodes {\n        id\n        ...ChargesTableFields\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": types.MissingInfoChargesDocument,
@@ -569,7 +577,7 @@ export function graphql(source: "\n  query BusinessTripsScreen {\n    allBusines
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n  fragment BusinessAdminSection on Business {\n    id\n    ... on LtdFinancialEntity {\n      adminInfo {\n        id\n        registrationDate\n        withholdingTaxAnnualIds {\n          id\n          year\n        }\n        withholdingTaxCompanyId\n        socialSecurityEmployerIds {\n          id\n          year\n        }\n        socialSecurityDeductionsId\n        taxAdvancesAnnualIds {\n          id\n          year\n        }\n        taxAdvancesRates {\n          date\n          rate\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  fragment BusinessAdminSection on Business {\n    id\n    ... on LtdFinancialEntity {\n      adminInfo {\n        id\n        registrationDate\n        withholdingTaxAnnualIds {\n          id\n          year\n        }\n        withholdingTaxCompanyId\n        socialSecurityEmployerIds {\n          id\n          year\n        }\n        socialSecurityDeductionsId\n        taxAdvancesAnnualIds {\n          id\n          year\n        }\n        taxAdvancesRates {\n          date\n          rate\n        }\n      }\n    }\n  }\n"];
+export function graphql(source: "\n  fragment BusinessAdminSection on Business {\n    id\n    ... on LtdFinancialEntity {\n      adminInfo {\n        id\n        withholdingTaxBookNumber\n        withholdingTaxFileNumber\n        socialSecurityEmployerId\n        taxAdvancesRate\n        taxAdvancesId\n        registrationDate\n      }\n    }\n  }\n"): (typeof documents)["\n  fragment BusinessAdminSection on Business {\n    id\n    ... on LtdFinancialEntity {\n      adminInfo {\n        id\n        withholdingTaxBookNumber\n        withholdingTaxFileNumber\n        socialSecurityEmployerId\n        taxAdvancesRate\n        taxAdvancesId\n        registrationDate\n      }\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -730,6 +738,10 @@ export function graphql(source: "\n  fragment MonthlyIncomeExpenseChartInfo on I
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(source: "\n  query MonthlyIncomeExpenseChart($filters: IncomeExpenseChartFilters!) {\n    incomeExpenseChart(filters: $filters) {\n      fromDate\n      toDate\n      currency\n      ...MonthlyIncomeExpenseChartInfo\n    }\n  }\n"): (typeof documents)["\n  query MonthlyIncomeExpenseChart($filters: IncomeExpenseChartFilters!) {\n    incomeExpenseChart(filters: $filters) {\n      fromDate\n      toDate\n      currency\n      ...MonthlyIncomeExpenseChartInfo\n    }\n  }\n"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n  query ContractsEditModal($contractId: UUID!) {\n    contractsById(id: $contractId) {\n      id\n      startDate\n      endDate\n      purchaseOrders\n      amount {\n        raw\n        currency\n      }\n      product\n      msCloud\n      billingCycle\n      plan\n      isActive\n      remarks\n      documentType\n      operationsLimit\n    }\n  }\n"): (typeof documents)["\n  query ContractsEditModal($contractId: UUID!) {\n    contractsById(id: $contractId) {\n      id\n      startDate\n      endDate\n      purchaseOrders\n      amount {\n        raw\n        currency\n      }\n      product\n      msCloud\n      billingCycle\n      plan\n      isActive\n      remarks\n      documentType\n      operationsLimit\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -962,6 +974,14 @@ export function graphql(source: "\n  query UniformFormat($fromDate: TimelessDate
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(source: "\n  fragment NewFetchedDocumentFields on Document {\n    id\n    documentType\n    charge {\n      id\n      userDescription\n      counterparty {\n        id\n        name\n      }\n    }\n  }\n"): (typeof documents)["\n  fragment NewFetchedDocumentFields on Document {\n    id\n    documentType\n    charge {\n      id\n      userDescription\n      counterparty {\n        id\n        name\n      }\n    }\n  }\n"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n  fragment ContractForContractsTableFields on Contract {\n    id\n    isActive\n    client {\n      id\n      originalBusiness {\n        id\n        name\n      }\n    }\n    purchaseOrders\n    startDate\n    endDate\n    amount {\n      raw\n      formatted\n    }\n    billingCycle\n    product\n    plan\n    operationsLimit\n    msCloud\n    # documentType\n    # remarks\n    # operationsLimit\n  }\n"): (typeof documents)["\n  fragment ContractForContractsTableFields on Contract {\n    id\n    isActive\n    client {\n      id\n      originalBusiness {\n        id\n        name\n      }\n    }\n    purchaseOrders\n    startDate\n    endDate\n    amount {\n      raw\n      formatted\n    }\n    billingCycle\n    product\n    plan\n    operationsLimit\n    msCloud\n    # documentType\n    # remarks\n    # operationsLimit\n  }\n"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n  query ContractBasedDocumentDrafts($issueMonth: TimelessDate!, $contractIds: [UUID!]!) {\n    clientChargesDraftsByContracts(issueMonth: $issueMonth, contractIds: $contractIds) {\n      ...NewDocumentInfo\n    }\n  }\n"): (typeof documents)["\n  query ContractBasedDocumentDrafts($issueMonth: TimelessDate!, $contractIds: [UUID!]!) {\n    clientChargesDraftsByContracts(issueMonth: $issueMonth, contractIds: $contractIds) {\n      ...NewDocumentInfo\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -1114,6 +1134,10 @@ export function graphql(source: "\n  fragment SalariesRecordFields on Salary {\n
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(source: "\n  query BusinessScreen($businessId: UUID!) {\n    business(id: $businessId) {\n      id\n      ...BusinessPage\n    }\n  }\n"): (typeof documents)["\n  query BusinessScreen($businessId: UUID!) {\n    business(id: $businessId) {\n      id\n      ...BusinessPage\n    }\n  }\n"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "\n  query ContractsScreen($adminId: UUID!) {\n    contractsByAdmin(adminId: $adminId) {\n      id\n      ...ContractForContractsTableFields\n    }\n  }\n"): (typeof documents)["\n  query ContractsScreen($adminId: UUID!) {\n    contractsByAdmin(adminId: $adminId) {\n      id\n      ...ContractForContractsTableFields\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */