Move report interest form into Monoweb (#663)

Also uses our email handler


![image](https://github.com/dotkom/monoweb/assets/42585241/64bae007-50e9-444c-a376-16624a3a40cb)

![image](https://github.com/dotkom/monoweb/assets/42585241/4a4ad620-a1e2-4ef0-a461-26ecfef778aa)

![image](https://github.com/dotkom/monoweb/assets/42585241/6295d7e3-e59b-4345-9d72-ea9eaa39988a)

apps/gateway-email/src/lambda.ts

@@ -1,12 +1,22 @@
 import type { Handler, APIGatewayProxyEventV2, APIGatewayProxyResultV2 } from "aws-lambda"
-import { HelloWorldTemplate, InvalidTemplateArguments, type Template } from "@dotkomonline/emails"
+import {
+  HelloWorldTemplate,
+  InterestFormForBedkomTemplate,
+  InterestFormForCompanyTemplate,
+  InvalidTemplateArguments,
+  type Template,
+} from "@dotkomonline/emails"
 import { z, ZodError } from "zod"
 import { SendEmailCommand, SESClient } from "@aws-sdk/client-ses"
 
 const ses = new SESClient()
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const templates = [HelloWorldTemplate] satisfies Template<any>[]
+const templates = [
+  HelloWorldTemplate,
+  InterestFormForBedkomTemplate,
+  InterestFormForCompanyTemplate,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+] satisfies Template<any>[]
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const templateMap = templates.reduce<Record<string, Template<any>>>((acc, curr) => {

apps/rif/.eslintrc.cjs

@@ -0,0 +1,6 @@
+const config = require("@dotkomonline/config/eslint-preset")
+
+module.exports = {
+  ...config,
+  extends: [...config.extends, "next"],
+}

apps/rif/.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

apps/rif/README.md

@@ -0,0 +1,3 @@
+# RIF
+
+Application for the report interest form that companies use to say they are interestedi n us.

apps/rif/next.config.mjs

@@ -0,0 +1,16 @@
+/**
+ * @type {import('next').NextConfig}
+ */
+const config = {
+  reactStrictMode: true,
+  swcMinify: true,
+  transpilePackages: [
+    "@dotkomonline/env",
+    "@dotkomonline/ui"
+  ],
+  experimental: {
+    serverActions: true,
+  },
+}
+
+export default config

apps/rif/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@dotkomonline/rif",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev -p 3003",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint --max-warnings 0 .",
+    "lint:fix": "eslint --fix ."
+  },
+  "dependencies": {
+    "@dotkomonline/env": "workspace:*",
+    "@dotkomonline/ui": "workspace:*",
+    "@hookform/error-message": "^2.0.1",
+    "@hookform/resolvers": "^3.3.2",
+    "@iconify/react": "^4.1.1",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@tanstack/react-query": "^4.36.1",
+    "clsx": "^2.0.0",
+    "next": "^13.5.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.47.0",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@dotkomonline/config": "workspace:^",
+    "@types/eslint": "^8.44.6",
+    "@types/node": "^18.18.3",
+    "@types/react": "^18.2.24",
+    "@types/react-dom": "^18.2.9",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.52.0",
+    "eslint-config-next": "^13.5.4",
+    "postcss": "^8.4.31",
+    "prettier": "^3.0.3",
+    "tailwindcss": "^3.3.4",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2"
+  }
+}

apps/rif/postcss.config.cjs

@@ -0,0 +1 @@
+module.exports = require("@dotkomonline/config/postcss-preset")

apps/rif/src/app/checkbox.tsx

@@ -0,0 +1,44 @@
+import { Controller, useFormContext } from "react-hook-form"
+import { FormSchema } from "./form-schema"
+import { Checkbox } from "@dotkomonline/ui"
+import { FC, ReactNode } from "react"
+import * as Tooltip from "@radix-ui/react-tooltip"
+import { Icon } from "@iconify/react"
+
+export type CheckboxWithTooltipProps = {
+  name: keyof FormSchema
+  label: string
+  tooltip: ReactNode
+}
+
+export const CheckboxWithTooltip: FC<CheckboxWithTooltipProps> = ({ label, name, tooltip }) => {
+  const form = useFormContext<FormSchema>()
+
+  return (
+    <Controller
+      control={form.control}
+      name={name}
+      render={({ field }) => (
+        <div className="inline-flex gap-1">
+          <Checkbox label={label} onCheckedChange={field.onChange} checked={field.value as boolean} />
+          <Tooltip.Provider>
+            <Tooltip.Root>
+              <Tooltip.Trigger>
+                <Icon icon="tabler:info-circle" />
+              </Tooltip.Trigger>
+              <Tooltip.Portal>
+                <Tooltip.Content
+                  className="data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade text-violet11 max-w-[400px] select-none rounded-[4px] bg-[#ffffff] p-3 leading-none shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] will-change-[transform,opacity]"
+                  sideOffset={5}
+                >
+                  {tooltip}
+                  <Tooltip.Arrow className="fill-white" />
+                </Tooltip.Content>
+              </Tooltip.Portal>
+            </Tooltip.Root>
+          </Tooltip.Provider>
+        </div>
+      )}
+    />
+  )
+}

apps/rif/src/app/custom-error-message.tsx

@@ -0,0 +1,11 @@
+import { FC } from "react"
+import { Message } from "react-hook-form"
+import { Text } from "@dotkomonline/ui"
+
+export const CustomErrorMessage: FC<{ message: Message }> = ({ message }) => {
+  return (
+    <Text size="xs" className="!text-red-9">
+      {message}
+    </Text>
+  )
+}

apps/rif/src/app/form-schema.ts

@@ -0,0 +1,18 @@
+import { z } from "zod"
+
+export const formSchema = z.object({
+  companyName: z.string().min(3, "Bedriftsnavnet må ha minimum tre bokstaver"),
+  contactName: z.string().min(1, "Navn til kontaktperson kan ikke være tomt"),
+  contactEmail: z.string().email("E-post adressen må være en gyldig e-post adresse"),
+  contactTel: z.string(),
+  requestsCompanyPresentation: z.boolean().default(false),
+  requestsCourseEvent: z.boolean().default(false),
+  requestsJobListing: z.boolean().default(false),
+  requestsInstagramTakeover: z.boolean().default(false),
+  requestsTechTalksParticipation: z.boolean().default(false),
+  requestsExcursionParticipation: z.boolean().default(false),
+  requestsCollaborationEvent: z.boolean().default(false),
+  comment: z.string().default("Ingen kommentar"),
+})
+
+export type FormSchema = z.infer<typeof formSchema>