@open-mercato/core 0.6.6-develop.6184.1.b7e55f8d61 → 0.6.6-develop.6201.1.8ceb502c4b

package/dist/modules/sales/components/documents/SalesDocumentForm.js

@@ -300,6 +300,302 @@ function normalizeAddressDraft(draft) {
   assign("isPrimary", "isPrimary");
   return Object.keys(normalized).length ? normalized : null;
 }
+function DocumentNumberField({ value, setValue, values, t }) {
+  const formValues = values ?? {};
+  const kind = formValues.documentKind === "order" ? "order" : "quote";
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const autoValueRef = React.useRef(null);
+  const lastKindRef = React.useRef(null);
+  const requestNumber = React.useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const call = await apiCall("/api/sales/document-numbers", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ kind })
+      });
+      const nextNumber = typeof call.result?.number === "string" ? call.result.number : null;
+      if (call.ok && nextNumber) {
+        autoValueRef.current = nextNumber;
+        lastKindRef.current = kind;
+        setValue(nextNumber);
+      } else {
+        setError(call.result?.error || t("sales.documents.form.errors.numberGenerate", "Could not generate a document number."));
+      }
+    } catch (err) {
+      console.error("sales.documents.generateNumber", err);
+      setError(t("sales.documents.form.errors.numberGenerate", "Could not generate a document number."));
+    } finally {
+      setLoading(false);
+    }
+  }, [kind, setValue, t]);
+  React.useEffect(() => {
+    const current = typeof value === "string" ? value.trim() : "";
+    if (!current.length && !lastKindRef.current) {
+      void requestNumber();
+    } else {
+      lastKindRef.current = kind;
+    }
+  }, [kind, requestNumber, value]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2 md:flex-row md:items-center md:gap-3", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: typeof value === "string" ? value : "",
+          onChange: (event) => setValue(event.target.value),
+          disabled: loading,
+          spellCheck: false,
+          className: "w-full md:flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: requestNumber, disabled: loading, children: loading ? t("sales.documents.form.numberLoading", "Generating\u2026") : t("sales.documents.form.numberRefresh", "Generate") })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: kind === "order" ? t("sales.documents.form.numberHintOrder", "Format applies to orders and uses the configured counter.") : t("sales.documents.form.numberHintQuote", "Format applies to quotes and uses the configured counter.") }),
+    error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }) : null
+  ] });
+}
+function BillingAddressSectionField({ values, setFormValue, t, addressesLoading, addressOptions, addressFormat }) {
+  const formValues = values ?? {};
+  const updateValue = setFormValue ?? (() => {
+  });
+  const useCustom = formValues.useCustomBilling === true;
+  const selectedId = typeof formValues.billingAddressId === "string" ? formValues.billingAddressId : "";
+  const draft = formValues.billingAddressDraft ?? {};
+  const customerRequired = !formValues.customerEntityId;
+  const sameAsShipping = formValues.sameAsShipping !== false;
+  const shippingId = typeof formValues.shippingAddressId === "string" ? formValues.shippingAddressId : null;
+  const shippingDraft = formValues.shippingAddressDraft ?? {};
+  const shippingDraftKey = JSON.stringify(shippingDraft);
+  const billingDraftKey = JSON.stringify(draft);
+  const useCustomShipping = formValues.useCustomShipping === true;
+  React.useEffect(() => {
+    if (!sameAsShipping) return;
+    if ((formValues.billingAddressId ?? null) !== shippingId) {
+      updateValue("billingAddressId", shippingId);
+    }
+    if (useCustomShipping !== (formValues.useCustomBilling === true)) {
+      updateValue("useCustomBilling", useCustomShipping);
+    }
+    if (useCustomShipping && shippingDraftKey !== billingDraftKey) {
+      updateValue("billingAddressDraft", shippingDraft);
+    }
+  }, [
+    billingDraftKey,
+    sameAsShipping,
+    updateValue,
+    shippingDraft,
+    shippingDraftKey,
+    shippingId,
+    useCustomShipping,
+    formValues.billingAddressId,
+    formValues.useCustomBilling
+  ]);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: t("sales.documents.form.billing.title", "Billing address") }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: sameAsShipping ? t("sales.documents.form.address.sameAsShippingHint", "Billing will mirror the shipping address. Uncheck to edit.") : t("sales.documents.form.billing.hint", "Select an address or define a new one.") })
+      ] }),
+      /* @__PURE__ */ jsx(
+        SwitchField,
+        {
+          label: t("sales.documents.form.address.sameAsShipping", "Same as shipping"),
+          flip: true,
+          checked: sameAsShipping,
+          onCheckedChange: (checked) => {
+            updateValue("sameAsShipping", checked);
+            if (checked) {
+              updateValue("useCustomBilling", useCustomShipping);
+              updateValue("billingAddressId", shippingId);
+              updateValue("billingAddressDraft", shippingDraft);
+            }
+          }
+        }
+      )
+    ] }),
+    !sameAsShipping ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      !useCustom ? /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: selectedId || void 0,
+          onValueChange: (value) => updateValue("billingAddressId", value || null),
+          disabled: addressesLoading || customerRequired,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(
+              SelectValue,
+              {
+                placeholder: addressesLoading ? t("sales.documents.form.address.loading", "Loading addresses\u2026") : t("sales.documents.form.address.placeholder", "Select address")
+              }
+            ) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: addressOptions.map((addr) => {
+              const optionLabel = addr.summary ? `${addr.label} \u2014 ${addr.summary}` : addr.label;
+              return /* @__PURE__ */ jsx(SelectItem, { value: addr.id, children: optionLabel }, addr.id);
+            }) })
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ jsx(
+        SwitchField,
+        {
+          label: t("sales.documents.form.shipping.custom", "Define new address"),
+          flip: true,
+          checked: useCustom,
+          onCheckedChange: (checked) => updateValue("useCustomBilling", checked),
+          disabled: false
+        }
+      ),
+      useCustom ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(
+          AddressEditor,
+          {
+            value: draft,
+            format: addressFormat,
+            t,
+            onChange: (next) => updateValue("billingAddressDraft", next),
+            hidePrimaryToggle: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SwitchField,
+          {
+            containerClassName: "col-span-2",
+            label: t("sales.documents.form.address.saveToCustomer", "Save this address to the customer"),
+            flip: true,
+            checked: formValues.saveBillingAddress === true,
+            onCheckedChange: (checked) => updateValue("saveBillingAddress", checked)
+          }
+        )
+      ] }) : null
+    ] }) : null
+  ] });
+}
+function CustomerGroupComponent({ values, setValue, t, customers, setCustomers, customerQuerySetter, loadAddresses, loadCustomers, fetchCustomerEmail, resetAddressFormState }) {
+  const emailValue = typeof values.customerEmail === "string" ? values.customerEmail : "";
+  const { duplicate, checking } = useEmailDuplicateCheck(emailValue, {
+    disabled: false,
+    debounceMs: 400,
+    matchMode: "prefix"
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsx(
+      LookupSelect,
+      {
+        value: typeof values.customerEntityId === "string" ? values.customerEntityId : null,
+        onChange: (next) => {
+          if (next !== values.customerEntityId) {
+            resetAddressFormState(setValue);
+          }
+          setValue("customerEntityId", next);
+          loadAddresses(next).then((addrs) => {
+            const primary = addrs.find((addr) => addr.isPrimary);
+            if (primary) {
+              setValue("shippingAddressId", primary.id);
+            }
+          }).catch((err) => {
+            console.error("sales.documents.autoSelectAddress", err);
+          });
+          if (next) {
+            const match = customers.find((entry) => entry.id === next);
+            const possibleEmail = typeof match?.primaryEmail === "string" && match.primaryEmail.length ? match.primaryEmail : null;
+            if (possibleEmail) {
+              setValue("customerEmail", possibleEmail);
+            } else {
+              fetchCustomerEmail(next, match?.kind).then((email) => {
+                if (email) setValue("customerEmail", email);
+              }).catch(() => {
+              });
+            }
+          }
+        },
+        fetchItems: async (query) => {
+          const options = await loadCustomers(query);
+          return options.map((opt) => ({
+            id: opt.id,
+            title: opt.label,
+            subtitle: opt.subtitle ?? void 0,
+            icon: opt.kind === "person" ? /* @__PURE__ */ jsx(UserRound, { className: "h-5 w-5 text-muted-foreground" }) : /* @__PURE__ */ jsx(Building2, { className: "h-5 w-5 text-muted-foreground" })
+          }));
+        },
+        actionSlot: /* @__PURE__ */ jsx(
+          CustomerQuickCreate,
+          {
+            t,
+            onCreated: ({ id, email, label, kind, subtitle }) => {
+              customerQuerySetter.current?.(label);
+              setCustomers((prev) => {
+                const exists = prev.some((entry) => entry.id === id);
+                if (exists) return prev;
+                const next = {
+                  id,
+                  label,
+                  subtitle: subtitle ?? void 0,
+                  kind,
+                  primaryEmail: email ?? null
+                };
+                return [next, ...prev];
+              });
+              setValue("customerEntityId", id);
+              resetAddressFormState(setValue);
+              loadAddresses(id).then((addrs) => {
+                const primary = addrs.find((addr) => addr.isPrimary);
+                if (primary) {
+                  setValue("shippingAddressId", primary.id);
+                }
+              }).catch((err) => {
+                console.error("sales.documents.autoSelectAddress", err);
+              });
+              if (email && !values.customerEmail) {
+                setValue("customerEmail", email);
+              }
+            }
+          }
+        ),
+        onReady: ({ setQuery }) => {
+          customerQuerySetter.current = setQuery;
+        },
+        searchPlaceholder: t("sales.documents.form.customer.placeholder", "Search customers\u2026"),
+        loadingLabel: t("sales.documents.form.customer.loading", "Loading customers\u2026"),
+        emptyLabel: t("sales.documents.form.customer.empty", "No customers found."),
+        selectedHintLabel: (id) => t("sales.documents.form.customer.selected", "Selected customer: {{id}}", { id })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(
+        EmailInput,
+        {
+          value: emailValue,
+          onChange: (event) => setValue("customerEmail", event.target.value),
+          placeholder: t("sales.documents.form.email.placeholder", "Email used for the document"),
+          spellCheck: false
+        }
+      ),
+      duplicate ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded border bg-muted px-3 py-2 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx("span", { children: t("customers.people.form.emailDuplicateNotice", void 0, { name: duplicate.displayName }) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "sm",
+            variant: "secondary",
+            className: "px-4",
+            type: "button",
+            disabled: values.customerEntityId === duplicate.id,
+            "aria-disabled": values.customerEntityId === duplicate.id,
+            onClick: () => {
+              setValue("customerEntityId", duplicate.id);
+              resetAddressFormState(setValue);
+              loadAddresses(duplicate.id);
+            },
+            children: values.customerEntityId === duplicate.id ? t("sales.documents.form.email.alreadySelected", "Selected customer") : t("sales.documents.form.email.selectCustomer", "Select customer")
+          }
+        )
+      ] }) : null,
+      !duplicate && checking ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("customers.people.form.emailChecking") }) : null
+    ] })
+  ] });
+}
 function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inboxPreFill }) {
   const t = useT();
   const [customers, setCustomers] = React.useState([]);
@@ -596,63 +892,6 @@ function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inbox
     },
     []
   );
