@enadhq/enad-react-sdk 1.0.0 → 1.1.0

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

@@ -0,0 +1,659 @@
+"use client";
+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 { jsx, jsxs } from "react/jsx-runtime";
+import * as z from "zod";
+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(),
+	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(),
+	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"]
+});
+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(),
+	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(),
+	terms_accepted: z.boolean().refine((val) => val === true, { message: "You must accept the terms and conditions" })
+});
+const SECTION_TITLE_CLASSES = `text-xl font-semibold mb-4 pb-2 border-b border-(--enad-border-color)`;
+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 }) {
+	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 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 }) {
+	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 }) {
+	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 DEFAULT_LABELS = {
+	title: "Create your organisation account",
+	subtitle: "Sign up to get started",
+	submit: "Sign Up",
+	signingUp: "Signing up...",
+	contactPersonSection: "Contact Person",
+	companyInfoSection: "Company Information",
+	billingAddressSection: "Billing Address",
+	shippingAddressSection: "Shipping Address",
+	firstName: "First Name",
+	lastName: "Last Name",
+	email: "Email",
+	phoneNumber: "Phone Number",
+	password: "Password",
+	confirmPassword: "Confirm Password",
+	companyName: "Company Name",
+	organisationNumber: "Organisation Number",
+	taxIdVatNumber: "Tax ID/VAT Number",
+	companyEmail: "Company Email",
+	companyPhone: "Company Phone",
+	invoiceEmail: "Invoice Email",
+	contactName: "Contact Name",
+	externalRef: "External Reference",
+	streetAddress: "Street Address",
+	houseNumber: "House Number",
+	coAddress: "Co Address",
+	postalCode: "Postal Code",
+	city: "City",
+	country: "Country",
+	sameBillingAsShipping: "Same address as billing address",
+	emailNotifications: "Accept email notifications",
+	smsNotifications: "Accept SMS notifications",
+	postalNotifications: "Accept postal notifications",
+	communicationPreferences: "Communication Preferences",
+	acceptTerms: "I accept the",
+	termsLinkText: "terms and conditions",
+	verifyEmailTitle: "Verify your email",
+	verifyEmailMessage: "Please check your email to verify your account."
+};
+function resolveLabels(labels) {
+	return {
+		...DEFAULT_LABELS,
+		...labels
+	};
+}
+function buildDefaultValues(defaultLanguage, defaultMarket, defaultCountry, defaultStoreGroup) {
+	const emptyAddress = {
+		street_address: "",
+		house_number: "",
+		city: "",
+		postal_code: "",
+		country: defaultCountry,
+		state_province: "",
+		phone: "",
+		co_address: "",
+		name: "",
+		is_default: true,
+		shipping_type: "standard"
+	};
+	return {
+		user: {
+			first_name: "",
+			last_name: "",
+			email: "",
+			password: "",
+			confirmPassword: "",
+			phone_number: "",
+			language: defaultLanguage,
+			market: defaultMarket,
+			country_code: defaultCountry,
+			store_group: defaultStoreGroup,
+			allow_email_notifications: false,
+			allow_phone_notifications: false,
+			allow_postal_notifications: false
+		},
+		organization: {
+			name: "",
+			organisation_number: "",
+			tax_id_vat_number: "",
+			contact_name: "",
+			email: "",
+			invoice_email: "",
+			phone: "",
+			external_ref: "",
+			attribute: "",
+			credit_check: false,
+			custom_fields: {},
+			billing_address: [emptyAddress]
+		},
+		shipping_address: [{ ...emptyAddress }],
+		use_billing_as_shipping: false,
+		terms_accepted: false
+	};
+}
+async function submitRegistration(values, organisationStatus, setErrors) {
+	const userResult = await registerUserWithoutRedirectAction({
+		firstName: values.user.first_name,
+		lastName: values.user.last_name,
+		email: values.user.email,
+		password: values.user.password,
+		phone_number: values.user.phone_number,
+		language: values.user.language,
+		country_code: values.user.country_code,
+		market: values.user.market,
+		store_group: values.user.store_group,
+		allow_email_notifications: values.user.allow_email_notifications,
+		allow_phone_notifications: values.user.allow_phone_notifications,
+		allow_postal_notifications: values.user.allow_postal_notifications,
+		status: organisationStatus
+	});
+	if (userResult?.errors) {
+		setErrors(userResult.errors);
+		return false;
+	}
+	const userId = userResult?.data.id;
+	if (!userId) {
+		setErrors({ general: ["User registration failed. Please try again."] });
+		return false;
+	}
+	const 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 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 [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