@accounter/client 0.0.8-alpha-20251023065832-9a9f37786b0e29dc8e6ea58ec9856bc043cc0e8a → 0.0.8-alpha-20251023070808-bdd9d09db3d693f2c0061a2bbd66a4bfe5224012

package/src/components/businesses/index.tsx

@@ -1,18 +1,18 @@
 import { useCallback, useContext, useEffect, useState, type ReactElement } from 'react';
 import { Loader2, PanelTopClose, PanelTopOpen } from 'lucide-react';
-import { useNavigate } from 'react-router-dom';
 import { useQuery } from 'urql';
-import { Tooltip } from '@mantine/core';
-import { AllBusinessesForScreenDocument } from '../../gql/graphql.js';
+import { Table, Tooltip } from '@mantine/core';
+import {
+  AllBusinessesForScreenDocument,
+  type AllBusinessesForScreenQuery,
+} from '../../gql/graphql.js';
 import { useUrlQuery } from '../../hooks/use-url-query.js';
 import { cn } from '../../lib/utils.js';
 import { FiltersContext } from '../../providers/filters-context.js';
-import { ROUTES } from '../../router/routes.js';
-import { BusinessHeader } from '../business/business-header.js';
 import { MergeBusinessesButton } from '../common/index.js';
 import { PageLayout } from '../layout/page-layout.js';
 import { Button } from '../ui/button.js';
-import { Checkbox } from '../ui/checkbox.js';
+import { AllBusinessesRow } from './all-businesses-row.js';
 import { BusinessesFilters } from './businesses-filters.js';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
@@ -24,7 +24,7 @@ import { BusinessesFilters } from './businesses-filters.js';
         id
         name
         ... on LtdFinancialEntity {
-          ...BusinessHeader
+          ...AllBusinessesRowFields
         }
       }
       pageInfo {
@@ -52,7 +52,6 @@ export const Businesses = (): ReactElement => {
     },
   });
 
-  const navigate = useNavigate();
   const [mergeSelectedBusinesses, setMergeSelectedBusinesses] = useState<
     Array<{ id: string; onChange: () => void }>
   >([]);
@@ -128,43 +127,35 @@ export const Businesses = (): ReactElement => {
           <Loader2 className={cn('h-10 w-10 animate-spin mr-2')} />
         </div>
       ) : (
-        <div className="space-y-2">
-          {businesses.map(business => (
-            <div
-              key={business.id}
-              className="group relative border rounded-lg hover:shadow-md transition-shadow"
-            >
-              <div className="flex items-center gap-3">
-                <div className="pl-4 flex items-center">
-                  <Checkbox
-                    checked={selectedIds.has(business.id)}
-                    onCheckedChange={() => {
-                      toggleMergeBusiness(business.id, () => {});
-                    }}
-                    className="h-4 w-4 rounded border-gray-300 cursor-pointer"
-                    onClick={(e): void => e.stopPropagation()}
-                  />
-                </div>
-                <div
-                  role="button"
-                  tabIndex={0}
-                  className="flex-1 cursor-pointer"
-                  onClick={(): void => {
-                    navigate(ROUTES.BUSINESSES.DETAIL(business.id));
-                  }}
-                  onKeyDown={(e): void => {
-                    if (e.key === 'Enter' || e.key === ' ') {
-                      e.preventDefault();
-                      navigate(ROUTES.BUSINESSES.DETAIL(business.id));
-                    }
-                  }}
-                >
-                  <BusinessHeader data={business} />
-                </div>
-              </div>
-            </div>
-          ))}
-        </div>
+        <Table striped highlightOnHover>
+          <thead className="sticky top-0 z-20">
+            <tr className="px-10 py-10 title-font tracking-wider font-medium text-gray-900 text-sm bg-gray-100 rounded-tl rounded-bl">
+              <th>Name</th>
+              <th>Hebrew Name</th>
+              <th>More Info</th>
+            </tr>
+          </thead>
+          <tbody>
+            {businesses.map(business => (
+              <AllBusinessesRow
+                key={business.id}
+                data={
+                  business as Extract<
+                    NonNullable<AllBusinessesForScreenQuery['allBusinesses']>['nodes'][number],
+                    { __typename: 'LtdFinancialEntity' }
+                  >
+                }
+                isAllOpened={isAllOpened}
+                toggleMergeBusiness={
+                  toggleMergeBusiness
+                    ? (onChange: () => void): void => toggleMergeBusiness(business.id, onChange)
+                    : undefined
+                }
+                isSelectedForMerge={selectedIds.has(business.id) ?? false}
+              />
+            ))}
+          </tbody>
+        </Table>
       )}
     </PageLayout>
   );

