add service select

apps/web/actions/profile.ts

@@ -14,6 +14,8 @@ export async function getProfile(input?: GetCustomerQueryVariables) {
   const { data } = await getCustomer({ telegramId });
   const customer = data?.customers?.at(0);
 
+  if (!customer) throw new Error('Customer not found');
+
   return customer;
 }
 
@@ -25,6 +27,7 @@ export async function updateProfile(input: CustomerInput) {
 
   const { data } = await getCustomer({ telegramId: user?.telegramId });
   const customer = data.customers.at(0);
+
   if (!customer) throw new Error('Customer not found');
 
   await updateCustomerProfile({

apps/web/actions/service.ts

@@ -0,0 +1,19 @@
+'use server';
+// eslint-disable-next-line sonarjs/no-internal-api-use
+import type * as ApolloTypes from '../../../packages/graphql/node_modules/@apollo/client/core';
+import { getProfile } from './profile';
+import * as api from '@repo/graphql/api/service';
+import { type GetServicesQueryVariables } from '@repo/graphql/types';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+type FixTypescriptCringe = ApolloTypes.FetchResult;
+
+export async function getServices(input?: GetServicesQueryVariables) {
+  const customer = await getProfile();
+
+  const filters = input || { filters: { master: { documentId: { eq: customer.documentId } } } };
+
+  return api.getServices(filters);
+}
+
+export const getService = api.getService;

apps/web/actions/slots.ts

@@ -26,8 +26,6 @@ export async function addSlot(input: AddSlotInput) {
 export async function getSlots(input: GQL.GetSlotsQueryVariables) {
   const customer = await getProfile();
 
-  if (!customer?.documentId) throw new Error('Customer not found');
-
   return api.getSlots({
     filters: {
       ...input.filters,
@@ -41,9 +39,7 @@ export async function getSlots(input: GQL.GetSlotsQueryVariables) {
 }
 
 export async function updateSlot(input: GQL.UpdateSlotMutationVariables) {
-  const customer = await getProfile();
-
-  if (!customer?.documentId) throw new Error('Customer not found');
+  await getProfile();
 
   return api.updateSlot({
     ...input,

apps/web/app/(main)/orders/add/page.tsx

@@ -6,7 +6,7 @@ export default async function AddOrdersPage() {
   return (
     <>
       <PageHeader title="Новая запись" />
-      <Container className="px-0">
+      <Container>
         <OrderForm />
       </Container>
     </>

apps/web/components/orders/components/contacts-grid.tsx

@@ -0,0 +1,63 @@
+'use client';
+import { LoadingSpinner } from '../../common/spinner';
+import { OrderContext } from '@/context/order';
+import { useCustomerContacts } from '@/hooks/contacts';
+// eslint-disable-next-line import/extensions
+import AvatarPlaceholder from '@/public/avatar/avatar_placeholder.png';
+import { Label } from '@repo/ui/components/ui/label';
+import { cn } from '@repo/ui/lib/utils';
+import Image from 'next/image';
+import { use } from 'react';
+
+export function ContactsGrid() {
+  const { customerId: selected, setCustomerId: setSelected, step } = use(OrderContext);
+  const { contacts, isLoading } = useCustomerContacts();
+
+  if (step !== 'customer-select') return null;
+
+  if (isLoading) return <LoadingSpinner />;
+
+  return (
+    <div className="grid grid-cols-4 gap-4">
+      {contacts.map((contact) => {
+        if (!contact) return null;
+
+        return (
+          <Label
+            className="flex cursor-pointer flex-col items-center"
+            key={contact?.documentId}
+            onClick={() => setSelected(contact?.documentId)}
+          >
+            <input
+              checked={selected === contact?.documentId}
+              className="hidden"
+              name="user"
+              onChange={() => setSelected(contact?.documentId)}
+              type="radio"
+              value={contact?.documentId}
+            />
+            <div
+              className={cn(
+                'w-20 h-20 rounded-full border-2 transition-all duration-75',
+                selected === contact?.documentId ? 'border-primary' : 'border-transparent',
+              )}
+            >
+              <div className="size-full border-4 border-transparent">
+                <Image
+                  alt={contact?.name}
+                  className="size-full rounded-full object-cover"
+                  height={80}
+                  src={contact?.photoUrl || AvatarPlaceholder}
+                  width={80}
+                />
+              </div>
+            </div>
+            <span className="mt-2 max-w-20 break-words text-center text-sm font-medium">
+              {contact?.name}
+            </span>
+          </Label>
+        );
+      })}
+    </div>
+  );
+}

apps/web/components/orders/components/contacts-scroller.tsx

@@ -1,64 +0,0 @@
-'use client';
-import { LoadingSpinner } from '../../common/spinner';
-import { useCustomerContacts } from '@/hooks/contacts';
-// eslint-disable-next-line import/extensions
-import AvatarPlaceholder from '@/public/avatar/avatar_placeholder.png';
-import { Label } from '@repo/ui/components/ui/label';
-import { cn } from '@repo/ui/lib/utils';
-import Image from 'next/image';
-import { useState } from 'react';
-
-export function ContactsScroller() {
-  const [selected, setSelected] = useState<null | string>(null);
-  const { contacts, isLoading } = useCustomerContacts();
-
-  if (isLoading) return <LoadingSpinner />;
-
-  return (
-    <div className="flex flex-col rounded-lg bg-transparent px-4">
-      <div className="relative w-full overflow-x-auto pb-2">
-        <div className="flex w-max space-x-4 px-4">
-          {contacts.map((contact) => {
-            if (!contact) return null;
-
-            return (
-              <Label
-                className="flex cursor-pointer flex-col items-center"
-                key={contact?.documentId}
-                onClick={() => setSelected(contact?.documentId)}
-              >
-                <input
-                  checked={selected === contact?.documentId}
-                  className="hidden"
-                  name="user"
-                  onChange={() => setSelected(contact?.documentId)}
-                  type="radio"
-                  value={contact?.documentId}
-                />
-                <div
-                  className={cn(
-                    'w-20 h-20 rounded-full border-2 transition-all duration-75',
-                    selected === contact?.documentId ? 'border-primary' : 'border-transparent',
-                  )}
-                >
-                  <div className="size-full border-4 border-transparent">
-                    <Image
-                      alt={contact?.name}
-                      className="size-full rounded-full object-cover"
-                      height={80}
-                      src={contact?.photoUrl || AvatarPlaceholder}
-                      width={80}
-                    />
-                  </div>
-                </div>
-                <span className="mt-2 max-w-20 break-words text-center text-sm font-medium">
-                  {contact?.name}
-                </span>
-              </Label>
-            );
-          })}
-        </div>
-      </div>
-    </div>
-  );
-}

apps/web/components/orders/components/index.ts

@@ -1 +1,3 @@
-export * from './contacts-scroller';
+export * from './contacts-grid';
+export * from './service-select';
+export * from './submit-button';

apps/web/components/orders/components/service-select.tsx

@@ -0,0 +1,28 @@
+'use client';
+import { OrderContext } from '@/context/order';
+import { useServicesQuery } from '@/hooks/service';
+import { type ServiceFieldsFragment } from '@repo/graphql/types';
+import { cn } from '@repo/ui/lib/utils';
+import { use } from 'react';
+
+export function ServiceSelect() {
+  const { step } = use(OrderContext);
+  const { data } = useServicesQuery();
+
+  if (step !== 'service-select') return null;
+
+  return data?.data.services.map(
+    (service) => service && <ServiceCard key={service.documentId} {...service} />,
+  );
+}
+
+function ServiceCard({ name }: Readonly<ServiceFieldsFragment>) {
+  return (
+    <div className="flex items-center justify-between rounded-2xl bg-background p-4 px-6 dark:bg-primary/5">
+      <div className="flex flex-col gap-2">
+        {name}
+        <span className={cn('text-xs font-normal', 'text-muted-foreground')}>ололо цена</span>
+      </div>
+    </div>
+  );
+}

apps/web/components/orders/components/submit-button.tsx

@@ -0,0 +1,20 @@
+'use client';
+import { OrderContext } from '@/context/order';
+import { Button } from '@repo/ui/components/ui/button';
+import { use } from 'react';
+
+export function SubmitButton() {
+  const { nextStep, step } = use(OrderContext);
+
+  function handleOnclick() {
+    if (step !== 'success') {
+      nextStep();
+    }
+  }
+
+  return (
+    <Button className="w-full" onClick={() => handleOnclick()} type="button">
+      {step === 'success' ? 'Создать' : 'Продолжить'}
+    </Button>
+  );
+}

apps/web/components/orders/order-form.tsx

@@ -1,9 +1,14 @@
-import { ContactsScroller } from './components';
+import { ContactsGrid, ServiceSelect, SubmitButton } from './components';
+import { OrderContextProvider } from '@/context/order';
 
 export function OrderForm() {
   return (
-    <div className="space-y-2">
-      <ContactsScroller />
+    <div className="space-y-4">
+      <OrderContextProvider>
+        <ContactsGrid />
+        <ServiceSelect />
+        <SubmitButton />
+      </OrderContextProvider>
     </div>
   );
 }

apps/web/context/order.tsx

@@ -0,0 +1,80 @@
+'use client';
+import { createContext, type PropsWithChildren, useMemo, useReducer, useState } from 'react';
+
+type Action = { payload: Steps; type: 'SET_STEP' } | { type: 'NEXT_STEP' };
+
+type ContextType = {
+  customerId: null | string;
+  nextStep: () => void;
+  orderId: null | string;
+  setCustomerId: (customerId: string) => void;
+  setOrderId: (orderId: string) => void;
+  setStep: (step: Steps) => void;
+  step: Steps;
+};
+
+type State = { step: Steps };
+type Steps = 'customer-select' | 'service-select' | 'success' | 'time-select';
+
+const stepsSequence: Steps[] = ['customer-select', 'service-select', 'time-select', 'success'];
+
+function stepsReducer(state: State, action: Action): State {
+  switch (action.type) {
+    case 'NEXT_STEP': {
+      const currentIndex = stepsSequence.indexOf(state.step);
+      const nextIndex = currentIndex + 1;
+      const nextStep = stepsSequence[nextIndex];
+
+      return nextStep ? { ...state, step: nextStep } : state;
+    }
+
+    case 'SET_STEP': {
+      return { ...state, step: action.payload };
+    }
+
+    default:
+      return state;
+  }
+}
+
+function useCustomerState() {
+  const [customerId, setCustomerId] = useState<null | string>(null);
+  return { customerId, setCustomerId };
+}
+
+function useOrderState() {
+  const [orderId, setOrderId] = useState<null | string>(null);
+  return { orderId, setOrderId };
+}
+
+function useStep() {
+  const [state, dispatch] = useReducer(stepsReducer, { step: 'customer-select' });
+
+  const setStep = (payload: Steps) => dispatch({ payload, type: 'SET_STEP' });
+  const nextStep = () => dispatch({ type: 'NEXT_STEP' });
+
+  return { nextStep, setStep, ...state };
+}
+
+export const OrderContext = createContext<ContextType>({} as ContextType);
+
+export function OrderContextProvider({ children }: Readonly<PropsWithChildren>) {
+  const { customerId, setCustomerId } = useCustomerState();
+  const { orderId, setOrderId } = useOrderState();
+  const { nextStep, setStep, step } = useStep();
+
+  const value = useMemo(
+    () => ({
+      customerId,
+      nextStep,
+      orderId,
+      setCustomerId,
+      setOrderId,
+      setStep,
+      step,
+    }),
+    [customerId, nextStep, orderId, setCustomerId, setOrderId, setStep, step],
+  );
+
+  return <OrderContext.Provider value={value}>{children}</OrderContext.Provider>;
+}

apps/web/hooks/service/index.ts

@@ -0,0 +1,15 @@
+'use client';
+import { getServices } from '@/actions/service';
+// eslint-disable-next-line sonarjs/no-internal-api-use
+import type * as ApolloTypes from '@repo/graphql/node_modules/@apollo/client/core';
+import { type GetServicesQueryVariables } from '@repo/graphql/types';
+import { useQuery } from '@tanstack/react-query';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+type FixTypescriptCringe = ApolloTypes.FetchResult;
+
+export const useServicesQuery = (input?: GetServicesQueryVariables) =>
+  useQuery({
+    queryFn: () => getServices(input),
+    queryKey: ['services', 'list'],
+  });

packages/graphql/api/index.ts

@@ -2,3 +2,4 @@ export * from './auth';
 export * from './customer';
 export * from './slot';
 export * from './order';
+export * from './service';

packages/graphql/api/service.ts

@@ -0,0 +1,21 @@
+'use server';
+import { getClientWithToken } from '../apollo/client';
+import * as GQL from '../types';
+
+export async function getServices(input: GQL.GetServicesQueryVariables) {
+  const { query } = await getClientWithToken();
+
+  return query({
+    query: GQL.GetServicesDocument,
+    variables: input,
+  });
+}
+
+export async function getService(input: GQL.GetServiceQueryVariables) {
+  const { query } = await getClientWithToken();
+
+  return query({
+    query: GQL.GetServiceDocument,
+    variables: input,
+  });
+}

packages/graphql/operations/service.graphql

@@ -0,0 +1,16 @@
+fragment ServiceFields on Service {
+  documentId
+  name
+}
+
+query GetServices($filters: ServiceFiltersInput) {
+  services(filters: $filters) {
+    ...ServiceFields
+  }
+}
+
+query GetService($documentId: ID!) {
+  service(documentId: $documentId) {
+    ...ServiceFields
+  }
+}

packages/graphql/types/operations.generated.ts

@@ -91,6 +91,7 @@ export type CustomerFiltersInput = {
   photoUrl?: InputMaybe<StringFilterInput>;
   publishedAt?: InputMaybe<DateTimeFilterInput>;
   role?: InputMaybe<StringFilterInput>;
+  services?: InputMaybe<ServiceFiltersInput>;
   slots?: InputMaybe<SlotFiltersInput>;
   telegramId?: InputMaybe<LongFilterInput>;
   updatedAt?: InputMaybe<DateTimeFilterInput>;
@@ -107,6 +108,7 @@ export type CustomerInput = {
   photoUrl?: InputMaybe<Scalars['String']['input']>;
   publishedAt?: InputMaybe<Scalars['DateTime']['input']>;
   role?: InputMaybe<Enum_Customer_Role>;
+  services?: InputMaybe<Array<InputMaybe<Scalars['ID']['input']>>>;
   slots?: InputMaybe<Array<InputMaybe<Scalars['ID']['input']>>>;
   telegramId?: InputMaybe<Scalars['Long']['input']>;
 };
@@ -421,6 +423,7 @@ export type ServiceFiltersInput = {
   and?: InputMaybe<Array<InputMaybe<ServiceFiltersInput>>>;
   createdAt?: InputMaybe<DateTimeFilterInput>;
   documentId?: InputMaybe<IdFilterInput>;
+  master?: InputMaybe<CustomerFiltersInput>;
   name?: InputMaybe<StringFilterInput>;
   not?: InputMaybe<ServiceFiltersInput>;
   or?: InputMaybe<Array<InputMaybe<ServiceFiltersInput>>>;
@@ -430,6 +433,7 @@ export type ServiceFiltersInput = {
 };
 
 export type ServiceInput = {
+  master?: InputMaybe<Scalars['ID']['input']>;
   name?: InputMaybe<Scalars['String']['input']>;
   orders?: InputMaybe<Array<InputMaybe<Scalars['ID']['input']>>>;
   publishedAt?: InputMaybe<Scalars['DateTime']['input']>;
@@ -695,6 +699,22 @@ export type GetOrderQueryVariables = Exact<{
 
 export type GetOrderQuery = { __typename?: 'Query', order?: { __typename?: 'Order', documentId: string, time_start?: any | null | undefined, time_end?: any | null | undefined, state?: Enum_Order_State | null | undefined, order_number?: number | null | undefined, services: Array<{ __typename?: 'Service', documentId: string, name?: string | null | undefined } | null | undefined>, client?: { __typename?: 'Customer', name: string, documentId: string, photoUrl?: string | null | undefined } | null | undefined } | null | undefined };
 
+export type ServiceFieldsFragment = { __typename?: 'Service', documentId: string, name?: string | null | undefined };
+
+export type GetServicesQueryVariables = Exact<{
+  filters?: InputMaybe<ServiceFiltersInput>;
+}>;
+
+
+export type GetServicesQuery = { __typename?: 'Query', services: Array<{ __typename?: 'Service', documentId: string, name?: string | null | undefined } | null | undefined> };
+
+export type GetServiceQueryVariables = Exact<{
+  documentId: Scalars['ID']['input'];
+}>;
+
+
+export type GetServiceQuery = { __typename?: 'Query', service?: { __typename?: 'Service', documentId: string, name?: string | null | undefined } | null | undefined };
+
 export type SlotFieldsFragment = { __typename?: 'Slot', documentId: string, date?: any | null | undefined, time_start: any, time_end: any, state?: Enum_Slot_State | null | undefined };
 
 export type CreateSlotMutationVariables = Exact<{
@@ -735,6 +755,7 @@ export type DeleteSlotMutation = { __typename?: 'Mutation', deleteSlot?: { __typ
 
 export const CustomerFieldsFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"CustomerFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Customer"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"active"}},{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"phone"}},{"kind":"Field","name":{"kind":"Name","value":"photoUrl"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"telegramId"}}]}}]} as unknown as DocumentNode<CustomerFieldsFragment, unknown>;
 export const OrderFieldsFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OrderFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Order"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"time_start"}},{"kind":"Field","name":{"kind":"Name","value":"time_end"}},{"kind":"Field","name":{"kind":"Name","value":"state"}},{"kind":"Field","name":{"kind":"Name","value":"order_number"}},{"kind":"Field","name":{"kind":"Name","value":"services"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"client"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"photoUrl"}}]}}]}}]} as unknown as DocumentNode<OrderFieldsFragment, unknown>;
+export const ServiceFieldsFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ServiceFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Service"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]} as unknown as DocumentNode<ServiceFieldsFragment, unknown>;
 export const SlotFieldsFragmentDoc = {"kind":"Document","definitions":[{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SlotFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Slot"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"date"}},{"kind":"Field","name":{"kind":"Name","value":"time_start"}},{"kind":"Field","name":{"kind":"Name","value":"time_end"}},{"kind":"Field","name":{"kind":"Name","value":"state"}}]}}]} as unknown as DocumentNode<SlotFieldsFragment, unknown>;
 export const RegisterDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"Register"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"identifier"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"password"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"email"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"register"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"username"},"value":{"kind":"Variable","name":{"kind":"Name","value":"identifier"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"password"},"value":{"kind":"Variable","name":{"kind":"Name","value":"password"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"email"},"value":{"kind":"Variable","name":{"kind":"Name","value":"email"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"jwt"}},{"kind":"Field","name":{"kind":"Name","value":"user"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"username"}}]}}]}}]}}]} as unknown as DocumentNode<RegisterMutation, RegisterMutationVariables>;
 export const LoginDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"Login"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"identifier"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"password"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"login"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"identifier"},"value":{"kind":"Variable","name":{"kind":"Name","value":"identifier"}}},{"kind":"ObjectField","name":{"kind":"Name","value":"password"},"value":{"kind":"Variable","name":{"kind":"Name","value":"password"}}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"jwt"}}]}}]}}]} as unknown as DocumentNode<LoginMutation, LoginMutationVariables>;
