@drawbridge/components 0.0.77 → 0.1.0

package/dist/bridge/form-subdomain.js

@@ -0,0 +1,1012 @@
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var form_subdomain_exports = {};
+__export(form_subdomain_exports, {
+  FormSubdomainHeader: () => import_form_subdomain_header.FormSubdomainHeader,
+  FormSubdomainMessage: () => FormSubdomainMessage,
+  FormSubdomainSubmission: () => FormSubdomainSubmission,
+  default: () => form_subdomain_default
+});
+module.exports = __toCommonJS(form_subdomain_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_navigation = require("next/navigation");
+var import_fetch = require("@drawbridge/drawbridge-utils/fetch");
+var import_nextjs = require("@drawbridge/drawbridge-telemetry/nextjs");
+var import_react_hook_form = require("react-hook-form");
+var import_yup = __toESM(require("./lib/yup"));
+var import_age_gate = require("./lib/age-gate");
+var import_react_google_recaptcha_v3 = require("react-google-recaptcha-v3");
+var import_recaptcha = require("./lib/recaptcha");
+var import_url = require("./lib/url");
+var import_form = __toESM(require("../shared/form"));
+var import_button = __toESM(require("../shared/button"));
+var import_fieldset = __toESM(require("../shared/fieldset"));
+var import_fields = require("./fields");
+var import_input_group = __toESM(require("../input-group"));
+var import_error = __toESM(require("../shared/error"));
+var import_input_text = __toESM(require("../input-text"));
+var import_form_subdomain_header = require("./form-subdomain-header");
+var import_loader = __toESM(require("../icons/loader"));
+var import_warning = __toESM(require("../icons/warning"));
+var import_input_checkbox = __toESM(require("../input-checkbox"));
+var import_advertisements = __toESM(require("./advertisements"));
+var import_link = __toESM(require("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] = (0, import_react.useState)(Boolean(id));
+  const [data, setData] = (0, import_react.useState)();
+  const [error, setError] = (0, import_react.useState)();
+  const searchParams = (0, import_navigation.useSearchParams)();
+  const token = searchParams.get("drwbrdg_pre");
+  const endpoint = (0, import_url.submissionEndpoint)({ affiliate, id, slug, subdomain, token });
+  const submission = (0, import_react.useCallback)(
+    async () => {
+      try {
+        const response = await (0, import_fetch.request)({
+          cache: "no-store",
+          endpoint,
+          method: "GET"
+        });
+        setData(response.result);
+        setLoading(false);
+      } catch ({ message: message2 }) {
+        setError(message2);
+        setLoading(false);
+      }
+    },
+    [endpoint]
+  );
+  (0, import_react.useEffect)(
+    () => {
+      if (!endpoint) return;
+      submission();
+    },
+    [endpoint, submission]
+  );
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      FormSubdomainMessage,
+      {
+        ...{
+          button,
+          message: error,
+          style,
+          svg: import_warning.default,
+          title: "Error"
+        }
+      }
+    );
+  }
+  ;
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ...{
+          className: "flex items-center justify-center w-full aspect-square"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_loader.default,
+          {
+            ...{
+              className: "w-6 h-6 animate-spin"
+            }
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ...{
+        className: "space-y-6"
+      },
+      children: [
+        button && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          FormSubdomainMessage,
+          {
+            ...{
+              button,
+              title,
+              preview,
+              style,
+              ...message && {
+                message
+              }
+            }
+          }
+        ),
+        ((_a = data == null ? void 0 : data.advertisements) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_advertisements.default,
+          {
+            ...{
+              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__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ...{
+        className: "space-y-6"
+      },
+      children: [
+        button && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_form_subdomain_header.FormSubdomainHeader,
+          {
+            ...{
+              button,
+              style,
+              title
+            }
+          }
+        ),
+        Boolean(preview) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_error.default,
+          {
+            ...{
+              error: "Preview mode: data not collected",
+              style
+            }
+          }
+        ),
+        message && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            ...{
+              className: "flex flex-col items-center justify-center space-y-2"
+            },
+            children: [
+              Svg && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                Svg,
+                {
+                  ...{
+                    className: "w-8 h-8",
+                    "aria-hidden": true
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "p",
+                {
+                  ...{
+                    className: "text-center",
+                    role: "alert",
+                    "aria-live": "polite"
+                  },
+                  children: message
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const FormSubdomainButton = ({
+  disabled,
+  text = "Next",
+  style,
+  submitting
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_fieldset.default,
+    {
+      ...{
+        disabled: disabled || submitting
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.default,
+        {
+          ...{
+            loading: submitting,
+            style,
+            type: "submit"
+          },
+          children: text
+        }
+      )
+    }
+  );
+};
+const FormSubdomainGeocode = ({
+  button,
+  disabled,
+  callback,
+  preview,
+  style,
+  values
+}) => {
+  const [error, setError] = (0, import_react.useState)(disabled ? "Campaign is not currently active" : null);
+  const searchParams = (0, import_navigation.useSearchParams)();
+  const token = searchParams.get("drwbrdg_pre");
+  (0, import_react.useEffect)(
+    () => {
+      if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition(
+          async (position) => {
+            try {
+              const response = await (0, import_fetch.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__ */ (0, import_jsx_runtime.jsx)(
+      FormSubdomainMessage,
+      {
+        ...{
+          button,
+          message: error,
+          style,
+          svg: import_warning.default,
+          title: "Error"
+        }
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ...{
+        className: "space-y-6"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_form_subdomain_header.FormSubdomainHeader,
+          {
+            ...{
+              button,
+              style
+            }
+          }
+        ),
+        Boolean(preview) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_error.default,
+          {
+            ...{
+              error: "Preview mode: data not collected",
+              style
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ...{
+              className: "flex items-center justify-center p-6"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_loader.default,
+              {
+                ...{
+                  className: "w-6 h-6 animate-spin"
+                }
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+const FormSubdomainAge = ({
+  button,
+  callback = () => {
+  },
+  disabled,
+  preview,
+  style,
+  values
+}) => {
+  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const schema = (0, import_react.useMemo)(
+    () => (0, import_age_gate.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 } = (0, import_react_hook_form.useForm)({
+    resolver: (0, import_yup.resolver)(schema),
+    values: {}
+  });
+  const onSubmit = ({
+    object: {
+      age,
+      day,
+      month,
+      year
+    }
+  }) => {
+    callback({
+      age,
+      birthday: [month, day, year].join("/")
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_form.default,
+    {
+      ...{
+        className: "relative w-full space-y-6",
+        onSubmit: handleSubmit(onSubmit)
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_form_subdomain_header.FormSubdomainHeader,
+          {
+            ...{
+              button,
+              title: "Confirm your age",
+              style
+            }
+          }
+        ),
+        Boolean(preview) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_error.default,
+          {
+            ...{
+              error: "Preview mode: data not collected",
+              style
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_fieldset.default,
+          {
+            ...{
+              disabled: disabled || (formState == null ? void 0 : formState.isSubmitting)
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_react_hook_form.Controller,
+              {
+                ...{
+                  control,
+                  name: "object",
+                  render: ({ field: { value, onChange } }) => {
+                    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+                    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      import_input_group.default,
+                      {
+                        ...{
+                          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__ */ (0, import_jsx_runtime.jsxs)(
+                            "div",
+                            {
+                              ...{
+                                className: "flex items-center space-x-4 w-full"
+                              },
+                              children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                                  "div",
+                                  {
+                                    ...{
+                                      className: "space-y-2 w-full"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Month" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                                        import_input_text.default,
+                                        {
+                                          ...{
+                                            inputMode: "numeric",
+                                            "aria-label": "enter month",
+                                            onChange: (val) => {
+                                              onChange({
+                                                ...value,
+                                                month: Number(val)
+                                              });
+                                            },
+                                            style,
+                                            value: (value == null ? void 0 : value.month) || ""
+                                          }
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                                  "div",
+                                  {
+                                    ...{
+                                      className: "space-y-2 w-full"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Day" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                                        import_input_text.default,
+                                        {
+                                          ...{
+                                            inputMode: "numeric",
+                                            "aria-label": "enter day",
+                                            onChange: (val) => {
+                                              onChange({
+                                                ...value,
+                                                day: Number(val)
+                                              });
+                                            },
+                                            style,
+                                            value: (value == null ? void 0 : value.day) || ""
+                                          }
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                                  "div",
+                                  {
+                                    ...{
+                                      className: "space-y-2 w-full"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Year" }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                                        import_input_text.default,
+                                        {
+                                          ...{
+                                            inputMode: "numeric",
+                                            "aria-label": "enter year",
+                                            onChange: (val) => {
+                                              onChange({
+                                                ...value,
+                                                age: (0, import_age_gate.ageFor)(val, currentYear),
+                                                year: Number(val)
+                                              });
+                                            },
+                                            style,
+                                            value: (value == null ? void 0 : value.year) || ""
+                                          }
+                                        }
+                                      )
+                                    ]
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          style
+                        }
+                      }
+                    );
+                  }
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.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 = (0, import_react.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: import_yup.default.object(
+          memoFields.reduce(
+            (accumulator, field) => {
+              accumulator[field.id] = import_fields.validate[field == null ? void 0 : field.slug](field, import_yup.default);
+              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 = import_fields.validate.agreement((_e2 = values == null ? void 0 : values.agreements) == null ? void 0 : _e2.terms, import_yup.default);
+      }
+      if (Boolean((_g2 = (_f2 = values == null ? void 0 : values.agreements) == null ? void 0 : _f2.marketing) == null ? void 0 : _g2.enabled)) {
+        agreements.marketing = import_yup.default.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 = import_yup.default.bool();
+      }
+      if (Object.keys(agreements).length > 0) {
+        shape.agreements = import_yup.default.object(agreements);
+      }
+      return import_yup.default.object(shape);
+    },
+    [values]
+  );
+  const { control, handleSubmit, formState } = (0, import_react_hook_form.useForm)({
+    resolver: (0, import_yup.resolver)(schema),
+    values: {}
+  });
+  const checkbox = ({
+    fallback,
+    key,
+    onChange,
+    value
+  }) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_input_checkbox.default,
+      {
+        ...{
+          labelId: "checkbox-" + key,
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: ((_b2 = (_a2 = values == null ? void 0 : values.agreements) == null ? void 0 : _a2[key]) == null ? void 0 : _b2.link) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_button.default,
+            {
+              ...{
+                element: import_link.default,
+                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__ */ (0, import_jsx_runtime.jsxs)(
+    import_form.default,
+    {
+      ...{
+        className: "relative w-full space-y-6 @container",
+        onSubmit: handleSubmit(callback)
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_form_subdomain_header.FormSubdomainHeader,
+          {
+            ...{
+              button,
+              style,
+              title: "Your information"
+            }
+          }
+        ),
+        Boolean(preview) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_error.default,
+          {
+            ...{
+              error: "Preview mode: data not collected",
+              style
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_fieldset.default,
+          {
+            ...{
+              className: "space-y-6",
+              disabled: disabled || (formState == null ? void 0 : formState.isSubmitting)
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  ...{
+                    className: "space-y-4"
+                  },
+                  children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_react_hook_form.Controller,
+                    {
+                      ...{
+                        control,
+                        name: "fields." + field.id,
+                        render: ({ field: { onChange, value } }) => {
+                          var _a2, _b2;
+                          return import_fields.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+                      import_react_hook_form.Controller,
+                      {
+                        ...{
+                          control,
+                          name: "agreements.terms",
+                          render: ({ field: { value, onChange } }) => {
+                            var _a2, _b2, _c2;
+                            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                              import_input_group.default,
+                              {
+                                ...{
+                                  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__ */ (0, import_jsx_runtime.jsx)(
+                      import_react_hook_form.Controller,
+                      {
+                        ...{
+                          control,
+                          name: "agreements.marketing",
+                          render: ({ field: { value, onChange } }) => {
+                            var _a2, _b2, _c2;
+                            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                              import_input_group.default,
+                              {
+                                ...{
+                                  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__ */ (0, import_jsx_runtime.jsx)(
+                      import_react_hook_form.Controller,
+                      {
+                        ...{
+                          control,
+                          name: "agreements.sms",
+                          render: ({ field: { value, onChange } }) => {
+                            var _a2, _b2, _c2;
+                            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                              import_input_group.default,
+                              {
+                                ...{
+                                  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__ */ (0, import_jsx_runtime.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 } = (0, import_react_google_recaptcha_v3.useGoogleReCaptcha)();
+  const searchParams = (0, import_navigation.useSearchParams)();
+  const token = searchParams.get("drwbrdg_pre");
+  const [data, setData] = (0, import_react.useState)({});
+  const [step, setStep] = (0, import_react.useState)(0);
+  const onSubmit = (0, import_react.useCallback)(
+    async (values) => {
+      var _a2, _b2;
+      try {
+        let recaptcha;
+        if (Boolean((_a2 = integrations == null ? void 0 : integrations.recaptcha) == null ? void 0 : _a2.enabled)) {
+          (0, import_recaptcha.assertRecaptcha)(executeRecaptcha);
+          recaptcha = await executeRecaptcha("form_subdomain_submission_submit").catch((error) => {
+            (0, import_nextjs.captureException)(error);
+            return null;
+          });
+        }
+        ;
+        const response = await (0, import_fetch.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+      FormSubdomainInformation,
+      {
+        ...{
+          button,
+          callback: async (object) => await onSubmit({
+            ...data,
+            ...object
+          }),
+          disabled,
+          preview,
+          style,
+          values: {
+            agreements,
+            fields
+          }
+        }
+      },
+      "form-subdomain-information"
+    )
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ...{
+        className: "space-y-6"
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ...{
+            className: "relative w-full space-y-6"
+          },
+          children: forms == null ? void 0 : forms[step]
+        }
+      )
+    }
+  );
+};
+var form_subdomain_default = FormSubdomain;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormSubdomainHeader,
+  FormSubdomainMessage,
+  FormSubdomainSubmission
+});