@enadhq/enad-react-sdk 1.0.2 → 1.1.0

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

@@ -1,864 +1,659 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { zodResolver } from "@hookform/resolvers/zod";
+import { StorefrontButton } from "../../storefront/primitives/button.mjs";
+import { StorefrontInput } from "../../storefront/primitives/input.mjs";
+import { PasswordInput } from "../../storefront/primitives/password-input.mjs";
+import { StorefrontCheckbox } from "../../storefront/primitives/checkbox.mjs";
+import { AddressFieldGroup } from "../../storefront/components/address-field-group.mjs";
+import { registerOrganisationAction } from "../actions/registerOrganisationAction.mjs";
+import { registerUserWithoutRedirectAction } from "../actions/registerUserWithoutRedirectAction.mjs";
 import { useEffect, useRef, useState } from "react";
-import { useForm } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as z from "zod";
-import { registerOrganisationAction } from "../actions/registerOrganisationAction";
-import { registerUserWithoutRedirectAction } from "../actions/registerUserWithoutRedirectAction";
-import { StorefrontButton } from "../../storefront/primitives/button";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+//#region src/client/user/components/signup-organisation-form.tsx
 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")
+	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(),
+	shipping_type: z.string()
 });
 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)
+	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(),
+	country_code: z.string(),
+	market: z.string(),
+	store_group: z.string(),
+	allow_email_notifications: z.boolean(),
+	allow_phone_notifications: z.boolean(),
+	allow_postal_notifications: z.boolean()
 }).refine((data) => data.password === data.confirmPassword, {
-  message: "Passwords do not match",
-  path: ["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)
+	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(),
+	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"
-  })
+	user: userSchema,
+	organization: organizationSchema,
+	shipping_address: z.array(addressSchema).min(1),
+	use_billing_as_shipping: z.boolean(),
+	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 ContactPersonSection({ form, labels }) {
+	const errors = form.formState.errors;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: SECTION_TITLE_CLASSES,
+				children: labels.sectionTitle
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.firstName,
+					required: true,
+					error: errors.user?.first_name?.message,
+					placeholder: "John",
+					...form.register("user.first_name")
+				}), /* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.lastName,
+					required: true,
+					error: errors.user?.last_name?.message,
+					placeholder: "Doe",
+					...form.register("user.last_name")
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.email,
+					required: true,
+					type: "email",
+					error: errors.user?.email?.message,
+					placeholder: "you@example.com",
+					...form.register("user.email")
+				}), /* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.phone,
+					type: "tel",
+					error: errors.user?.phone_number?.message,
+					placeholder: "+46 123 456 789",
+					...form.register("user.phone_number")
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(PasswordInput, {
+					label: labels.password,
+					required: true,
+					error: errors.user?.password?.message,
+					placeholder: "••••••••",
+					...form.register("user.password")
+				}), /* @__PURE__ */ jsx(PasswordInput, {
+					label: labels.confirmPassword,
+					required: true,
+					error: errors.user?.confirmPassword?.message,
+					placeholder: "••••••••",
+					...form.register("user.confirmPassword")
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium text-(--enad-text-primary-color)",
+						children: labels.communicationPreferences
+					}),
+					/* @__PURE__ */ jsx(StorefrontCheckbox, {
+						label: labels.emailNotifications,
+						checked: form.watch("user.allow_email_notifications"),
+						onCheckedChange: (v) => form.setValue("user.allow_email_notifications", v)
+					}),
+					/* @__PURE__ */ jsx(StorefrontCheckbox, {
+						label: labels.smsNotifications,
+						checked: form.watch("user.allow_phone_notifications"),
+						onCheckedChange: (v) => form.setValue("user.allow_phone_notifications", v)
+					}),
+					/* @__PURE__ */ jsx(StorefrontCheckbox, {
+						label: labels.postalNotifications,
+						checked: form.watch("user.allow_postal_notifications"),
+						onCheckedChange: (v) => form.setValue("user.allow_postal_notifications", v)
+					})
+				]
+			})
+		]
+	});
 }
 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 })