-  function DocumentNumberField({ value, setValue, values }) {
-    const formValues = values ?? {};
-    const kind = formValues.documentKind === "order" ? "order" : "quote";
-    const [loading, setLoading] = React.useState(false);
-    const [error, setError] = React.useState(null);
-    const autoValueRef = React.useRef(null);
-    const lastKindRef = React.useRef(null);
-    const requestNumber = React.useCallback(async () => {
-      setLoading(true);
-      setError(null);
-      try {
-        const call = await apiCall("/api/sales/document-numbers", {
-          method: "POST",
-          headers: { "content-type": "application/json" },
-          body: JSON.stringify({ kind })
-        });
-        const nextNumber = typeof call.result?.number === "string" ? call.result.number : null;
-        if (call.ok && nextNumber) {
-          autoValueRef.current = nextNumber;
-          lastKindRef.current = kind;
-          setValue(nextNumber);
-        } else {
-          setError(call.result?.error || t("sales.documents.form.errors.numberGenerate", "Could not generate a document number."));
-        }
-      } catch (err) {
-        console.error("sales.documents.generateNumber", err);
-        setError(t("sales.documents.form.errors.numberGenerate", "Could not generate a document number."));
-      } finally {
-        setLoading(false);
-      }
-    }, [kind, setValue, t]);
-    React.useEffect(() => {
-      const current = typeof value === "string" ? value.trim() : "";
-      if (!current.length && !lastKindRef.current) {
-        void requestNumber();
-      } else {
-        lastKindRef.current = kind;
-      }
-    }, [kind, requestNumber, value]);
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-2 md:flex-row md:items-center md:gap-3", children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            value: typeof value === "string" ? value : "",
-            onChange: (event) => setValue(event.target.value),
-            disabled: loading,
-            spellCheck: false,
-            className: "w-full md:flex-1"
-          }
-        ),
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", onClick: requestNumber, disabled: loading, children: loading ? t("sales.documents.form.numberLoading", "Generating\u2026") : t("sales.documents.form.numberRefresh", "Generate") })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: kind === "order" ? t("sales.documents.form.numberHintOrder", "Format applies to orders and uses the configured counter.") : t("sales.documents.form.numberHintQuote", "Format applies to quotes and uses the configured counter.") }),
-      error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }) : null
-    ] });
-  }
   const fields = React.useMemo(() => [
     {
       id: "documentKind",
@@ -688,7 +927,7 @@ function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inbox
       label: t("sales.documents.form.number", "Document number"),
       type: "custom",
       required: true,
-      component: DocumentNumberField
+      component: (props) => /* @__PURE__ */ jsx(DocumentNumberField, { ...props, t })
     },
     {
       id: "currencyCode",
@@ -826,121 +1065,7 @@ function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inbox
       id: "billingAddressSection",
       label: "",
       type: "custom",
-      component: function BillingAddressSectionField({ values, setFormValue }) {
-        const formValues = values ?? {};
-        const updateValue = setFormValue ?? (() => {
-        });
-        const useCustom = formValues.useCustomBilling === true;
-        const selectedId = typeof formValues.billingAddressId === "string" ? formValues.billingAddressId : "";
-        const draft = formValues.billingAddressDraft ?? {};
-        const customerRequired = !formValues.customerEntityId;
-        const sameAsShipping = formValues.sameAsShipping !== false;
-        const shippingId = typeof formValues.shippingAddressId === "string" ? formValues.shippingAddressId : null;
-        const shippingDraft = formValues.shippingAddressDraft ?? {};
-        const shippingDraftKey = JSON.stringify(shippingDraft);
-        const billingDraftKey = JSON.stringify(draft);
-        const useCustomShipping = formValues.useCustomShipping === true;
-        React.useEffect(() => {
-          if (!sameAsShipping) return;
-          if ((formValues.billingAddressId ?? null) !== shippingId) {
-            updateValue("billingAddressId", shippingId);
-          }
-          if (useCustomShipping !== (formValues.useCustomBilling === true)) {
-            updateValue("useCustomBilling", useCustomShipping);
-          }
-          if (useCustomShipping && shippingDraftKey !== billingDraftKey) {
-            updateValue("billingAddressDraft", shippingDraft);
-          }
-        }, [
-          billingDraftKey,
-          sameAsShipping,
-          updateValue,
-          shippingDraft,
-          shippingDraftKey,
-          shippingId,
-          useCustomShipping,
-          formValues.billingAddressId,
-          formValues.useCustomBilling
-        ]);
-        return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 md:flex-row md:items-center md:justify-between", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: t("sales.documents.form.billing.title", "Billing address") }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: sameAsShipping ? t("sales.documents.form.address.sameAsShippingHint", "Billing will mirror the shipping address. Uncheck to edit.") : t("sales.documents.form.billing.hint", "Select an address or define a new one.") })
-            ] }),
-            /* @__PURE__ */ jsx(
-              SwitchField,
-              {
-                label: t("sales.documents.form.address.sameAsShipping", "Same as shipping"),
-                flip: true,
-                checked: sameAsShipping,
-                onCheckedChange: (checked) => {
-                  updateValue("sameAsShipping", checked);
-                  if (checked) {
-                    updateValue("useCustomBilling", useCustomShipping);
-                    updateValue("billingAddressId", shippingId);
-                    updateValue("billingAddressDraft", shippingDraft);
-                  }
-                }
-              }
-            )
-          ] }),
-          !sameAsShipping ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            !useCustom ? /* @__PURE__ */ jsxs(
-              Select,
-              {
-                value: selectedId || void 0,
-                onValueChange: (value) => updateValue("billingAddressId", value || null),
-                disabled: addressesLoading || customerRequired,
-                children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(
-                    SelectValue,
-                    {
-                      placeholder: addressesLoading ? t("sales.documents.form.address.loading", "Loading addresses\u2026") : t("sales.documents.form.address.placeholder", "Select address")
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(SelectContent, { children: addressOptions.map((addr) => {
-                    const optionLabel = addr.summary ? `${addr.label} \u2014 ${addr.summary}` : addr.label;
-                    return /* @__PURE__ */ jsx(SelectItem, { value: addr.id, children: optionLabel }, addr.id);
-                  }) })
-                ]
-              }
-            ) : null,
-            /* @__PURE__ */ jsx(
-              SwitchField,
-              {
-                label: t("sales.documents.form.shipping.custom", "Define new address"),
-                flip: true,
-                checked: useCustom,
-                onCheckedChange: (checked) => updateValue("useCustomBilling", checked),
-                disabled: false
-              }
-            ),
-            useCustom ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsx(
-                AddressEditor,
-                {
-                  value: draft,
-                  format: addressFormat,
-                  t,
-                  onChange: (next) => updateValue("billingAddressDraft", next),
-                  hidePrimaryToggle: true
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SwitchField,
-                {
-                  containerClassName: "col-span-2",
-                  label: t("sales.documents.form.address.saveToCustomer", "Save this address to the customer"),
-                  flip: true,
-                  checked: formValues.saveBillingAddress === true,
-                  onCheckedChange: (checked) => updateValue("saveBillingAddress", checked)
-                }
-              )
-            ] }) : null
-          ] }) : null
-        ] });
-      }
+      component: (props) => /* @__PURE__ */ jsx(BillingAddressSectionField, { ...props, t, addressesLoading, addressOptions, addressFormat })
     },
     {
       id: "comments",
@@ -973,130 +1098,7 @@ function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inbox
       title: "",
       column: 1,
       fields: [],
-      component: function CustomerGroupComponent({ values, setValue }) {
-        const emailValue = typeof values.customerEmail === "string" ? values.customerEmail : "";
-        const { duplicate, checking } = useEmailDuplicateCheck(emailValue, {
-          disabled: false,
-          debounceMs: 400,
-          matchMode: "prefix"
-        });
-        return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsx(
-            LookupSelect,
-            {
-              value: typeof values.customerEntityId === "string" ? values.customerEntityId : null,
-              onChange: (next) => {
-                if (next !== values.customerEntityId) {
-                  resetAddressFormState(setValue);
-                }
-                setValue("customerEntityId", next);
-                loadAddresses(next).then((addrs) => {
-                  const primary = addrs.find((addr) => addr.isPrimary);
-                  if (primary) {
-                    setValue("shippingAddressId", primary.id);
-                  }
-                }).catch((err) => {
-                  console.error("sales.documents.autoSelectAddress", err);
-                });
-                if (next) {
-                  const match = customers.find((entry) => entry.id === next);
-                  const possibleEmail = typeof match?.primaryEmail === "string" && match.primaryEmail.length ? match.primaryEmail : null;
-                  if (possibleEmail) {
-                    setValue("customerEmail", possibleEmail);
-                  } else {
-                    fetchCustomerEmail(next, match?.kind).then((email) => {
-                      if (email) setValue("customerEmail", email);
-                    }).catch(() => {
-                    });
-                  }
-                }
-              },
-              fetchItems: async (query) => {
-                const options = await loadCustomers(query);
-                return options.map((opt) => ({
-                  id: opt.id,
-                  title: opt.label,
-                  subtitle: opt.subtitle ?? void 0,
-                  icon: opt.kind === "person" ? /* @__PURE__ */ jsx(UserRound, { className: "h-5 w-5 text-muted-foreground" }) : /* @__PURE__ */ jsx(Building2, { className: "h-5 w-5 text-muted-foreground" })
-                }));
-              },
-              actionSlot: /* @__PURE__ */ jsx(
-                CustomerQuickCreate,
-                {
-                  t,
-                  onCreated: ({ id, email, label, kind, subtitle }) => {
-                    customerQuerySetter.current?.(label);
-                    setCustomers((prev) => {
-                      const exists = prev.some((entry) => entry.id === id);
-                      if (exists) return prev;
-                      const next = {
-                        id,
-                        label,
-                        subtitle: subtitle ?? void 0,
-                        kind,
-                        primaryEmail: email ?? null
-                      };
-                      return [next, ...prev];
-                    });
-                    setValue("customerEntityId", id);
-                    resetAddressFormState(setValue);
-                    loadAddresses(id).then((addrs) => {
-                      const primary = addrs.find((addr) => addr.isPrimary);
-                      if (primary) {
-                        setValue("shippingAddressId", primary.id);
-                      }
-                    }).catch((err) => {
-                      console.error("sales.documents.autoSelectAddress", err);
-                    });
-                    if (email && !values.customerEmail) {
-                      setValue("customerEmail", email);
-                    }
-                  }
-                }
-              ),
-              onReady: ({ setQuery }) => {
-                customerQuerySetter.current = setQuery;
-              },
-              searchPlaceholder: t("sales.documents.form.customer.placeholder", "Search customers\u2026"),
-              loadingLabel: t("sales.documents.form.customer.loading", "Loading customers\u2026"),
-              emptyLabel: t("sales.documents.form.customer.empty", "No customers found."),
-              selectedHintLabel: (id) => t("sales.documents.form.customer.selected", "Selected customer: {{id}}", { id })
-            }
-          ) }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(
-              EmailInput,
-              {
-                value: emailValue,
-                onChange: (event) => setValue("customerEmail", event.target.value),
-                placeholder: t("sales.documents.form.email.placeholder", "Email used for the document"),
-                spellCheck: false
-              }
-            ),
-            duplicate ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between rounded border bg-muted px-3 py-2 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx("span", { children: t("customers.people.form.emailDuplicateNotice", void 0, { name: duplicate.displayName }) }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  size: "sm",
-                  variant: "secondary",
-                  className: "px-4",
-                  type: "button",
-                  disabled: values.customerEntityId === duplicate.id,
-                  "aria-disabled": values.customerEntityId === duplicate.id,
-                  onClick: () => {
-                    setValue("customerEntityId", duplicate.id);
-                    resetAddressFormState(setValue);
-                    loadAddresses(duplicate.id);
-                  },
-                  children: values.customerEntityId === duplicate.id ? t("sales.documents.form.email.alreadySelected", "Selected customer") : t("sales.documents.form.email.selectCustomer", "Select customer")
-                }
-              )
-            ] }) : null,
-            !duplicate && checking ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("customers.people.form.emailChecking") }) : null
-          ] })
-        ] });
-      }
+      component: (ctx) => /* @__PURE__ */ jsx(CustomerGroupComponent, { ...ctx, t, customers, setCustomers, customerQuerySetter, loadAddresses, loadCustomers, fetchCustomerEmail, resetAddressFormState })
     },
     { id: "channels-comments", title: "", column: 1, fields: ["channelId", "comments"] },
     { id: "currency", title: "", column: 2, fields: ["currencyCode"] },