feat: billing guest access

src/pages/LeadsPage/drawers/DealEditDrawer/tabs/DealEditDrawerGeneralTab.tsx

@@ -9,6 +9,9 @@ import {notifications} from "../../../../../shared/lib/notifications.ts";
 import {useQueryClient} from "@tanstack/react-query";
 import ShippingWarehouseAutocomplete
     from "../../../../../components/Selects/ShippingWarehouseAutocomplete/ShippingWarehouseAutocomplete.tsx";
+import {ButtonCopyControlled} from "../../../../../components/ButtonCopyControlled/ButtonCopyControlled.tsx";
+import {useClipboard} from "@mantine/hooks";
+import ButtonCopy from "../../../../../components/ButtonCopy/ButtonCopy.tsx";
 
 type Props = {
     deal: DealSchema
@@ -18,6 +21,7 @@ type FormType = Omit<DealSchema, 'statusHistory' | 'services' | 'products'>
 
 const Content: FC<Props> = ({deal}) => {
     const {setSelectedDeal} = useDealPageContext();
+    const clipboard = useClipboard();
     const queryClient = useQueryClient();
 
     const initialValues: FormType = deal;
@@ -68,6 +72,20 @@ const Content: FC<Props> = ({deal}) => {
         return !["string", "null", "undefined"].includes((typeof value));
 
     }
+
+    const onCopyGuestUrlClick = () => {
+        DealService.createDealGuestUrl({
+            requestBody: {
+                dealId: deal.id
+            }
+        }).then(({ok, message, url}) => {
+            if (!ok)
+                notifications.guess(ok, {message});
+            clipboard.copy(
+                `${window.location.origin}/${url}`
+            );
+        });
+    }
     return (
         <form onSubmit={form.onSubmit((values) => handleSubmit(values))}>
             <Flex direction={'column'}>
@@ -138,15 +156,41 @@ const Content: FC<Props> = ({deal}) => {
                 </Fieldset>
                 <Flex mt={'md'} gap={rem(10)} align={'center'} justify={'flex-end'}>
                     <Flex align={'center'} gap={rem(10)} justify={'center'}>
-                        <Checkbox
-                            label={"Сделка завершена"}
-                            {...form.getInputProps('isCompleted')}
-                        />
 
-                        <Checkbox
-                            label={"Сделка удалена"}
-                            {...form.getInputProps('isDeleted')}
-                        />
+                        <Flex gap={rem(10)}>
+                            {(deal.billRequest && deal.billRequest.pdfUrl) &&
+                                <ButtonCopy
+                                    onCopiedLabel={"Ссылка скопирована в буфер обмена"}
+                                    value={deal.billRequest.pdfUrl}
+                                >
+                                    Ссылка на оплату
+                                </ButtonCopy>
+                            }
+                            <ButtonCopyControlled
+                                onCopyClick={onCopyGuestUrlClick}
+                                onCopiedLabel={"Ссылка скопирована в буфер обмена"}
+                                copied={clipboard.copied}>
+                                Ссылка на редактирование
+                            </ButtonCopyControlled>
+                        </Flex>
+                        <Flex gap={rem(10)}>
+
+                            <Checkbox
+                                label={"Оплачен"}
+                                checked={deal.billRequest?.paid || false}
+                                disabled
+                            />
+                            <Checkbox
+                                label={"Сделка завершена"}
+                                {...form.getInputProps('isCompleted')}
+                            />
+
+                            <Checkbox
+                                label={"Сделка удалена"}
+                                {...form.getInputProps('isDeleted')}
+                            />
+                        </Flex>
+
                     </Flex>
                     <Divider
                         orientation={'vertical'}