From 4c67d2e321514456aaa1bafcf97a81d6beeb775e Mon Sep 17 00:00:00 2001
From: Ahmed Bouhuolia <a.bouhuolia@gmail.com>
Date: Wed, 6 Nov 2024 14:17:28 +0200
Subject: [PATCH] feat: add invoice mail receipt schema

---
 .../src/lib/InvoicePaymentEmailSchema.tsx     | 64 +++++++++++++++++++
 1 file changed, 64 insertions(+)
 create mode 100644 shared/email-components/src/lib/InvoicePaymentEmailSchema.tsx

diff --git a/shared/email-components/src/lib/InvoicePaymentEmailSchema.tsx b/shared/email-components/src/lib/InvoicePaymentEmailSchema.tsx
new file mode 100644
index 0000000000..9ad97ace11
--- /dev/null
+++ b/shared/email-components/src/lib/InvoicePaymentEmailSchema.tsx
@@ -0,0 +1,64 @@
+export interface InvoicePaymentEmailSchemaProps {
+  companyName: string;
+  companyLogoUri: string;
+
+  total: string;
+  currencyCode: string;
+
+  dueDate: string;
+  paymentUrl: string;
+
+  invoiceNumber: string;
+  invoiceDate: string;
+}
+
+export function InvoicePaymentEmailSchema({
+  companyName,
+  companyLogoUri,
+
+  currencyCode,
+  total,
+
+  paymentUrl,
+  dueDate,
+
+  invoiceDate,
+  invoiceNumber
+}: InvoicePaymentEmailSchemaProps) {
+  return (
+    <script type="application/ld+json">
+      {`
+    {
+      "@context": "http://schema.org",
+      "@type": "Invoice",
+      "description": "Invoice for services rendered",
+      "paymentStatus": "http://schema.org/PaymentDue",
+      "totalPaymentDue": {
+      "@type": "MonetaryAmount",
+      "currency": "${currencyCode}",
+        "value": "${total}"
+      },
+      "provider": {
+        "@type": "Organization",
+        "name": "${companyName}",
+        "logo": "${companyLogoUri}",
+        "telephone": "+1234567890"
+      },
+      "paymentDueDate": "${dueDate}",
+      "paymentUrl": "${paymentUrl}",
+      "referencesOrder": {
+        "@type": "Order",
+        "orderNumber": "${invoiceNumber}",
+        "orderStatus": "http://schema.org/OrderPaymentDue",
+        "orderDate": "${invoiceDate}"
+      },
+      "potentialAction": {
+      "@type": "ViewAction",
+      "target": "${paymentUrl}",
+      "name": "View and Pay Invoice"
+      }
+    }
+    `}
+    </script>
+  );
+}