@accounter/client 0.0.7-alpha-20251021062721-ab43b5f013b9852ff5216bc141852da9dcfe0df7 → 0.0.8-alpha-20251021150028-9eb73ba6576d67c75a60786d0e4ab0876fd7a95c

package/src/components/clients/modify-client-dialog.tsx

@@ -1,276 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { Plus, X } from 'lucide-react';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { Button } from '@/components/ui/button.js';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '@/components/ui/dialog.js';
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@/components/ui/form.js';
-import { Input } from '@/components/ui/input.js';
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-} from '@/components/ui/select.js';
-import { DocumentType } from '@/gql/graphql.js';
-import { getDocumentNameFromType } from '@/helpers/index.js';
-import { useInsertClient } from '@/hooks/use-insert-client.js';
-import { useUpdateClient } from '@/hooks/use-update-client.js';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { Badge } from '../ui/badge';
-
-const clientFormSchema = z.object({
-  id: z.uuid().optional(),
-  emails: z.array(z.email()).optional(),
-  generatedDocumentType: z.enum(Object.values(DocumentType)),
-  greenInvoiceId: z.uuid().optional(),
-  hiveId: z.string().optional(),
-});
-
-export type ClientFormValues = z.infer<typeof clientFormSchema>;
-
-interface Props {
-  businessId: string;
-  client?: ClientFormValues | null;
-  onDone?: () => void;
-}
-
-export function ModifyClientDialog({ client, businessId, onDone }: Props) {
-  const [isDialogOpen, setIsDialogOpen] = useState(false);
-  const [editingClient, setEditingClient] = useState<ClientFormValues | null>(null);
-
-  const { updateClient } = useUpdateClient();
-  const { insertClient } = useInsertClient();
-
-  const [newEmail, setNewEmail] = useState('');
-
-  const newClientDefaultValues: ClientFormValues = {
-    id: businessId,
-    generatedDocumentType: DocumentType.Proforma,
-    emails: [],
-  };
-
-  const form = useForm<ClientFormValues>({
-    resolver: zodResolver(clientFormSchema),
-    defaultValues: client || newClientDefaultValues,
-  });
-
-  useEffect(() => {
-    if (client) {
-      setEditingClient(client);
-      form.reset({
-        emails: client.emails,
-        greenInvoiceId: client.greenInvoiceId,
-        hiveId: client.hiveId,
-        generatedDocumentType: client.generatedDocumentType,
-        id: client.id,
-      });
-      setIsDialogOpen(true);
-    }
-  }, [client, form]);
-
-  const handleNew = () => {
-    setEditingClient(null);
-    form.reset(newClientDefaultValues);
-    setIsDialogOpen(true);
-  };
-
-  const addEmail = () => {
-    if (newEmail.trim()) {
-      const currentEmails = form.getValues('emails');
-      form.setValue('emails', [...(currentEmails ?? []), newEmail.trim()], { shouldDirty: true });
-      setNewEmail('');
-    }
-  };
-
-  const removeEmail = (index: number) => {
-    const currentEmails = form.getValues('emails');
-    form.setValue(
-      'emails',
-      (currentEmails ?? []).filter((_, i) => i !== index),
-      { shouldDirty: true },
-    );
-  };
-
-  const onSubmit = useCallback(
-    async (values: ClientFormValues) => {
-      if (editingClient) {
-        console.log('[v0] Updating client:', editingClient.id, values);
-        updateClient({
-          businessId,
-          fields: values,
-        });
-      } else {
-        if (!values.greenInvoiceId) {
-          form.setError('greenInvoiceId', { message: 'Green Invoice ID is required' });
-          return;
-        }
-        console.log('[v0] Creating new client:', values);
-        insertClient({
-          fields: {
-            ...values,
-            greenInvoiceId: values.greenInvoiceId!,
-            businessId,
-          },
-        });
-      }
-      setIsDialogOpen(false);
-      setEditingClient(null);
-      onDone?.();
-    },
-    [editingClient, onDone, updateClient, businessId, insertClient, form],
-  );
-
-  return (
-    <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
-      <DialogTrigger asChild>
-        <Button size="sm" onClick={handleNew}>
-          <Plus className="h-4 w-4 mr-2" />
-          New Client
-        </Button>
-      </DialogTrigger>
-      <DialogContent className="max-w-2xl max-h-[90vh] overflow-y-auto">
-        <DialogHeader>
-          <DialogTitle>{editingClient ? 'Edit Client' : 'Create New Client'}</DialogTitle>
-          <DialogDescription>
-            {editingClient ? 'Update client details' : 'Add a new client with all required details'}
-          </DialogDescription>
-        </DialogHeader>
-        <Form {...form}>
-          <form onSubmit={form.handleSubmit(onSubmit)}>
-            <div className="grid gap-4 py-4">
-              <div className="grid gap-4 md:grid-cols-2">
-                <FormField
-                  control={form.control}
-                  name="emails"
-                  render={({ field }) => (
-                    <FormItem>
-                      <FormLabel>Emails</FormLabel>
-                      <div className="flex gap-2">
-                        <Input
-                          placeholder="Add email..."
-                          value={newEmail}
-                          onChange={e => setNewEmail(e.target.value)}
-                          onKeyDown={e => {
-                            if (e.key === 'Enter') {
-                              e.preventDefault();
-                              addEmail();
-                            }
-                          }}
-                        />
-                        <Button type="button" size="sm" onClick={addEmail}>
-                          <Plus className="h-4 w-4" />
-                        </Button>
-                      </div>
-                      <div className="flex flex-wrap gap-2">
-                        {field.value?.map((email, index) => (
-                          <Badge key={index} variant="secondary" className="gap-1">
-                            {email}
-                            <Button
-                              variant="ghost"
-                              size="icon"
-                              className="p-0 size-3"
-                              onClick={() => removeEmail(index)}
-                            >
-                              <X className="size-3 cursor-pointer" />
-                            </Button>
-                          </Badge>
-                        ))}
-                      </div>
-                      <FormMessage />
-                    </FormItem>
-                  )}
-                />
-
-                <FormField
-                  control={form.control}
-                  name="generatedDocumentType"
-                  render={({ field }) => (
-                    <FormItem>
-                      <FormLabel>Default Document Type</FormLabel>
-                      <Select onValueChange={field.onChange} defaultValue={field.value}>
-                        <FormControl>
-                          <SelectTrigger>
-                            <SelectValue />
-                          </SelectTrigger>
-                        </FormControl>
-                        <SelectContent>
-                          {Object.values(DocumentType).map(type => (
-                            <SelectItem key={type} value={type}>
-                              {getDocumentNameFromType(type)}
-                            </SelectItem>
-                          ))}
-                        </SelectContent>
-                      </Select>
-                      <FormMessage />
-                    </FormItem>
-                  )}
-                />
-
-                <FormField
-                  control={form.control}
-                  name="greenInvoiceId"
-                  render={({ field }) => (
-                    <FormItem>
-                      <FormLabel>Green Invoice ID</FormLabel>
-                      <FormControl>
-                        <Input
-                          type="text"
-                          placeholder="Enter Green Invoice ID"
-                          {...field}
-                          required={!editingClient}
-                        />
-                      </FormControl>
-                      <FormMessage />
-                    </FormItem>
-                  )}
-                />
-
-                <FormField
-                  control={form.control}
-                  name="hiveId"
-                  render={({ field }) => (
-                    <FormItem>
-                      <FormLabel>Hive ID</FormLabel>
-                      <FormControl>
-                        <Input
-                          type="text"
-                          placeholder="Enter Hive ID"
-                          {...field}
-                          required={!editingClient}
-                        />
-                      </FormControl>
-                      <FormMessage />
-                    </FormItem>
-                  )}
-                />
-              </div>
-            </div>
-            <DialogFooter>
-              <Button type="button" variant="outline" onClick={() => setIsDialogOpen(false)}>
-                Cancel
-              </Button>
-              <Button type="submit">{editingClient ? 'Update Client' : 'Create Client'}</Button>
-            </DialogFooter>
-          </form>
-        </Form>
-      </DialogContent>
-    </Dialog>
-  );
-}

