2022-08-13 11:04:57 +00:00
|
|
|
import Head from "next/head";
|
|
|
|
|
import z from "zod";
|
|
|
|
|
|
2023-07-25 09:28:57 +00:00
|
|
|
import { orgDomainConfig } from "@calcom/features/ee/organizations/lib/orgDomains";
|
2023-02-16 22:39:57 +00:00
|
|
|
import type { AppGetServerSidePropsContext, AppPrisma } from "@calcom/types/AppGetServerSideProps";
|
|
|
|
|
import type { inferSSRProps } from "@calcom/types/inferSSRProps";
|
2022-08-13 11:04:57 +00:00
|
|
|
|
|
|
|
|
import getFieldIdentifier from "../../lib/getFieldIdentifier";
|
|
|
|
|
import { getSerializableForm } from "../../lib/getSerializableForm";
|
|
|
|
|
import { processRoute } from "../../lib/processRoute";
|
2023-06-01 20:29:13 +00:00
|
|
|
import transformResponse from "../../lib/transformResponse";
|
2023-02-16 22:39:57 +00:00
|
|
|
import type { Response } from "../../types/types";
|
2022-08-13 11:04:57 +00:00
|
|
|
|
|
|
|
|
export default function Router({ form, message }: inferSSRProps<typeof getServerSideProps>) {
|
|
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>{form.name} | Cal.com Forms</title>
|
|
|
|
|
</Head>
|
|
|
|
|
<div className="mx-auto my-0 max-w-3xl md:my-24">
|
|
|
|
|
<div className="w-full max-w-4xl ltr:mr-2 rtl:ml-2">
|
2023-04-05 18:14:46 +00:00
|
|
|
<div className="bg-default -mx-4 rounded-sm border border-neutral-200 p-4 py-6 sm:mx-0 sm:px-8">
|
2022-08-13 11:04:57 +00:00
|
|
|
<div>{message}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const querySchema = z
|
|
|
|
|
.object({
|
|
|
|
|
form: z.string(),
|
|
|
|
|
slug: z.string(),
|
|
|
|
|
pages: z.array(z.string()),
|
|
|
|
|
})
|
|
|
|
|
.catchall(z.string());
|
|
|
|
|
|
|
|
|
|
export const getServerSideProps = async function getServerSideProps(
|
|
|
|
|
context: AppGetServerSidePropsContext,
|
|
|
|
|
prisma: AppPrisma
|
|
|
|
|
) {
|
|
|
|
|
const queryParsed = querySchema.safeParse(context.query);
|
|
|
|
|
if (!queryParsed.success) {
|
|
|
|
|
return {
|
|
|
|
|
notFound: true,
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
|
|
|
const { form: formId, slug: _slug, pages: _pages, ...fieldsResponses } = queryParsed.data;
|
2023-07-25 09:28:57 +00:00
|
|
|
const { currentOrgDomain, isValidOrgDomain } = orgDomainConfig(context.req.headers.host ?? "");
|
|
|
|
|
|
|
|
|
|
const form = await prisma.app_RoutingForms_Form.findFirst({
|
2022-08-13 11:04:57 +00:00
|
|
|
where: {
|
|
|
|
|
id: formId,
|
2023-07-25 09:28:57 +00:00
|
|
|
user: {
|
|
|
|
|
organization: isValidOrgDomain
|
|
|
|
|
? {
|
|
|
|
|
slug: currentOrgDomain,
|
|
|
|
|
}
|
|
|
|
|
: null,
|
|
|
|
|
},
|
2022-08-13 11:04:57 +00:00
|
|
|
},
|
|
|
|
|
});
|
2023-07-25 09:28:57 +00:00
|
|
|
|
2022-08-13 11:04:57 +00:00
|
|
|
if (!form) {
|
|
|
|
|
return {
|
|
|
|
|
notFound: true,
|
|
|
|
|
};
|
|
|
|
|
}
|
2023-06-15 08:58:07 +00:00
|
|
|
const serializableForm = await getSerializableForm({ form });
|
2022-08-13 11:04:57 +00:00
|
|
|
|
|
|
|
|
const response: Record<string, Pick<Response[string], "value">> = {};
|
|
|
|
|
serializableForm.fields?.forEach((field) => {
|
2023-06-01 20:29:13 +00:00
|
|
|
const fieldResponse = fieldsResponses[getFieldIdentifier(field)] || "";
|
|
|
|
|
const value =
|
|
|
|
|
field.type === "multiselect" ? fieldResponse.split(",").map((r) => r.trim()) : fieldResponse;
|
2022-08-13 11:04:57 +00:00
|
|
|
response[field.id] = {
|
2023-06-01 20:29:13 +00:00
|
|
|
value: transformResponse({ field, value }),
|
2022-08-13 11:04:57 +00:00
|
|
|
};
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const decidedAction = processRoute({ form: serializableForm, response });
|
|
|
|
|
|
|
|
|
|
if (!decidedAction) {
|
|
|
|
|
throw new Error("No matching route could be found");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//TODO: Maybe take action after successful mutation
|
|
|
|
|
if (decidedAction.type === "customPageMessage") {
|
|
|
|
|
return {
|
|
|
|
|
props: {
|
|
|
|
|
form: serializableForm,
|
|
|
|
|
message: decidedAction.value,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
} else if (decidedAction.type === "eventTypeRedirectUrl") {
|
|
|
|
|
return {
|
|
|
|
|
redirect: {
|
|
|
|
|
destination: `/${decidedAction.value}`,
|
|
|
|
|
permanent: false,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
} else if (decidedAction.type === "externalRedirectUrl") {
|
|
|
|
|
return {
|
|
|
|
|
redirect: {
|
|
|
|
|
destination: `${decidedAction.value}`,
|
|
|
|
|
permanent: false,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
return {
|
|
|
|
|
props: {
|
|
|
|
|
form: serializableForm,
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
};
|
