@open-mercato/core 0.5.1-develop.2953.6647bb2c43 → 0.5.1-develop.2964.d5ac4a6ebb

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

@@ -5,7 +5,14 @@ import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
 import { LookupSelect } from "@open-mercato/ui/backend/inputs";
 import { Input } from "@open-mercato/ui/primitives/input";
 import { Button } from "@open-mercato/ui/primitives/button";
-import { Switch } from "@open-mercato/ui/primitives/switch";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
 import {
   Dialog,
   DialogContent,
@@ -743,30 +750,33 @@ function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inbox
               /* @__PURE__ */ jsx("p", { className: "text-base font-semibold", children: t("sales.documents.form.shipping.title", "Shipping address") }),
               /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: customerRequired ? t("sales.documents.form.address.customerRequired", "Select customer first or define custom address") : t("sales.documents.form.shipping.hint", "Select an address or define a new one.") })
             ] }),
-            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: useCustom,
-                  onCheckedChange: (checked) => updateValue("useCustomShipping", checked)
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { children: t("sales.documents.form.shipping.custom", "Define new address") })
-            ] })
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                label: t("sales.documents.form.shipping.custom", "Define new address"),
+                flip: true,
+                checked: useCustom,
+                onCheckedChange: (checked) => updateValue("useCustomShipping", checked)
+              }
+            )
           ] }),
           !useCustom ? /* @__PURE__ */ jsxs(
-            "select",
+            Select,
             {
-              className: "w-full rounded border px-2 py-2 text-sm",
-              value: selectedId,
-              onChange: (evt) => updateValue("shippingAddressId", evt.target.value || null),
+              value: selectedId || void 0,
+              onValueChange: (value) => updateValue("shippingAddressId", value || null),
               disabled: addressesLoading || customerRequired,
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: addressesLoading ? t("sales.documents.form.address.loading", "Loading addresses\u2026") : t("sales.documents.form.address.placeholder", "Select address") }),
-                addressOptions.map((addr) => {
+                /* @__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("option", { value: addr.id, children: optionLabel }, addr.id);
-                })
+                  return /* @__PURE__ */ jsx(SelectItem, { value: addr.id, children: optionLabel }, addr.id);
+                }) })
               ]
             }
           ) : null,
@@ -781,16 +791,16 @@ function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inbox
                 hidePrimaryToggle: true
               }
             ),
-            /* @__PURE__ */ jsxs("label", { className: "col-span-2 flex items-center gap-2 text-sm", children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: formValues.saveShippingAddress === true,
-                  onCheckedChange: (checked) => updateValue("saveShippingAddress", checked)
-                }
-              ),
-              t("sales.documents.form.address.saveToCustomer", "Save this address to the customer")
-            ] })
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                containerClassName: "col-span-2",
+                label: t("sales.documents.form.address.saveToCustomer", "Save this address to the customer"),
+                flip: true,
+                checked: formValues.saveShippingAddress === true,
+                onCheckedChange: (checked) => updateValue("saveShippingAddress", checked)
+              }
+            )
           ] }) : null,
           addressesError && customerId ? /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 rounded border border-destructive/40 bg-destructive/5 px-3 py-2 text-xs text-destructive", children: [
             /* @__PURE__ */ jsx("span", { className: "flex-1", children: addressesError }),
@@ -856,52 +866,54 @@ function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inbox
               /* @__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__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: sameAsShipping,
-                  onCheckedChange: (checked) => {
-                    updateValue("sameAsShipping", checked);
-                    if (checked) {
-                      updateValue("useCustomBilling", useCustomShipping);
-                      updateValue("billingAddressId", shippingId);
-                      updateValue("billingAddressDraft", shippingDraft);
-                    }
+            /* @__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);
                   }
                 }
-              ),
-              /* @__PURE__ */ jsx("span", { children: t("sales.documents.form.address.sameAsShipping", "Same as shipping") })
-            ] })
+              }
+            )
           ] }),
           !sameAsShipping ? /* @__PURE__ */ jsxs(Fragment, { children: [
             !useCustom ? /* @__PURE__ */ jsxs(
-              "select",
+              Select,
               {
-                className: "w-full rounded border px-2 py-2 text-sm",
-                value: selectedId,
-                onChange: (evt) => updateValue("billingAddressId", evt.target.value || null),
+                value: selectedId || void 0,
+                onValueChange: (value) => updateValue("billingAddressId", value || null),
                 disabled: addressesLoading || customerRequired,
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: "", children: addressesLoading ? t("sales.documents.form.address.loading", "Loading addresses\u2026") : t("sales.documents.form.address.placeholder", "Select address") }),
-                  addressOptions.map((addr) => {
+                  /* @__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("option", { value: addr.id, children: optionLabel }, addr.id);
-                  })
+                    return /* @__PURE__ */ jsx(SelectItem, { value: addr.id, children: optionLabel }, addr.id);
+                  }) })
                 ]
               }
             ) : null,
-            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: useCustom,
-                  onCheckedChange: (checked) => updateValue("useCustomBilling", checked),
-                  disabled: false
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { children: t("sales.documents.form.shipping.custom", "Define new address") })
-            ] }),
+            /* @__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,
@@ -913,16 +925,16 @@ function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inbox
                   hidePrimaryToggle: true
                 }
               ),
-              /* @__PURE__ */ jsxs("label", { className: "col-span-2 flex items-center gap-2 text-sm", children: [
-                /* @__PURE__ */ jsx(
-                  Switch,
-                  {
-                    checked: formValues.saveBillingAddress === true,
-                    onCheckedChange: (checked) => updateValue("saveBillingAddress", checked)
-                  }
-                ),
-                t("sales.documents.form.address.saveToCustomer", "Save this address to the customer")
-              ] })
+              /* @__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
         ] });
@@ -1050,20 +1062,17 @@ function SalesDocumentForm({ onCreated, isSubmitting = false, initialKind, inbox
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx(Mail, { className: "pointer-events-none absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "email",
-                  className: "w-full rounded border pl-8 pr-2 py-2 text-sm",
-                  value: emailValue,
-                  onChange: (event) => setValue("customerEmail", event.target.value),
-                  placeholder: t("sales.documents.form.email.placeholder", "Email used for the document"),
-                  spellCheck: false
-                }
-              )
-            ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "email",
+                leftIcon: /* @__PURE__ */ jsx(Mail, {}),
+                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(