@enadhq/enad-react-sdk 0.0.6 → 1.0.2

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

@@ -6,6 +6,7 @@ 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(),
@@ -60,87 +61,430 @@ const formSchema = z.object({
     message: "You must accept the terms and conditions"
   })
 });
-const SignupOrganisationForm = ({
-  title = "Create your organisation account",
-  subtitle = "Sign up to get started",
-  submitText = "Sign Up",
-  extraLink = { href: "/login", text: "Already have an account? Sign in" },
-  organisationStatus = "active",
-  defaultMarket = "SE",
-  defaultLanguage = "SV",
-  defaultCountry = "SE",
-  defaultStoreGroup = "default"
-}) => {
-  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: {
-      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: [
-          {
-            street_address: "",
-            house_number: "",
-            city: "",
-            postal_code: "",
-            country: defaultCountry,
-            state_province: "",
-            phone: "",
-            co_address: "",
-            name: "",
-            is_default: true,
-            shipping_type: "standard"
+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" })
         ]
-      },
-      shipping_address: [
+      }
+    ) })
+  ] });
+}
+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",
         {
-          street_address: "",
-          house_number: "",
-          city: "",
-          postal_code: "",
-          country: defaultCountry,
-          state_province: "",
-          phone: "",
-          co_address: "",
-          name: "",
-          is_default: true,
-          shipping_type: "standard"
+          type: "checkbox",
+          ...form.register("use_billing_as_shipping"),
+          className: "h-4 w-4"
         }
