feat: notify owner when a recipient signs (#1549)

packages/email/template-components/template-document-recipient-signed.tsx

@@ -0,0 +1,56 @@
+import { Trans } from '@lingui/macro';
+
+import { Column, Img, Section, Text } from '../components';
+import { TemplateDocumentImage } from './template-document-image';
+
+export interface TemplateDocumentRecipientSignedProps {
+  documentName: string;
+  recipientName: string;
+  recipientEmail: string;
+  assetBaseUrl: string;
+}
+
+export const TemplateDocumentRecipientSigned = ({
+  documentName,
+  recipientName,
+  recipientEmail,
+  assetBaseUrl,
+}: TemplateDocumentRecipientSignedProps) => {
+  const getAssetUrl = (path: string) => {
+    return new URL(path, assetBaseUrl).toString();
+  };
+
+  const recipientReference = recipientName || recipientEmail;
+
+  return (
+    <>
+      <TemplateDocumentImage className="mt-6" assetBaseUrl={assetBaseUrl} />
+
+      <Section>
+        <Section className="mb-4">
+          <Column align="center">
+            <Text className="text-base font-semibold text-[#7AC455]">
+              <Img
+                src={getAssetUrl('/static/completed.png')}
+                className="-mt-0.5 mr-2 inline h-7 w-7 align-middle"
+              />
+              <Trans>Completed</Trans>
+            </Text>
+          </Column>
+        </Section>
+
+        <Text className="text-primary mb-0 text-center text-lg font-semibold">
+          <Trans>
+            {recipientReference} has signed "{documentName}"
+          </Trans>
+        </Text>
+
+        <Text className="mx-auto mb-6 mt-1 max-w-[80%] text-center text-base text-slate-400">
+          <Trans>{recipientReference} has completed signing the document.</Trans>
+        </Text>
+      </Section>
+    </>
+  );
+};
+
+export default TemplateDocumentRecipientSigned;