@drawbridge/components 0.0.78 → 0.1.1

package/dist/bridge/form-subdomain.mjs

@@ -0,0 +1,977 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, useCallback, useEffect, useMemo, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import { request } from "@drawbridge/drawbridge-utils/fetch";
+import { captureException } from "@drawbridge/drawbridge-telemetry/nextjs";
+import { useForm, Controller } from "react-hook-form";
+import yup, { resolver } from "./lib/yup.mjs";
+import { ageFor, ageGateSchema } from "./lib/age-gate.mjs";
+import { useGoogleReCaptcha } from "react-google-recaptcha-v3";
+import { assertRecaptcha } from "./lib/recaptcha.mjs";
+import { submissionEndpoint } from "./lib/url.mjs";
+import Form from "../shared/form.mjs";
+import Button from "../shared/button.mjs";
+import Fieldset from "../shared/fieldset.mjs";
+import { components, validate } from "./fields.mjs";
+import InputGroup from "../input-group.mjs";
+import Error from "../shared/error.mjs";
+import InputText from "../input-text.mjs";
+import { FormSubdomainHeader } from "./form-subdomain-header.mjs";
+import Loader from "../icons/loader.mjs";
+import Warning from "../icons/warning.mjs";
+import InputCheckbox from "../input-checkbox.mjs";
+import Advertisements from "./advertisements.mjs";
+import Link from "next/link";
+const appendPreview = (endpoint, token) => {
+  if (!token) return endpoint;
+  const separator = endpoint.includes("?") ? "&" : "?";
+  return endpoint + separator + "drwbrdg_pre=" + encodeURIComponent(token);
+};
+const FormSubdomainSubmission = ({
+  affiliate,
+  button,
+  checkout,
+  id,
+  lead,
+  message,
+  preview,
+  slug,
+  style,
+  subdomain,
+  title,
+  tracking
+}) => {
+  var _a;
+  const [loading, setLoading] = useState(Boolean(id));
+  const [data, setData] = useState();
+  const [error, setError] = useState();
+  const searchParams = useSearchParams();
+  const token = searchParams.get("drwbrdg_pre");
+  const endpoint = submissionEndpoint({ affiliate, id, slug, subdomain, token });
+  const submission = useCallback(
+    async () => {
+      try {
+        const response = await request({
+          cache: "no-store",
+          endpoint,
+          method: "GET"
+        });
+        setData(response.result);
+        setLoading(false);
+      } catch ({ message: message2 }) {
+        setError(message2);
+        setLoading(false);
+      }
+    },
+    [endpoint]
+  );
+  useEffect(
+    () => {
+      if (!endpoint) return;
+      submission();
+    },
+    [endpoint, submission]
+  );
+  if (error) {
+    return /* @__PURE__ */ jsx(
+      FormSubdomainMessage,
+      {
+        ...{
+          button,
+          message: error,
+          style,
+          svg: Warning,
+          title: "Error"
+        }
+      }
+    );
+  }
+  ;
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...{
+          className: "flex items-center justify-center w-full aspect-square"
+        },
+        children: /* @__PURE__ */ jsx(
+          Loader,
+          {
+            ...{
+              className: "w-6 h-6 animate-spin"
+            }
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...{
+        className: "space-y-6"
+      },
+      children: [
+        button && /* @__PURE__ */ jsx(
+          FormSubdomainMessage,
+          {
+            ...{
+              button,
+              title,
+              preview,
+              style,
+              ...message && {
+                message
+              }
+            }
+          }
+        ),
+        ((_a = data == null ? void 0 : data.advertisements) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ jsx(
+          Advertisements,
+          {
+            ...{
+              affiliate: data == null ? void 0 : data.affiliate,
+              campaign: data == null ? void 0 : data.campaign,
+              items: (data == null ? void 0 : data.advertisements) || [],
+              lead,
+              checkout,
+              organization: data == null ? void 0 : data.organization,
+              page: data == null ? void 0 : data.page,
+              preview,
+              slug,
+              style,
+              subdomain,
+              tracking
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+const FormSubdomainMessage = ({
+  button,
+  message,
+  preview,
+  style,
+  svg: Svg,
+  title
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...{
+        className: "space-y-6"
+      },
+      children: [
+        button && /* @__PURE__ */ jsx(
+          FormSubdomainHeader,
+          {
+            ...{
+              button,
+              style,
+              title
+            }
+          }
+        ),
+        Boolean(preview) && /* @__PURE__ */ jsx(
+          Error,
+          {
+            ...{
+              error: "Preview mode: data not collected",
+              style
+            }
+          }
+        ),
+        message && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ...{
+              className: "flex flex-col items-center justify-center space-y-2"
+            },
+            children: [
+              Svg && /* @__PURE__ */ jsx(
+                Svg,
+                {
+                  ...{
+                    className: "w-8 h-8",
+                    "aria-hidden": true
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  ...{
+                    className: "text-center",
+                    role: "alert",
+                    "aria-live": "polite"
+                  },
+                  children: message
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const FormSubdomainButton = ({
+  disabled,
+  text = "Next",
+  style,
+  submitting
+}) => {
+  return /* @__PURE__ */ jsx(
+    Fieldset,
+    {
+      ...{
+        disabled: disabled || submitting
+      },
+      children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          ...{
+            loading: submitting,
+            style,
+            type: "submit"
+          },
+          children: text
+        }
+      )
+    }
+  );
+};
+const FormSubdomainGeocode = ({
+  button,
+  disabled,
+  callback,
+  preview,
+  style,
+  values
+}) => {
+  const [error, setError] = useState(disabled ? "Campaign is not currently active" : null);
+  const searchParams = useSearchParams();
+  const token = searchParams.get("drwbrdg_pre");
+  useEffect(
+    () => {
+      if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition(
+          async (position) => {
+            try {
+              const response = await request({
+                body: {
+                  coordinates: [
+                    position.coords.longitude,
+                    position.coords.latitude
+                  ],
+                  preview
+                },
+                cache: "no-store",
+                endpoint: appendPreview("/subdomain/" + (values == null ? void 0 : values.subdomain) + "/page/" + (values == null ? void 0 : values.slug) + "/location", token),
+                method: "POST"
+              });
+              callback(response);
+            } catch ({ message }) {
+              setError(message);
+            }
+          },
+          () => {
+            setError("Location services are not enabled.");
+          }
+        );
+      } else {
+        setError("Location data is not supported with your current browser and or device.");
+      }
+    },
+    [callback, preview, token, values]
+  );
+  if (error) {
+    return /* @__PURE__ */ jsx(
+      FormSubdomainMessage,
+      {
+        ...{
+          button,
+          message: error,
+          style,
+          svg: Warning,
+          title: "Error"
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...{
+        className: "space-y-6"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          FormSubdomainHeader,
+          {
+            ...{
+              button,
+              style
+            }
+          }
+        ),
+        Boolean(preview) && /* @__PURE__ */ jsx(
+          Error,
+          {
+            ...{
+              error: "Preview mode: data not collected",
+              style
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...{
+              className: "flex items-center justify-center p-6"
+            },
+            children: /* @__PURE__ */ jsx(
+              Loader,
+              {
+                ...{
+                  className: "w-6 h-6 animate-spin"
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+const FormSubdomainAge = ({
+  button,
+  callback = () => {
+  },
+  disabled,
+  preview,
+  style,
+  values
+}) => {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const schema = useMemo(
+    () => ageGateSchema(values, currentYear),
+    [values == null ? void 0 : values.min, values == null ? void 0 : values.max, currentYear]
+    // eslint-disable-line react-hooks/exhaustive-deps
+  );
+  const { control, handleSubmit, formState } = useForm({
+    resolver: resolver(schema),
+    values: {}
+  });
+  const onSubmit = ({
+    object: {
+      age,
+      day,
+      month,
+      year
+    }
+  }) => {
+    callback({
+      age,
+      birthday: [month, day, year].join("/")
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    Form,
+    {
+      ...{
+        className: "relative w-full space-y-6",
+        onSubmit: handleSubmit(onSubmit)
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          FormSubdomainHeader,
+          {
+            ...{
+              button,
+              title: "Confirm your age",
+              style
+            }
+          }
+        ),
+        Boolean(preview) && /* @__PURE__ */ jsx(
+          Error,
+          {
+            ...{
+              error: "Preview mode: data not collected",
+              style
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Fieldset,
+          {
+            ...{
+              disabled: disabled || (formState == null ? void 0 : formState.isSubmitting)
+            },
+            children: /* @__PURE__ */ jsx(
+              Controller,
+              {
+                ...{
+                  control,
+                  name: "object",
+                  render: ({ field: { value, onChange } }) => {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+                    return /* @__PURE__ */ jsx(
+                      InputGroup,
+                      {
+                        ...{
+                          error: (_i = ((_b = (_a = formState == null ? void 0 : formState.errors) == null ? void 0 : _a.object) == null ? void 0 : _b.month) || ((_d = (_c = formState == null ? void 0 : formState.errors) == null ? void 0 : _c.object) == null ? void 0 : _d.day) || ((_f = (_e = formState == null ? void 0 : formState.errors) == null ? void 0 : _e.object) == null ? void 0 : _f.year) || ((_h = (_g = formState == null ? void 0 : formState.errors) == null ? void 0 : _g.object) == null ? void 0 : _h.age)) == null ? void 0 : _i.message,
+                          input: /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              ...{
+                                className: "flex items-center space-x-4 w-full"
+                              },
+                              children: [
+                                /* @__PURE__ */ jsxs(
+                                  "div",
+                                  {
+                                    ...{
+                                      className: "space-y-2 w-full"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsx("p", { children: "Month" }),
+                                      /* @__PURE__ */ jsx(
+                                        InputText,
+                                        {
+                                          ...{
+                                            inputMode: "numeric",
+                                            "aria-label": "enter month",
+                                            onChange: (val) => {
+                                              onChange({
+                                                ...value,
+                                                month: Number(val)
+                                              });
+                                            },
+                                            style,
+                                            value: (value == null ? void 0 : value.month) || ""
+                                          }
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs(
+                                  "div",
+                                  {
+                                    ...{
+                                      className: "space-y-2 w-full"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsx("p", { children: "Day" }),
+                                      /* @__PURE__ */ jsx(
+                                        InputText,
+                                        {
+                                          ...{
+                                            inputMode: "numeric",
+                                            "aria-label": "enter day",
+                                            onChange: (val) => {
+                                              onChange({
+                                                ...value,
+                                                day: Number(val)
+                                              });
+                                            },
+                                            style,
+                                            value: (value == null ? void 0 : value.day) || ""
+                                          }
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs(
+                                  "div",
+                                  {
+                                    ...{
+                                      className: "space-y-2 w-full"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsx("p", { children: "Year" }),
+                                      /* @__PURE__ */ jsx(
+                                        InputText,
+                                        {
+                                          ...{
+                                            inputMode: "numeric",
+                                            "aria-label": "enter year",
+                                            onChange: (val) => {
+                                              onChange({
+                                                ...value,
+                                                age: ageFor(val, currentYear),
+                                                year: Number(val)
+                                              });
+                                            },
+                                            style,
+                                            value: (value == null ? void 0 : value.year) || ""
+                                          }
+                                        }
+                                      )
+                                    ]
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          style
+                        }
+                      }
+                    );
+                  }
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormSubdomainButton,
+          {
+            ...{
+              disabled,
+              style,
+              submitting: formState == null ? void 0 : formState.isSubmitting
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+const FormSubdomainInformation = ({
+  button,
+  callback = () => {
+  },
+  disabled,
+  preview,
+  style,
+  values
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const fields = [
+    ...((_a = values == null ? void 0 : values.fields) == null ? void 0 : _a.lead) || [],
+    ...((_b = values == null ? void 0 : values.fields) == null ? void 0 : _b.additional) || []
+  ];
+  const slugs = fields.map((field) => field == null ? void 0 : field.slug);
+  const smsConsent = Boolean((_d = (_c = values == null ? void 0 : values.agreements) == null ? void 0 : _c.sms) == null ? void 0 : _d.enabled) || slugs.includes("phone");
+  const marketingConsent = Boolean((_f = (_e = values == null ? void 0 : values.agreements) == null ? void 0 : _e.marketing) == null ? void 0 : _f.enabled);
+  const schema = useMemo(
+    () => {
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+      const memoFields = [
+        ...((_a2 = values == null ? void 0 : values.fields) == null ? void 0 : _a2.lead) || [],
+        ...((_b2 = values == null ? void 0 : values.fields) == null ? void 0 : _b2.additional) || []
+      ];
+      const memoSlugs = memoFields.map((field) => field == null ? void 0 : field.slug);
+      const shape = {
+        fields: yup.object(
+          memoFields.reduce(
+            (accumulator, field) => {
+              accumulator[field.id] = validate[field == null ? void 0 : field.slug](field, yup);
+              return accumulator;
+            },
+            {}
+          )
+        )
+      };
+      const agreements = {};
+      if ((_d2 = (_c2 = values == null ? void 0 : values.agreements) == null ? void 0 : _c2.terms) == null ? void 0 : _d2.enabled) {
+        agreements.terms = validate.agreement((_e2 = values == null ? void 0 : values.agreements) == null ? void 0 : _e2.terms, yup);
+      }
+      if (Boolean((_g2 = (_f2 = values == null ? void 0 : values.agreements) == null ? void 0 : _f2.marketing) == null ? void 0 : _g2.enabled)) {
+        agreements.marketing = yup.bool();
+      }
+      if (Boolean((_i2 = (_h2 = values == null ? void 0 : values.agreements) == null ? void 0 : _h2.sms) == null ? void 0 : _i2.enabled) || memoSlugs.includes("phone")) {
+        agreements.sms = yup.bool();
+      }
+      if (Object.keys(agreements).length > 0) {
+        shape.agreements = yup.object(agreements);
+      }
+      return yup.object(shape);
+    },
+    [values]
+  );
+  const { control, handleSubmit, formState } = useForm({
+    resolver: resolver(schema),
+    values: {}
+  });
+  const checkbox = ({
+    fallback,
+    key,
+    onChange,
+    value
+  }) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    return /* @__PURE__ */ jsx(
+      InputCheckbox,
+      {
+        ...{
+          labelId: "checkbox-" + key,
+          label: /* @__PURE__ */ jsx(Fragment, { children: ((_b2 = (_a2 = values == null ? void 0 : values.agreements) == null ? void 0 : _a2[key]) == null ? void 0 : _b2.link) ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              ...{
+                element: Link,
+                href: (_d2 = (_c2 = values == null ? void 0 : values.agreements) == null ? void 0 : _c2[key]) == null ? void 0 : _d2.link,
+                inline: true,
+                target: "_blank",
+                variant: "link"
+              },
+              children: ((_f2 = (_e2 = values == null ? void 0 : values.agreements) == null ? void 0 : _e2[key]) == null ? void 0 : _f2.label) || fallback
+            }
+          ) : ((_h2 = (_g2 = values == null ? void 0 : values.agreements) == null ? void 0 : _g2[key]) == null ? void 0 : _h2.label) || fallback }),
+          onChange,
+          style,
+          value
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs(
+    Form,
+    {
+      ...{
+        className: "relative w-full space-y-6 @container",
+        onSubmit: handleSubmit(callback)
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          FormSubdomainHeader,
+          {
+            ...{
+              button,
+              style,
+              title: "Your information"
+            }
+          }
+        ),
+        Boolean(preview) && /* @__PURE__ */ jsx(
+          Error,
+          {
+            ...{
+              error: "Preview mode: data not collected",
+              style
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Fieldset,
+          {
+            ...{
+              className: "space-y-6",
+              disabled: disabled || (formState == null ? void 0 : formState.isSubmitting)
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ...{
+                    className: "space-y-4"
+                  },
+                  children: fields.map((field) => /* @__PURE__ */ jsx(
+                    Controller,
+                    {
+                      ...{
+                        control,
+                        name: "fields." + field.id,
+                        render: ({ field: { onChange, value } }) => {
+                          var _a2, _b2;
+                          return components[field == null ? void 0 : field.slug]({
+                            error: (_b2 = (_a2 = formState == null ? void 0 : formState.errors) == null ? void 0 : _a2.fields) == null ? void 0 : _b2[field == null ? void 0 : field.id],
+                            field,
+                            onChange,
+                            style,
+                            value
+                          });
+                        }
+                      }
+                    },
+                    field == null ? void 0 : field.id
+                  ))
+                }
+              ),
+              (Boolean((_h = (_g = values == null ? void 0 : values.agreements) == null ? void 0 : _g.terms) == null ? void 0 : _h.enabled) || marketingConsent || smsConsent) && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  ...{
+                    className: "space-y-4"
+                  },
+                  children: [
+                    Boolean((_j = (_i = values == null ? void 0 : values.agreements) == null ? void 0 : _i.terms) == null ? void 0 : _j.enabled) && /* @__PURE__ */ jsx(
+                      Controller,
+                      {
+                        ...{
+                          control,
+                          name: "agreements.terms",
+                          render: ({ field: { value, onChange } }) => {
+                            var _a2, _b2, _c2;
+                            return /* @__PURE__ */ jsx(
+                              InputGroup,
+                              {
+                                ...{
+                                  error: (_c2 = (_b2 = (_a2 = formState == null ? void 0 : formState.errors) == null ? void 0 : _a2.agreements) == null ? void 0 : _b2.terms) == null ? void 0 : _c2.message,
+                                  input: checkbox({
+                                    key: "terms",
+                                    onChange,
+                                    value
+                                  }),
+                                  style
+                                }
+                              }
+                            );
+                          }
+                        }
+                      }
+                    ),
+                    marketingConsent && /* @__PURE__ */ jsx(
+                      Controller,
+                      {
+                        ...{
+                          control,
+                          name: "agreements.marketing",
+                          render: ({ field: { value, onChange } }) => {
+                            var _a2, _b2, _c2;
+                            return /* @__PURE__ */ jsx(
+                              InputGroup,
+                              {
+                                ...{
+                                  error: (_c2 = (_b2 = (_a2 = formState == null ? void 0 : formState.errors) == null ? void 0 : _a2.agreements) == null ? void 0 : _b2.marketing) == null ? void 0 : _c2.message,
+                                  input: checkbox({
+                                    fallback: "I agree to receive marketing emails about this campaign. Unsubscribe any time.",
+                                    key: "marketing",
+                                    onChange,
+                                    value
+                                  }),
+                                  style
+                                }
+                              }
+                            );
+                          }
+                        }
+                      }
+                    ),
+                    smsConsent && /* @__PURE__ */ jsx(
+                      Controller,
+                      {
+                        ...{
+                          control,
+                          name: "agreements.sms",
+                          render: ({ field: { value, onChange } }) => {
+                            var _a2, _b2, _c2;
+                            return /* @__PURE__ */ jsx(
+                              InputGroup,
+                              {
+                                ...{
+                                  error: (_c2 = (_b2 = (_a2 = formState == null ? void 0 : formState.errors) == null ? void 0 : _a2.agreements) == null ? void 0 : _b2.sms) == null ? void 0 : _c2.message,
+                                  input: checkbox({
+                                    // The default wording carrier reviewers look
+                                    // for: explicit texts, rates, and STOP.
+                                    fallback: "I agree to receive text messages about this campaign. Message and data rates may apply. Reply STOP to opt out.",
+                                    key: "sms",
+                                    onChange,
+                                    value
+                                  }),
+                                  style
+                                }
+                              }
+                            );
+                          }
+                        }
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FormSubdomainButton,
+          {
+            ...{
+              disabled,
+              style,
+              submitting: formState == null ? void 0 : formState.isSubmitting,
+              text: "Submit"
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+const FormSubdomain = ({
+  agreements,
+  button,
+  disabled,
+  fields,
+  integrations,
+  onCheckout,
+  onError = () => {
+  },
+  onSuccess = () => {
+  },
+  params,
+  preview,
+  style,
+  tracking
+}) => {
+  var _a, _b, _c;
+  const { executeRecaptcha } = useGoogleReCaptcha();
+  const searchParams = useSearchParams();
+  const token = searchParams.get("drwbrdg_pre");
+  const [data, setData] = useState({});
+  const [step, setStep] = useState(0);
+  const onSubmit = useCallback(
+    async (values) => {
+      var _a2, _b2;
+      try {
+        let recaptcha;
+        if (Boolean((_a2 = integrations == null ? void 0 : integrations.recaptcha) == null ? void 0 : _a2.enabled)) {
+          assertRecaptcha(executeRecaptcha);
+          recaptcha = await executeRecaptcha("form_subdomain_submission_submit").catch((error) => {
+            captureException(error);
+            return null;
+          });
+        }
+        ;
+        const response = await request({
+          body: {
+            ...values,
+            entries: 1,
+            preview,
+            recaptcha,
+            tracking: (_b2 = tracking == null ? void 0 : tracking.context) == null ? void 0 : _b2.call(tracking)
+          },
+          cache: "no-store",
+          endpoint: appendPreview("/subdomain/" + (params == null ? void 0 : params.subdomain) + "/page/" + (params == null ? void 0 : params.slug) + "/submission", token),
+          method: "POST"
+        });
+        onSuccess(response);
+        if (response == null ? void 0 : response.created) {
+          tracking == null ? void 0 : tracking.track(
+            {
+              name: "form-lead-information"
+            },
+            "submit",
+            {
+              plugins: {
+                "drawbridge-analytics": false
+              }
+            }
+          );
+        }
+      } catch (error) {
+        onError(error);
+      }
+    },
+    [executeRecaptcha, integrations, onError, onSuccess, params, preview, token, tracking]
+  );
+  const forms = [
+    ...Boolean((_a = integrations == null ? void 0 : integrations.geocode) == null ? void 0 : _a.enabled) ? [
+      /* @__PURE__ */ jsx(
+        FormSubdomainGeocode,
+        {
+          ...{
+            button,
+            callback: (object) => {
+              setStep(step + 1);
+              tracking.track(
+                {
+                  name: "form-geocode"
+                },
+                "submit"
+              );
+            },
+            disabled,
+            style,
+            preview,
+            values: params
+          }
+        },
+        "form-subdomain-geocode"
+      )
+    ] : [],
+    ...Boolean((_b = integrations == null ? void 0 : integrations.age) == null ? void 0 : _b.enabled) ? [
+      /* @__PURE__ */ jsx(
+        FormSubdomainAge,
+        {
+          ...{
+            button,
+            callback: (object) => {
+              setData({
+                ...data,
+                integrations: {
+                  ...data.integrations,
+                  ...object
+                }
+              });
+              setStep(step + 1);
+              tracking.track(
+                {
+                  name: "form-age-gate"
+                },
+                "submit"
+              );
+            },
+            disabled,
+            preview,
+            style,
+            values: (_c = integrations == null ? void 0 : integrations.age) == null ? void 0 : _c.settings
+          }
+        },
+        "form-subdomain-age"
+      )
+    ] : [],
+    /* @__PURE__ */ jsx(
+      FormSubdomainInformation,
+      {
+        ...{
+          button,
+          callback: async (object) => await onSubmit({
+            ...data,
+            ...object
+          }),
+          disabled,
+          preview,
+          style,
+          values: {
+            agreements,
+            fields
+          }
+        }
+      },
+      "form-subdomain-information"
+    )
+  ];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...{
+        className: "space-y-6"
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...{
+            className: "relative w-full space-y-6"
+          },
+          children: forms == null ? void 0 : forms[step]
+        }
+      )
+    }
+  );
+};
+var form_subdomain_default = FormSubdomain;
+export {
+  FormSubdomainHeader,
+  FormSubdomainMessage,
+  FormSubdomainSubmission,
+  form_subdomain_default as default
+};