@open-mercato/core 0.5.1-develop.2949.009dcdd2d5 → 0.5.1-develop.2954.610bab2d08

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

@@ -7,7 +7,14 @@ import { createCrud } from "@open-mercato/ui/backend/utils/crud";
 import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { ErrorMessage, LoadingMessage, TabEmptyState } from "@open-mercato/ui/backend/detail";
 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 { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import { AddressEditor } from "@open-mercato/core/modules/customers/components/AddressEditor";
@@ -767,22 +774,18 @@ function SalesDocumentAddressesSection({
     useCustomBilling,
     useCustomShipping
   ]);
-  const renderAddressSelect = (value, options, onChange, disabled) => /* @__PURE__ */ jsxs(
-    "select",
-    {
-      className: "w-full rounded border px-2 py-2 text-sm",
-      value,
-      onChange: (evt) => onChange(evt.target.value || null),
-      disabled,
-      children: [
-        /* @__PURE__ */ jsx("option", { value: "", children: addressesLoading ? t("sales.documents.form.address.loading", "Loading addresses\u2026") : t("sales.documents.form.address.placeholder", "Select address") }),
-        options.map((addr) => {
-          const optionLabel = addr.summary ? `${addr.label} \u2014 ${addr.summary}` : addr.label;
-          return /* @__PURE__ */ jsx("option", { value: addr.id, children: optionLabel }, addr.id);
-        })
-      ]
-    }
-  );
+  const renderAddressSelect = (value, options, onChange, disabled) => /* @__PURE__ */ jsxs(Select, { value: value || void 0, onValueChange: (next) => onChange(next || null), disabled, 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: options.map((addr) => {
+      const optionLabel = addr.summary ? `${addr.label} \u2014 ${addr.summary}` : addr.label;
+      return /* @__PURE__ */ jsx(SelectItem, { value: addr.id, children: optionLabel }, addr.id);
+    }) })
+  ] });
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
       lockedReason ? /* @__PURE__ */ jsx(
@@ -807,17 +810,16 @@ function SalesDocumentAddressesSection({
             /* @__PURE__ */ jsx("p", { className: "text-sm 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: useCustomShipping,
-                onCheckedChange: (checked) => setUseCustomShipping(checked),
-                disabled: customerRequired || locked
-              }
-            ),
-            /* @__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: useCustomShipping,
+              onCheckedChange: (checked) => setUseCustomShipping(checked),
+              disabled: customerRequired || locked
+            }
+          )
         ] }),
         !useCustomShipping ? renderAddressSelect(
           shippingAddressIdState ?? "",
@@ -836,17 +838,16 @@ function SalesDocumentAddressesSection({
               hidePrimaryToggle: true
             }
           ),
-          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ jsx(
-              Switch,
-              {
-                checked: saveShippingAddress && !customerRequired,
-                onCheckedChange: (checked) => setSaveShippingAddress(checked),
-                disabled: customerRequired || locked
-              }
-            ),
-            t("sales.documents.form.address.saveToCustomer", "Save this address to the customer")
-          ] })
+          /* @__PURE__ */ jsx(
+            SwitchField,
+            {
+              label: t("sales.documents.form.address.saveToCustomer", "Save this address to the customer"),
+              flip: true,
+              checked: saveShippingAddress && !customerRequired,
+              onCheckedChange: (checked) => setSaveShippingAddress(checked),
+              disabled: customerRequired || locked
+            }
+          )
         ] }) : null
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded border bg-card p-4", children: [
@@ -858,24 +859,23 @@ function SalesDocumentAddressesSection({
               "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) => {
-                  setSameAsShipping(checked);
-                  if (checked) {
-                    setUseCustomBilling(useCustomShipping);
-                    setBillingAddressId(useCustomShipping ? null : shippingAddressIdState);
-                    setBillingDraft(useCustomShipping ? shippingDraft : emptyDraft);
-                  }
-                },
-                disabled: locked
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { children: t("sales.documents.form.address.sameAsShipping", "Same as shipping") })
-          ] })
+          /* @__PURE__ */ jsx(
+            SwitchField,
+            {
+              label: t("sales.documents.form.address.sameAsShipping", "Same as shipping"),
+              flip: true,
+              checked: sameAsShipping,
+              onCheckedChange: (checked) => {
+                setSameAsShipping(checked);
+                if (checked) {
+                  setUseCustomBilling(useCustomShipping);
+                  setBillingAddressId(useCustomShipping ? null : shippingAddressIdState);
+                  setBillingDraft(useCustomShipping ? shippingDraft : emptyDraft);
+                }
+              },
+              disabled: locked
+            }
+          )
         ] }),
         !sameAsShipping ? /* @__PURE__ */ jsxs(Fragment, { children: [
           !useCustomBilling ? renderAddressSelect(
@@ -884,17 +884,16 @@ function SalesDocumentAddressesSection({
             setBillingAddressId,
             addressesLoading || customerRequired || locked
           ) : null,
-          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-            /* @__PURE__ */ jsx(
-              Switch,
-              {
-                checked: useCustomBilling,
-                onCheckedChange: (checked) => setUseCustomBilling(checked),
-                disabled: customerRequired || locked
-              }
-            ),
-            /* @__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: useCustomBilling,
+              onCheckedChange: (checked) => setUseCustomBilling(checked),
+              disabled: customerRequired || locked
+            }
+          ),
           useCustomBilling ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsx(
               AddressEditor,
@@ -906,17 +905,16 @@ function SalesDocumentAddressesSection({
                 hidePrimaryToggle: true
               }
             ),
-            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-              /* @__PURE__ */ jsx(
-                Switch,
-                {
-                  checked: saveBillingAddress && !customerRequired,
-                  onCheckedChange: (checked) => setSaveBillingAddress(checked),
-                  disabled: customerRequired || locked
-                }
-              ),
-              t("sales.documents.form.address.saveToCustomer", "Save this address to the customer")
-            ] })
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                label: t("sales.documents.form.address.saveToCustomer", "Save this address to the customer"),
+                flip: true,
+                checked: saveBillingAddress && !customerRequired,
+                onCheckedChange: (checked) => setSaveBillingAddress(checked),
+                disabled: customerRequired || locked
+              }
+            )
           ] }) : null
         ] }) : null
       ] })
@@ -1091,17 +1089,16 @@ function SalesDocumentAddressesSection({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
-          /* @__PURE__ */ jsx(
-            Switch,
-            {
-              checked: additionalUseCustom,
-              onCheckedChange: (checked) => setAdditionalUseCustom(checked),
-              disabled: customerRequired || locked
-            }
-          ),
-          /* @__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: additionalUseCustom,
+            onCheckedChange: (checked) => setAdditionalUseCustom(checked),
+            disabled: customerRequired || locked
+          }
+        ),
         !additionalUseCustom ? renderAddressSelect(
           additionalSelectedId,
           addressOptions,