package/src/components/screens/businesses/business.tsx

@@ -1,50 +0,0 @@
-import { useEffect, type ReactElement } from 'react';
-import { useMatch } from 'react-router-dom';
-import { useQuery } from 'urql';
-import Business from '@/components/business/index.js';
-import { BusinessScreenDocument } from '../../../gql/graphql.js';
-import { AccounterLoader } from '../../common/index.js';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
-/* GraphQL */ `
-  query BusinessScreen($businessId: UUID!) {
-    business(id: $businessId) {
-      id
-      ...BusinessPage
-    }
-  }
-`;
-
-export function getBusinessHref(businessId: string): string {
-  return `/businesses/${businessId}`;
-}
-
-export const BusinessScreen = (): ReactElement => {
-  const match = useMatch('/businesses/:businessId');
-
-  const businessId = match?.params.businessId;
-
-  const [{ data, fetching }, fetchBusiness] = useQuery({
-    query: BusinessScreenDocument,
-    pause: !businessId,
-    variables: {
-      businessId: businessId ?? '',
-    },
-  });
-
-  useEffect(() => {
-    if (businessId) {
-      fetchBusiness();
-    }
-  }, [businessId, fetchBusiness]);
-
-  if (fetching && !data?.business) {
-    return <AccounterLoader />;
-  }
-
-  if (!businessId || !data?.business) {
-    return <div>Business not found</div>;
-  }
-
-  return <Business data={data.business} refetchBusiness={async () => fetchBusiness()} />;
-};

