mirror of
https://github.com/documenso/documenso.git
synced 2025-11-13 16:23:06 +10:00
chore: more feedback implementation
This commit is contained in:
@ -31,7 +31,6 @@ export const getDocumentWithDetailsById = async ({
|
|||||||
documentData: true,
|
documentData: true,
|
||||||
documentMeta: true,
|
documentMeta: true,
|
||||||
recipients: true,
|
recipients: true,
|
||||||
attachments: true,
|
|
||||||
folder: true,
|
folder: true,
|
||||||
fields: {
|
fields: {
|
||||||
include: {
|
include: {
|
||||||
|
|||||||
@ -28,7 +28,6 @@ export const getTemplateById = async ({
|
|||||||
templateMeta: true,
|
templateMeta: true,
|
||||||
recipients: true,
|
recipients: true,
|
||||||
fields: true,
|
fields: true,
|
||||||
attachments: true,
|
|
||||||
user: {
|
user: {
|
||||||
select: {
|
select: {
|
||||||
id: true,
|
id: true,
|
||||||
|
|||||||
@ -8,7 +8,6 @@ import {
|
|||||||
ZDocumentActionAuthTypesSchema,
|
ZDocumentActionAuthTypesSchema,
|
||||||
} from '@documenso/lib/types/document-auth';
|
} from '@documenso/lib/types/document-auth';
|
||||||
import { ZDocumentEmailSettingsSchema } from '@documenso/lib/types/document-email';
|
import { ZDocumentEmailSettingsSchema } from '@documenso/lib/types/document-email';
|
||||||
import AttachmentSchema from '@documenso/prisma/generated/zod/modelSchema/AttachmentSchema';
|
|
||||||
|
|
||||||
import type { TrpcRouteMeta } from '../trpc';
|
import type { TrpcRouteMeta } from '../trpc';
|
||||||
import {
|
import {
|
||||||
@ -46,13 +45,6 @@ export const ZUpdateDocumentRequestSchema = z.object({
|
|||||||
globalAccessAuth: z.array(ZDocumentAccessAuthTypesSchema).optional(),
|
globalAccessAuth: z.array(ZDocumentAccessAuthTypesSchema).optional(),
|
||||||
globalActionAuth: z.array(ZDocumentActionAuthTypesSchema).optional(),
|
globalActionAuth: z.array(ZDocumentActionAuthTypesSchema).optional(),
|
||||||
useLegacyFieldInsertion: z.boolean().optional(),
|
useLegacyFieldInsertion: z.boolean().optional(),
|
||||||
attachments: AttachmentSchema.pick({
|
|
||||||
id: true,
|
|
||||||
label: true,
|
|
||||||
url: true,
|
|
||||||
})
|
|
||||||
.array()
|
|
||||||
.optional(),
|
|
||||||
})
|
})
|
||||||
.optional(),
|
.optional(),
|
||||||
meta: z
|
meta: z
|
||||||
|
|||||||
@ -11,7 +11,6 @@ import {
|
|||||||
ZDocumentActionAuthTypesSchema,
|
ZDocumentActionAuthTypesSchema,
|
||||||
} from '@documenso/lib/types/document-auth';
|
} from '@documenso/lib/types/document-auth';
|
||||||
import { isValidRedirectUrl } from '@documenso/lib/utils/is-valid-redirect-url';
|
import { isValidRedirectUrl } from '@documenso/lib/utils/is-valid-redirect-url';
|
||||||
import { AttachmentSchema } from '@documenso/prisma/generated/zod/modelSchema/AttachmentSchema';
|
|
||||||
import {
|
import {
|
||||||
ZDocumentMetaDateFormatSchema,
|
ZDocumentMetaDateFormatSchema,
|
||||||
ZDocumentMetaTimezoneSchema,
|
ZDocumentMetaTimezoneSchema,
|
||||||
@ -48,16 +47,6 @@ export const ZAddSettingsFormSchema = z.object({
|
|||||||
message: msg`At least one signature type must be enabled`.id,
|
message: msg`At least one signature type must be enabled`.id,
|
||||||
}),
|
}),
|
||||||
}),
|
}),
|
||||||
attachments: AttachmentSchema.pick({
|
|
||||||
id: true,
|
|
||||||
label: true,
|
|
||||||
url: true,
|
|
||||||
})
|
|
||||||
.extend({
|
|
||||||
formId: z.string().min(1),
|
|
||||||
})
|
|
||||||
.array()
|
|
||||||
.optional(),
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export type TAddSettingsFormSchema = z.infer<typeof ZAddSettingsFormSchema>;
|
export type TAddSettingsFormSchema = z.infer<typeof ZAddSettingsFormSchema>;
|
||||||
|
|||||||
@ -5,8 +5,8 @@ import { useLingui } from '@lingui/react/macro';
|
|||||||
import { Trans } from '@lingui/react/macro';
|
import { Trans } from '@lingui/react/macro';
|
||||||
import { DocumentVisibility, TeamMemberRole } from '@prisma/client';
|
import { DocumentVisibility, TeamMemberRole } from '@prisma/client';
|
||||||
import { DocumentDistributionMethod, type Field, type Recipient } from '@prisma/client';
|
import { DocumentDistributionMethod, type Field, type Recipient } from '@prisma/client';
|
||||||
import { InfoIcon, Plus, Trash } from 'lucide-react';
|
import { InfoIcon } from 'lucide-react';
|
||||||
import { useFieldArray, useForm } from 'react-hook-form';
|
import { useForm } from 'react-hook-form';
|
||||||
import { match } from 'ts-pattern';
|
import { match } from 'ts-pattern';
|
||||||
|
|
||||||
import { useCurrentOrganisation } from '@documenso/lib/client-only/providers/organisation';
|
import { useCurrentOrganisation } from '@documenso/lib/client-only/providers/organisation';
|
||||||
@ -19,7 +19,6 @@ import { SUPPORTED_LANGUAGES } from '@documenso/lib/constants/i18n';
|
|||||||
import { DEFAULT_DOCUMENT_TIME_ZONE, TIME_ZONES } from '@documenso/lib/constants/time-zones';
|
import { DEFAULT_DOCUMENT_TIME_ZONE, TIME_ZONES } from '@documenso/lib/constants/time-zones';
|
||||||
import { ZDocumentEmailSettingsSchema } from '@documenso/lib/types/document-email';
|
import { ZDocumentEmailSettingsSchema } from '@documenso/lib/types/document-email';
|
||||||
import type { TTemplate } from '@documenso/lib/types/template';
|
import type { TTemplate } from '@documenso/lib/types/template';
|
||||||
import { nanoid } from '@documenso/lib/universal/id';
|
|
||||||
import { extractDocumentAuthMethods } from '@documenso/lib/utils/document-auth';
|
import { extractDocumentAuthMethods } from '@documenso/lib/utils/document-auth';
|
||||||
import { extractTeamSignatureSettings } from '@documenso/lib/utils/teams';
|
import { extractTeamSignatureSettings } from '@documenso/lib/utils/teams';
|
||||||
import type { TDocumentMetaDateFormat } from '@documenso/trpc/server/document-router/schema';
|
import type { TDocumentMetaDateFormat } from '@documenso/trpc/server/document-router/schema';
|
||||||
@ -42,7 +41,6 @@ import {
|
|||||||
AccordionItem,
|
AccordionItem,
|
||||||
AccordionTrigger,
|
AccordionTrigger,
|
||||||
} from '@documenso/ui/primitives/accordion';
|
} from '@documenso/ui/primitives/accordion';
|
||||||
import { Button } from '@documenso/ui/primitives/button';
|
|
||||||
import {
|
import {
|
||||||
Form,
|
Form,
|
||||||
FormControl,
|
FormControl,
|
||||||
@ -125,39 +123,9 @@ export const AddTemplateSettingsFormPartial = ({
|
|||||||
emailSettings: ZDocumentEmailSettingsSchema.parse(template?.templateMeta?.emailSettings),
|
emailSettings: ZDocumentEmailSettingsSchema.parse(template?.templateMeta?.emailSettings),
|
||||||
signatureTypes: extractTeamSignatureSettings(template?.templateMeta),
|
signatureTypes: extractTeamSignatureSettings(template?.templateMeta),
|
||||||
},
|
},
|
||||||
attachments: template.attachments?.map((attachment) => ({
|
|
||||||
...attachment,
|
|
||||||
id: String(attachment.id),
|
|
||||||
formId: String(attachment.id),
|
|
||||||
})),
|
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
const {
|
|
||||||
fields: attachments,
|
|
||||||
append: appendAttachment,
|
|
||||||
remove: removeAttachment,
|
|
||||||
} = useFieldArray({
|
|
||||||
control: form.control,
|
|
||||||
name: 'attachments',
|
|
||||||
});
|
|
||||||
|
|
||||||
const onAddAttachment = () => {
|
|
||||||
appendAttachment({
|
|
||||||
id: nanoid(12),
|
|
||||||
formId: nanoid(12),
|
|
||||||
label: '',
|
|
||||||
url: '',
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
const onRemoveAttachment = (index: number) => {
|
|
||||||
removeAttachment(index);
|
|
||||||
|
|
||||||
const updatedAttachments = attachments.filter((_, idx) => idx !== index);
|
|
||||||
form.setValue('attachments', updatedAttachments);
|
|
||||||
};
|
|
||||||
|
|
||||||
const { stepIndex, currentStep, totalSteps, previousStep } = useStep();
|
const { stepIndex, currentStep, totalSteps, previousStep } = useStep();
|
||||||
|
|
||||||
const distributionMethod = form.watch('meta.distributionMethod');
|
const distributionMethod = form.watch('meta.distributionMethod');
|
||||||
@ -610,81 +578,6 @@ export const AddTemplateSettingsFormPartial = ({
|
|||||||
</AccordionContent>
|
</AccordionContent>
|
||||||
</AccordionItem>
|
</AccordionItem>
|
||||||
</Accordion>
|
</Accordion>
|
||||||
|
|
||||||
<Accordion type="multiple" className="mt-6">
|
|
||||||
<AccordionItem value="attachments" className="border-none">
|
|
||||||
<AccordionTrigger className="text-foreground mb-2 rounded border px-3 py-2 text-left hover:bg-neutral-200/30 hover:no-underline">
|
|
||||||
<Trans>Attachments</Trans>
|
|
||||||
</AccordionTrigger>
|
|
||||||
|
|
||||||
<AccordionContent className="text-muted-foreground -mx-1 px-1 pt-2 text-sm leading-relaxed">
|
|
||||||
<div className="flex flex-col space-y-6">
|
|
||||||
{attachments.map((attachment, index) => (
|
|
||||||
<div key={index} className="flex items-start gap-x-3">
|
|
||||||
<div className="flex-1">
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name={`attachments.${index}.label`}
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormLabel className="flex flex-row items-center">
|
|
||||||
<Trans>Label</Trans>
|
|
||||||
</FormLabel>
|
|
||||||
|
|
||||||
<FormControl>
|
|
||||||
<Input className="bg-background" {...field} />
|
|
||||||
</FormControl>
|
|
||||||
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="flex-1">
|
|
||||||
<FormField
|
|
||||||
control={form.control}
|
|
||||||
name={`attachments.${index}.url`}
|
|
||||||
render={({ field }) => (
|
|
||||||
<FormItem>
|
|
||||||
<FormLabel className="flex flex-row items-center">
|
|
||||||
<Trans>Location link</Trans>
|
|
||||||
</FormLabel>
|
|
||||||
|
|
||||||
<FormControl>
|
|
||||||
<Input className="bg-background" {...field} />
|
|
||||||
</FormControl>
|
|
||||||
|
|
||||||
<FormMessage />
|
|
||||||
</FormItem>
|
|
||||||
)}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="flex-none pt-8">
|
|
||||||
<button
|
|
||||||
onClick={() => onRemoveAttachment(index)}
|
|
||||||
className="hover:bg-muted rounded-md"
|
|
||||||
>
|
|
||||||
<Trash className="h-4 w-4" />
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
|
|
||||||
<Button
|
|
||||||
type="button"
|
|
||||||
variant="outline"
|
|
||||||
className="w-full"
|
|
||||||
onClick={onAddAttachment}
|
|
||||||
>
|
|
||||||
<Plus className="mr-2 h-4 w-4" />
|
|
||||||
<Trans>Add Attachment</Trans>
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</AccordionContent>
|
|
||||||
</AccordionItem>
|
|
||||||
</Accordion>
|
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</Form>
|
</Form>
|
||||||
</DocumentFlowFormContainerContent>
|
</DocumentFlowFormContainerContent>
|
||||||
|
|||||||
Reference in New Issue
Block a user