-      ],
-      use_billing_as_shipping: false,
-      terms_accepted: false
-    }
-  });
+      ),
+      /* @__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");
@@ -195,592 +539,244 @@ const SignupOrganisationForm = ({
       lastAutoVat.current = computedVat;
     }
   }, [orgNumber, invoiceCountry, setValue, form]);
-  const onSubmit = async (values) => {
-    setIsPending(true);
-    setErrors({});
-    try {
-      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);
-        setIsPending(false);
-        return;
-      }
-      const userId = userResult?.data.id;
-      if (!userId) {
-        setErrors({ general: ["User registration failed. Please try again."] });
-        setIsPending(false);
-        return;
-      }
-      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] });
-        setIsPending(false);
-        return;
-      }
-      setConfirmMode(true);
-    } catch (error) {
-      console.error("Registration error:", error);
-      setErrors({ general: ["Failed to register. Please try again."] });
-    } finally {
-      setIsPending(false);
-    }
+  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"
   };
-  const inputBaseClasses = `
-    w-full px-4 py-2.5
-    border border-(--enad-border-color) 
-    rounded-(--enad-border-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 buttonBaseClasses = `
-    w-full py-2.5
-    bg-(--enad-button-bg)
-    hover:bg-(--enad-button-hover-bg)
-    text-(--enad-button-color)
-    font-medium rounded-(--enad-border-radius)
-    transition shadow-sm hover:shadow
-    disabled:opacity-50 disabled:cursor-not-allowed
-  `;
-  const labelClasses = `block text-sm font-medium text-(--enad-text-primary-color) mb-1`;
-  const errorClasses = `text-(--enad-error-color) text-sm mt-1`;
-  const sectionTitleClasses = `text-xl font-semibold mb-4 pb-2 border-b border-(--enad-border-color)`;
-  if (confirmMode) {
-    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-border-radius)", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold mb-2 text-center text-(--enad-text-primary-color)", children: "Verify your email" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-center text-(--enad-text-muted-color)", children: "Please check your email to verify your account." })
-    ] }) });
+  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;
   }
-  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-border-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 mb-8 text-center text-(--enad-text-muted-color)", children: subtitle }),
+  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__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: sectionTitleClasses, children: "Contact Person" }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "First Name ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("user.first_name"),
-                className: inputBaseClasses,
-                placeholder: "John"
-              }
-            ),
-            form.formState.errors.user?.first_name && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.user.first_name.message })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Last Name ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("user.last_name"),
-                className: inputBaseClasses,
-                placeholder: "Doe"
-              }
-            ),
-            form.formState.errors.user?.last_name && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.user.last_name.message })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Email ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "email",
-                ...form.register("user.email"),
-                className: inputBaseClasses,
-                placeholder: "you@example.com"
-              }
-            ),
-            form.formState.errors.user?.email && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.user.email.message })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: labelClasses, children: "Phone Number" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "tel",
-                ...form.register("user.phone_number"),
-                className: inputBaseClasses,
-                placeholder: "+46 123 456 789"
-              }
-            ),
-            form.formState.errors.user?.phone_number && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.user.phone_number.message })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Password ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: showPassword ? "text" : "password",
-                  ...form.register("user.password"),
-                  className: inputBaseClasses + " pr-10",
-                  placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setShowPassword(!showPassword),
-                  className: "absolute right-2 top-1/2 -translate-y-1/2 text-(--enad-text-muted-color)",
-                  children: showPassword ? "Hide" : "Show"
-                }
-              )
-            ] }),
-            form.formState.errors.user?.password && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.user.password.message })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Confirm Password ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: showConfirmPassword ? "text" : "password",
-                  ...form.register("user.confirmPassword"),
-                  className: inputBaseClasses + " pr-10",
-                  placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setShowConfirmPassword(!showConfirmPassword),
-                  className: "absolute right-2 top-1/2 -translate-y-1/2 text-(--enad-text-muted-color)",
-                  children: showConfirmPassword ? "Hide" : "Show"
-                }
-              )
-            ] }),
-            form.formState.errors.user?.confirmPassword && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.user.confirmPassword.message })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-(--enad-text-primary-color)", children: "Communication Preferences" }),
-          /* @__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: "Accept email notifications" })
-          ] }),
-          /* @__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: "Accept SMS notifications" })
-          ] }),
-          /* @__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: "Accept postal notifications" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: sectionTitleClasses, children: "Company Information" }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-            "Company Name ",
-            /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ...form.register("organization.name"),
-              className: inputBaseClasses,
-              placeholder: "Company Name"
-            }
-          ),
-          form.formState.errors.organization?.name && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.name.message })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Organisation Number ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("organization.organisation_number"),
-                className: inputBaseClasses,
-                placeholder: "1234567890",
-                onChange: (e) => {
-                  form.setValue(
-                    "organization.organisation_number",
-                    e.target.value.replace(/\D/g, "")
-                  );
-                }
-              }
-            ),
-            form.formState.errors.organization?.organisation_number && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.organisation_number.message })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Tax ID/VAT Number ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("organization.tax_id_vat_number"),
-                className: inputBaseClasses,
-                placeholder: "SE123456789001"
-              }
-            ),
-            form.formState.errors.organization?.tax_id_vat_number && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.tax_id_vat_number.message })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Company Email ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "email",
-                ...form.register("organization.email"),
-                className: inputBaseClasses,
-                placeholder: "company@example.com"
-              }
-            ),
-            form.formState.errors.organization?.email && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.email.message })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: labelClasses, children: "Company Phone" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "tel",
-                ...form.register("organization.phone"),
-                className: inputBaseClasses,
-                placeholder: "+46 123 456 789"
-              }
-            ),
-            form.formState.errors.organization?.phone && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.phone.message })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: labelClasses, children: "Invoice Email" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "email",
-              ...form.register("organization.invoice_email"),
-              className: inputBaseClasses,
-              placeholder: "invoices@example.com"
-            }
-          ),
-          form.formState.errors.organization?.invoice_email && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.invoice_email.message })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: labelClasses, children: "Contact Name" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("organization.contact_name"),
-                className: inputBaseClasses,
-                placeholder: "Contact Person"
-              }
-            ),
-            form.formState.errors.organization?.contact_name && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.contact_name.message })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: labelClasses, children: "External Reference" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("organization.external_ref"),
-                className: inputBaseClasses,
-                placeholder: "External Ref"
-              }
-            ),
-            form.formState.errors.organization?.external_ref && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.external_ref.message })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: sectionTitleClasses, children: "Billing Address" }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Street Address ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("organization.billing_address.0.street_address"),
-                className: inputBaseClasses,
-                placeholder: "Street Address"
-              }
-            ),
-            form.formState.errors.organization?.billing_address?.[0]?.street_address && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.billing_address[0]?.street_address?.message })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: labelClasses, children: "House Number" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("organization.billing_address.0.house_number"),
-                className: inputBaseClasses,
-                placeholder: "123"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("label", { className: labelClasses, children: "Co Address" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("organization.billing_address.0.co_address"),
-                className: inputBaseClasses,
-                placeholder: "Co Address"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Postal Code ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("organization.billing_address.0.postal_code"),
-                className: inputBaseClasses,
-                placeholder: "12345"
-              }
-            ),
-            form.formState.errors.organization?.billing_address?.[0]?.postal_code && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.billing_address[0]?.postal_code?.message })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "City ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ...form.register("organization.billing_address.0.city"),
-                className: inputBaseClasses,
-                placeholder: "City"
-              }
-            ),
-            form.formState.errors.organization?.billing_address?.[0]?.city && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.billing_address[0]?.city?.message })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-              "Country ",
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-            ] }),
-            /* @__PURE__ */ jsxs(
-              "select",
-              {
-                ...form.register("organization.billing_address.0.country"),
-                className: inputBaseClasses,
-                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" })
-                ]
-              }
-            ),
-            form.formState.errors.organization?.billing_address?.[0]?.country && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.organization.billing_address[0]?.country?.message })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: sectionTitleClasses, children: "Shipping Address" }),
-        /* @__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: "Same address as billing address" })
-        ] }),
-        !useBillingAsShipping && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-                "Street Address ",
-                /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-              ] }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ...form.register("shipping_address.0.street_address"),
-                  className: inputBaseClasses,
-                  placeholder: "Street Address"
-                }
-              ),
-              form.formState.errors.shipping_address?.[0]?.street_address && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.shipping_address[0]?.street_address?.message })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: labelClasses, children: "House Number" }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ...form.register("shipping_address.0.house_number"),
-                  className: inputBaseClasses,
-                  placeholder: "123"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: labelClasses, children: "Co Address" }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ...form.register("shipping_address.0.co_address"),
-                  className: inputBaseClasses,
-                  placeholder: "Co Address"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-                "Postal Code ",
-                /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-              ] }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ...form.register("shipping_address.0.postal_code"),
-                  className: inputBaseClasses,
-                  placeholder: "12345"
-                }
-              ),
-              form.formState.errors.shipping_address?.[0]?.postal_code && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.shipping_address[0]?.postal_code?.message })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "grid md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-                "City ",
-                /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-              ] }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  ...form.register("shipping_address.0.city"),
-                  className: inputBaseClasses,
-                  placeholder: "City"
-                }
-              ),
-              form.formState.errors.shipping_address?.[0]?.city && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.shipping_address[0]?.city?.message })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs("label", { className: labelClasses, children: [
-                "Country ",
-                /* @__PURE__ */ jsx("span", { className: "text-(--enad-error-color)", children: "*" })
-              ] }),
-              /* @__PURE__ */ jsxs(
-                "select",
-                {
-                  ...form.register("shipping_address.0.country"),
-                  className: inputBaseClasses,
-                  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" })
-                  ]
-                }
-              ),
-              form.formState.errors.shipping_address?.[0]?.country && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.shipping_address[0]?.country?.message })
-            ] })
-          ] })
-        ] })
-      ] }),
+      /* @__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"), className: "h-4 w-4" }),
+        /* @__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: [
-          "I accept the",
+          l.acceptTerms,
           " ",
           /* @__PURE__ */ jsx(
             "a",
@@ -788,14 +784,14 @@ const SignupOrganisationForm = ({
               href: "/terms",
               target: "_blank",
               className: "text-(--enad-link-color) hover:text-(--enad-link-hover-color) hover:underline",
-              children: "terms and conditions"
+              children: l.termsLinkText
             }
           )
         ] })
       ] }),
-      form.formState.errors.terms_accepted && /* @__PURE__ */ jsx("p", { className: errorClasses, children: form.formState.errors.terms_accepted.message }),
-      /* @__PURE__ */ jsx("button", { type: "submit", disabled: isPending, className: buttonBaseClasses, children: isPending ? "Signing up..." : submitText }),
-      errors.general && /* @__PURE__ */ jsx("p", { className: errorClasses + " mt-2 text-center", children: errors.general.join(", ") })
+      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",
@@ -806,6 +802,61 @@ const SignupOrganisationForm = ({
       }
     ) })
   ] }) });
+}
+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