@stackshift-ui/signin-signup 6.0.6 → 6.0.7-beta.0

package/dist/signin-signup.js

@@ -1,664 +1 @@
-"use strict";
-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 __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-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);
-
-// src/helper/index.ts
-var logoLink, thankYouPageLink;
-var init_helper = __esm({
-  "src/helper/index.ts"() {
-    "use strict";
-    logoLink = (logo) => {
-      var _a, _b, _c;
-      if ((logo == null ? void 0 : logo.internalLink) && (logo == null ? void 0 : logo.type) === "linkInternal") {
-        if ((_b = (_a = logo == null ? void 0 : logo.internalLink) == null ? void 0 : _a.toLowerCase()) == null ? void 0 : _b.includes("home")) {
-          return "/";
-        }
-        return `/${logo.internalLink}`;
-      } else if ((logo == null ? void 0 : logo.externalLink) && (logo == null ? void 0 : logo.type) === "linkExternal") {
-        return (_c = logo == null ? void 0 : logo.externalLink) != null ? _c : "/";
-      } else {
-        return "/";
-      }
-    };
-    thankYouPageLink = (link) => {
-      if (!link) {
-        return "/thank-you";
-      } else {
-        if ((link == null ? void 0 : link.linkType) === "linkInternal") {
-          return `/${link == null ? void 0 : link.internalLink}`;
-        } else {
-          return link == null ? void 0 : link.externalLink;
-        }
-      }
-    };
-  }
-});
-
-// src/signin_signup_a.tsx
-var signin_signup_a_exports = {};
-__export(signin_signup_a_exports, {
-  SigninSignup_A: () => SigninSignup_A,
-  default: () => SigninSignup_A
-});
-function SigninSignup_A({ logo, form, formLinks, signInLink }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_section.Section, { className: "py-10 rounded-md bg-gray-50 lg:py-20", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { maxWidth: 576, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoSection, { logo }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_container.Container, { className: "mb-6 text-center lg:mb-10", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubtitleAndHeadingText, { form }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        SignupForm,
-        {
-          form,
-          signInLink,
-          thankYouPage: thankYouPageLink(form == null ? void 0 : form.thankYouPage)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormLinks, { formLinks })
-  ] }) });
-}
-function LogoSection({ logo }) {
-  var _a;
-  if (!logo) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mb-10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_link.Link,
-    {
-      "aria-label": `Go to ${logoLink(logo) === "/" ? "home page" : logoLink(logo)}`,
-      className: "flex justify-center mx-auto text-3xl font-bold leading-none",
-      href: logoLink(logo),
-      target: logo == null ? void 0 : logo.linkTarget,
-      rel: (logo == null ? void 0 : logo.linkTarget) === "_blank" ? "noopener noreferrer" : "",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_image.Image,
-        {
-          src: logo == null ? void 0 : logo.image,
-          alt: (_a = logo == null ? void 0 : logo.alt) != null ? _a : "signup-logo",
-          width: 100,
-          height: 100,
-          className: "flex justify-center mx-auto text-3xl font-bold leading-none"
-        }
-      )
-    }
-  ) });
-}
-function SubtitleAndHeadingText({ form }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-6", children: [
-    (form == null ? void 0 : form.subtitle) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_text.Text, { muted: true, children: form == null ? void 0 : form.subtitle }) : null,
-    (form == null ? void 0 : form.name) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_heading.Heading, { className: "text-2xl lg:text-2xl", children: form == null ? void 0 : form.name }) : null
-  ] });
-}
-function SignupForm({
-  form,
-  signInLink,
-  thankYouPage
-}) {
-  var _a, _b;
-  if (!(form == null ? void 0 : form.fields)) return null;
-  const [showPasswords, setShowPasswords] = import_react.default.useState({});
-  const togglePasswordVisibility = (fieldName) => {
-    setShowPasswords((prev) => ({
-      ...prev,
-      [fieldName]: !prev[fieldName]
-    }));
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_form.Form,
-    {
-      id: (_a = form == null ? void 0 : form.id) != null ? _a : void 0,
-      name: "SignUp-VariantA-Form",
-      className: "form-signup",
-      thankyouPage: thankYouPage,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          FormFields,
-          {
-            form,
-            showPasswords,
-            togglePasswordVisibility
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "webriq-recaptcha" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-center", children: (form == null ? void 0 : form.buttonLabel) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_button.Button,
-          {
-            as: "button",
-            variant: "custom",
-            ariaLabel: (_b = form == null ? void 0 : form.buttonLabel) != null ? _b : "Sign Up form submit button",
-            className: "w-full py-4 text-sm font-bold tex-gray-50",
-            type: "submit",
-            children: form == null ? void 0 : form.buttonLabel
-          }
-        ) }),
-        signInLink && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SignInLink, { signInLink })
-      ]
-    }
-  );
-}
-function FormFields({
-  form,
-  showPasswords,
-  togglePasswordVisibility
-}) {
-  var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flex.Flex, { wrap: true, className: "-mx-2", children: (_a = form == null ? void 0 : form.fields) == null ? void 0 : _a.slice(0, 2).map((formFields, index) => {
-      var _a2;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full px-2 mb-3 lg:w-1/2", children: formFields.type === "inputText" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_input.Input,
-        {
-          textSize: "sm",
-          variant: "primary",
-          noLabel: true,
-          placeholder: formFields == null ? void 0 : formFields.placeholder,
-          required: formFields == null ? void 0 : formFields.isRequired,
-          className: "w-full py-4 text-xs bg-white",
-          name: formFields == null ? void 0 : formFields.name,
-          ariaLabel: formFields == null ? void 0 : formFields.label,
-          ...formFields,
-          type: "text"
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_form_field.FormField,
-        {
-          className: "py-4",
-          textSize: "sm",
-          noLabel: true,
-          variant: "primary",
-          name: (_a2 = formFields == null ? void 0 : formFields.name) != null ? _a2 : "",
-          placeholder: formFields == null ? void 0 : formFields.placeholder,
-          required: formFields == null ? void 0 : formFields.isRequired,
-          items: formFields == null ? void 0 : formFields.items,
-          type: formFields == null ? void 0 : formFields.type,
-          ...formFields
-        }
-      ) }, index);
-    }) }),
-    (_b = form == null ? void 0 : form.fields) == null ? void 0 : _b.slice(2).map((formFields, index) => {
-      var _a2;
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "my-3", children: formFields.type === "inputPassword" && formFields.name ? (
-        // Check if name exists
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          PasswordField,
-          {
-            formFields,
-            showPassword: showPasswords[formFields.name] || false,
-            togglePassword: () => togglePasswordVisibility(formFields.name)
-          }
-        )
-      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_form_field.FormField,
-        {
-          className: "py-4",
-          textSize: "sm",
-          noLabel: true,
-          variant: "primary",
-          placeholder: formFields == null ? void 0 : formFields.placeholder,
-          required: formFields == null ? void 0 : formFields.isRequired,
-          name: (_a2 = formFields == null ? void 0 : formFields.name) != null ? _a2 : "",
-          items: formFields == null ? void 0 : formFields.items,
-          type: formFields == null ? void 0 : formFields.type,
-          ...formFields
-        }
-      ) }, index);
-    })
-  ] });
-}
-function SignInLink({ signInLink }) {
-  if (!(signInLink == null ? void 0 : signInLink.label)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full text-center mt-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-gray-500", children: "Already have an account? " }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_button.Button,
-      {
-        as: "link",
-        variant: "link",
-        link: signInLink,
-        className: "text-xs text-primary cursor-pointer hover:underline",
-        ariaLabel: signInLink == null ? void 0 : signInLink.label,
-        children: signInLink == null ? void 0 : signInLink.label
-      }
-    )
-  ] });
-}
-function PasswordField({
-  formFields,
-  showPassword,
-  togglePassword
-}) {
-  var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_flex.Flex, { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_input.Input,
-      {
-        className: "py-4",
-        textSize: "sm",
-        noLabel: true,
-        "aria-label": (_a = formFields == null ? void 0 : formFields.placeholder) != null ? _a : formFields == null ? void 0 : formFields.name,
-        variant: "primary",
-        type: showPassword ? "text" : "password",
-        placeholder: formFields == null ? void 0 : formFields.placeholder,
-        name: formFields == null ? void 0 : formFields.name,
-        required: formFields == null ? void 0 : formFields.isRequired
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_button.Button,
-      {
-        as: "button",
-        variant: "unstyled",
-        ariaLabel: showPassword ? "Show password" : "Hide password",
-        className: "absolute top-0 right-0 h-full p-2",
-        type: "button",
-        onClick: togglePassword,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasswordIcon, { showPassword })
-      }
-    )
-  ] });
-}
-function FormLinks({ formLinks }) {
-  if (!formLinks) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-10 text-xs text-center text-gray-700", children: formLinks == null ? void 0 : formLinks.map((link, index, { length }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_button.Button,
-      {
-        as: "link",
-        variant: "link",
-        link,
-        className: "text-xs text-primary cursor-pointer hover:underline",
-        ariaLabel: link == null ? void 0 : link.label,
-        children: link == null ? void 0 : link.label
-      }
-    ),
-    index === length - 1 ? null : index === length - 2 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\xA0and\xA0" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\xA0,\xA0" })
-  ] }, index)) });
-}
-function PasswordIcon({ showPassword }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "svg",
-    {
-      className: "w-5 h-5 my-auto ml-4 text-gray-500",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      role: "img",
-      width: "1em",
-      height: "1em",
-      preserveAspectRatio: "xMidYMid meet",
-      viewBox: "0 0 16 16",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "currentColor", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z" })
-      ] })
-    }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "svg",
-    {
-      className: "w-5 h-5 my-auto ml-4 text-gray-500",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      role: "img",
-      width: "1em",
-      height: "1em",
-      preserveAspectRatio: "xMidYMid meet",
-      viewBox: "0 0 16 16",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "currentColor", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z" })
-      ] })
-    }
-  ) });
-}
-var import_button, import_container, import_flex, import_form, import_form_field, import_heading, import_image, import_input, import_link, import_section, import_text, import_react, import_jsx_runtime;
-var init_signin_signup_a = __esm({
-  "src/signin_signup_a.tsx"() {
-    "use strict";
-    import_button = require("@stackshift-ui/button");
-    import_container = require("@stackshift-ui/container");
-    import_flex = require("@stackshift-ui/flex");
-    import_form = require("@stackshift-ui/form");
-    import_form_field = require("@stackshift-ui/form-field");
-    import_heading = require("@stackshift-ui/heading");
-    import_image = require("@stackshift-ui/image");
-    import_input = require("@stackshift-ui/input");
-    import_link = require("@stackshift-ui/link");
-    import_section = require("@stackshift-ui/section");
-    import_text = require("@stackshift-ui/text");
-    import_react = __toESM(require("react"));
-    init_helper();
-    import_jsx_runtime = require("react/jsx-runtime");
-  }
-});
-
-// src/signin_signup_b.tsx
-var signin_signup_b_exports = {};
-__export(signin_signup_b_exports, {
-  SigninSignup_B: () => SigninSignup_B,
-  default: () => SigninSignup_B
-});
-function SigninSignup_B({ logo, form, formLinks, signInLink }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_section2.Section, { className: "py-10 bg-primary lg:py-20", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_container2.Container, { maxWidth: 1280, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_container2.Container, { maxWidth: 576, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LogoSection2, { logo }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_card.Card, { borderRadius: "md", className: "p-6 mb-6 bg-white lg:mb-10 lg:p-12", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SubtitleAndHeadingText2, { form }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SignupForm2, { form, signInLink })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FormLinks2, { formLinks })
-  ] }) }) });
-}
-function LogoSection2({ logo }) {
-  var _a;
-  if (!logo) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mb-10", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_link2.Link,
-    {
-      "aria-label": `Go to ${logoLink(logo) === "/" ? "home page" : logoLink(logo)}`,
-      className: "flex justify-center mx-auto text-3xl font-bold leading-none",
-      href: logoLink(logo),
-      target: logo == null ? void 0 : logo.linkTarget,
-      rel: (logo == null ? void 0 : logo.linkTarget) === "_blank" ? "noopener noreferrer" : "",
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_image2.Image,
-        {
-          src: logo == null ? void 0 : logo.image,
-          alt: (_a = logo == null ? void 0 : logo.alt) != null ? _a : "signup-logo",
-          width: 100,
-          height: 100,
-          className: "flex justify-center text-3xl font-bold leading-none text-white"
-        }
-      )
-    }
-  ) });
-}
-function SubtitleAndHeadingText2({ form }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mb-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_text2.Text, { muted: true, children: form == null ? void 0 : form.subtitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_heading2.Heading, { className: "text-2xl lg:text-2xl", children: form == null ? void 0 : form.name })
-  ] });
-}
-function SignupForm2({ form, signInLink }) {
-  var _a;
-  if (!(form == null ? void 0 : form.fields)) return null;
-  const [showPasswords, setShowPasswords] = import_react2.default.useState({});
-  const togglePasswordVisibility = (fieldName) => {
-    setShowPasswords((prev) => ({
-      ...prev,
-      [fieldName]: !prev[fieldName]
-    }));
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    import_form2.Form,
-    {
-      id: (_a = form == null ? void 0 : form.id) != null ? _a : void 0,
-      name: "SignUp-VariantB-Form",
-      className: "form-signup",
-      thankyouPage: thankYouPageLink(form == null ? void 0 : form.thankYouPage),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          FormFields2,
-          {
-            form,
-            showPassword: showPasswords,
-            togglePasswordVisibility
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "webriq-recaptcha" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FormButtonLabel, { form }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SigninLink, { signInLink })
-        ] })
-      ]
-    }
-  );
-}
-function FormFields2({
-  form,
-  showPassword,
-  togglePasswordVisibility
-}) {
-  var _a, _b, _c, _d;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_flex2.Flex, { className: "flex-col lg:flex-row gap-3", children: (_b = (_a = form == null ? void 0 : form.fields) == null ? void 0 : _a.slice(0, 2)) == null ? void 0 : _b.map((formFields, index) => {
-      var _a2;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_form_field2.FormField,
-        {
-          noLabel: true,
-          variant: "secondary",
-          placeholder: formFields == null ? void 0 : formFields.placeholder,
-          required: formFields == null ? void 0 : formFields.isRequired,
-          name: (_a2 = formFields == null ? void 0 : formFields.name) != null ? _a2 : "",
-          items: formFields == null ? void 0 : formFields.items,
-          type: formFields == null ? void 0 : formFields.type,
-          ...formFields
-        }
-      ) }, index);
-    }) }),
-    (_d = (_c = form == null ? void 0 : form.fields) == null ? void 0 : _c.slice(2)) == null ? void 0 : _d.map((formFields, index) => {
-      var _a2;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "my-3", children: (formFields == null ? void 0 : formFields.type) === "inputPassword" && formFields.name ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        PasswordField2,
-        {
-          formFields,
-          showPassword: showPassword[formFields.name] || false,
-          togglePassword: () => togglePasswordVisibility(formFields.name)
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_form_field2.FormField,
-        {
-          noLabel: true,
-          variant: "secondary",
-          name: (_a2 = formFields == null ? void 0 : formFields.name) != null ? _a2 : "",
-          placeholder: formFields == null ? void 0 : formFields.placeholder,
-          required: formFields == null ? void 0 : formFields.isRequired,
-          items: formFields == null ? void 0 : formFields.items,
-          type: formFields == null ? void 0 : formFields.type,
-          ...formFields
-        }
-      ) }, index);
-    })
-  ] });
-}
-function PasswordField2({
-  formFields,
-  showPassword,
-  togglePassword
-}) {
-  var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_input2.Input,
-      {
-        noLabel: true,
-        ariaLabel: (_a = formFields == null ? void 0 : formFields.placeholder) != null ? _a : formFields == null ? void 0 : formFields.name,
-        variant: "secondary",
-        type: showPassword ? "text" : "password",
-        placeholder: formFields == null ? void 0 : formFields.placeholder,
-        name: formFields == null ? void 0 : formFields.name,
-        required: formFields == null ? void 0 : formFields.isRequired
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_button2.Button,
-      {
-        variant: "unstyled",
-        as: "button",
-        ariaLabel: showPassword ? "Show password" : "Hide password",
-        className: "focus:outline-none mr-4",
-        type: "button",
-        onClick: togglePassword,
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PasswordIcon2, { showPassword })
-      }
-    )
-  ] });
-}
-function FormButtonLabel({ form }) {
-  var _a;
-  if (!(form == null ? void 0 : form.buttonLabel)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_button2.Button,
-    {
-      as: "button",
-      className: "w-full py-4 mb-3",
-      ariaLabel: (_a = form == null ? void 0 : form.buttonLabel) != null ? _a : "Sign Up form submit button",
-      variant: "custom",
-      type: "submit",
-      children: form == null ? void 0 : form.buttonLabel
-    }
-  );
-}
-function SigninLink({ signInLink }) {
-  if (!(signInLink == null ? void 0 : signInLink.label)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "text-xs text-gray-900", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Already have an account?" }),
-    " ",
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_button2.Button,
-      {
-        as: "link",
-        variant: "link",
-        link: signInLink,
-        className: "text-xs text-primary hover:underline",
-        ariaLabel: signInLink == null ? void 0 : signInLink.label,
-        children: signInLink == null ? void 0 : signInLink.label
-      }
-    )
-  ] });
-}
-function FormLinks2({ formLinks }) {
-  if (!formLinks) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-xs text-center text-secondary-foreground", children: formLinks == null ? void 0 : formLinks.map((link, index, { length }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_button2.Button,
-      {
-        as: "link",
-        variant: "link",
-        link,
-        className: "text-xs underline text-secondary-foreground hover:text-gray-50",
-        ariaLabel: link == null ? void 0 : link.label,
-        children: link == null ? void 0 : link.label
-      }
-    ),
-    index === length - 1 ? null : index === length - 2 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\xA0and\xA0" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "\xA0,\xA0" })
-  ] }, index)) });
-}
-function PasswordIcon2({ showPassword }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.default.Fragment, { children: showPassword ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "svg",
-    {
-      className: "w-5 h-5 my-auto ml-4 text-gray-500",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      role: "img",
-      width: "1em",
-      height: "1em",
-      preserveAspectRatio: "xMidYMid meet",
-      viewBox: "0 0 16 16",
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { fill: "currentColor", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z" })
-      ] })
-    }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    "svg",
-    {
-      className: "w-5 h-5 my-auto ml-4 text-gray-500",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": "true",
-      role: "img",
-      width: "1em",
-      height: "1em",
-      preserveAspectRatio: "xMidYMid meet",
-      viewBox: "0 0 16 16",
-      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { fill: "currentColor", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z" })
-      ] })
-    }
-  ) });
-}
-var import_button2, import_card, import_container2, import_flex2, import_form2, import_form_field2, import_heading2, import_image2, import_input2, import_link2, import_section2, import_text2, import_react2, import_jsx_runtime2;
-var init_signin_signup_b = __esm({
-  "src/signin_signup_b.tsx"() {
-    "use strict";
-    import_button2 = require("@stackshift-ui/button");
-    import_card = require("@stackshift-ui/card");
-    import_container2 = require("@stackshift-ui/container");
-    import_flex2 = require("@stackshift-ui/flex");
-    import_form2 = require("@stackshift-ui/form");
-    import_form_field2 = require("@stackshift-ui/form-field");
-    import_heading2 = require("@stackshift-ui/heading");
-    import_image2 = require("@stackshift-ui/image");
-    import_input2 = require("@stackshift-ui/input");
-    import_link2 = require("@stackshift-ui/link");
-    import_section2 = require("@stackshift-ui/section");
-    import_text2 = require("@stackshift-ui/text");
-    import_react2 = __toESM(require("react"));
-    init_helper();
-    import_jsx_runtime2 = require("react/jsx-runtime");
-  }
-});
-
-// src/signin-signup.tsx
-var signin_signup_exports = {};
-__export(signin_signup_exports, {
-  SigninSignup: () => SigninSignup
-});
-module.exports = __toCommonJS(signin_signup_exports);
-var import_react3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Variants = {
-  variant_a: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_signin_signup_a(), signin_signup_a_exports))),
-  variant_b: (0, import_react3.lazy)(() => Promise.resolve().then(() => (init_signin_signup_b(), signin_signup_b_exports)))
-};
-var displayName = "SigninSignup";
-var SigninSignup = ({ data }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-  const variant = data == null ? void 0 : data.variant;
-  const Variant = variant && (Variants == null ? void 0 : Variants[variant]);
-  const props = {
-    logo: (_b = (_a = data == null ? void 0 : data.variants) == null ? void 0 : _a.logo) != null ? _b : void 0,
-    title: (_d = (_c = data == null ? void 0 : data.variants) == null ? void 0 : _c.title) != null ? _d : void 0,
-    subtitle: (_f = (_e = data == null ? void 0 : data.variants) == null ? void 0 : _e.subtitle) != null ? _f : void 0,
-    text: (_h = (_g = data == null ? void 0 : data.variants) == null ? void 0 : _g.plainText) != null ? _h : void 0,
-    firstButton: (_j = (_i = data == null ? void 0 : data.variants) == null ? void 0 : _i.primaryButton) != null ? _j : void 0,
-    secondButton: (_l = (_k = data == null ? void 0 : data.variants) == null ? void 0 : _k.secondaryButton) != null ? _l : void 0,
-    formLinks: (_n = (_m = data == null ? void 0 : data.variants) == null ? void 0 : _m.formLinks) != null ? _n : void 0,
-    signInLink: (_p = (_o = data == null ? void 0 : data.variants) == null ? void 0 : _o.signinLink) != null ? _p : void 0,
-    form: (_r = (_q = data == null ? void 0 : data.variants) == null ? void 0 : _q.form) != null ? _r : void 0
-  };
-  return Variant ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Variant, { ...props }) : null;
-};
-SigninSignup.displayName = displayName;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SigninSignup
-});
+"use strict";var ht=Object.create;var w=Object.defineProperty;var yt=Object.getOwnPropertyDescriptor;var wt=Object.getOwnPropertyNames;var vt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var N=(t,e)=>()=>(t&&(e=t(t=0)),e);var L=(t,e)=>{for(var i in e)w(t,i,{get:e[i],enumerable:!0})},$=(t,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of wt(e))!gt.call(t,s)&&s!==i&&w(t,s,{get:()=>e[s],enumerable:!(r=yt(e,s))||r.enumerable});return t};var G=(t,e,i)=>(i=t!=null?ht(vt(t)):{},$(e||!t||!t.__esModule?w(i,"default",{value:t,enumerable:!0}):i,t)),Nt=t=>$(w({},"__esModule",{value:!0}),t);var x,v,S=N(()=>{"use strict";x=t=>{var e,i,r;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(i=(e=t==null?void 0:t.internalLink)==null?void 0:e.toLowerCase())!=null&&i.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(r=t==null?void 0:t.externalLink)!=null?r:"/"},v=t=>t?(t==null?void 0:t.linkType)==="linkInternal"?`/${t==null?void 0:t.internalLink}`:t==null?void 0:t.externalLink:"/thank-you"});var I={};L(I,{SigninSignup_A:()=>Z,default:()=>Z});function Z({logo:t,form:e,formLinks:i,signInLink:r}){return(0,u.jsx)(O.Section,{className:"py-10 rounded-md bg-gray-50 lg:py-20",children:(0,u.jsxs)(P.Container,{maxWidth:576,children:[(0,u.jsx)(Lt,{logo:t}),(0,u.jsxs)(P.Container,{className:"mb-6 text-center lg:mb-10",children:[(0,u.jsx)(St,{form:e}),(0,u.jsx)(Pt,{form:e,signInLink:r,thankYouPage:v(e==null?void 0:e.thankYouPage)})]}),(0,u.jsx)(zt,{formLinks:i})]})})}function Lt({logo:t}){var e;return t?(0,u.jsx)("div",{className:"mb-10",children:(0,u.jsx)(J.Link,{"aria-label":`Go to ${x(t)==="/"?"home page":x(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:x(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,u.jsx)(D.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center mx-auto text-3xl font-bold leading-none"})})}):null}function St({form:t}){return(0,u.jsxs)("div",{className:"mb-6",children:[t!=null&&t.subtitle?(0,u.jsx)(Q.Text,{muted:!0,children:t==null?void 0:t.subtitle}):null,t!=null&&t.name?(0,u.jsx)(E.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name}):null]})}function Pt({form:t,signInLink:e,thankYouPage:i}){var c,n;if(!(t!=null&&t.fields))return null;let[r,s]=X.default.useState({}),a=l=>{s(b=>({...b,[l]:!b[l]}))};return(0,u.jsxs)(j.Form,{id:(c=t==null?void 0:t.id)!=null?c:void 0,name:"SignUp-VariantA-Form",className:"form-signup",thankyouPage:i,children:[(0,u.jsx)(ot,{form:t,showPasswords:r,togglePasswordVisibility:a}),(0,u.jsx)("div",{children:(0,u.jsx)("div",{className:"webriq-recaptcha"})}),(0,u.jsx)("div",{className:"text-center",children:(t==null?void 0:t.buttonLabel)&&(0,u.jsx)(h.Button,{as:"button",variant:"custom",ariaLabel:(n=t==null?void 0:t.buttonLabel)!=null?n:"Sign Up form submit button",className:"w-full py-4 text-sm font-bold tex-gray-50",type:"submit",children:t==null?void 0:t.buttonLabel})}),e&&(0,u.jsx)(Rt,{signInLink:e})]})}function ot({form:t,showPasswords:e,togglePasswordVisibility:i}){var r,s;return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(R.Flex,{wrap:!0,className:"-mx-2",children:(r=t==null?void 0:t.fields)==null?void 0:r.slice(0,2).map((a,c)=>{var n;return(0,u.jsx)("div",{className:"w-full px-2 mb-3 lg:w-1/2",children:a.type==="inputText"?(0,u.jsx)(C.Input,{textSize:"sm",variant:"primary",noLabel:!0,placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,className:"w-full py-4 text-xs bg-white",name:a==null?void 0:a.name,ariaLabel:a==null?void 0:a.label,...a,type:"text"}):(0,u.jsx)(o.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",name:(n=a==null?void 0:a.name)!=null?n:"",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})}),(s=t==null?void 0:t.fields)==null?void 0:s.slice(2).map((a,c)=>{var n;return(0,u.jsx)("div",{className:"my-3",children:a.type==="inputPassword"&&a.name?(0,u.jsx)(Ct,{formFields:a,showPassword:e[a.name]||!1,togglePassword:()=>i(a.name)}):(0,u.jsx)(o.FormField,{className:"py-4",textSize:"sm",noLabel:!0,variant:"primary",placeholder:a==null?void 0:a.placeholder,required:a==null?void 0:a.isRequired,name:(n=a==null?void 0:a.name)!=null?n:"",items:a==null?void 0:a.items,type:a==null?void 0:a.type,...a})},c)})]})}function Rt({signInLink:t}){return t!=null&&t.label?(0,u.jsxs)("div",{className:"w-full text-center mt-3",children:[(0,u.jsx)("span",{className:"text-xs text-gray-500",children:"Already have an account? "}),(0,u.jsx)(h.Button,{as:"link",variant:"link",link:t,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:t==null?void 0:t.label,children:t==null?void 0:t.label})]}):null}function Ct({formFields:t,showPassword:e,togglePassword:i}){var r;return(0,u.jsxs)(R.Flex,{className:"relative",children:[(0,u.jsx)(C.Input,{className:"py-4",textSize:"sm",noLabel:!0,"aria-label":(r=t==null?void 0:t.placeholder)!=null?r:t==null?void 0:t.name,variant:"primary",type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,u.jsx)(h.Button,{as:"button",variant:"unstyled",ariaLabel:e?"Show password":"Hide password",className:"absolute top-0 right-0 h-full p-2",type:"button",onClick:i,children:(0,u.jsx)(Bt,{showPassword:e})})]})}function zt({formLinks:t}){return t?(0,u.jsx)("p",{className:"mt-10 text-xs text-center text-gray-700",children:t==null?void 0:t.map((e,i,{length:r})=>(0,u.jsxs)("span",{children:[(0,u.jsx)(h.Button,{as:"link",variant:"link",link:e,className:"text-xs text-primary cursor-pointer hover:underline",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),i===r-1?null:i===r-2?(0,u.jsx)("span",{children:"\xA0and\xA0"}):(0,u.jsx)("span",{children:"\xA0,\xA0"})]},i))}):null}function Bt({showPassword:t}){return(0,u.jsx)(u.Fragment,{children:t?(0,u.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,u.jsxs)("g",{fill:"currentColor",children:[(0,u.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,u.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,u.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,u.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,u.jsxs)("g",{fill:"currentColor",children:[(0,u.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,u.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var h,P,R,j,o,E,D,C,J,O,Q,X,u,F=N(()=>{"use strict";h=require("@stackshift-ui/button"),P=require("@stackshift-ui/container"),R=require("@stackshift-ui/flex"),j=require("@stackshift-ui/form"),o=require("@stackshift-ui/form-field"),E=require("@stackshift-ui/heading"),D=require("@stackshift-ui/image"),C=require("@stackshift-ui/input"),J=require("@stackshift-ui/link"),O=require("@stackshift-ui/section"),Q=require("@stackshift-ui/text"),X=G(require("react"));S();u=require("react/jsx-runtime")});var ct={};L(ct,{SigninSignup_B:()=>st,default:()=>st});function st({logo:t,form:e,formLinks:i,signInLink:r}){return(0,p.jsx)(O.Section,{className:"py-10 bg-primary lg:py-20",children:(0,p.jsx)(P.Container,{maxWidth:1280,children:(0,p.jsxs)(P.Container,{maxWidth:576,children:[(0,p.jsx)(At,{logo:t}),(0,p.jsxs)(f.Card,{borderRadius:"md",className:"p-6 mb-6 bg-white lg:mb-10 lg:p-12",children:[(0,p.jsx)(Mt,{form:e}),(0,p.jsx)(qt,{form:e,signInLink:r})]}),(0,p.jsx)(Vt,{formLinks:i})]})})})}function At({logo:t}){var e;return t?(0,p.jsx)("div",{className:"mb-10",children:(0,p.jsx)(J.Link,{"aria-label":`Go to ${x(t)==="/"?"home page":x(t)}`,className:"flex justify-center mx-auto text-3xl font-bold leading-none",href:x(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,p.jsx)(D.Image,{src:t==null?void 0:t.image,alt:(e=t==null?void 0:t.alt)!=null?e:"signup-logo",width:100,height:100,className:"flex justify-center text-3xl font-bold leading-none text-white"})})}):null}function Mt({form:t}){return(0,p.jsxs)("div",{className:"mb-6",children:[(0,p.jsx)(Q.Text,{muted:!0,children:t==null?void 0:t.subtitle}),(0,p.jsx)(E.Heading,{className:"text-2xl lg:text-2xl",children:t==null?void 0:t.name})]})}function qt({form:t,signInLink:e}){var a;if(!(t!=null&&t.fields))return null;let[i,r]=g.default.useState({}),s=c=>{r(n=>({...n,[c]:!n[c]}))};return(0,p.jsxs)(j.Form,{id:(a=t==null?void 0:t.id)!=null?a:void 0,name:"SignUp-VariantB-Form",className:"form-signup",thankyouPage:v(t==null?void 0:t.thankYouPage),children:[(0,p.jsx)(Tt,{form:t,showPassword:i,togglePasswordVisibility:s}),(0,p.jsx)("div",{children:(0,p.jsx)("div",{className:"webriq-recaptcha"})}),(0,p.jsxs)("div",{className:"text-center",children:[(0,p.jsx)(Yt,{form:t}),(0,p.jsx)(Ut,{signInLink:e})]})]})}function Tt({form:t,showPassword:e,togglePasswordVisibility:i}){var r,s,a,c;return(0,p.jsxs)(g.default.Fragment,{children:[(0,p.jsx)(R.Flex,{className:"flex-col lg:flex-row gap-3",children:(s=(r=t==null?void 0:t.fields)==null?void 0:r.slice(0,2))==null?void 0:s.map((n,l)=>{var b;return(0,p.jsx)("div",{className:"w-full",children:(0,p.jsx)(o.FormField,{noLabel:!0,variant:"secondary",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,name:(b=n==null?void 0:n.name)!=null?b:"",items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},l)})}),(c=(a=t==null?void 0:t.fields)==null?void 0:a.slice(2))==null?void 0:c.map((n,l)=>{var b;return(0,p.jsx)("div",{className:"my-3",children:(n==null?void 0:n.type)==="inputPassword"&&n.name?(0,p.jsx)(mt,{formFields:n,showPassword:e[n.name]||!1,togglePassword:()=>i(n.name)}):(0,p.jsx)(o.FormField,{noLabel:!0,variant:"secondary",name:(b=n==null?void 0:n.name)!=null?b:"",placeholder:n==null?void 0:n.placeholder,required:n==null?void 0:n.isRequired,items:n==null?void 0:n.items,type:n==null?void 0:n.type,...n})},l)})]})}function mt({formFields:t,showPassword:e,togglePassword:i}){var r;return(0,p.jsxs)("div",{className:"flex",children:[(0,p.jsx)(C.Input,{noLabel:!0,ariaLabel:(r=t==null?void 0:t.placeholder)!=null?r:t==null?void 0:t.name,variant:"secondary",type:e?"text":"password",placeholder:t==null?void 0:t.placeholder,name:t==null?void 0:t.name,required:t==null?void 0:t.isRequired}),(0,p.jsx)(y.Button,{variant:"unstyled",as:"button",ariaLabel:e?"Show password":"Hide password",className:"focus:outline-none mr-4",type:"button",onClick:i,children:(0,p.jsx)(dt,{showPassword:e})})]})}function Yt({form:t}){var e;return t!=null&&t.buttonLabel?(0,p.jsx)(y.Button,{as:"button",className:"w-full py-4 mb-3",ariaLabel:(e=t==null?void 0:t.buttonLabel)!=null?e:"Sign Up form submit button",variant:"custom",type:"submit",children:t==null?void 0:t.buttonLabel}):null}function Ut({signInLink:t}){return t!=null&&t.label?(0,p.jsxs)("span",{className:"text-xs text-gray-900",children:[(0,p.jsx)("span",{children:"Already have an account?"})," ",(0,p.jsx)(y.Button,{as:"link",variant:"link",link:t,className:"text-xs text-primary hover:underline",ariaLabel:t==null?void 0:t.label,children:t==null?void 0:t.label})]}):null}function Vt({formLinks:t}){return t?(0,p.jsx)("p",{className:"text-xs text-center text-secondary-foreground",children:t==null?void 0:t.map((e,i,{length:r})=>(0,p.jsxs)("span",{children:[(0,p.jsx)(y.Button,{as:"link",variant:"link",link:e,className:"text-xs underline text-secondary-foreground hover:text-gray-50",ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),i===r-1?null:i===r-2?(0,p.jsx)("span",{children:"\xA0and\xA0"}):(0,p.jsx)("span",{children:"\xA0,\xA0"})]},i))}):null}function dt({showPassword:t}){return(0,p.jsx)(g.default.Fragment,{children:t?(0,p.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,p.jsxs)("g",{fill:"currentColor",children:[(0,p.jsx)("path",{d:"M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755c-.165.165-.337.328-.517.486l.708.709z"}),(0,p.jsx)("path",{d:"M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"}),(0,p.jsx)("path",{d:"M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12l-.708.708z"})]})}):(0,p.jsx)("svg",{className:"w-5 h-5 my-auto ml-4 text-gray-500",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"1em",height:"1em",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 16 16",children:(0,p.jsxs)("g",{fill:"currentColor",children:[(0,p.jsx)("path",{d:"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"}),(0,p.jsx)("path",{d:"M8 5.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0z"})]})})})}var y,f,P,R,j,o,E,D,C,J,O,Q,g,p,bt=N(()=>{"use strict";y=require("@stackshift-ui/button"),f=require("@stackshift-ui/card"),g=G(require("react"));S();p=require("react/jsx-runtime")});var Ht={};L(Ht,{SigninSignup:()=>lt});module.exports=Nt(Ht);var M=require("react"),xt=require("react/jsx-runtime"),A={variant_a:(0,M.lazy)(()=>Promise.resolve().then(()=>(F(),I))),variant_b:(0,M.lazy)(()=>Promise.resolve().then(()=>(bt(),ct)))},kt="SigninSignup",lt=({data:t})=>{var s,a,c,n,l,b,q,T,m,Y,U,V,d,k,H,W,_,K;let e=t==null?void 0:t.variant,i=e&&(A==null?void 0:A[e]),r={logo:(a=(s=t==null?void 0:t.variants)==null?void 0:s.logo)!=null?a:void 0,title:(n=(c=t==null?void 0:t.variants)==null?void 0:c.title)!=null?n:void 0,subtitle:(b=(l=t==null?void 0:t.variants)==null?void 0:l.subtitle)!=null?b:void 0,text:(T=(q=t==null?void 0:t.variants)==null?void 0:q.plainText)!=null?T:void 0,firstButton:(Y=(m=t==null?void 0:t.variants)==null?void 0:m.primaryButton)!=null?Y:void 0,secondButton:(V=(U=t==null?void 0:t.variants)==null?void 0:U.secondaryButton)!=null?V:void 0,formLinks:(k=(d=t==null?void 0:t.variants)==null?void 0:d.formLinks)!=null?k:void 0,signInLink:(W=(H=t==null?void 0:t.variants)==null?void 0:H.signinLink)!=null?W:void 0,form:(K=(_=t==null?void 0:t.variants)==null?void 0:_.form)!=null?K:void 0};return i?(0,xt.jsx)(i,{...r}):null};lt.displayName=kt;0&&(module.exports={SigninSignup});