-  ] });
+	const errors = form.formState.errors;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: SECTION_TITLE_CLASSES,
+				children: labels.sectionTitle
+			}),
+			/* @__PURE__ */ jsx(StorefrontInput, {
+				label: labels.companyName,
+				required: true,
+				error: errors.organization?.name?.message,
+				placeholder: "Company Name",
+				...form.register("organization.name")
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.orgNumber,
+					required: true,
+					error: errors.organization?.organisation_number?.message,
+					placeholder: "1234567890",
+					...form.register("organization.organisation_number"),
+					onChange: (e) => {
+						form.setValue("organization.organisation_number", e.target.value.replace(/\D/g, ""));
+					}
+				}), /* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.vatNumber,
+					required: true,
+					error: errors.organization?.tax_id_vat_number?.message,
+					placeholder: "SE123456789001",
+					...form.register("organization.tax_id_vat_number")
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.companyEmail,
+					required: true,
+					type: "email",
+					error: errors.organization?.email?.message,
+					placeholder: "company@example.com",
+					...form.register("organization.email")
+				}), /* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.companyPhone,
+					type: "tel",
+					error: errors.organization?.phone?.message,
+					placeholder: "+46 123 456 789",
+					...form.register("organization.phone")
+				})]
+			}),
+			/* @__PURE__ */ jsx(StorefrontInput, {
+				label: labels.invoiceEmail,
+				type: "email",
+				error: errors.organization?.invoice_email?.message,
+				placeholder: "invoices@example.com",
+				...form.register("organization.invoice_email")
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid md:grid-cols-2 gap-4",
+				children: [/* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.contactName,
+					error: errors.organization?.contact_name?.message,
+					placeholder: "Contact Person",
+					...form.register("organization.contact_name")
+				}), /* @__PURE__ */ jsx(StorefrontInput, {
+					label: labels.externalRef,
+					error: errors.organization?.external_ref?.message,
+					placeholder: "External Ref",
+					...form.register("organization.external_ref")
+				})]
+			})
+		]
+	});
 }
-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 useAddressFields(form, prefix) {
+	const addressErrors = prefix === "organization.billing_address.0" ? form.formState.errors.organization?.billing_address?.[0] : form.formState.errors.shipping_address?.[0];
+	return {
+		fields: {
+			streetAddress: form.register(`${prefix}.street_address`),
+			houseNumber: form.register(`${prefix}.house_number`),
+			coAddress: form.register(`${prefix}.co_address`),
+			postalCode: form.register(`${prefix}.postal_code`),
+			city: form.register(`${prefix}.city`),
+			country: {
+				value: form.watch(`${prefix}.country`) || "SE",
+				onValueChange: (v) => form.setValue(`${prefix}.country`, v)
+			}
+		},
+		errors: addressErrors ? {
+			streetAddress: addressErrors.street_address?.message,
+			postalCode: addressErrors.postal_code?.message,
+			city: addressErrors.city?.message,
+			country: addressErrors.country?.message
+		} : void 0
+	};
 }
 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
-      }
-    )
-  ] });
+	const { fields, errors } = useAddressFields(form, "organization.billing_address.0");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: SECTION_TITLE_CLASSES,
+			children: labels.sectionTitle
+		}), /* @__PURE__ */ jsx(AddressFieldGroup, {
+			fields,
+			errors,
+			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
-      }
-    )
-  ] });
+	const { fields, errors } = useAddressFields(form, "shipping_address.0");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsx("h3", {
+				className: SECTION_TITLE_CLASSES,
+				children: labels.sectionTitle
+			}),
+			/* @__PURE__ */ jsx(StorefrontCheckbox, {
+				label: labels.sameBillingAsShipping,
+				checked: form.watch("use_billing_as_shipping"),
+				onCheckedChange: (v) => form.setValue("use_billing_as_shipping", v)
+			}),
+			!useBillingAsShipping && /* @__PURE__ */ jsx(AddressFieldGroup, {
+				fields,
+				errors,
+				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 { 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."
+	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 };
+	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
-  };
+	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;
+	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 orgResult = await registerOrganisationAction({
+		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
+	});
+	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
-      }
-    ) })
-  ] }) });
+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
+			})]
+		})
+	});
 }
-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
+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 [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 {
+			if (await submitRegistration(values, organisationStatus, setErrors)) 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
+	});
+	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
+							}
+						}),
+						/* @__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__ */ jsx(StorefrontCheckbox, {
+							label: /* @__PURE__ */ jsxs("span", { 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
+								})
+							] }),
+							checked: form.watch("terms_accepted"),
+							onCheckedChange: (v) => form.setValue("terms_accepted", v),
+							error: 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: "text-(--enad-error-color) text-sm 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
+					})
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { SignupOrganisationForm };
+
 //# sourceMappingURL=signup-organisation-form.mjs.map