package/src/components/common/forms/business-card.tsx

@@ -0,0 +1,234 @@
+import { useContext, useEffect, useState, type ReactElement } from 'react';
+import { useForm, type SubmitHandler } from 'react-hook-form';
+import { useQuery, type UseQueryExecute } from 'urql';
+import { Loader } from '@mantine/core';
+import {
+  FetchBusinessDocument,
+  type AllBusinessesRowFieldsFragment,
+  type FetchBusinessQuery,
+  type UpdateBusinessInput,
+} from '../../../gql/graphql.js';
+import { relevantDataPicker, type MakeBoolean } from '../../../helpers/index.js';
+import { useUpdateBusiness } from '../../../hooks/use-update-business.js';
+import { UserContext } from '../../../providers/user-provider.js';
+import { Form } from '../../ui/form.js';
+import { CopyToClipboardButton, SimilarChargesByBusinessModal } from '../index.js';
+import { ModifyBusinessFields } from './modify-business-fields.js';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
+/* GraphQL */ `
+  query FetchBusiness($id: UUID!) {
+    business(id: $id) {
+      __typename
+      id
+      ... on LtdFinancialEntity {
+        country
+        address
+        email
+        exemptDealer
+        governmentId
+        hebrewName
+        name
+        phoneNumber
+        sortCode {
+          id
+          key
+          name
+        }
+        taxCategory {
+          id
+          name
+        }
+        website
+        suggestions {
+          phrases
+          tags {
+            id
+            name
+          }
+          description
+          emails
+          emailListener {
+            internalEmailLinks
+            emailBody
+            attachments
+          }
+        }
+        optionalVAT
+        irsCode
+        pcn874RecordType
+      }
+    }
+  }
+`;
+
+interface Props {
+  businessID: string;
+  updateBusiness: React.Dispatch<React.SetStateAction<AllBusinessesRowFieldsFragment>>;
+}
+
+export function BusinessCard({ businessID, updateBusiness }: Props): ReactElement {
+  const [business, setBusiness] = useState<
+    Extract<FetchBusinessQuery['business'], { __typename: 'LtdFinancialEntity' }> | undefined
+  >(undefined);
+
+  // Form business data handle
+  const [{ data, fetching: businessFetching }, refetchBusiness] = useQuery({
+    query: FetchBusinessDocument,
+    variables: {
+      id: businessID,
+    },
+  });
+
+  useEffect(() => {
+    if (businessFetching) {
+      setBusiness(undefined);
+    } else if (data && data.business.__typename === 'LtdFinancialEntity') {
+      setBusiness(data.business);
+    }
+  }, [data, businessFetching]);
+
+  // on every business successful fetch, update the business in the parent component
+  useEffect(() => {
+    if (business) {
+      updateBusiness(business);
+    }
+  }, [business, updateBusiness]);
+
+  return (
+    <div className="flex flex-col gap-5">
+      {business ? (
+        <BusinessCardContent business={business} refetchBusiness={refetchBusiness} />
+      ) : businessFetching ? (
+        <Loader className="flex self-center my-5" color="dark" size="xl" variant="dots" />
+      ) : (
+        <p>Error fetching extended information for this business</p>
+      )}
+    </div>
+  );
+}
+
+interface ContentProps {
+  business: Extract<FetchBusinessQuery['business'], { __typename: 'LtdFinancialEntity' }>;
+  refetchBusiness: UseQueryExecute;
+}
+
+function BusinessCardContent({ business, refetchBusiness }: ContentProps): ReactElement {
+  const [fetching, setFetching] = useState<boolean>(false);
+  const [similarChargesOpen, setSimilarChargesOpen] = useState(false);
+  const [similarChargesData, setSimilarChargesData] = useState<
+    | {
+        tagIds?: { id: string }[];
+        description?: string;
+      }
+    | undefined
+  >(undefined);
+  const { userContext } = useContext(UserContext);
+
+  const { updateBusiness: updateDbBusiness, fetching: isBusinessLoading } = useUpdateBusiness();
+
+  // form management
+  const formManager = useForm<UpdateBusinessInput>({
+    defaultValues: {
+      ...business,
+      taxCategory: business.taxCategory?.id,
+      sortCode: business?.sortCode?.key,
+      irsCode: business?.irsCode,
+    },
+  });
+
+  const {
+    handleSubmit: handleBusinessSubmit,
+    formState: { dirtyFields: dirtyBusinessFields },
+  } = formManager;
+
+  const onBusinessSubmit: SubmitHandler<UpdateBusinessInput> = async data => {
+    if (!business || !userContext?.context.adminBusinessId) {
+      return;
+    }
+
+    const dataToUpdate = relevantDataPicker(data, dirtyBusinessFields as MakeBoolean<typeof data>);
+    if (dataToUpdate && Object.keys(dataToUpdate).length > 0) {
+      dataToUpdate.sortCode &&= parseInt(dataToUpdate.sortCode.toString());
+
+      if (dataToUpdate.suggestions?.tags) {
+        dataToUpdate.suggestions.tags = dataToUpdate.suggestions.tags.map(tag => ({ id: tag.id }));
+      }
+      if (dataToUpdate.suggestions?.phrases) {
+        dataToUpdate.suggestions.phrases = data.suggestions!.phrases!.map(phrase => phrase);
+      }
+      if (dataToUpdate.suggestions?.emails) {
+        dataToUpdate.suggestions.emails = data.suggestions!.emails!.map(email => email);
+      }
+      if (dataToUpdate.suggestions?.emailListener) {
+        dataToUpdate.suggestions.emailListener.attachments &&=
+          data.suggestions!.emailListener!.attachments!.map(type => type);
+        dataToUpdate.suggestions.emailListener.internalEmailLinks &&=
+          data.suggestions!.emailListener!.internalEmailLinks!.map(link => link);
+      }
+
+      await updateDbBusiness({
+        businessId: business.id,
+        ownerId: userContext.context.adminBusinessId,
+        fields: dataToUpdate,
+      });
+
+      if (dataToUpdate.suggestions?.tags?.length || dataToUpdate.suggestions?.description) {
+        setSimilarChargesData({
+          tagIds: dataToUpdate.suggestions?.tags?.map(t => ({ id: t.id })),
+          description: dataToUpdate.suggestions?.description ?? undefined,
+        });
+        setSimilarChargesOpen(true);
+      } else {
+        refetchBusiness();
+      }
+    }
+  };
+
+  return (
+    <>
+      {fetching && (
+        <Loader className="flex self-center my-5" color="dark" size="xl" variant="dots" />
+      )}
+      <div className="flex flex-row gap-5">
+        <Form {...formManager}>
+          <form onSubmit={handleBusinessSubmit(onBusinessSubmit)}>
+            <div className="flex flex-row mx-3 pt-3 sm:text-1xl gap-10">
+              <h1 className="sm:text-2xl font-small text-gray-900">Edit Business:</h1>
+              <div className="flex flex-row gap-2">
+                ID: {business.id}
+                <CopyToClipboardButton content={business.id} />
+              </div>
+            </div>
+            <div className="flex-row px-10 h-max justify-start block">
+              <ModifyBusinessFields
+                isInsert={false}
+                formManager={formManager}
+                setFetching={setFetching}
+              />
+            </div>
+            <div className="mt-10 mb-5 flex justify-center gap-5">
+              <button
+                type="submit"
+                onClick={(): (() => Promise<void>) => handleBusinessSubmit(onBusinessSubmit)}
+                className="mt-8 text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-hidden hover:bg-indigo-600 rounded-sm text-lg"
+                disabled={isBusinessLoading || Object.keys(dirtyBusinessFields).length === 0}
+              >
+                Update
+              </button>
+            </div>
+          </form>
+        </Form>
+      </div>
+
+      <SimilarChargesByBusinessModal
+        businessId={business.id}
+        tagIds={similarChargesData?.tagIds}
+        description={similarChargesData?.description}
+        open={similarChargesOpen}
+        onOpenChange={setSimilarChargesOpen}
+        onClose={refetchBusiness}
+      />
+    </>
+  );
+}

