fix: improve embed error messages (#2752)

apps/remix/app/components/embed/embed-paywall.tsx

@@ -1,7 +1,25 @@
+import { Trans } from '@lingui/react/macro';
+import { Link } from 'react-router';
+
+import { SUPPORT_EMAIL } from '@documenso/lib/constants/app';
+
 export const EmbedPaywall = () => {
   return (
-    <div>
-      <h1>Paywall</h1>
+    <div className="flex min-h-screen items-center justify-center p-4">
+      <div className="text-center text-muted-foreground">
+        <p className="text-lg font-semibold">
+          <Trans>This feature is not available on your current plan</Trans>
+        </p>
+        <p className="mt-2 text-sm">
+          <Trans>
+            Please contact{' '}
+            <Link to={`mailto:${SUPPORT_EMAIL}`} target="_blank">
+              support
+            </Link>{' '}
+            if you have any questions.
+          </Trans>
+        </p>
+      </div>
     </div>
   );
 };

packages/trpc/server/embedding-router/create-embedding-presign-token.ts

@@ -46,7 +46,8 @@ export const createEmbeddingPresignTokenRoute = procedure
 
         if (!organisationClaim.flags.embedAuthoring) {
           throw new AppError(AppErrorCode.UNAUTHORIZED, {
-            message: 'You do not have permission to create embedding presign tokens',
+            message:
+              'Embedded Authoring is not included in your current plan. Please contact support.',
           });
         }
       }