package/src/components/ui/progress.tsx

@@ -1,25 +0,0 @@
-import { forwardRef, type ComponentPropsWithoutRef, type ComponentRef } from 'react';
-import { cn } from '@/lib/utils.js';
-import * as ProgressPrimitive from '@radix-ui/react-progress';
-
-const Progress = forwardRef<
-  ComponentRef<typeof ProgressPrimitive.Root>,
-  ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
->(({ className, value, ...props }, ref) => (
-  <ProgressPrimitive.Root
-    ref={ref}
-    className={cn(
-      'relative h-2 w-full overflow-hidden rounded-full bg-gray-900/20 dark:bg-gray-50/20',
-      className,
-    )}
-    {...props}
-  >
-    <ProgressPrimitive.Indicator
-      className="h-full w-full flex-1 bg-gray-900 transition-all dark:bg-gray-50"
-      style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
-    />
-  </ProgressPrimitive.Root>
-));
-Progress.displayName = ProgressPrimitive.Root.displayName;
-
-export { Progress };

package/src/components/ui/skeleton.tsx

@@ -1,12 +0,0 @@
-import { cn } from '@/lib/utils.js';
-
-function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
-  return (
-    <div
-      className={cn('animate-pulse rounded-md bg-gray-900/10 dark:bg-gray-50/10', className)}
-      {...props}
-    />
-  );
-}
-
-export { Skeleton };

package/src/helpers/contracts.ts

@@ -1,22 +0,0 @@
-import { BillingCycle, SubscriptionPlan } from '@/gql/graphql.js';
-
-export function standardBillingCycle(billingCycle: BillingCycle): string {
-  switch (billingCycle) {
-    case BillingCycle.Annual:
-      return 'Annual';
-    case BillingCycle.Monthly:
-      return 'Monthly';
-    default:
-      throw new Error(`Unsupported Billing Cycle: ${billingCycle}`);
-  }
-}
-export function standardPlan(plan: SubscriptionPlan): string {
-  switch (plan) {
-    case SubscriptionPlan.Enterprise:
-      return 'Enterprise';
-    case SubscriptionPlan.Pro:
-      return 'Pro';
-    default:
-      throw new Error(`Unsupported Subscription plan: ${plan}`);
-  }
-}

package/src/helpers/pcn874.ts

@@ -1,17 +0,0 @@
-import type { Pcn874RecordType } from '@/gql/graphql.js';
-
-export const pcn874RecordEnum: Record<Pcn874RecordType, string> = {
-  C: 'INPUT_SELF_INVOICE',
-  H: 'INPUT_SINGLE_DOC_BY_LAW',
-  I: 'SALE_PALESTINIAN_CUSTOMER',
-  K: 'INPUT_PETTY_CASH',
-  L1: 'SALE_UNIDENTIFIED_CUSTOMER',
-  L2: 'SALE_UNIDENTIFIED_ZERO_OR_EXEMPT',
-  M: 'SALE_SELF_INVOICE',
-  P: 'INPUT_PALESTINIAN_SUPPLIER',
-  R: 'INPUT_IMPORT',
-  S1: 'SALE_REGULAR',
-  S2: 'SALE_ZERO_OR_EXEMPT',
-  T: 'INPUT_REGULAR',
-  Y: 'SALE_EXPORT',
-} as const;

