@enadhq/enad-react-sdk 1.0.0 → 1.0.2

package/dist/client/user/components/signup-organisation-form.mjs

@@ -0,0 +1,864 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useEffect, useRef, useState } from "react";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+import { registerOrganisationAction } from "../actions/registerOrganisationAction";
+import { registerUserWithoutRedirectAction } from "../actions/registerUserWithoutRedirectAction";
+import { StorefrontButton } from "../../storefront/primitives/button";
+const addressSchema = z.object({
+  street_address: z.string().min(1, "Street address is required"),
+  house_number: z.string().optional(),
+  city: z.string().min(1, "City is required"),
+  postal_code: z.string().min(1, "Postal code is required"),
+  country: z.string().min(1, "Country is required"),
+  state_province: z.string().optional(),
+  phone: z.string().optional(),
+  co_address: z.string().optional(),
+  name: z.string().optional(),
+  is_default: z.boolean().default(true),
+  shipping_type: z.string().default("standard")
+});
+const userSchema = z.object({
+  first_name: z.string().trim().min(1, "First name is required"),
+  last_name: z.string().trim().min(1, "Last name is required"),
+  email: z.string().email("Invalid email address").min(1, "Email is required"),
+  password: z.string().min(10, "Password must be at least 10 characters").regex(/\d/, "Password must contain a number"),
+  confirmPassword: z.string(),
+  phone_number: z.string().optional(),
+  language: z.string().default("SV"),
+  country_code: z.string().default("SE"),
+  market: z.string().default("SE"),
+  store_group: z.string().default("default"),
+  allow_email_notifications: z.boolean().default(false),
+  allow_phone_notifications: z.boolean().default(false),
+  allow_postal_notifications: z.boolean().default(false)
+}).refine((data) => data.password === data.confirmPassword, {
+  message: "Passwords do not match",
+  path: ["confirmPassword"]
+});
+const organizationSchema = z.object({
+  name: z.string().min(1, "Organization name is required"),
+  organisation_number: z.string().min(1, "Organization number is required"),
+  tax_id_vat_number: z.string().min(1, "Tax ID/VAT number is required"),
+  contact_name: z.string().optional(),
+  email: z.string().email("Invalid email address").min(1, "Email is required"),
+  invoice_email: z.string().email("Invalid email address").optional(),
+  phone: z.string().optional(),
+  external_ref: z.string().optional(),
+  attribute: z.string().optional(),
+  credit_check: z.boolean().default(false),
+  custom_fields: z.record(z.string(), z.any()).optional(),
+  billing_address: z.array(addressSchema).min(1)
+});
+const formSchema = z.object({
+  user: userSchema,
+  organization: organizationSchema,
+  shipping_address: z.array(addressSchema).min(1),
+  use_billing_as_shipping: z.boolean().default(false),
+  terms_accepted: z.boolean().refine((val) => val === true, {
+    message: "You must accept the terms and conditions"
+  })
+});
+const INPUT_BASE_CLASSES = `
+  w-full px-4 py-2.5
+  border border-(--enad-border-color)
+  rounded-[var(--enad-input-radius)]
+  focus:ring-2 focus:ring-(--enad-button-bg)
+  focus:border-(--enad-button-bg)
+  outline-none transition
+  bg-(--enad-background)
+  text-(--enad-text-primary-color)
+`;
+const LABEL_CLASSES = `block text-sm font-medium text-(--enad-text-primary-color) mb-1`;
+const ERROR_CLASSES = `text-(--enad-error-color) text-sm mt-1`;
+const SECTION_TITLE_CLASSES = `text-xl font-semibold mb-4 pb-2 border-b border-(--enad-border-color)`;
+function ariaError(error, id) {
+  return error ? id : void 0;
+}
+function FormField({ label, required, errorId, error, children }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("label", { className: LABEL_CLASSES, children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: " *" })
+    ] }),
+    children,
+    error && /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: ERROR_CLASSES, children: error.message })
+  ] });
+}
+function ConfirmationView({ title, message }) {
+  return /* @__PURE__ */ jsx("main", { className: "flex items-center justify-center px-4", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold mb-2 text-center text-(--enad-text-primary-color)", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-center text-(--enad-text-muted-color)", children: message })
+  ] }) });
+}
+function ContactNameFields({ form, firstNameLabel, lastNameLabel }) {
+  const errors = form.formState.errors;
+  return /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsx(FormField, { label: firstNameLabel, required: true, errorId: "user-firstName-error", error: errors.user?.first_name, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...form.register("user.first_name"),
+        "aria-describedby": ariaError(errors.user?.first_name, "user-firstName-error"),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "John"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(FormField, { label: lastNameLabel, required: true, errorId: "user-lastName-error", error: errors.user?.last_name, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...form.register("user.last_name"),
+        "aria-describedby": ariaError(errors.user?.last_name, "user-lastName-error"),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "Doe"
+      }
+    ) })
+  ] });
+}
+function ContactEmailPhoneFields({ form, emailLabel, phoneLabel }) {
+  const errors = form.formState.errors;
+  return /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsx(FormField, { label: emailLabel, required: true, errorId: "user-email-error", error: errors.user?.email, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "email",
+        ...form.register("user.email"),
+        "aria-describedby": ariaError(errors.user?.email, "user-email-error"),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "you@example.com"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(FormField, { label: phoneLabel, errorId: "user-phone-error", error: errors.user?.phone_number, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "tel",
+        ...form.register("user.phone_number"),
+        "aria-describedby": ariaError(errors.user?.phone_number, "user-phone-error"),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "+46 123 456 789"
+      }
+    ) })
+  ] });
+}
+function ContactPasswordFields({
+  form,
+  passwordLabel,
+  confirmPasswordLabel,
+  showPassword,
+  showConfirmPassword,
+  onTogglePassword,
+  onToggleConfirmPassword
+}) {
+  const errors = form.formState.errors;
+  return /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsx(FormField, { label: passwordLabel, required: true, errorId: "user-password-error", error: errors.user?.password, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: showPassword ? "text" : "password",
+          ...form.register("user.password"),
+          "aria-describedby": ariaError(errors.user?.password, "user-password-error"),
+          className: `${INPUT_BASE_CLASSES} pr-10`,
+          placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onTogglePassword,
+          className: "absolute right-2 top-1/2 -translate-y-1/2 text-(--enad-text-muted-color)",
+          children: showPassword ? "Hide" : "Show"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(FormField, { label: confirmPasswordLabel, required: true, errorId: "user-confirmPassword-error", error: errors.user?.confirmPassword, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: showConfirmPassword ? "text" : "password",
+          ...form.register("user.confirmPassword"),
+          "aria-describedby": ariaError(errors.user?.confirmPassword, "user-confirmPassword-error"),
+          className: `${INPUT_BASE_CLASSES} pr-10`,
+          placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onToggleConfirmPassword,
+          className: "absolute right-2 top-1/2 -translate-y-1/2 text-(--enad-text-muted-color)",
+          children: showConfirmPassword ? "Hide" : "Show"
+        }
+      )
+    ] }) })
+  ] });
+}
+function CommunicationPrefsFields({
+  form,
+  communicationPreferences,
+  emailNotifications,
+  smsNotifications,
+  postalNotifications
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-(--enad-text-primary-color)", children: communicationPreferences }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register("user.allow_email_notifications"), className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("label", { className: "text-sm text-(--enad-text-primary-color)", children: emailNotifications })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register("user.allow_phone_notifications"), className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("label", { className: "text-sm text-(--enad-text-primary-color)", children: smsNotifications })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("input", { type: "checkbox", ...form.register("user.allow_postal_notifications"), className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("label", { className: "text-sm text-(--enad-text-primary-color)", children: postalNotifications })
+    ] })
+  ] });
+}
+function ContactPersonSection({
+  form,
+  labels,
+  showPassword,
+  showConfirmPassword,
+  onTogglePassword,
+  onToggleConfirmPassword
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: SECTION_TITLE_CLASSES, children: labels.sectionTitle }),
+    /* @__PURE__ */ jsx(ContactNameFields, { form, firstNameLabel: labels.firstName, lastNameLabel: labels.lastName }),
+    /* @__PURE__ */ jsx(ContactEmailPhoneFields, { form, emailLabel: labels.email, phoneLabel: labels.phone }),
+    /* @__PURE__ */ jsx(
+      ContactPasswordFields,
+      {
+        form,
+        passwordLabel: labels.password,
+        confirmPasswordLabel: labels.confirmPassword,
+        showPassword,
+        showConfirmPassword,
+        onTogglePassword,
+        onToggleConfirmPassword
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CommunicationPrefsFields,
+      {
+        form,
+        communicationPreferences: labels.communicationPreferences,
+        emailNotifications: labels.emailNotifications,
+        smsNotifications: labels.smsNotifications,
+        postalNotifications: labels.postalNotifications
+      }
+    )
+  ] });
+}
+function CompanyIdentityFields({ form, labels }) {
+  const errors = form.formState.errors;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FormField, { label: labels.companyName, required: true, errorId: "org-name-error", error: errors.organization?.name, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...form.register("organization.name"),
+        "aria-describedby": ariaError(errors.organization?.name, "org-name-error"),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "Company Name"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(FormField, { label: labels.orgNumber, required: true, errorId: "org-number-error", error: errors.organization?.organisation_number, children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...form.register("organization.organisation_number"),
+          "aria-describedby": ariaError(errors.organization?.organisation_number, "org-number-error"),
+          className: INPUT_BASE_CLASSES,
+          placeholder: "1234567890",
+          onChange: (e) => {
+            form.setValue("organization.organisation_number", e.target.value.replace(/\D/g, ""));
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx(FormField, { label: labels.vatNumber, required: true, errorId: "org-vat-error", error: errors.organization?.tax_id_vat_number, children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...form.register("organization.tax_id_vat_number"),
+          "aria-describedby": ariaError(errors.organization?.tax_id_vat_number, "org-vat-error"),
+          className: INPUT_BASE_CLASSES,
+          placeholder: "SE123456789001"
+        }
+      ) })
+    ] })
+  ] });
+}
+function CompanyContactFields({ form, labels }) {
+  const errors = form.formState.errors;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(FormField, { label: labels.companyEmail, required: true, errorId: "org-email-error", error: errors.organization?.email, children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "email",
+          ...form.register("organization.email"),
+          "aria-describedby": ariaError(errors.organization?.email, "org-email-error"),
+          className: INPUT_BASE_CLASSES,
+          placeholder: "company@example.com"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(FormField, { label: labels.companyPhone, errorId: "org-phone-error", error: errors.organization?.phone, children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "tel",
+          ...form.register("organization.phone"),
+          "aria-describedby": ariaError(errors.organization?.phone, "org-phone-error"),
+          className: INPUT_BASE_CLASSES,
+          placeholder: "+46 123 456 789"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(FormField, { label: labels.invoiceEmail, errorId: "org-invoiceEmail-error", error: errors.organization?.invoice_email, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "email",
+        ...form.register("organization.invoice_email"),
+        "aria-describedby": ariaError(errors.organization?.invoice_email, "org-invoiceEmail-error"),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "invoices@example.com"
+      }
+    ) })
+  ] });
+}
+function CompanyExtraFields({ form, labels }) {
+  const errors = form.formState.errors;
+  return /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsx(FormField, { label: labels.contactName, errorId: "org-contactName-error", error: errors.organization?.contact_name, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...form.register("organization.contact_name"),
+        "aria-describedby": ariaError(errors.organization?.contact_name, "org-contactName-error"),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "Contact Person"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(FormField, { label: labels.externalRef, errorId: "org-externalRef-error", error: errors.organization?.external_ref, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...form.register("organization.external_ref"),
+        "aria-describedby": ariaError(errors.organization?.external_ref, "org-externalRef-error"),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "External Ref"
+      }
+    ) })
+  ] });
+}
+function CompanyInfoSection({ form, labels }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: SECTION_TITLE_CLASSES, children: labels.sectionTitle }),
+    /* @__PURE__ */ jsx(CompanyIdentityFields, { form, labels }),
+    /* @__PURE__ */ jsx(CompanyContactFields, { form, labels }),
+    /* @__PURE__ */ jsx(CompanyExtraFields, { form, labels })
+  ] });
+}
+function AddressStreetRow({ form, prefix, idPrefix, labels, addressErrors }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsx(FormField, { label: labels.streetAddress, required: true, errorId: `${idPrefix}-street-error`, error: addressErrors?.street_address, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...form.register(`${prefix}.street_address`),
+        "aria-describedby": ariaError(addressErrors?.street_address, `${idPrefix}-street-error`),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "Street Address"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: LABEL_CLASSES, children: labels.houseNumber }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...form.register(`${prefix}.house_number`),
+          className: INPUT_BASE_CLASSES,
+          placeholder: "123"
+        }
+      )
+    ] })
+  ] });
+}
+function AddressPostalRow({ form, prefix, idPrefix, labels, addressErrors }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: LABEL_CLASSES, children: labels.coAddress }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...form.register(`${prefix}.co_address`),
+          className: INPUT_BASE_CLASSES,
+          placeholder: "Co Address"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(FormField, { label: labels.postalCode, required: true, errorId: `${idPrefix}-postal-error`, error: addressErrors?.postal_code, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...form.register(`${prefix}.postal_code`),
+        "aria-describedby": ariaError(addressErrors?.postal_code, `${idPrefix}-postal-error`),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "12345"
+      }
+    ) })
+  ] });
+}
+function AddressCityRow({ form, prefix, idPrefix, labels, addressErrors }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsx(FormField, { label: labels.city, required: true, errorId: `${idPrefix}-city-error`, error: addressErrors?.city, children: /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...form.register(`${prefix}.city`),
+        "aria-describedby": ariaError(addressErrors?.city, `${idPrefix}-city-error`),
+        className: INPUT_BASE_CLASSES,
+        placeholder: "City"
+      }
+    ) }),
+    /* @__PURE__ */ jsx(FormField, { label: labels.country, required: true, errorId: `${idPrefix}-country-error`, error: addressErrors?.country, children: /* @__PURE__ */ jsxs(
+      "select",
+      {
+        ...form.register(`${prefix}.country`),
+        "aria-describedby": ariaError(addressErrors?.country, `${idPrefix}-country-error`),
+        className: INPUT_BASE_CLASSES,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "SE", children: "Sweden" }),
+          /* @__PURE__ */ jsx("option", { value: "NO", children: "Norway" }),
+          /* @__PURE__ */ jsx("option", { value: "DK", children: "Denmark" }),
+          /* @__PURE__ */ jsx("option", { value: "FI", children: "Finland" })
+        ]
+      }
+    ) })
+  ] });
+}
+function AddressFields({ form, prefix, idPrefix, labels }) {
+  const isBilling = prefix === "organization.billing_address.0";
+  const addressErrors = isBilling ? form.formState.errors.organization?.billing_address?.[0] : form.formState.errors.shipping_address?.[0];
+  const rowProps = { form, prefix, idPrefix, labels, addressErrors };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AddressStreetRow, { ...rowProps }),
+    /* @__PURE__ */ jsx(AddressPostalRow, { ...rowProps }),
+    /* @__PURE__ */ jsx(AddressCityRow, { ...rowProps })
+  ] });
+}
+function BillingAddressSection({ form, labels }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: SECTION_TITLE_CLASSES, children: labels.sectionTitle }),
+    /* @__PURE__ */ jsx(
+      AddressFields,
+      {
+        form,
+        prefix: "organization.billing_address.0",
+        idPrefix: "billing",
+        labels
+      }
+    )
+  ] });
+}
+function ShippingAddressSection({ form, useBillingAsShipping, labels }) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: SECTION_TITLE_CLASSES, children: labels.sectionTitle }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          ...form.register("use_billing_as_shipping"),
+          className: "h-4 w-4"
+        }
+      ),
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-(--enad-text-primary-color)", children: labels.sameBillingAsShipping })
+    ] }),
+    !useBillingAsShipping && /* @__PURE__ */ jsx(
+      AddressFields,
+      {
+        form,
+        prefix: "shipping_address.0",
+        idPrefix: "shipping",
+        labels
+      }
+    )
+  ] });
+}
+function useAutoFillEffects(form) {
+  const { watch, setValue } = form;
+  const useBillingAsShipping = watch("use_billing_as_shipping");
+  const billingAddress = watch("organization.billing_address.0");
+  const contactEmail = watch("user.email");
+  const contactPhone = watch("user.phone_number");
+  const orgNumber = watch("organization.organisation_number");
+  const invoiceCountry = watch("organization.billing_address.0.country");
+  const lastAutoOrgEmail = useRef(null);
+  const lastAutoInvoiceEmail = useRef(null);
+  const lastAutoOrgPhone = useRef(null);
+  const lastAutoVat = useRef(null);
+  useEffect(() => {
+    if (useBillingAsShipping && billingAddress) {
+      setValue("shipping_address.0", billingAddress);
+    }
+  }, [useBillingAsShipping, billingAddress, setValue]);
+  useEffect(() => {
+    if (!contactEmail) return;
+    const currentOrgEmail = form.getValues("organization.email");
+    if (!currentOrgEmail || currentOrgEmail === lastAutoOrgEmail.current) {
+      setValue("organization.email", contactEmail);
+      lastAutoOrgEmail.current = contactEmail;
+    }
+    const currentInvoiceEmail = form.getValues("organization.invoice_email");
+    if (!currentInvoiceEmail || currentInvoiceEmail === lastAutoInvoiceEmail.current) {
+      setValue("organization.invoice_email", contactEmail);
+      lastAutoInvoiceEmail.current = contactEmail;
+    }
+  }, [contactEmail, setValue, form]);
+  useEffect(() => {
+    if (!contactPhone) return;
+    const currentOrgPhone = form.getValues("organization.phone");
+    if (!currentOrgPhone || currentOrgPhone === lastAutoOrgPhone.current) {
+      setValue("organization.phone", contactPhone);
+      lastAutoOrgPhone.current = contactPhone;
+    }
+  }, [contactPhone, setValue, form]);
+  useEffect(() => {
+    const currentOrgNumber = form.getValues("organization.organisation_number");
+    const currentCountry = (form.getValues("organization.billing_address.0.country") || "").toString().toUpperCase();
+    const currentVat = form.getValues("organization.tax_id_vat_number");
+    if (!currentOrgNumber) {
+      if (!currentVat || currentVat === lastAutoVat.current) {
+        setValue("organization.tax_id_vat_number", "");
+        lastAutoVat.current = "";
+      }
+      return;
+    }
+    const computedVat = currentCountry === "SE" ? `SE${currentOrgNumber}01` : currentOrgNumber;
+    if (!currentVat || currentVat === lastAutoVat.current) {
+      setValue("organization.tax_id_vat_number", computedVat);
+      lastAutoVat.current = computedVat;
+    }
+  }, [orgNumber, invoiceCountry, setValue, form]);
+  return { useBillingAsShipping };
+}
+const DEFAULT_LABELS = {
+  title: "Create your organisation account",
+  subtitle: "Sign up to get started",
+  submit: "Sign Up",
+  signingUp: "Signing up...",
+  contactPersonSection: "Contact Person",
+  companyInfoSection: "Company Information",
+  billingAddressSection: "Billing Address",
+  shippingAddressSection: "Shipping Address",
+  firstName: "First Name",
+  lastName: "Last Name",
+  email: "Email",
+  phoneNumber: "Phone Number",
+  password: "Password",
+  confirmPassword: "Confirm Password",
+  companyName: "Company Name",
+  organisationNumber: "Organisation Number",
+  taxIdVatNumber: "Tax ID/VAT Number",
+  companyEmail: "Company Email",
+  companyPhone: "Company Phone",
+  invoiceEmail: "Invoice Email",
+  contactName: "Contact Name",
+  externalRef: "External Reference",
+  streetAddress: "Street Address",
+  houseNumber: "House Number",
+  coAddress: "Co Address",
+  postalCode: "Postal Code",
+  city: "City",
+  country: "Country",
+  sameBillingAsShipping: "Same address as billing address",
+  emailNotifications: "Accept email notifications",
+  smsNotifications: "Accept SMS notifications",
+  postalNotifications: "Accept postal notifications",
+  communicationPreferences: "Communication Preferences",
+  acceptTerms: "I accept the",
+  termsLinkText: "terms and conditions",
+  verifyEmailTitle: "Verify your email",
+  verifyEmailMessage: "Please check your email to verify your account."
+};
+function resolveLabels(labels) {
+  return { ...DEFAULT_LABELS, ...labels };
+}
+function buildDefaultValues(defaultLanguage, defaultMarket, defaultCountry, defaultStoreGroup) {
+  const emptyAddress = {
+    street_address: "",
+    house_number: "",
+    city: "",
+    postal_code: "",
+    country: defaultCountry,
+    state_province: "",
+    phone: "",
+    co_address: "",
+    name: "",
+    is_default: true,
+    shipping_type: "standard"
+  };
+  return {
+    user: {
+      first_name: "",
+      last_name: "",
+      email: "",
+      password: "",
+      confirmPassword: "",
+      phone_number: "",
+      language: defaultLanguage,
+      market: defaultMarket,
+      country_code: defaultCountry,
+      store_group: defaultStoreGroup,
+      allow_email_notifications: false,
+      allow_phone_notifications: false,
+      allow_postal_notifications: false
+    },
+    organization: {
+      name: "",
+      organisation_number: "",
+      tax_id_vat_number: "",
+      contact_name: "",
+      email: "",
+      invoice_email: "",
+      phone: "",
+      external_ref: "",
+      attribute: "",
+      credit_check: false,
+      custom_fields: {},
+      billing_address: [emptyAddress]
+    },
+    shipping_address: [{ ...emptyAddress }],
+    use_billing_as_shipping: false,
+    terms_accepted: false
+  };
+}
+async function submitRegistration(values, organisationStatus, setErrors) {
+  const userResult = await registerUserWithoutRedirectAction({
+    firstName: values.user.first_name,
+    lastName: values.user.last_name,
+    email: values.user.email,
+    password: values.user.password,
+    phone_number: values.user.phone_number,
+    language: values.user.language,
+    country_code: values.user.country_code,
+    market: values.user.market,
+    store_group: values.user.store_group,
+    allow_email_notifications: values.user.allow_email_notifications,
+    allow_phone_notifications: values.user.allow_phone_notifications,
+    allow_postal_notifications: values.user.allow_postal_notifications,
+    status: organisationStatus
+  });
+  if (userResult?.errors) {
+    setErrors(userResult.errors);
+    return false;
+  }
+  const userId = userResult?.data.id;
+  if (!userId) {
+    setErrors({ general: ["User registration failed. Please try again."] });
+    return false;
+  }
+  const organisationData = {
+    billing_address: values.organization.billing_address,
+    shipping_address: values.shipping_address,
+    contact_name: values.organization.contact_name,
+    credit_check: values.organization.credit_check,
+    custom_fields: values.organization.custom_fields,
+    email: values.organization.email.toLowerCase(),
+    external_ref: values.organization.external_ref,
+    invoice_email: values.organization.invoice_email?.toLowerCase(),
+    name: values.organization.name,
+    organisation_number: values.organization.organisation_number,
+    phone: values.organization.phone,
+    tax_id_vat_number: values.organization.tax_id_vat_number,
+    user_id: userId,
+    attribute_ids: values.organization.attribute ? [values.organization.attribute] : [],
+    status: organisationStatus
+  };
+  const orgResult = await registerOrganisationAction(organisationData);
+  if (orgResult?.error) {
+    setErrors({ general: [orgResult.error] });
+    return false;
+  }
+  return true;
+}
+function FormBody({
+  form,
+  l,
+  isPending,
+  showPassword,
+  showConfirmPassword,
+  setShowPassword,
+  setShowConfirmPassword,
+  useBillingAsShipping,
+  errors,
+  onSubmit,
+  extraLink
+}) {
+  const addressLabels = {
+    streetAddress: l.streetAddress,
+    houseNumber: l.houseNumber,
+    coAddress: l.coAddress,
+    postalCode: l.postalCode,
+    city: l.city,
+    country: l.country
+  };
+  return /* @__PURE__ */ jsx("main", { className: "flex items-center justify-center px-4 py-8", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-4xl bg-(--enad-surface) shadow-lg p-8 border border-(--enad-border-color) rounded-(--enad-card-radius)", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold mb-2 text-center text-(--enad-text-primary-color)", children: l.title }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm mb-8 text-center text-(--enad-text-muted-color)", children: l.subtitle }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-8", children: [
+      /* @__PURE__ */ jsx(
+        ContactPersonSection,
+        {
+          form,
+          labels: {
+            sectionTitle: l.contactPersonSection,
+            firstName: l.firstName,
+            lastName: l.lastName,
+            email: l.email,
+            phone: l.phoneNumber,
+            password: l.password,
+            confirmPassword: l.confirmPassword,
+            communicationPreferences: l.communicationPreferences,
+            emailNotifications: l.emailNotifications,
+            smsNotifications: l.smsNotifications,
+            postalNotifications: l.postalNotifications
+          },
+          showPassword,
+          showConfirmPassword,
+          onTogglePassword: () => setShowPassword(!showPassword),
+          onToggleConfirmPassword: () => setShowConfirmPassword(!showConfirmPassword)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CompanyInfoSection,
+        {
+          form,
+          labels: {
+            sectionTitle: l.companyInfoSection,
+            companyName: l.companyName,
+            orgNumber: l.organisationNumber,
+            vatNumber: l.taxIdVatNumber,
+            companyEmail: l.companyEmail,
+            companyPhone: l.companyPhone,
+            invoiceEmail: l.invoiceEmail,
+            contactName: l.contactName,
+            externalRef: l.externalRef
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        BillingAddressSection,
+        {
+          form,
+          labels: { sectionTitle: l.billingAddressSection, ...addressLabels }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ShippingAddressSection,
+        {
+          form,
+          useBillingAsShipping,
+          labels: {
+            sectionTitle: l.shippingAddressSection,
+            sameBillingAsShipping: l.sameBillingAsShipping,
+            ...addressLabels
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            ...form.register("terms_accepted"),
+            "aria-describedby": ariaError(form.formState.errors.terms_accepted, "terms-error"),
+            className: "h-4 w-4"
+          }
+        ),
+        /* @__PURE__ */ jsxs("label", { className: "text-sm text-(--enad-text-primary-color)", children: [
+          l.acceptTerms,
+          " ",
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "/terms",
+              target: "_blank",
+              className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) hover:underline",
+              children: l.termsLinkText
+            }
+          )
+        ] })
+      ] }),
+      form.formState.errors.terms_accepted && /* @__PURE__ */ jsx("p", { id: "terms-error", role: "alert", className: ERROR_CLASSES, children: form.formState.errors.terms_accepted.message }),
+      /* @__PURE__ */ jsx(StorefrontButton, { type: "submit", disabled: isPending, className: "w-full", children: isPending ? l.signingUp : l.submit }),
+      errors.general && /* @__PURE__ */ jsx("p", { role: "alert", className: ERROR_CLASSES + " mt-2 text-center", children: errors.general.join(", ") })
+    ] }),
+    extraLink && /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) text-center mt-6", children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: extraLink.href,
+        className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) font-medium",
+        children: extraLink.text
+      }
+    ) })
+  ] }) });
+}
+const SignupOrganisationForm = ({
+  labels = {},
+  extraLink = { href: "/login", text: "Already have an account? Sign in" },
+  organisationStatus = "active",
+  defaultMarket = "SE",
+  defaultLanguage = "SV",
+  defaultCountry = "SE",
+  defaultStoreGroup = "default"
+}) => {
+  const l = resolveLabels(labels);
+  const [errors, setErrors] = useState({});
+  const [isPending, setIsPending] = useState(false);
+  const [showPassword, setShowPassword] = useState(false);
+  const [showConfirmPassword, setShowConfirmPassword] = useState(false);
+  const [confirmMode, setConfirmMode] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(formSchema),
+    defaultValues: buildDefaultValues(defaultLanguage, defaultMarket, defaultCountry, defaultStoreGroup)
+  });
+  const { useBillingAsShipping } = useAutoFillEffects(form);
+  const onSubmit = async (values) => {
+    setIsPending(true);
+    setErrors({});
+    try {
+      const success = await submitRegistration(values, organisationStatus, setErrors);
+      if (success) {
+        setConfirmMode(true);
+      }
+    } catch (error) {
+      console.error("Registration error:", error);
+      setErrors({ general: ["Failed to register. Please try again."] });
+    } finally {
+      setIsPending(false);
+    }
+  };
+  if (confirmMode) {
+    return /* @__PURE__ */ jsx(ConfirmationView, { title: l.verifyEmailTitle, message: l.verifyEmailMessage });
+  }
+  return /* @__PURE__ */ jsx(
+    FormBody,
+    {
+      form,
+      l,
+      isPending,
+      showPassword,
+      showConfirmPassword,
+      setShowPassword,
+      setShowConfirmPassword,
+      useBillingAsShipping,
+      errors,
+      onSubmit,
+      extraLink
+    }
+  );
+};
+export {
+  SignupOrganisationForm
+};
+//# sourceMappingURL=signup-organisation-form.mjs.map