* feat: Use Cloudflare Turnstile in booker * move files arround * render turnstile widget and add token to store * use token from body instead of headers * watch cf token to re-render disabled state * Update packages/features/bookings/Booker/components/BookEventForm/BookEventForm.tsx * Update packages/features/bookings/lib/create-booking.ts * ensure bool * add to recuring event * fix recuring events --------- Co-authored-by: sean-brydon <sean@cal.com> Co-authored-by: sean-brydon <55134778+sean-brydon@users.noreply.github.com> Co-authored-by: Benny Joo <sldisek783@gmail.com>
13 lines
415 B
TypeScript
13 lines
415 B
TypeScript
import type { TurnstileProps } from "react-turnstile";
|
|
import Turnstile from "react-turnstile";
|
|
|
|
import { CLOUDFLARE_SITE_ID } from "@calcom/lib/constants";
|
|
|
|
type Props = Omit<TurnstileProps, "sitekey">;
|
|
|
|
export default function TurnstileWidget(props: Props) {
|
|
if (!CLOUDFLARE_SITE_ID || process.env.NEXT_PUBLIC_IS_E2E) return null;
|
|
|
|
return <Turnstile {...props} sitekey={CLOUDFLARE_SITE_ID} theme="auto" />;
|
|
}
|