package/src/components/common/forms/index.ts

@@ -1,3 +1,4 @@
+export * from './business-card.js';
 export * from './edit-charge.js';
 export * from './edit-document.js';
 export * from './edit-misc-expense.js';

package/src/gql/gql.ts

@@ -22,7 +22,7 @@ type Documents = {
     "\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        employerWithholdingTaxAccountNumber\n        taxPrepaymentId\n        nationalInsuranceEmployerId\n        advanceTaxRate\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  fragment BusinessHeader on Business {\n    __typename\n    id\n    name\n    createdAt\n    ... on LtdFinancialEntity {\n      governmentId\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,
     "\n  fragment BusinessContactSection on Business {\n    __typename\n    id\n    ... on LtdFinancialEntity {\n      name\n      hebrewName\n      country\n      governmentId\n      address\n      email\n      # localAddress\n      phoneNumber\n      website\n      clientInfo {\n        id\n        emails\n      }\n    }\n  }\n": typeof types.BusinessContactSectionFragmentDoc,
@@ -30,7 +30,10 @@ type Documents = {
     "\n  fragment BusinessPage on Business {\n    id\n    ... on LtdFinancialEntity {\n      clientInfo {\n        id\n      }\n      adminInfo {\n        id\n      }\n    }\n    ...ClientIntegrationsSection\n    ...BusinessHeader\n    ...BusinessContactSection\n    ...BusinessConfigurationSection\n    ...BusinessAdminSection\n  }\n": typeof types.BusinessPageFragmentDoc,
     "\n  fragment ClientIntegrationsSection on LtdFinancialEntity {\n    id\n    clientInfo {\n      id\n      greenInvoiceId\n      hiveId\n    }\n  }\n": typeof types.ClientIntegrationsSectionFragmentDoc,
     "\n  query ClientIntegrationsSectionGreenInvoice($clientId: UUID!) {\n    greenInvoiceClient(clientId: $clientId) {\n      id\n      country\n      emails\n      name\n      phone\n      taxId\n      address\n      city\n      zip\n      fax\n      mobile\n    }\n  }\n": typeof types.ClientIntegrationsSectionGreenInvoiceDocument,
-    "\n  query AllBusinessesForScreen($page: Int, $limit: Int, $name: String) {\n    allBusinesses(page: $page, limit: $limit, name: $name) {\n      nodes {\n        __typename\n        id\n        name\n        ... on LtdFinancialEntity {\n          ...BusinessHeader\n        }\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": typeof types.AllBusinessesForScreenDocument,
+    "\n  fragment AllBusinessesRowFields on LtdFinancialEntity {\n    id\n    ...AllBusinessesNameFields\n    ...AllBusinessesHebrewNameFields\n  }\n": typeof types.AllBusinessesRowFieldsFragmentDoc,
+    "\n  fragment AllBusinessesHebrewNameFields on LtdFinancialEntity {\n    id\n    hebrewName\n  }\n": typeof types.AllBusinessesHebrewNameFieldsFragmentDoc,
+    "\n  fragment AllBusinessesNameFields on LtdFinancialEntity {\n    id\n    name\n  }\n": typeof types.AllBusinessesNameFieldsFragmentDoc,
+    "\n  query AllBusinessesForScreen($page: Int, $limit: Int, $name: String) {\n    allBusinesses(page: $page, limit: $limit, name: $name) {\n      nodes {\n        __typename\n        id\n        name\n        ... on LtdFinancialEntity {\n          ...AllBusinessesRowFields\n        }\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": typeof types.AllBusinessesForScreenDocument,
     "\n  query ChargesLedgerValidation($limit: Int, $filters: ChargeFilter) {\n    chargesWithLedgerChanges(limit: $limit, filters: $filters) @stream {\n      progress\n      charge {\n        id\n        ...ChargesTableFields\n      }\n    }\n  }\n": typeof types.ChargesLedgerValidationDocument,
     "\n  fragment ChargesTableAccountantApprovalFields on Charge {\n    id\n    accountantApproval\n  }\n": typeof types.ChargesTableAccountantApprovalFieldsFragmentDoc,
     "\n  fragment ChargesTableAmountFields on Charge {\n    __typename\n    id\n    totalAmount {\n      raw\n      formatted\n    }\n    ... on CreditcardBankCharge @defer {\n      validCreditCardAmount\n    }\n  }\n": typeof types.ChargesTableAmountFieldsFragmentDoc,
@@ -88,6 +91,7 @@ type Documents = {
     "\n  fragment DocumentsToMatchFields on Document {\n    id\n    __typename\n    charge {\n      id\n    }\n    image\n    file\n    documentType\n    ... on FinancialDocument {\n      creditor {\n        id\n        name\n      }\n      serialNumber\n      date\n      amount {\n        raw\n        formatted\n        currency\n      }\n    }\n  }\n": typeof types.DocumentsToMatchFieldsFragmentDoc,
     "\n  query RecentBusinessIssuedDocuments($businessId: UUID!, $limit: Int) {\n    recentDocumentsByBusiness(businessId: $businessId, limit: $limit) {\n      id\n      ... on FinancialDocument {\n        issuedDocumentInfo {\n          id\n          status\n          externalId\n        }\n      }\n      ...TableDocumentsRowFields\n    }\n  }\n": typeof types.RecentBusinessIssuedDocumentsDocument,
     "\n  query RecentIssuedDocumentsOfSameType($documentType: DocumentType!) {\n    recentIssuedDocumentsByType(documentType: $documentType) {\n      id\n      ...TableDocumentsRowFields\n    }\n  }\n": typeof types.RecentIssuedDocumentsOfSameTypeDocument,
+    "\n  query FetchBusiness($id: UUID!) {\n    business(id: $id) {\n      __typename\n      id\n      ... on LtdFinancialEntity {\n        country\n        address\n        email\n        exemptDealer\n        governmentId\n        hebrewName\n        name\n        phoneNumber\n        sortCode {\n          id\n          key\n          name\n        }\n        taxCategory {\n          id\n          name\n        }\n        website\n        suggestions {\n          phrases\n          tags {\n            id\n            name\n          }\n          description\n          emails\n          emailListener {\n            internalEmailLinks\n            emailBody\n            attachments\n          }\n        }\n        optionalVAT\n        irsCode\n        pcn874RecordType\n      }\n    }\n  }\n": typeof types.FetchBusinessDocument,
     "\n  query EditDocument($documentId: UUID!) {\n    documentById(documentId: $documentId) {\n      id\n      image\n      file\n      documentType\n      __typename\n      ... on FinancialDocument {\n        vat {\n          raw\n          currency\n        }\n        serialNumber\n        date\n        amount {\n          raw\n          currency\n        }\n        debtor {\n          id\n          name\n        }\n        creditor {\n          id\n          name\n        }\n        vatReportDateOverride\n        noVatAmount\n        allocationNumber\n        exchangeRateOverride\n      }\n    }\n  }\n": typeof types.EditDocumentDocument,
     "\n  fragment EditMiscExpenseFields on MiscExpense {\n    id\n    amount {\n      raw\n      currency\n    }\n    description\n    invoiceDate\n    valueDate\n    creditor {\n      id\n    }\n    debtor {\n      id\n    }\n  }\n": typeof types.EditMiscExpenseFieldsFragmentDoc,
     "\n  fragment EditTagFields on Tag {\n    id\n    name\n    parent {\n      id\n      name\n    }\n  }\n": typeof types.EditTagFieldsFragmentDoc,
@@ -274,7 +278,7 @@ const documents: Documents = {
     "\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        employerWithholdingTaxAccountNumber\n        taxPrepaymentId\n        nationalInsuranceEmployerId\n        advanceTaxRate\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  fragment BusinessHeader on Business {\n    __typename\n    id\n    name\n    createdAt\n    ... on LtdFinancialEntity {\n      governmentId\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,
     "\n  fragment BusinessContactSection on Business {\n    __typename\n    id\n    ... on LtdFinancialEntity {\n      name\n      hebrewName\n      country\n      governmentId\n      address\n      email\n      # localAddress\n      phoneNumber\n      website\n      clientInfo {\n        id\n        emails\n      }\n    }\n  }\n": types.BusinessContactSectionFragmentDoc,
@@ -282,7 +286,10 @@ const documents: Documents = {
     "\n  fragment BusinessPage on Business {\n    id\n    ... on LtdFinancialEntity {\n      clientInfo {\n        id\n      }\n      adminInfo {\n        id\n      }\n    }\n    ...ClientIntegrationsSection\n    ...BusinessHeader\n    ...BusinessContactSection\n    ...BusinessConfigurationSection\n    ...BusinessAdminSection\n  }\n": types.BusinessPageFragmentDoc,
     "\n  fragment ClientIntegrationsSection on LtdFinancialEntity {\n    id\n    clientInfo {\n      id\n      greenInvoiceId\n      hiveId\n    }\n  }\n": types.ClientIntegrationsSectionFragmentDoc,
     "\n  query ClientIntegrationsSectionGreenInvoice($clientId: UUID!) {\n    greenInvoiceClient(clientId: $clientId) {\n      id\n      country\n      emails\n      name\n      phone\n      taxId\n      address\n      city\n      zip\n      fax\n      mobile\n    }\n  }\n": types.ClientIntegrationsSectionGreenInvoiceDocument,
-    "\n  query AllBusinessesForScreen($page: Int, $limit: Int, $name: String) {\n    allBusinesses(page: $page, limit: $limit, name: $name) {\n      nodes {\n        __typename\n        id\n        name\n        ... on LtdFinancialEntity {\n          ...BusinessHeader\n        }\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": types.AllBusinessesForScreenDocument,
+    "\n  fragment AllBusinessesRowFields on LtdFinancialEntity {\n    id\n    ...AllBusinessesNameFields\n    ...AllBusinessesHebrewNameFields\n  }\n": types.AllBusinessesRowFieldsFragmentDoc,
+    "\n  fragment AllBusinessesHebrewNameFields on LtdFinancialEntity {\n    id\n    hebrewName\n  }\n": types.AllBusinessesHebrewNameFieldsFragmentDoc,
+    "\n  fragment AllBusinessesNameFields on LtdFinancialEntity {\n    id\n    name\n  }\n": types.AllBusinessesNameFieldsFragmentDoc,
+    "\n  query AllBusinessesForScreen($page: Int, $limit: Int, $name: String) {\n    allBusinesses(page: $page, limit: $limit, name: $name) {\n      nodes {\n        __typename\n        id\n        name\n        ... on LtdFinancialEntity {\n          ...AllBusinessesRowFields\n        }\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n": types.AllBusinessesForScreenDocument,
     "\n  query ChargesLedgerValidation($limit: Int, $filters: ChargeFilter) {\n    chargesWithLedgerChanges(limit: $limit, filters: $filters) @stream {\n      progress\n      charge {\n        id\n        ...ChargesTableFields\n      }\n    }\n  }\n": types.ChargesLedgerValidationDocument,
     "\n  fragment ChargesTableAccountantApprovalFields on Charge {\n    id\n    accountantApproval\n  }\n": types.ChargesTableAccountantApprovalFieldsFragmentDoc,
     "\n  fragment ChargesTableAmountFields on Charge {\n    __typename\n    id\n    totalAmount {\n      raw\n      formatted\n    }\n    ... on CreditcardBankCharge @defer {\n      validCreditCardAmount\n    }\n  }\n": types.ChargesTableAmountFieldsFragmentDoc,
@@ -340,6 +347,7 @@ const documents: Documents = {
     "\n  fragment DocumentsToMatchFields on Document {\n    id\n    __typename\n    charge {\n      id\n    }\n    image\n    file\n    documentType\n    ... on FinancialDocument {\n      creditor {\n        id\n        name\n      }\n      serialNumber\n      date\n      amount {\n        raw\n        formatted\n        currency\n      }\n    }\n  }\n": types.DocumentsToMatchFieldsFragmentDoc,
     "\n  query RecentBusinessIssuedDocuments($businessId: UUID!, $limit: Int) {\n    recentDocumentsByBusiness(businessId: $businessId, limit: $limit) {\n      id\n      ... on FinancialDocument {\n        issuedDocumentInfo {\n          id\n          status\n          externalId\n        }\n      }\n      ...TableDocumentsRowFields\n    }\n  }\n": types.RecentBusinessIssuedDocumentsDocument,
     "\n  query RecentIssuedDocumentsOfSameType($documentType: DocumentType!) {\n    recentIssuedDocumentsByType(documentType: $documentType) {\n      id\n      ...TableDocumentsRowFields\n    }\n  }\n": types.RecentIssuedDocumentsOfSameTypeDocument,
+    "\n  query FetchBusiness($id: UUID!) {\n    business(id: $id) {\n      __typename\n      id\n      ... on LtdFinancialEntity {\n        country\n        address\n        email\n        exemptDealer\n        governmentId\n        hebrewName\n        name\n        phoneNumber\n        sortCode {\n          id\n          key\n          name\n        }\n        taxCategory {\n          id\n          name\n        }\n        website\n        suggestions {\n          phrases\n          tags {\n            id\n            name\n          }\n          description\n          emails\n          emailListener {\n            internalEmailLinks\n            emailBody\n            attachments\n          }\n        }\n        optionalVAT\n        irsCode\n        pcn874RecordType\n      }\n    }\n  }\n": types.FetchBusinessDocument,
     "\n  query EditDocument($documentId: UUID!) {\n    documentById(documentId: $documentId) {\n      id\n      image\n      file\n      documentType\n      __typename\n      ... on FinancialDocument {\n        vat {\n          raw\n          currency\n        }\n        serialNumber\n        date\n        amount {\n          raw\n          currency\n        }\n        debtor {\n          id\n          name\n        }\n        creditor {\n          id\n          name\n        }\n        vatReportDateOverride\n        noVatAmount\n        allocationNumber\n        exchangeRateOverride\n      }\n    }\n  }\n": types.EditDocumentDocument,
     "\n  fragment EditMiscExpenseFields on MiscExpense {\n    id\n    amount {\n      raw\n      currency\n    }\n    description\n    invoiceDate\n    valueDate\n    creditor {\n      id\n    }\n    debtor {\n      id\n    }\n  }\n": types.EditMiscExpenseFieldsFragmentDoc,
     "\n  fragment EditTagFields on Tag {\n    id\n    name\n    parent {\n      id\n      name\n    }\n  }\n": types.EditTagFieldsFragmentDoc,
@@ -567,7 +575,7 @@ export function graphql(source: "\n  fragment BusinessAdminSection on Business {
 /**
  * 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 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 documents)["\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"];
+export function graphql(source: "\n  fragment BusinessHeader on Business {\n    __typename\n    id\n    name\n    createdAt\n    ... on LtdFinancialEntity {\n      governmentId\n    }\n  }\n"): (typeof documents)["\n  fragment BusinessHeader on Business {\n    __typename\n    id\n    name\n    createdAt\n    ... on LtdFinancialEntity {\n      governmentId\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -599,7 +607,19 @@ export function graphql(source: "\n  query ClientIntegrationsSectionGreenInvoice
 /**
  * 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 AllBusinessesForScreen($page: Int, $limit: Int, $name: String) {\n    allBusinesses(page: $page, limit: $limit, name: $name) {\n      nodes {\n        __typename\n        id\n        name\n        ... on LtdFinancialEntity {\n          ...BusinessHeader\n        }\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n"): (typeof documents)["\n  query AllBusinessesForScreen($page: Int, $limit: Int, $name: String) {\n    allBusinesses(page: $page, limit: $limit, name: $name) {\n      nodes {\n        __typename\n        id\n        name\n        ... on LtdFinancialEntity {\n          ...BusinessHeader\n        }\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n"];
+export function graphql(source: "\n  fragment AllBusinessesRowFields on LtdFinancialEntity {\n    id\n    ...AllBusinessesNameFields\n    ...AllBusinessesHebrewNameFields\n  }\n"): (typeof documents)["\n  fragment AllBusinessesRowFields on LtdFinancialEntity {\n    id\n    ...AllBusinessesNameFields\n    ...AllBusinessesHebrewNameFields\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 AllBusinessesHebrewNameFields on LtdFinancialEntity {\n    id\n    hebrewName\n  }\n"): (typeof documents)["\n  fragment AllBusinessesHebrewNameFields on LtdFinancialEntity {\n    id\n    hebrewName\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 AllBusinessesNameFields on LtdFinancialEntity {\n    id\n    name\n  }\n"): (typeof documents)["\n  fragment AllBusinessesNameFields on LtdFinancialEntity {\n    id\n    name\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 AllBusinessesForScreen($page: Int, $limit: Int, $name: String) {\n    allBusinesses(page: $page, limit: $limit, name: $name) {\n      nodes {\n        __typename\n        id\n        name\n        ... on LtdFinancialEntity {\n          ...AllBusinessesRowFields\n        }\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n"): (typeof documents)["\n  query AllBusinessesForScreen($page: Int, $limit: Int, $name: String) {\n    allBusinesses(page: $page, limit: $limit, name: $name) {\n      nodes {\n        __typename\n        id\n        name\n        ... on LtdFinancialEntity {\n          ...AllBusinessesRowFields\n        }\n      }\n      pageInfo {\n        totalPages\n      }\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -828,6 +848,10 @@ export function graphql(source: "\n  query RecentBusinessIssuedDocuments($busine
  * 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 RecentIssuedDocumentsOfSameType($documentType: DocumentType!) {\n    recentIssuedDocumentsByType(documentType: $documentType) {\n      id\n      ...TableDocumentsRowFields\n    }\n  }\n"): (typeof documents)["\n  query RecentIssuedDocumentsOfSameType($documentType: DocumentType!) {\n    recentIssuedDocumentsByType(documentType: $documentType) {\n      id\n      ...TableDocumentsRowFields\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 FetchBusiness($id: UUID!) {\n    business(id: $id) {\n      __typename\n      id\n      ... on LtdFinancialEntity {\n        country\n        address\n        email\n        exemptDealer\n        governmentId\n        hebrewName\n        name\n        phoneNumber\n        sortCode {\n          id\n          key\n          name\n        }\n        taxCategory {\n          id\n          name\n        }\n        website\n        suggestions {\n          phrases\n          tags {\n            id\n            name\n          }\n          description\n          emails\n          emailListener {\n            internalEmailLinks\n            emailBody\n            attachments\n          }\n        }\n        optionalVAT\n        irsCode\n        pcn874RecordType\n      }\n    }\n  }\n"): (typeof documents)["\n  query FetchBusiness($id: UUID!) {\n    business(id: $id) {\n      __typename\n      id\n      ... on LtdFinancialEntity {\n        country\n        address\n        email\n        exemptDealer\n        governmentId\n        hebrewName\n        name\n        phoneNumber\n        sortCode {\n          id\n          key\n          name\n        }\n        taxCategory {\n          id\n          name\n        }\n        website\n        suggestions {\n          phrases\n          tags {\n            id\n            name\n          }\n          description\n          emails\n          emailListener {\n            internalEmailLinks\n            emailBody\n            attachments\n          }\n        }\n        optionalVAT\n        irsCode\n        pcn874RecordType\n      }\n    }\n  }\n"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */