first commit

calcom/packages/app-store/routing-forms/emails/components/ResponseEmail.tsx

@@ -0,0 +1,53 @@
+import type { App_RoutingForms_Form } from "@prisma/client";
+
+import { BaseEmailHtml, Info } from "@calcom/emails/src/components";
+import { WEBAPP_URL } from "@calcom/lib/constants";
+
+import type { OrderedResponses } from "../../types/types";
+
+export const ResponseEmail = ({
+  form,
+  orderedResponses,
+  ...props
+}: {
+  form: Pick<App_RoutingForms_Form, "id" | "name">;
+  orderedResponses: OrderedResponses;
+  subject: string;
+} & Partial<React.ComponentProps<typeof BaseEmailHtml>>) => {
+  return (
+    <BaseEmailHtml
+      callToAction={
+        <div
+          style={{
+            fontFamily: "Roboto, Helvetica, sans-serif",
+            fontSize: "16px",
+            fontWeight: 500,
+            lineHeight: "0px",
+            textAlign: "left",
+            color: "#3e3e3e",
+          }}>
+          <p style={{ fontWeight: 400, lineHeight: "24px" }}>
+            <a href={`${WEBAPP_URL}/routing-forms/form-edit/${form.id}`} style={{ color: "#3e3e3e" }}>
+              <>Manage this form</>
+            </a>
+          </p>
+        </div>
+      }
+      title={form.name}
+      subtitle="New Response Received"
+      {...props}>
+      {orderedResponses.map((fieldResponse, index) => {
+        return (
+          <Info
+            withSpacer
+            key={index}
+            label={fieldResponse.label}
+            description={
+              fieldResponse.value instanceof Array ? fieldResponse.value.join(",") : fieldResponse.value
+            }
+          />
+        );
+      })}
+    </BaseEmailHtml>
+  );
+};

calcom/packages/app-store/routing-forms/emails/components/index.tsx

@@ -0,0 +1 @@
+export { ResponseEmail } from "./ResponseEmail";