package/src/hooks/use-create-contract.ts

@@ -1,62 +0,0 @@
-import { useCallback } from 'react';
-import { toast } from 'sonner';
-import { useMutation } from 'urql';
-import { CreateContractDocument, type CreateContractMutationVariables } from '../gql/graphql.js';
-import { handleCommonErrors } from '../helpers/error-handling.js';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
-/* GraphQL */ `
-  mutation CreateContract($input: CreateContractInput!) {
-    createContract(input: $input) {
-      id
-    }
-  }
-`;
-
-type UseCreateContract = {
-  creating: boolean;
-  createContract: (variables: CreateContractMutationVariables) => Promise<void>;
-};
-
-const NOTIFICATION_ID = 'createContract';
-
-export const useCreateContract = (): UseCreateContract => {
-  // TODO: add authentication
-  // TODO: add local data update method after chang e
-
-  const [{ fetching }, mutate] = useMutation(CreateContractDocument);
-  const createContract = useCallback(
-    async (variables: CreateContractMutationVariables) => {
-      const message = `Error creating new contract for client[${variables.input.clientId}]`;
-      const notificationId = `${NOTIFICATION_ID}-${variables.input.clientId}`;
-      toast.loading('Creating contract', {
-        id: notificationId,
-      });
-      try {
-        const res = await mutate(variables);
-        const data = handleCommonErrors(res, message, notificationId);
-        if (data) {
-          toast.success('Success', {
-            id: notificationId,
-            description: `Contract for client ${variables.input.clientId} was successfully created`,
-          });
-        }
-      } catch (e) {
-        console.error(`${message}: ${e}`);
-        toast.error('Error', {
-          id: notificationId,
-          description: message,
-          duration: 100_000,
-          closeButton: true,
-        });
-      }
-      return void 0;
-    },
-    [mutate],
-  );
-
-  return {
-    creating: fetching,
-    createContract,
-  };
-};

package/src/hooks/use-delete-contract.ts

@@ -1,64 +0,0 @@
-import { useCallback } from 'react';
-import { toast } from 'sonner';
-import { useMutation } from 'urql';
-import { DeleteContractDocument, type DeleteContractMutationVariables } from '../gql/graphql.js';
-import { handleCommonErrors } from '../helpers/error-handling.js';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
-/* GraphQL */ `
-  mutation DeleteContract($contractId: UUID!) {
-    deleteContract(id: $contractId)
-  }
-`;
-
-type UseDeleteContract = {
-  fetching: boolean;
-  deleteContract: (variables: DeleteContractMutationVariables) => Promise<boolean>;
-};
-
-const NOTIFICATION_ID = 'deleteContract';
-
-export const useDeleteContract = (): UseDeleteContract => {
-  // TODO: add authentication
-  // TODO: add local data delete method after change
-
-  const [{ fetching }, mutate] = useMutation(DeleteContractDocument);
-  const deleteContract = useCallback(
-    async (variables: DeleteContractMutationVariables) => {
-      const message = `Error deleting contract ID [${variables.contractId}]`;
-      const notificationId = `${NOTIFICATION_ID}-${variables.contractId}`;
-      toast.loading('Deleting contract', {
-        id: notificationId,
-      });
-      try {
-        const res = await mutate(variables);
-        const data = handleCommonErrors(res, message, notificationId);
-        if (data) {
-          if (data.deleteContract === false) {
-            throw new Error('Unsuccessful deletion');
-          }
-          toast.success('Success', {
-            id: notificationId,
-            description: 'Contract was deleted',
-          });
-          return data.deleteContract;
-        }
-      } catch (e) {
-        console.error(`${message}: ${e}`);
-        toast.error('Error', {
-          id: notificationId,
-          description: message,
-          duration: 100_000,
-          closeButton: true,
-        });
-      }
-      return false;
-    },
-    [mutate],
-  );
-
-  return {
-    fetching,
-    deleteContract,
-  };
-};

package/src/hooks/use-insert-client.ts