@@ -744,6 +765,8 @@ export const GetCustomerMastersDocument = {"kind":"Document","definitions":[{"ki
 export const GetCustomerClientsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetCustomerClients"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"phone"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"telegramId"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"Long"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"customers"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"filters"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"or"},"value":{"kind":"ListValue","values":[{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"phone"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"eq"},"value":{"kind":"Variable","name":{"kind":"Name","value":"phone"}}}]}}]},{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"telegramId"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"eq"},"value":{"kind":"Variable","name":{"kind":"Name","value":"telegramId"}}}]}}]}]}},{"kind":"ObjectField","name":{"kind":"Name","value":"and"},"value":{"kind":"ListValue","values":[{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"active"},"value":{"kind":"ObjectValue","fields":[{"kind":"ObjectField","name":{"kind":"Name","value":"eq"},"value":{"kind":"BooleanValue","value":true}}]}}]}]}}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"clients"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"CustomerFields"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"CustomerFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Customer"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"active"}},{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"phone"}},{"kind":"Field","name":{"kind":"Name","value":"photoUrl"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"telegramId"}}]}}]} as unknown as DocumentNode<GetCustomerClientsQuery, GetCustomerClientsQueryVariables>;
 export const UpdateCustomerProfileDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"UpdateCustomerProfile"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"documentId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"data"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"CustomerInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"updateCustomer"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"documentId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"documentId"}}},{"kind":"Argument","name":{"kind":"Name","value":"data"},"value":{"kind":"Variable","name":{"kind":"Name","value":"data"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"CustomerFields"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"CustomerFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Customer"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"active"}},{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"phone"}},{"kind":"Field","name":{"kind":"Name","value":"photoUrl"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"telegramId"}}]}}]} as unknown as DocumentNode<UpdateCustomerProfileMutation, UpdateCustomerProfileMutationVariables>;
 export const GetOrderDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetOrder"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"documentId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"order"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"documentId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"documentId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"OrderFields"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"OrderFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Order"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"time_start"}},{"kind":"Field","name":{"kind":"Name","value":"time_end"}},{"kind":"Field","name":{"kind":"Name","value":"state"}},{"kind":"Field","name":{"kind":"Name","value":"order_number"}},{"kind":"Field","name":{"kind":"Name","value":"services"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}},{"kind":"Field","name":{"kind":"Name","value":"client"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"photoUrl"}}]}}]}}]} as unknown as DocumentNode<GetOrderQuery, GetOrderQueryVariables>;
