fix: clean up duplicate dialogs (#2686)

packages/app-tests/e2e/envelope-editor-v2/envelope-actions.spec.ts

@@ -296,7 +296,7 @@ test.describe('document editor', () => {
     await page.getByRole('button', { name: 'Duplicate' }).click();
 
     // Assert toast appears.
-    await expectToastTextToBeVisible(page, 'Envelope Duplicated');
+    await expectToastTextToBeVisible(page, 'Document Duplicated');
 
     // The page should have navigated to the new document's edit page.
     await expect(page).toHaveURL(/\/documents\/.*\/edit/);
@@ -422,7 +422,7 @@ test.describe('template editor', () => {
     await page.getByRole('button', { name: 'Duplicate' }).click();
 
     // Assert toast appears.
-    await expectToastTextToBeVisible(page, 'Envelope Duplicated');
+    await expectToastTextToBeVisible(page, 'Template Duplicated');
 
     // The page should have navigated to the new template's edit page.
     await expect(page).toHaveURL(/\/templates\/.*\/edit/);

packages/app-tests/e2e/templates/manage-templates.spec.ts

@@ -117,7 +117,13 @@ test('[TEMPLATES]: duplicate template', async ({ page }) => {
   await expect(page.getByRole('menuitem', { name: 'Duplicate' })).toBeVisible();
   await page.getByRole('menuitem', { name: 'Duplicate' }).click();
   await page.getByRole('button', { name: 'Duplicate' }).click();
-  await expect(page.getByText('Template duplicated').first()).toBeVisible();
+  await expect(page.getByText('Template Duplicated').first()).toBeVisible();
+
+  // The dialog should navigate to the new template's edit page.
+  await page.waitForURL(/\/templates\/.*\/edit/);
+
+  // Navigate back to the templates list and verify the count is now 2.
+  await page.goto(`/t/${team.url}/templates`);
   await expect(page.getByTestId('data-table-count')).toContainText('Showing 2 results');
 });
 

packages/ui/components/document/document-share-button.tsx

@@ -9,6 +9,7 @@ import { FaXTwitter } from 'react-icons/fa6';
 
 import { useCopyShareLink } from '@documenso/lib/client-only/hooks/use-copy-share-link';
 import { NEXT_PUBLIC_WEBAPP_URL } from '@documenso/lib/constants/app';
+import { DO_NOT_INVALIDATE_QUERY_ON_MUTATION } from '@documenso/lib/constants/trpc';
 import { generateTwitterIntent } from '@documenso/lib/universal/generate-twitter-intent';
 import { trpc } from '@documenso/trpc/react';
 
@@ -60,7 +61,9 @@ export const DocumentShareButton = ({
     mutateAsync: createOrGetShareLink,
     data: shareLink,
     isPending: isCreatingOrGettingShareLink,
-  } = trpc.document.share.useMutation();
+  } = trpc.document.share.useMutation({
+    ...DO_NOT_INVALIDATE_QUERY_ON_MUTATION,
+  });
 
   const isLoading = isCreatingOrGettingShareLink || isCopyingShareLink;
 
@@ -138,7 +141,7 @@ export const DocumentShareButton = ({
 
       <DialogContent position="end">
         <DialogHeader>
-          <DialogTitle>
+          <DialogTitle className="w-full max-w-full whitespace-pre-line break-words">
             <Trans>Share your signing experience!</Trans>
           </DialogTitle>
 
@@ -166,7 +169,7 @@ export const DocumentShareButton = ({
             </span>
             <div
               className={cn(
-                'bg-muted/40 mt-4 aspect-[1200/630] overflow-hidden rounded-lg border',
+                'mt-4 aspect-[1200/630] overflow-hidden rounded-lg border bg-muted/40',
                 {
                   'animate-pulse': !shareLink?.slug,
                 },