@@ -1,80 +0,0 @@
-import { useCallback } from 'react';
-import { toast } from 'sonner';
-import { useMutation } from 'urql';
-import {
-  InsertClientDocument,
-  type InsertClientMutation,
-  type InsertClientMutationVariables,
-} from '../gql/graphql.js';
-import { handleCommonErrors } from '../helpers/error-handling.js';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
-/* GraphQL */ `
-  mutation InsertClient($fields: ClientInsertInput!) {
-    insertClient(fields: $fields) {
-      __typename
-      ... on Client {
-        id
-      }
-      ... on CommonError {
-        message
-      }
-    }
-  }
-`;
-
-type InsertClientSuccessfulResult = Extract<
-  InsertClientMutation['insertClient'],
-  { __typename: 'Client' }
->;
-
-type UseInsertClient = {
-  fetching: boolean;
-  insertClient: (
-    variables: InsertClientMutationVariables,
-  ) => Promise<InsertClientSuccessfulResult | void>;
-};
-
-const NOTIFICATION_ID = 'insertClient';
-
-export const useInsertClient = (): UseInsertClient => {
-  // TODO: add authentication
-  // TODO: add local data update method after insert
-
-  const [{ fetching }, mutate] = useMutation(InsertClientDocument);
-  const insertClient = useCallback(
-    async (variables: InsertClientMutationVariables) => {
-      const errorMessage = `Error creating client [${variables.fields.businessId}]`;
-      const notificationId = `${NOTIFICATION_ID}-${variables.fields.businessId}`;
-      toast.loading('Creating Client...', {
-        id: notificationId,
-      });
-      try {
-        const res = await mutate(variables);
-        const data = handleCommonErrors(res, errorMessage, notificationId, 'insertClient');
-        if (data) {
-          toast.success('Success', {
-            id: notificationId,
-            description: `Client [${variables.fields.businessId}] was created`,
-          });
-          return data.insertClient;
-        }
-      } catch (e) {
-        console.error(`${errorMessage}: ${e}`);
-        toast.error('Error', {
-          id: notificationId,
-          description: errorMessage,
-          duration: 100_000,
-          closeButton: true,
-        });
-      }
-      return void 0;
-    },
-    [mutate],
-  );
-
-  return {
-    fetching,
-    insertClient,
-  };
-};

package/src/hooks/use-update-client.ts

@@ -1,75 +0,0 @@
-import { useCallback } from 'react';
-import { toast } from 'sonner';
-import { useMutation } from 'urql';
-import {
-  UpdateClientDocument,
-  type UpdateClientMutation,
-  type UpdateClientMutationVariables,
-} from '../gql/graphql.js';
-import { handleCommonErrors } from '../helpers/error-handling.js';
-
-// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- used by codegen
-/* GraphQL */ `
-  mutation UpdateClient($businessId: UUID!, $fields: ClientUpdateInput!) {
-    updateClient(businessId: $businessId, fields: $fields) {
-      __typename
-      ... on Client {
-        id
-      }
-      ... on CommonError {
-        message
-      }
-    }
-  }
-`;
-
-type Client = Extract<UpdateClientMutation['updateClient'], { __typename: 'Client' }>;
-
-type UseUpdateClient = {
-  fetching: boolean;
-  updateClient: (variables: UpdateClientMutationVariables) => Promise<Client | void>;
-};
-
-const NOTIFICATION_ID = 'updateClient';
-
-export const useUpdateClient = (): UseUpdateClient => {
-  // TODO: add authentication
-  // TODO: add local data update method after change
-
-  const [{ fetching }, mutate] = useMutation(UpdateClientDocument);
-  const updateClient = useCallback(
-    async (variables: UpdateClientMutationVariables) => {
-      const message = `Error updating client ID [${variables.businessId}]`;
-      const notificationId = `${NOTIFICATION_ID}-${variables.businessId}`;
-      toast.loading('Updating client', {
-        id: notificationId,
-      });
-      try {
-        const res = await mutate(variables);
-        const data = handleCommonErrors(res, message, notificationId, 'updateClient');
-        if (data) {
-          toast.success('Success', {
-            id: notificationId,
-            description: 'Client updated',
-          });
-          return data.updateClient;
-        }
-      } catch (e) {
-        console.error(`${message}: ${e}`);
-        toast.error('Error', {
-          id: notificationId,
-          description: message,
-          duration: 100_000,
-          closeButton: true,
-        });
-      }
-      return void 0;
-    },
-    [mutate],
-  );
-
-  return {
-    fetching,
-    updateClient,
-  };
-};