Merge branch 'feat/rr7' into feat/bulk-add-fields

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

@@ -3,9 +3,8 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 import { Trans } from '@lingui/react/macro';
-import { Prisma } from '@prisma/client';
 import type { Field, Recipient } from '@prisma/client';
-import { FieldType, RecipientRole, SendStatus } from '@prisma/client';
+import { FieldType, Prisma, RecipientRole, SendStatus } from '@prisma/client';
 import {
   CalendarDays,
   Check,
@@ -411,8 +410,11 @@ export const AddFieldsFormPartial = ({
   );
 
   const onFieldCopy = useCallback(
-    (event?: KeyboardEvent | null, options?: { duplicate?: boolean }) => {
+    (
-      const { duplicate = false } = options ?? {};
+      event?: KeyboardEvent | null,
+      options?: { duplicate?: boolean; duplicateAllPages?: boolean },
+    ) => {
+      const { duplicate = false, duplicateAllPages = false } = options ?? {};
 
       if (lastActiveField) {
         event?.preventDefault();
@@ -428,6 +430,31 @@ export const AddFieldsFormPartial = ({
           return;
         }
 
+        if (duplicateAllPages) {
+          const pages = Array.from(document.querySelectorAll(PDF_VIEWER_PAGE_SELECTOR));
+          const totalPages = pages.length;
+
+          for (let pageNumber = 1; pageNumber <= totalPages; pageNumber++) {
+            if (pageNumber !== lastActiveField.pageNumber) {
+              const newField: TAddFieldsFormSchema['fields'][0] = {
+                ...structuredClone(lastActiveField),
+                formId: nanoid(12),
+                signerEmail: selectedSigner?.email ?? lastActiveField.signerEmail,
+                pageNumber,
+              };
+
+              append(newField);
+            }
+          }
+
+          toast({
+            title: 'Field duplicated',
+            description: 'Field has been duplicated across all pages',
+          });
+
+          return;
+        }
+
         const newField: TAddFieldsFormSchema['fields'][0] = {
           ...structuredClone(lastActiveField),
           formId: nanoid(12),
@@ -653,6 +680,9 @@ export const AddFieldsFormPartial = ({
                       onMove={(options) => onFieldMove(options, index)}
                       onRemove={() => remove(index)}
                       onDuplicate={() => onFieldCopy(null, { duplicate: true })}
+                      onDuplicateAllPages={() =>
+                        onFieldCopy(null, { duplicate: true, duplicateAllPages: true })
+                      }
                       onAdvancedSettings={() => {
                         setCurrentField(field);
                         handleAdvancedSettings();

packages/ui/primitives/document-flow/field-item-advanced-settings.tsx

@@ -303,6 +303,7 @@ export const FieldAdvancedSettings = forwardRef<HTMLDivElement, FieldAdvancedSet
               />
             ))
             .otherwise(() => null)}
+
           {errors.length > 0 && (
             <div className="mt-4">
               <ul>
@@ -315,6 +316,7 @@ export const FieldAdvancedSettings = forwardRef<HTMLDivElement, FieldAdvancedSet
             </div>
           )}
         </DocumentFlowFormContainerContent>
+
         <DocumentFlowFormContainerFooter className="mt-auto">
           <DocumentFlowFormContainerActions
             goNextLabel={msg`Save`}

packages/ui/primitives/document-flow/field-item.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 import { FieldType } from '@prisma/client';
-import { CopyPlus, Settings2, Trash } from 'lucide-react';
+import { Copy, CopyPlus, Settings2, Trash } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { Rnd } from 'react-rnd';
 import { match } from 'ts-pattern';
@@ -31,6 +31,7 @@ export type FieldItemProps = {
   onMove?: (_node: HTMLElement) => void;
   onRemove?: () => void;
   onDuplicate?: () => void;
+  onDuplicateAllPages?: () => void;
   onAdvancedSettings?: () => void;
   onFocus?: () => void;
   onBlur?: () => void;
@@ -54,9 +55,10 @@ export const FieldItem = ({
   onMove,
   onRemove,
   onDuplicate,
+  onDuplicateAllPages,
+  onAdvancedSettings,
   onFocus,
   onBlur,
-  onAdvancedSettings,
   recipientIndex = 0,
   hideRecipients = false,
   hasErrors,
@@ -325,6 +327,14 @@ export const FieldItem = ({
               <CopyPlus className="h-3 w-3" />
             </button>
 
+            <button
+              className="dark:text-muted-foreground/50 dark:hover:text-muted-foreground dark:hover:bg-foreground/10 rounded-sm p-1.5 text-gray-400 transition-colors hover:bg-white/10 hover:text-gray-100"
+              onClick={onDuplicateAllPages}
+              onTouchEnd={onDuplicateAllPages}
+            >
+              <Copy className="h-3 w-3" />
+            </button>
+
             <button
               className="dark:text-muted-foreground/50 dark:hover:text-muted-foreground dark:hover:bg-foreground/10 rounded-sm p-1.5 text-gray-400 transition-colors hover:bg-white/10 hover:text-gray-100"
               onClick={onRemove}