feat: allow editing pending documents (#1346)

## Description

Adds the ability for the document owner to edit recipients and their
fields after the document has been sent.

A recipient can only be updated or deleted if:
- The recipient has not inserted any fields
- Has not completed the document

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

## Release Notes

- **New Features**
- Added new localization messages to clarify user actions regarding
document signing.
  - Enhanced French translations for improved user interaction.

- **Improvements**
- Updated localization strings in German and English for clearer
feedback on signer and recipient statuses.
- Improved overall structure of localization files for better
maintainability.

- **Dependency Updates**
- Upgraded `next-axiom` and `remeda` libraries to their latest versions,
potentially enhancing performance and stability.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Mythie <me@lucasjamessmith.me>

packages/ui/primitives/document-flow/add-fields.tsx

@@ -32,11 +32,16 @@ import {
   ZFieldMetaSchema,
 } from '@documenso/lib/types/field-meta';
 import { nanoid } from '@documenso/lib/universal/id';
+import {
+  canRecipientBeModified,
+  canRecipientFieldsBeModified,
+} from '@documenso/lib/utils/recipients';
 import type { Field, Recipient } from '@documenso/prisma/client';
 import { FieldType, RecipientRole, SendStatus } from '@documenso/prisma/client';
 
 import { getSignerColorStyles, useSignerColors } from '../../lib/signer-colors';
 import { cn } from '../../lib/utils';
+import { Alert, AlertDescription } from '../alert';
 import { Button } from '../button';
 import { Card, CardContent } from '../card';
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem } from '../command';
@@ -191,8 +196,6 @@ export const AddFieldsFormPartial = ({
     selectedSignerIndex === -1 ? 0 : selectedSignerIndex,
   );
 
-  const hasSelectedSignerBeenSent = selectedSigner?.sendStatus === SendStatus.SENT;
-
   const filterFieldsWithEmptyValues = (fields: typeof localFields, fieldType: string) =>
     fields
       .filter((field) => field.type === fieldType)
@@ -225,11 +228,13 @@ export const AddFieldsFormPartial = ({
   const hasErrors =
     emptyCheckboxFields.length > 0 || emptyRadioFields.length > 0 || emptySelectFields.length > 0;
 
-  const isFieldsDisabled =
-    !selectedSigner ||
-    hasSelectedSignerBeenSent ||
-    selectedSigner?.role === RecipientRole.VIEWER ||
-    selectedSigner?.role === RecipientRole.CC;
+  const isFieldsDisabled = useMemo(() => {
+    if (!selectedSigner) {
+      return true;
+    }
+
+    return !canRecipientFieldsBeModified(selectedSigner, fields);
+  }, [selectedSigner, fields]);
 
   const [isFieldWithinBounds, setIsFieldWithinBounds] = useState(false);
   const [coords, setCoords] = useState({
@@ -568,7 +573,8 @@ export const AddFieldsFormPartial = ({
                       recipientIndex={recipientIndex === -1 ? 0 : recipientIndex}
                       field={field}
                       disabled={
-                        selectedSigner?.email !== field.signerEmail || hasSelectedSignerBeenSent
+                        selectedSigner?.email !== field.signerEmail ||
+                        !canRecipientBeModified(selectedSigner, fields)
                       }
                       minHeight={fieldBounds.current.height}
                       minWidth={fieldBounds.current.width}
@@ -976,6 +982,7 @@ export const AddFieldsFormPartial = ({
               </div>
             </div>
           </DocumentFlowFormContainerContent>
+
           {hasErrors && (
             <div className="mt-4">
               <ul>
@@ -993,6 +1000,18 @@ export const AddFieldsFormPartial = ({
               </ul>
             </div>
           )}
+
+          {selectedSigner && !canRecipientFieldsBeModified(selectedSigner, fields) && (
+            <Alert variant="warning">
+              <AlertDescription>
+                <Trans>
+                  This recipient can no longer be modified as they have signed a field, or completed
+                  the document.
+                </Trans>
+              </AlertDescription>
+            </Alert>
+          )}
+
           <DocumentFlowFormContainerFooter>
             <DocumentFlowFormContainerStep step={currentStep} maxStep={totalSteps} />