+export const GetServicesDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetServices"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"filters"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"ServiceFiltersInput"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"services"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"filters"},"value":{"kind":"Variable","name":{"kind":"Name","value":"filters"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"ServiceFields"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ServiceFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Service"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]} as unknown as DocumentNode<GetServicesQuery, GetServicesQueryVariables>;
+export const GetServiceDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetService"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"documentId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"service"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"documentId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"documentId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"ServiceFields"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ServiceFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Service"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"name"}}]}}]} as unknown as DocumentNode<GetServiceQuery, GetServiceQueryVariables>;
 export const CreateSlotDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"CreateSlot"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"SlotInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"createSlot"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"data"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"FragmentSpread","name":{"kind":"Name","value":"SlotFields"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SlotFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Slot"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"date"}},{"kind":"Field","name":{"kind":"Name","value":"time_start"}},{"kind":"Field","name":{"kind":"Name","value":"time_end"}},{"kind":"Field","name":{"kind":"Name","value":"state"}}]}}]} as unknown as DocumentNode<CreateSlotMutation, CreateSlotMutationVariables>;
 export const GetSlotsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetSlots"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"filters"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"SlotFiltersInput"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"slots"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"filters"},"value":{"kind":"Variable","name":{"kind":"Name","value":"filters"}}},{"kind":"Argument","name":{"kind":"Name","value":"sort"},"value":{"kind":"StringValue","value":"time_start:asc","block":false}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}}]}}]}}]} as unknown as DocumentNode<GetSlotsQuery, GetSlotsQueryVariables>;
 export const GetSlotDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetSlot"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"documentId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"ID"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"slot"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"documentId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"documentId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"state"}},{"kind":"Field","name":{"kind":"Name","value":"orders"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"sort"},"value":{"kind":"StringValue","value":"time_start:asc","block":false}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}}]}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"SlotFields"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"SlotFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Slot"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"documentId"}},{"kind":"Field","name":{"kind":"Name","value":"date"}},{"kind":"Field","name":{"kind":"Name","value":"time_start"}},{"kind":"Field","name":{"kind":"Name","value":"time_end"}},{"kind":"Field","name":{"kind":"Name","value":"state"}}]}}]} as unknown as DocumentNode<GetSlotQuery, GetSlotQueryVariables>;