@open-mercato/core 0.6.6-develop.6290.1.4bb5a8ba3f → 0.6.6-develop.6296.1.5e8bdfee17

package/dist/modules/catalog/components/products/ProductComplianceSection.js

@@ -19,9 +19,15 @@ import {
   CATALOG_HAZMAT_PACKING_GROUPS
 } from "../../data/types.js";
 const NONE_OPTION = "none";
-function FieldError({ message }) {
+function fieldErrorId(inputId) {
+  return `${inputId}-error`;
+}
+function describedByError(inputId, message) {
+  return message ? { "aria-invalid": true, "aria-describedby": fieldErrorId(inputId) } : {};
+}
+function FieldError({ id, message }) {
   if (!message) return null;
-  return /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: message });
+  return /* @__PURE__ */ jsx("p", { id, className: "text-xs text-destructive", children: message });
 }
 function ProductComplianceSection({
   values,
@@ -62,10 +68,17 @@ function ProductComplianceSection({
                   value: values.countryOfOriginCode ?? "",
                   maxLength: 2,
                   placeholder: t("catalog.products.compliance.placeholders.countryOfOrigin", "PL"),
-                  onChange: (event) => setValue("countryOfOriginCode", event.target.value.toUpperCase())
+                  onChange: (event) => setValue("countryOfOriginCode", event.target.value.toUpperCase()),
+                  ...describedByError("catalog-product-compliance-country", errors.countryOfOriginCode)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.countryOfOriginCode })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-country"),
+                  message: errors.countryOfOriginCode
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-tax-classification", children: t("catalog.products.compliance.fields.taxClassification", "Tax classification code") }),
@@ -74,10 +87,17 @@ function ProductComplianceSection({
                 {
                   id: "catalog-product-compliance-tax-classification",
                   value: values.taxClassificationCode ?? "",
-                  onChange: (event) => setValue("taxClassificationCode", event.target.value)
+                  onChange: (event) => setValue("taxClassificationCode", event.target.value),
+                  ...describedByError("catalog-product-compliance-tax-classification", errors.taxClassificationCode)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.taxClassificationCode })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-tax-classification"),
+                  message: errors.taxClassificationCode
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-pkwiu", children: t("catalog.products.compliance.fields.pkwiu", "PKWiU code") }),
@@ -86,10 +106,17 @@ function ProductComplianceSection({
                 {
                   id: "catalog-product-compliance-pkwiu",
                   value: values.pkwiuCode ?? "",
-                  onChange: (event) => setValue("pkwiuCode", event.target.value)
+                  onChange: (event) => setValue("pkwiuCode", event.target.value),
+                  ...describedByError("catalog-product-compliance-pkwiu", errors.pkwiuCode)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.pkwiuCode })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-pkwiu"),
+                  message: errors.pkwiuCode
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-cn", children: t("catalog.products.compliance.fields.cn", "CN code (Combined Nomenclature)") }),
@@ -98,10 +125,17 @@ function ProductComplianceSection({
                 {
                   id: "catalog-product-compliance-cn",
                   value: values.cnCode ?? "",
-                  onChange: (event) => setValue("cnCode", event.target.value)
+                  onChange: (event) => setValue("cnCode", event.target.value),
+                  ...describedByError("catalog-product-compliance-cn", errors.cnCode)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.cnCode })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-cn"),
+                  message: errors.cnCode
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2 md:col-span-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-hs", children: t("catalog.products.compliance.fields.hs", "HS code (customs tariff)") }),
@@ -110,34 +144,56 @@ function ProductComplianceSection({
                 {
                   id: "catalog-product-compliance-hs",
                   value: values.hsCode ?? "",
-                  onChange: (event) => setValue("hsCode", event.target.value)
+                  onChange: (event) => setValue("hsCode", event.target.value),
+                  ...describedByError("catalog-product-compliance-hs", errors.hsCode)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.hsCode })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-hs"),
+                  message: errors.hsCode
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { children: t("catalog.products.compliance.fields.gtuCodes", "GTU codes (JPK_V7)") }),
-            /* @__PURE__ */ jsx("div", { className: "grid gap-2 sm:grid-cols-3 md:grid-cols-4", children: CATALOG_GTU_CODES.map((code) => /* @__PURE__ */ jsxs(
-              "label",
+            /* @__PURE__ */ jsx(Label, { id: "catalog-product-compliance-gtu-label", children: t("catalog.products.compliance.fields.gtuCodes", "GTU codes (JPK_V7)") }),
+            /* @__PURE__ */ jsx(
+              "div",
               {
-                className: "flex items-center gap-2 text-sm",
-                htmlFor: `catalog-product-compliance-gtu-${code}`,
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Checkbox,
-                    {
-                      id: `catalog-product-compliance-gtu-${code}`,
-                      checked: gtuCodes.includes(code),
-                      onCheckedChange: (checked) => toggleGtuCode(code, checked === true)
-                    }
-                  ),
-                  code.replace("_", " ")
-                ]
-              },
-              code
-            )) }),
-            /* @__PURE__ */ jsx(FieldError, { message: errors.gtuCodes })
+                role: "group",
+                "aria-labelledby": "catalog-product-compliance-gtu-label",
+                className: "grid gap-2 sm:grid-cols-3 md:grid-cols-4",
+                ...describedByError("catalog-product-compliance-gtu", errors.gtuCodes),
+                children: CATALOG_GTU_CODES.map((code) => /* @__PURE__ */ jsxs(
+                  "label",
+                  {
+                    className: "flex items-center gap-2 text-sm",
+                    htmlFor: `catalog-product-compliance-gtu-${code}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          id: `catalog-product-compliance-gtu-${code}`,
+                          checked: gtuCodes.includes(code),
+                          onCheckedChange: (checked) => toggleGtuCode(code, checked === true)
+                        }
+                      ),
+                      code.replace("_", " ")
+                    ]
+                  },
+                  code
+                ))
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              FieldError,
+              {
+                id: fieldErrorId("catalog-product-compliance-gtu"),
+                message: errors.gtuCodes
+              }
+            )
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -159,10 +215,17 @@ function ProductComplianceSection({
                   min: 0,
                   max: 120,
                   value: values.ageMin ?? "",
-                  onChange: (event) => setValue("ageMin", event.target.value)
+                  onChange: (event) => setValue("ageMin", event.target.value),
+                  ...describedByError("catalog-product-compliance-age-min", errors.ageMin)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.ageMin })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-age-min"),
+                  message: errors.ageMin
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-excise-category", children: t("catalog.products.compliance.fields.exciseCategory", "Excise category") }),
@@ -172,7 +235,14 @@ function ProductComplianceSection({
                   value: values.exciseCategory ?? NONE_OPTION,
                   onValueChange: (value) => setValue("exciseCategory", value === NONE_OPTION ? null : value),
                   children: [
-                    /* @__PURE__ */ jsx(SelectTrigger, { id: "catalog-product-compliance-excise-category", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                    /* @__PURE__ */ jsx(
+                      SelectTrigger,
+                      {
+                        id: "catalog-product-compliance-excise-category",
+                        ...describedByError("catalog-product-compliance-excise-category", errors.exciseCategory),
+                        children: /* @__PURE__ */ jsx(SelectValue, {})
+                      }
+                    ),
                     /* @__PURE__ */ jsxs(SelectContent, { children: [
                       /* @__PURE__ */ jsx(SelectItem, { value: NONE_OPTION, children: t("catalog.products.compliance.options.none", "None") }),
                       CATALOG_EXCISE_CATEGORIES.map((category) => /* @__PURE__ */ jsx(SelectItem, { value: category, children: t(`catalog.products.compliance.exciseCategories.${category}`, category) }, category))
@@ -180,7 +250,13 @@ function ProductComplianceSection({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.exciseCategory })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-excise-category"),
+                  message: errors.exciseCategory
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [
@@ -247,10 +323,17 @@ function ProductComplianceSection({
                 {
                   id: "catalog-product-compliance-hazmat-class",
                   value: values.hazmatClass ?? "",
-                  onChange: (event) => setValue("hazmatClass", event.target.value)
+                  onChange: (event) => setValue("hazmatClass", event.target.value),
+                  ...describedByError("catalog-product-compliance-hazmat-class", errors.hazmatClass)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.hazmatClass })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-hazmat-class"),
+                  message: errors.hazmatClass
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-un-number", children: t("catalog.products.compliance.fields.unNumber", "UN number") }),
@@ -260,10 +343,17 @@ function ProductComplianceSection({
                   id: "catalog-product-compliance-un-number",
                   placeholder: t("catalog.products.compliance.placeholders.unNumber", "UN1234"),
                   value: values.unNumber ?? "",
-                  onChange: (event) => setValue("unNumber", event.target.value)
+                  onChange: (event) => setValue("unNumber", event.target.value),
+                  ...describedByError("catalog-product-compliance-un-number", errors.unNumber)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.unNumber })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-un-number"),
+                  message: errors.unNumber
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-packing-group", children: t("catalog.products.compliance.fields.hazmatPackingGroup", "Packing group") }),
@@ -273,7 +363,14 @@ function ProductComplianceSection({
                   value: values.hazmatPackingGroup ?? NONE_OPTION,
                   onValueChange: (value) => setValue("hazmatPackingGroup", value === NONE_OPTION ? null : value),
                   children: [
-                    /* @__PURE__ */ jsx(SelectTrigger, { id: "catalog-product-compliance-packing-group", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                    /* @__PURE__ */ jsx(
+                      SelectTrigger,
+                      {
+                        id: "catalog-product-compliance-packing-group",
+                        ...describedByError("catalog-product-compliance-packing-group", errors.hazmatPackingGroup),
+                        children: /* @__PURE__ */ jsx(SelectValue, {})
+                      }
+                    ),
                     /* @__PURE__ */ jsxs(SelectContent, { children: [
                       /* @__PURE__ */ jsx(SelectItem, { value: NONE_OPTION, children: t("catalog.products.compliance.options.none", "None") }),
                       CATALOG_HAZMAT_PACKING_GROUPS.map((group) => /* @__PURE__ */ jsx(SelectItem, { value: group, children: group }, group))
@@ -281,7 +378,13 @@ function ProductComplianceSection({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.hazmatPackingGroup })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-packing-group"),
+                  message: errors.hazmatPackingGroup
+                }
+              )
             ] })
           ] })
         ] }),
@@ -302,10 +405,17 @@ function ProductComplianceSection({
                   id: "catalog-product-compliance-launch-at",
                   type: "date",
                   value: values.launchAt ?? "",
-                  onChange: (event) => setValue("launchAt", event.target.value)
+                  onChange: (event) => setValue("launchAt", event.target.value),
+                  ...describedByError("catalog-product-compliance-launch-at", errors.launchAt)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.launchAt })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-launch-at"),
+                  message: errors.launchAt
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-eol-at", children: t("catalog.products.compliance.fields.endOfLifeAt", "End of life") }),
@@ -315,10 +425,17 @@ function ProductComplianceSection({
                   id: "catalog-product-compliance-eol-at",
                   type: "date",
                   value: values.endOfLifeAt ?? "",
-                  onChange: (event) => setValue("endOfLifeAt", event.target.value)
+                  onChange: (event) => setValue("endOfLifeAt", event.target.value),
+                  ...describedByError("catalog-product-compliance-eol-at", errors.endOfLifeAt)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.endOfLifeAt })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-eol-at"),
+                  message: errors.endOfLifeAt
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-available-from", children: t("catalog.products.compliance.fields.availableFrom", "Available from") }),
@@ -328,10 +445,17 @@ function ProductComplianceSection({
                   id: "catalog-product-compliance-available-from",
                   type: "date",
                   value: values.availableFrom ?? "",
-                  onChange: (event) => setValue("availableFrom", event.target.value)
+                  onChange: (event) => setValue("availableFrom", event.target.value),
+                  ...describedByError("catalog-product-compliance-available-from", errors.availableFrom)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.availableFrom })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-available-from"),
+                  message: errors.availableFrom
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-available-until", children: t("catalog.products.compliance.fields.availableUntil", "Available until") }),
@@ -341,10 +465,17 @@ function ProductComplianceSection({
                   id: "catalog-product-compliance-available-until",
                   type: "date",
                   value: values.availableUntil ?? "",
-                  onChange: (event) => setValue("availableUntil", event.target.value)
+                  onChange: (event) => setValue("availableUntil", event.target.value),
+                  ...describedByError("catalog-product-compliance-available-until", errors.availableUntil)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.availableUntil })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-available-until"),
+                  message: errors.availableUntil
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxs(
@@ -384,10 +515,17 @@ function ProductComplianceSection({
                   type: "number",
                   min: 1,
                   value: values.minOrderQty ?? "",
-                  onChange: (event) => setValue("minOrderQty", event.target.value)
+                  onChange: (event) => setValue("minOrderQty", event.target.value),
+                  ...describedByError("catalog-product-compliance-min-qty", errors.minOrderQty)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.minOrderQty })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-min-qty"),
+                  message: errors.minOrderQty
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-max-qty", children: t("catalog.products.compliance.fields.maxOrderQty", "Maximum order quantity") }),
@@ -398,10 +536,17 @@ function ProductComplianceSection({
                   type: "number",
                   min: 1,
                   value: values.maxOrderQty ?? "",
-                  onChange: (event) => setValue("maxOrderQty", event.target.value)
+                  onChange: (event) => setValue("maxOrderQty", event.target.value),
+                  ...describedByError("catalog-product-compliance-max-qty", errors.maxOrderQty)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.maxOrderQty })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-max-qty"),
+                  message: errors.maxOrderQty
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-qty-increment", children: t("catalog.products.compliance.fields.orderQtyIncrement", "Quantity increment") }),
@@ -412,10 +557,17 @@ function ProductComplianceSection({
                   type: "number",
                   min: 1,
                   value: values.orderQtyIncrement ?? "",
-                  onChange: (event) => setValue("orderQtyIncrement", event.target.value)
+                  onChange: (event) => setValue("orderQtyIncrement", event.target.value),
+                  ...describedByError("catalog-product-compliance-qty-increment", errors.orderQtyIncrement)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.orderQtyIncrement })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-qty-increment"),
+                  message: errors.orderQtyIncrement
+                }
+              )
             ] })
           ] }),
           /* @__PURE__ */ jsxs(
@@ -454,10 +606,17 @@ function ProductComplianceSection({
                   id: "catalog-product-compliance-seo-title",
                   maxLength: 255,
                   value: values.seoTitle ?? "",
-                  onChange: (event) => setValue("seoTitle", event.target.value)
+                  onChange: (event) => setValue("seoTitle", event.target.value),
+                  ...describedByError("catalog-product-compliance-seo-title", errors.seoTitle)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.seoTitle })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-seo-title"),
+                  message: errors.seoTitle
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-seo-description", children: t("catalog.products.compliance.fields.seoDescription", "SEO description") }),
@@ -468,10 +627,17 @@ function ProductComplianceSection({
                   rows: 3,
                   maxLength: 1e3,
                   value: values.seoDescription ?? "",
-                  onChange: (event) => setValue("seoDescription", event.target.value)
+                  onChange: (event) => setValue("seoDescription", event.target.value),
+                  ...describedByError("catalog-product-compliance-seo-description", errors.seoDescription)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.seoDescription })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-seo-description"),
+                  message: errors.seoDescription
+                }
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx(Label, { htmlFor: "catalog-product-compliance-canonical-url", children: t("catalog.products.compliance.fields.canonicalUrl", "Canonical URL") }),
@@ -483,10 +649,17 @@ function ProductComplianceSection({
                   maxLength: 500,
                   placeholder: "https://",
                   value: values.canonicalUrl ?? "",
-                  onChange: (event) => setValue("canonicalUrl", event.target.value)
+                  onChange: (event) => setValue("canonicalUrl", event.target.value),
+                  ...describedByError("catalog-product-compliance-canonical-url", errors.canonicalUrl)
                 }
               ),
-              /* @__PURE__ */ jsx(FieldError, { message: errors.canonicalUrl })
+              /* @__PURE__ */ jsx(
+                FieldError,
+                {
+                  id: fieldErrorId("catalog-product-compliance-canonical-url"),
+                  message: errors.canonicalUrl
+                }
+              )
             ] })
           ] })
         ] })