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

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

@@ -4,6 +4,13 @@ import * as React from "react";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { Label } from "@open-mercato/ui/primitives/label";
 import { Input } from "@open-mercato/ui/primitives/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { Switch } from "@open-mercato/ui/primitives/switch";
 import { ProductMediaManager } from "./ProductMediaManager.js";
 import { MetadataEditor } from "./MetadataEditor.js";
@@ -105,14 +112,13 @@ function VariantOptionValuesSection({
     /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2", children: optionDefinitions.map((option) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ jsx(Label, { className: "text-xs uppercase text-muted-foreground", children: option.label }),
       /* @__PURE__ */ jsxs(
-        "select",
+        Select,
         {
-          className: "w-full rounded border px-3 py-2 text-sm",
-          value: values.optionValues?.[option.code] ?? "",
-          onChange: (event) => handleOptionChange(option.code, event.target.value),
+          value: values.optionValues?.[option.code] || void 0,
+          onValueChange: (value) => handleOptionChange(option.code, value ?? ""),
           children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: t("catalog.variants.form.optionPlaceholder", "Select value") }),
-            option.values.map((value) => /* @__PURE__ */ jsx("option", { value: value.label, children: value.label }, value.id))
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("catalog.variants.form.optionPlaceholder", "Select value") }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: option.values.map((value) => /* @__PURE__ */ jsx(SelectItem, { value: value.label, children: value.label }, value.id)) })
           ]
         }
       )
@@ -239,26 +245,24 @@ function VariantPricesSection({
         /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("catalog.variants.form.pricesHint", "Populate list prices per price kind.") })
       ] }),
       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs(
-        "select",
+        Select,
         {
-          className: "rounded border px-3 py-2 text-sm",
-          value: values.taxRateId ?? "",
-          onChange: (event) => setValue("taxRateId", event.target.value || null),
+          value: values.taxRateId || void 0,
+          onValueChange: (value) => setValue("taxRateId", value || null),
           children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: t("catalog.variants.form.pricesTaxNone", "No tax override") }),
-            taxRates.map((rate) => /* @__PURE__ */ jsx("option", { value: rate.id, children: formatTaxRateLabel(rate) }, rate.id))
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("catalog.variants.form.pricesTaxNone", "No tax override") }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: taxRates.map((rate) => /* @__PURE__ */ jsx(SelectItem, { value: rate.id, children: formatTaxRateLabel(rate) }, rate.id)) })
           ]
         }
       ) })
     ] }) : /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
-      "select",
+      Select,
       {
-        className: "rounded border px-3 py-2 text-sm",
-        value: values.taxRateId ?? "",
-        onChange: (event) => setValue("taxRateId", event.target.value || null),
+        value: values.taxRateId || void 0,
+        onValueChange: (value) => setValue("taxRateId", value || null),
         children: [
-          /* @__PURE__ */ jsx("option", { value: "", children: t("catalog.variants.form.pricesTaxNone", "No tax override") }),
-          taxRates.map((rate) => /* @__PURE__ */ jsx("option", { value: rate.id, children: formatTaxRateLabel(rate) }, rate.id))
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("catalog.variants.form.pricesTaxNone", "No tax override") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: taxRates.map((rate) => /* @__PURE__ */ jsx(SelectItem, { value: rate.id, children: formatTaxRateLabel(rate) }, rate.id)) })
         ]
       }
     ) }),

package/dist/modules/catalog/components/products/VariantBuilder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/catalog/components/products/VariantBuilder.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { ProductMediaManager } from './ProductMediaManager'\nimport { MetadataEditor } from './MetadataEditor'\nimport type { PriceKindSummary, TaxRateSummary } from './productForm'\nimport { formatTaxRateLabel } from './productForm'\nimport type { OptionDefinition, VariantFormValues, VariantPriceDraft } from './variantForm'\nimport { E } from '#generated/entities.ids.generated'\n\ntype VariantBuilderProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  errors: Record<string, string>\n  optionDefinitions: OptionDefinition[]\n  priceKinds: PriceKindSummary[]\n  taxRates: TaxRateSummary[]\n}\n\ntype VariantSectionBaseProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  errors: Record<string, string>\n}\n\ntype VariantOptionValuesSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  optionDefinitions: OptionDefinition[]\n  showHeading?: boolean\n}\n\ntype VariantDimensionsSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  showHeading?: boolean\n}\n\ntype VariantMetadataSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  showIntro?: boolean\n  embedded?: boolean\n}\n\ntype VariantPricesSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  priceKinds: PriceKindSummary[]\n  taxRates: TaxRateSummary[]\n  showHeader?: boolean\n  embedded?: boolean\n}\n\ntype VariantMediaSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  showLabel?: boolean\n}\n\nexport function VariantBuilder({\n  values,\n  setValue,\n  errors,\n  optionDefinitions,\n  priceKinds,\n  taxRates,\n}: VariantBuilderProps) {\n  return (\n    <div className=\"space-y-6\">\n      <VariantBasicsSection values={values} setValue={setValue} errors={errors} />\n      <VariantOptionValuesSection values={values} setValue={setValue} optionDefinitions={optionDefinitions} />\n      <VariantDimensionsSection values={values} setValue={setValue} />\n      <VariantMetadataSection values={values} setValue={setValue} />\n      <VariantPricesSection values={values} setValue={setValue} priceKinds={priceKinds} taxRates={taxRates} />\n      <VariantMediaSection values={values} setValue={setValue} />\n    </div>\n  )\n}\n\nexport function VariantBasicsSection({ values, setValue, errors }: VariantSectionBaseProps) {\n  const t = useT()\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"space-y-2\">\n        <Label className=\"flex items-center gap-1\">\n          {t('catalog.variants.form.nameLabel', 'Name')}\n          <span className=\"text-red-600\">*</span>\n        </Label>\n        <Input\n          value={values.name}\n          onChange={(event) => setValue('name', event.target.value)}\n          placeholder={t('catalog.variants.form.namePlaceholder', 'e.g., Blue / Small')}\n        />\n        {errors.name ? <p className=\"text-xs text-red-600\">{errors.name}</p> : null}\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <div className=\"space-y-2\">\n          <Label>{t('catalog.variants.form.skuLabel', 'SKU')}</Label>\n          <Input\n            value={values.sku}\n            onChange={(event) => setValue('sku', event.target.value)}\n            placeholder={t('catalog.variants.form.skuPlaceholder', 'Unique identifier')}\n          />\n        </div>\n        <div className=\"space-y-2\">\n          <Label>{t('catalog.variants.form.barcodeLabel', 'Barcode')}</Label>\n          <Input\n            value={values.barcode}\n            onChange={(event) => setValue('barcode', event.target.value)}\n            placeholder={t('catalog.variants.form.barcodePlaceholder', 'EAN, UPC, etc.')}\n          />\n        </div>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <label className=\"flex items-center justify-between gap-2 rounded border px-3 py-2\">\n          <div>\n            <p className=\"text-sm font-medium\">{t('catalog.variants.form.isDefaultLabel', 'Default variant')}</p>\n            <p className=\"text-xs text-muted-foreground\">{t('catalog.variants.form.isDefaultHint', 'Used in storefronts')}</p>\n          </div>\n          <Switch checked={values.isDefault} onCheckedChange={(next) => setValue('isDefault', next)} />\n        </label>\n        <label className=\"flex items-center justify-between gap-2 rounded border px-3 py-2\">\n          <div>\n            <p className=\"text-sm font-medium\">{t('catalog.variants.form.isActiveLabel', 'Active')}</p>\n            <p className=\"text-xs text-muted-foreground\">{t('catalog.variants.form.isActiveHint', 'Inactive variants stay hidden')}</p>\n          </div>\n          <Switch checked={values.isActive !== false} onCheckedChange={(next) => setValue('isActive', next)} />\n        </label>\n      </div>\n    </div>\n  )\n}\n\nexport function VariantOptionValuesSection({\n  values,\n  setValue,\n  optionDefinitions,\n  showHeading = true,\n}: VariantOptionValuesSectionProps) {\n  const t = useT()\n\n  const handleOptionChange = React.useCallback(\n    (code: string, next: string) => {\n      setValue('optionValues', { ...(values.optionValues ?? {}), [code]: next })\n    },\n    [setValue, values.optionValues],\n  )\n\n  if (!optionDefinitions.length) return null\n\n  return (\n    <div className=\"space-y-3\">\n      {showHeading ? <h3 className=\"text-sm font-semibold\">{t('catalog.variants.form.options', 'Option values')}</h3> : null}\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {optionDefinitions.map((option) => (\n          <div key={option.code} className=\"space-y-2\">\n            <Label className=\"text-xs uppercase text-muted-foreground\">{option.label}</Label>\n            <select\n              className=\"w-full rounded border px-3 py-2 text-sm\"\n              value={values.optionValues?.[option.code] ?? ''}\n              onChange={(event) => handleOptionChange(option.code, event.target.value)}\n            >\n              <option value=\"\">{t('catalog.variants.form.optionPlaceholder', 'Select value')}</option>\n              {option.values.map((value) => (\n                <option key={value.id} value={value.label}>\n                  {value.label}\n                </option>\n              ))}\n            </select>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport function VariantDimensionsSection({ values, setValue, showHeading = true }: VariantDimensionsSectionProps) {\n  const t = useT()\n  const metadata = normalizeMetadata(values.metadata)\n  const dimensionValues = normalizeDimensions(metadata)\n  const weightValues = normalizeWeight(metadata)\n  const dimensionUnitPlaceholder = t('catalog.variants.form.dimensionUnitPlaceholder', 'cm')\n  const weightUnitPlaceholder = t('catalog.variants.form.weightUnitPlaceholder', 'kg')\n\n  return (\n    <div className=\"space-y-4\">\n      {showHeading ? <h3 className=\"text-sm font-semibold\">{t('catalog.variants.form.dimensions', 'Dimensions & weight')}</h3> : null}\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <DimensionInput\n          label={t('catalog.variants.form.width', 'Width')}\n          value={dimensionValues.width ?? ''}\n          onChange={(value) => setValue('metadata', applyDimension(metadata, 'width', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.height', 'Height')}\n          value={dimensionValues.height ?? ''}\n          onChange={(value) => setValue('metadata', applyDimension(metadata, 'height', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.depth', 'Depth')}\n          value={dimensionValues.depth ?? ''}\n          onChange={(value) => setValue('metadata', applyDimension(metadata, 'depth', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.dimensionUnit', 'Size unit')}\n          value={dimensionValues.unit ?? ''}\n          placeholder={dimensionUnitPlaceholder}\n          onChange={(value) => setValue('metadata', applyDimension(metadata, 'unit', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.weight', 'Weight')}\n          value={weightValues.value ?? ''}\n          onChange={(value) => setValue('metadata', applyWeight(metadata, 'value', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.weightUnit', 'Weight unit')}\n          value={weightValues.unit ?? ''}\n          placeholder={weightUnitPlaceholder}\n          onChange={(value) => setValue('metadata', applyWeight(metadata, 'unit', value))}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport function VariantMetadataSection({\n  values,\n  setValue,\n  showIntro = true,\n  embedded = false,\n}: VariantMetadataSectionProps) {\n  const metadata = normalizeMetadata(values.metadata)\n  const systemMetadata = React.useMemo(() => extractSystemMetadata(metadata), [metadata])\n  const customMetadata = React.useMemo(() => stripSystemMetadata(metadata), [metadata])\n\n  const handleMetadataChange = React.useCallback(\n    (next: Record<string, unknown>) => {\n      const merged: Record<string, unknown> = {}\n      Object.entries(systemMetadata).forEach(([key, value]) => {\n        merged[key] = value\n      })\n      Object.entries(next).forEach(([key, value]) => {\n        merged[key] = value\n      })\n      setValue('metadata', merged)\n    },\n    [setValue, systemMetadata],\n  )\n\n  return (\n    <MetadataEditor\n      value={customMetadata}\n      onChange={handleMetadataChange}\n      title={showIntro ? undefined : ''}\n      description={showIntro ? undefined : ''}\n      embedded={embedded}\n    />\n  )\n}\n\nexport function VariantPricesSection({\n  values,\n  setValue,\n  priceKinds,\n  taxRates,\n  showHeader = true,\n  embedded = false,\n}: VariantPricesSectionProps) {\n  const t = useT()\n\n  const updatePrice = React.useCallback(\n    (priceKindId: string, patch: Partial<VariantPriceDraft>) => {\n      const prev = values.prices?.[priceKindId] ?? { priceKindId, amount: '', displayMode: 'excluding-tax' }\n      setValue('prices', { ...values.prices, [priceKindId]: { ...prev, ...patch, priceKindId } })\n    },\n    [setValue, values.prices],\n  )\n\n  const containerClass = embedded ? 'space-y-4' : 'space-y-4 rounded-lg border p-4'\n\n  return (\n    <div className={containerClass}>\n      {showHeader ? (\n        <div className=\"flex items-center justify-between gap-2\">\n          <div>\n            <h3 className=\"text-sm font-semibold\">{t('catalog.variants.form.pricesLabel', 'Prices')}</h3>\n            <p className=\"text-xs text-muted-foreground\">\n              {t('catalog.variants.form.pricesHint', 'Populate list prices per price kind.')}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <select\n              className=\"rounded border px-3 py-2 text-sm\"\n              value={values.taxRateId ?? ''}\n              onChange={(event) => setValue('taxRateId', event.target.value || null)}\n            >\n              <option value=\"\">{t('catalog.variants.form.pricesTaxNone', 'No tax override')}</option>\n              {taxRates.map((rate) => (\n                <option key={rate.id} value={rate.id}>\n                  {formatTaxRateLabel(rate)}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n      ) : (\n        <div className=\"flex justify-end\">\n          <select\n            className=\"rounded border px-3 py-2 text-sm\"\n            value={values.taxRateId ?? ''}\n            onChange={(event) => setValue('taxRateId', event.target.value || null)}\n          >\n            <option value=\"\">{t('catalog.variants.form.pricesTaxNone', 'No tax override')}</option>\n            {taxRates.map((rate) => (\n              <option key={rate.id} value={rate.id}>\n                {formatTaxRateLabel(rate)}\n              </option>\n            ))}\n          </select>\n        </div>\n      )}\n      <div className=\"space-y-3\">\n        {priceKinds.length ? (\n          priceKinds.map((kind) => {\n            const draft = values.prices?.[kind.id]\n            return (\n              <div key={kind.id} className=\"rounded bg-muted/50 p-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"text-sm font-semibold\">{kind.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {kind.currencyCode\n                        ? `${kind.currencyCode.toUpperCase()} \u2022 ${kind.displayMode === 'including-tax' ? t('catalog.priceKinds.form.displayMode.include', 'Including tax') : t('catalog.priceKinds.form.displayMode.exclude', 'Excluding tax')}`\n                        : t('catalog.variants.form.priceMissingCurrency', 'No currency configured')}\n                    </p>\n                  </div>\n                </div>\n                <Input\n                  className=\"mt-3\"\n                  value={draft?.amount ?? ''}\n                  onChange={(event) => updatePrice(kind.id, { amount: event.target.value })}\n                  placeholder=\"0.00\"\n                />\n              </div>\n            )\n          })\n        ) : (\n          <p className=\"text-xs text-muted-foreground\">{t('catalog.variants.form.pricesEmpty', 'No price kinds configured yet.')}</p>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function VariantMediaSection({ values, setValue, showLabel = true }: VariantMediaSectionProps) {\n  const t = useT()\n  return (\n    <div className=\"space-y-2\">\n      {showLabel ? <Label>{t('catalog.variants.form.media', 'Media')}</Label> : null}\n      <ProductMediaManager\n        entityId={E.catalog.catalog_product_variant}\n        draftRecordId={values.mediaDraftId}\n        items={Array.isArray(values.mediaItems) ? values.mediaItems : []}\n        defaultMediaId={values.defaultMediaId}\n        onItemsChange={(next) => setValue('mediaItems', next)}\n        onDefaultChange={(next) => setValue('defaultMediaId', next)}\n      />\n    </div>\n  )\n}\n\nfunction DimensionInput({\n  label,\n  value,\n  onChange,\n  placeholder = '0',\n}: {\n  label: string\n  value: string | number | undefined\n  onChange: (next: string) => void\n  placeholder?: string\n}) {\n  return (\n    <div className=\"space-y-2\">\n      <Label className=\"text-xs uppercase text-muted-foreground\">{label}</Label>\n      <Input value={value ?? ''} onChange={(event) => onChange(event.target.value)} placeholder={placeholder} />\n    </div>\n  )\n}\n\nfunction normalizeMetadata(input: unknown): Record<string, any> {\n  return typeof input === 'object' && input ? { ...(input as Record<string, unknown>) } : {}\n}\n\nfunction normalizeDimensions(metadata: Record<string, any>) {\n  const raw = metadata.dimensions\n  if (!raw || typeof raw !== 'object') return {}\n  return {\n    width: typeof raw.width === 'number' ? raw.width : undefined,\n    height: typeof raw.height === 'number' ? raw.height : undefined,\n    depth: typeof raw.depth === 'number' ? raw.depth : undefined,\n    unit: typeof raw.unit === 'string' ? raw.unit : undefined,\n  }\n}\n\nfunction normalizeWeight(metadata: Record<string, any>) {\n  const raw = metadata.weight\n  if (!raw || typeof raw !== 'object') return {}\n  return {\n    value: typeof raw.value === 'number' ? raw.value : undefined,\n    unit: typeof raw.unit === 'string' ? raw.unit : undefined,\n  }\n}\n\nfunction applyDimension(metadata: Record<string, any>, field: 'width' | 'height' | 'depth' | 'unit', raw: string) {\n  const dims = normalizeDimensions(metadata)\n  if (field === 'unit') {\n    dims.unit = raw\n  } else {\n    const numeric = Number(raw)\n    dims[field] = Number.isNaN(numeric) ? undefined : numeric\n  }\n  const clean = cleanupDimensions(dims)\n  if (clean) return { ...metadata, dimensions: clean }\n  const copy = { ...metadata }\n  delete copy.dimensions\n  return copy\n}\n\nfunction applyWeight(metadata: Record<string, any>, field: 'value' | 'unit', raw: string) {\n  const weight = normalizeWeight(metadata)\n  if (field === 'unit') weight.unit = raw\n  else {\n    const numeric = Number(raw)\n    weight.value = Number.isNaN(numeric) ? undefined : numeric\n  }\n  const clean = cleanupWeight(weight)\n  if (clean) return { ...metadata, weight: clean }\n  const copy = { ...metadata }\n  delete copy.weight\n  return copy\n}\n\nfunction cleanupDimensions(dims: { width?: number; height?: number; depth?: number; unit?: string }) {\n  const clean: Record<string, unknown> = {}\n  if (typeof dims.width === 'number' && Number.isFinite(dims.width)) clean.width = dims.width\n  if (typeof dims.height === 'number' && Number.isFinite(dims.height)) clean.height = dims.height\n  if (typeof dims.depth === 'number' && Number.isFinite(dims.depth)) clean.depth = dims.depth\n  if (typeof dims.unit === 'string' && dims.unit.trim().length) clean.unit = dims.unit\n  return Object.keys(clean).length ? clean : null\n}\n\nfunction cleanupWeight(weight: { value?: number; unit?: string }) {\n  const clean: Record<string, unknown> = {}\n  if (typeof weight.value === 'number' && Number.isFinite(weight.value)) clean.value = weight.value\n  if (typeof weight.unit === 'string' && weight.unit.trim().length) clean.unit = weight.unit\n  return Object.keys(clean).length ? clean : null\n}\n\nfunction stripSystemMetadata(metadata: Record<string, any>) {\n  const copy: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(metadata)) {\n    if (key === 'dimensions' || key === 'weight') continue\n    copy[key] = value\n  }\n  return copy\n}\n\nfunction extractSystemMetadata(metadata: Record<string, any>) {\n  const system: Record<string, unknown> = {}\n  if (metadata.dimensions) system.dimensions = metadata.dimensions\n  if (metadata.weight) system.weight = metadata.weight\n  return system\n}\n"],
-  "mappings": ";AAyEI,SACE,KADF;AAvEJ,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,2BAA2B;AACpC,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AAEnC,SAAS,SAAS;AAoDX,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,wBAAqB,QAAgB,UAAoB,QAAgB;AAAA,IAC1E,oBAAC,8BAA2B,QAAgB,UAAoB,mBAAsC;AAAA,IACtG,oBAAC,4BAAyB,QAAgB,UAAoB;AAAA,IAC9D,oBAAC,0BAAuB,QAAgB,UAAoB;AAAA,IAC5D,oBAAC,wBAAqB,QAAgB,UAAoB,YAAwB,UAAoB;AAAA,IACtG,oBAAC,uBAAoB,QAAgB,UAAoB;AAAA,KAC3D;AAEJ;AAEO,SAAS,qBAAqB,EAAE,QAAQ,UAAU,OAAO,GAA4B;AAC1F,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,aACb;AAAA,2BAAC,SAAM,WAAU,2BACd;AAAA,UAAE,mCAAmC,MAAM;AAAA,QAC5C,oBAAC,UAAK,WAAU,gBAAe,eAAC;AAAA,SAClC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO;AAAA,UACd,UAAU,CAAC,UAAU,SAAS,QAAQ,MAAM,OAAO,KAAK;AAAA,UACxD,aAAa,EAAE,yCAAyC,oBAAoB;AAAA;AAAA,MAC9E;AAAA,MACC,OAAO,OAAO,oBAAC,OAAE,WAAU,wBAAwB,iBAAO,MAAK,IAAO;AAAA,OACzE;AAAA,IACA,qBAAC,SAAI,WAAU,6BACb;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,SAAO,YAAE,kCAAkC,KAAK,GAAE;AAAA,QACnD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO;AAAA,YACd,UAAU,CAAC,UAAU,SAAS,OAAO,MAAM,OAAO,KAAK;AAAA,YACvD,aAAa,EAAE,wCAAwC,mBAAmB;AAAA;AAAA,QAC5E;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,aACb;AAAA,4BAAC,SAAO,YAAE,sCAAsC,SAAS,GAAE;AAAA,QAC3D;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO;AAAA,YACd,UAAU,CAAC,UAAU,SAAS,WAAW,MAAM,OAAO,KAAK;AAAA,YAC3D,aAAa,EAAE,4CAA4C,gBAAgB;AAAA;AAAA,QAC7E;AAAA,SACF;AAAA,OACF;AAAA,IACA,qBAAC,SAAI,WAAU,6BACb;AAAA,2BAAC,WAAM,WAAU,oEACf;AAAA,6BAAC,SACC;AAAA,8BAAC,OAAE,WAAU,uBAAuB,YAAE,wCAAwC,iBAAiB,GAAE;AAAA,UACjG,oBAAC,OAAE,WAAU,iCAAiC,YAAE,uCAAuC,qBAAqB,GAAE;AAAA,WAChH;AAAA,QACA,oBAAC,UAAO,SAAS,OAAO,WAAW,iBAAiB,CAAC,SAAS,SAAS,aAAa,IAAI,GAAG;AAAA,SAC7F;AAAA,MACA,qBAAC,WAAM,WAAU,oEACf;AAAA,6BAAC,SACC;AAAA,8BAAC,OAAE,WAAU,uBAAuB,YAAE,uCAAuC,QAAQ,GAAE;AAAA,UACvF,oBAAC,OAAE,WAAU,iCAAiC,YAAE,sCAAsC,+BAA+B,GAAE;AAAA,WACzH;AAAA,QACA,oBAAC,UAAO,SAAS,OAAO,aAAa,OAAO,iBAAiB,CAAC,SAAS,SAAS,YAAY,IAAI,GAAG;AAAA,SACrG;AAAA,OACF;AAAA,KACF;AAEJ;AAEO,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAoC;AAClC,QAAM,IAAI,KAAK;AAEf,QAAM,qBAAqB,MAAM;AAAA,IAC/B,CAAC,MAAc,SAAiB;AAC9B,eAAS,gBAAgB,EAAE,GAAI,OAAO,gBAAgB,CAAC,GAAI,CAAC,IAAI,GAAG,KAAK,CAAC;AAAA,IAC3E;AAAA,IACA,CAAC,UAAU,OAAO,YAAY;AAAA,EAChC;AAEA,MAAI,CAAC,kBAAkB,OAAQ,QAAO;AAEtC,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,kBAAc,oBAAC,QAAG,WAAU,yBAAyB,YAAE,iCAAiC,eAAe,GAAE,IAAQ;AAAA,IAClH,oBAAC,SAAI,WAAU,6BACZ,4BAAkB,IAAI,CAAC,WACtB,qBAAC,SAAsB,WAAU,aAC/B;AAAA,0BAAC,SAAM,WAAU,2CAA2C,iBAAO,OAAM;AAAA,MACzE;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,OAAO,eAAe,OAAO,IAAI,KAAK;AAAA,UAC7C,UAAU,CAAC,UAAU,mBAAmB,OAAO,MAAM,MAAM,OAAO,KAAK;AAAA,UAEvE;AAAA,gCAAC,YAAO,OAAM,IAAI,YAAE,2CAA2C,cAAc,GAAE;AAAA,YAC9E,OAAO,OAAO,IAAI,CAAC,UAClB,oBAAC,YAAsB,OAAO,MAAM,OACjC,gBAAM,SADI,MAAM,EAEnB,CACD;AAAA;AAAA;AAAA,MACH;AAAA,SAbQ,OAAO,IAcjB,CACD,GACH;AAAA,KACF;AAEJ;AAEO,SAAS,yBAAyB,EAAE,QAAQ,UAAU,cAAc,KAAK,GAAkC;AAChH,QAAM,IAAI,KAAK;AACf,QAAM,WAAW,kBAAkB,OAAO,QAAQ;AAClD,QAAM,kBAAkB,oBAAoB,QAAQ;AACpD,QAAM,eAAe,gBAAgB,QAAQ;AAC7C,QAAM,2BAA2B,EAAE,kDAAkD,IAAI;AACzF,QAAM,wBAAwB,EAAE,+CAA+C,IAAI;AAEnF,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,kBAAc,oBAAC,QAAG,WAAU,yBAAyB,YAAE,oCAAoC,qBAAqB,GAAE,IAAQ;AAAA,IAC3H,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,+BAA+B,OAAO;AAAA,UAC/C,OAAO,gBAAgB,SAAS;AAAA,UAChC,UAAU,CAAC,UAAU,SAAS,YAAY,eAAe,UAAU,SAAS,KAAK,CAAC;AAAA;AAAA,MACpF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,gCAAgC,QAAQ;AAAA,UACjD,OAAO,gBAAgB,UAAU;AAAA,UACjC,UAAU,CAAC,UAAU,SAAS,YAAY,eAAe,UAAU,UAAU,KAAK,CAAC;AAAA;AAAA,MACrF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,+BAA+B,OAAO;AAAA,UAC/C,OAAO,gBAAgB,SAAS;AAAA,UAChC,UAAU,CAAC,UAAU,SAAS,YAAY,eAAe,UAAU,SAAS,KAAK,CAAC;AAAA;AAAA,MACpF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,uCAAuC,WAAW;AAAA,UAC3D,OAAO,gBAAgB,QAAQ;AAAA,UAC/B,aAAa;AAAA,UACb,UAAU,CAAC,UAAU,SAAS,YAAY,eAAe,UAAU,QAAQ,KAAK,CAAC;AAAA;AAAA,MACnF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,gCAAgC,QAAQ;AAAA,UACjD,OAAO,aAAa,SAAS;AAAA,UAC7B,UAAU,CAAC,UAAU,SAAS,YAAY,YAAY,UAAU,SAAS,KAAK,CAAC;AAAA;AAAA,MACjF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,oCAAoC,aAAa;AAAA,UAC1D,OAAO,aAAa,QAAQ;AAAA,UAC5B,aAAa;AAAA,UACb,UAAU,CAAC,UAAU,SAAS,YAAY,YAAY,UAAU,QAAQ,KAAK,CAAC;AAAA;AAAA,MAChF;AAAA,OACF;AAAA,KACF;AAEJ;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AACb,GAAgC;AAC9B,QAAM,WAAW,kBAAkB,OAAO,QAAQ;AAClD,QAAM,iBAAiB,MAAM,QAAQ,MAAM,sBAAsB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AACtF,QAAM,iBAAiB,MAAM,QAAQ,MAAM,oBAAoB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAEpF,QAAM,uBAAuB,MAAM;AAAA,IACjC,CAAC,SAAkC;AACjC,YAAM,SAAkC,CAAC;AACzC,aAAO,QAAQ,cAAc,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACvD,eAAO,GAAG,IAAI;AAAA,MAChB,CAAC;AACD,aAAO,QAAQ,IAAI,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC7C,eAAO,GAAG,IAAI;AAAA,MAChB,CAAC;AACD,eAAS,YAAY,MAAM;AAAA,IAC7B;AAAA,IACA,CAAC,UAAU,cAAc;AAAA,EAC3B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,UAAU;AAAA,MACV,OAAO,YAAY,SAAY;AAAA,MAC/B,aAAa,YAAY,SAAY;AAAA,MACrC;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AACb,GAA8B;AAC5B,QAAM,IAAI,KAAK;AAEf,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,aAAqB,UAAsC;AAC1D,YAAM,OAAO,OAAO,SAAS,WAAW,KAAK,EAAE,aAAa,QAAQ,IAAI,aAAa,gBAAgB;AACrG,eAAS,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,WAAW,GAAG,EAAE,GAAG,MAAM,GAAG,OAAO,YAAY,EAAE,CAAC;AAAA,IAC5F;AAAA,IACA,CAAC,UAAU,OAAO,MAAM;AAAA,EAC1B;AAEA,QAAM,iBAAiB,WAAW,cAAc;AAEhD,SACE,qBAAC,SAAI,WAAW,gBACb;AAAA,iBACC,qBAAC,SAAI,WAAU,2CACb;AAAA,2BAAC,SACC;AAAA,4BAAC,QAAG,WAAU,yBAAyB,YAAE,qCAAqC,QAAQ,GAAE;AAAA,QACxF,oBAAC,OAAE,WAAU,iCACV,YAAE,oCAAoC,sCAAsC,GAC/E;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,2BACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,OAAO,aAAa;AAAA,UAC3B,UAAU,CAAC,UAAU,SAAS,aAAa,MAAM,OAAO,SAAS,IAAI;AAAA,UAErE;AAAA,gCAAC,YAAO,OAAM,IAAI,YAAE,uCAAuC,iBAAiB,GAAE;AAAA,YAC7E,SAAS,IAAI,CAAC,SACb,oBAAC,YAAqB,OAAO,KAAK,IAC/B,6BAAmB,IAAI,KADb,KAAK,EAElB,CACD;AAAA;AAAA;AAAA,MACH,GACF;AAAA,OACF,IAEA,oBAAC,SAAI,WAAU,oBACb;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,OAAO,aAAa;AAAA,QAC3B,UAAU,CAAC,UAAU,SAAS,aAAa,MAAM,OAAO,SAAS,IAAI;AAAA,QAErE;AAAA,8BAAC,YAAO,OAAM,IAAI,YAAE,uCAAuC,iBAAiB,GAAE;AAAA,UAC7E,SAAS,IAAI,CAAC,SACb,oBAAC,YAAqB,OAAO,KAAK,IAC/B,6BAAmB,IAAI,KADb,KAAK,EAElB,CACD;AAAA;AAAA;AAAA,IACH,GACF;AAAA,IAEF,oBAAC,SAAI,WAAU,aACZ,qBAAW,SACV,WAAW,IAAI,CAAC,SAAS;AACvB,YAAM,QAAQ,OAAO,SAAS,KAAK,EAAE;AACrC,aACE,qBAAC,SAAkB,WAAU,2BAC3B;AAAA,4BAAC,SAAI,WAAU,qCACb,+BAAC,SACC;AAAA,8BAAC,OAAE,WAAU,yBAAyB,eAAK,OAAM;AAAA,UACjD,oBAAC,OAAE,WAAU,iCACV,eAAK,eACF,GAAG,KAAK,aAAa,YAAY,CAAC,WAAM,KAAK,gBAAgB,kBAAkB,EAAE,+CAA+C,eAAe,IAAI,EAAE,+CAA+C,eAAe,CAAC,KACpN,EAAE,8CAA8C,wBAAwB,GAC9E;AAAA,WACF,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,OAAO,UAAU;AAAA,YACxB,UAAU,CAAC,UAAU,YAAY,KAAK,IAAI,EAAE,QAAQ,MAAM,OAAO,MAAM,CAAC;AAAA,YACxE,aAAY;AAAA;AAAA,QACd;AAAA,WAhBQ,KAAK,EAiBf;AAAA,IAEJ,CAAC,IAED,oBAAC,OAAE,WAAU,iCAAiC,YAAE,qCAAqC,gCAAgC,GAAE,GAE3H;AAAA,KACF;AAEJ;AAEO,SAAS,oBAAoB,EAAE,QAAQ,UAAU,YAAY,KAAK,GAA6B;AACpG,QAAM,IAAI,KAAK;AACf,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,gBAAY,oBAAC,SAAO,YAAE,+BAA+B,OAAO,GAAE,IAAW;AAAA,IAC1E;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,EAAE,QAAQ;AAAA,QACpB,eAAe,OAAO;AAAA,QACtB,OAAO,MAAM,QAAQ,OAAO,UAAU,IAAI,OAAO,aAAa,CAAC;AAAA,QAC/D,gBAAgB,OAAO;AAAA,QACvB,eAAe,CAAC,SAAS,SAAS,cAAc,IAAI;AAAA,QACpD,iBAAiB,CAAC,SAAS,SAAS,kBAAkB,IAAI;AAAA;AAAA,IAC5D;AAAA,KACF;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAKG;AACD,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAM,WAAU,2CAA2C,iBAAM;AAAA,IAClE,oBAAC,SAAM,OAAO,SAAS,IAAI,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK,GAAG,aAA0B;AAAA,KAC1G;AAEJ;AAEA,SAAS,kBAAkB,OAAqC;AAC9D,SAAO,OAAO,UAAU,YAAY,QAAQ,EAAE,GAAI,MAAkC,IAAI,CAAC;AAC3F;AAEA,SAAS,oBAAoB,UAA+B;AAC1D,QAAM,MAAM,SAAS;AACrB,MAAI,CAAC,OAAO,OAAO,QAAQ,SAAU,QAAO,CAAC;AAC7C,SAAO;AAAA,IACL,OAAO,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ;AAAA,IACnD,QAAQ,OAAO,IAAI,WAAW,WAAW,IAAI,SAAS;AAAA,IACtD,OAAO,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ;AAAA,IACnD,MAAM,OAAO,IAAI,SAAS,WAAW,IAAI,OAAO;AAAA,EAClD;AACF;AAEA,SAAS,gBAAgB,UAA+B;AACtD,QAAM,MAAM,SAAS;AACrB,MAAI,CAAC,OAAO,OAAO,QAAQ,SAAU,QAAO,CAAC;AAC7C,SAAO;AAAA,IACL,OAAO,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ;AAAA,IACnD,MAAM,OAAO,IAAI,SAAS,WAAW,IAAI,OAAO;AAAA,EAClD;AACF;AAEA,SAAS,eAAe,UAA+B,OAA8C,KAAa;AAChH,QAAM,OAAO,oBAAoB,QAAQ;AACzC,MAAI,UAAU,QAAQ;AACpB,SAAK,OAAO;AAAA,EACd,OAAO;AACL,UAAM,UAAU,OAAO,GAAG;AAC1B,SAAK,KAAK,IAAI,OAAO,MAAM,OAAO,IAAI,SAAY;AAAA,EACpD;AACA,QAAM,QAAQ,kBAAkB,IAAI;AACpC,MAAI,MAAO,QAAO,EAAE,GAAG,UAAU,YAAY,MAAM;AACnD,QAAM,OAAO,EAAE,GAAG,SAAS;AAC3B,SAAO,KAAK;AACZ,SAAO;AACT;AAEA,SAAS,YAAY,UAA+B,OAAyB,KAAa;AACxF,QAAM,SAAS,gBAAgB,QAAQ;AACvC,MAAI,UAAU,OAAQ,QAAO,OAAO;AAAA,OAC/B;AACH,UAAM,UAAU,OAAO,GAAG;AAC1B,WAAO,QAAQ,OAAO,MAAM,OAAO,IAAI,SAAY;AAAA,EACrD;AACA,QAAM,QAAQ,cAAc,MAAM;AAClC,MAAI,MAAO,QAAO,EAAE,GAAG,UAAU,QAAQ,MAAM;AAC/C,QAAM,OAAO,EAAE,GAAG,SAAS;AAC3B,SAAO,KAAK;AACZ,SAAO;AACT;AAEA,SAAS,kBAAkB,MAA0E;AACnG,QAAM,QAAiC,CAAC;AACxC,MAAI,OAAO,KAAK,UAAU,YAAY,OAAO,SAAS,KAAK,KAAK,EAAG,OAAM,QAAQ,KAAK;AACtF,MAAI,OAAO,KAAK,WAAW,YAAY,OAAO,SAAS,KAAK,MAAM,EAAG,OAAM,SAAS,KAAK;AACzF,MAAI,OAAO,KAAK,UAAU,YAAY,OAAO,SAAS,KAAK,KAAK,EAAG,OAAM,QAAQ,KAAK;AACtF,MAAI,OAAO,KAAK,SAAS,YAAY,KAAK,KAAK,KAAK,EAAE,OAAQ,OAAM,OAAO,KAAK;AAChF,SAAO,OAAO,KAAK,KAAK,EAAE,SAAS,QAAQ;AAC7C;AAEA,SAAS,cAAc,QAA2C;AAChE,QAAM,QAAiC,CAAC;AACxC,MAAI,OAAO,OAAO,UAAU,YAAY,OAAO,SAAS,OAAO,KAAK,EAAG,OAAM,QAAQ,OAAO;AAC5F,MAAI,OAAO,OAAO,SAAS,YAAY,OAAO,KAAK,KAAK,EAAE,OAAQ,OAAM,OAAO,OAAO;AACtF,SAAO,OAAO,KAAK,KAAK,EAAE,SAAS,QAAQ;AAC7C;AAEA,SAAS,oBAAoB,UAA+B;AAC1D,QAAM,OAAgC,CAAC;AACvC,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,QAAQ,GAAG;AACnD,QAAI,QAAQ,gBAAgB,QAAQ,SAAU;AAC9C,SAAK,GAAG,IAAI;AAAA,EACd;AACA,SAAO;AACT;AAEA,SAAS,sBAAsB,UAA+B;AAC5D,QAAM,SAAkC,CAAC;AACzC,MAAI,SAAS,WAAY,QAAO,aAAa,SAAS;AACtD,MAAI,SAAS,OAAQ,QAAO,SAAS,SAAS;AAC9C,SAAO;AACT;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\nimport { ProductMediaManager } from './ProductMediaManager'\nimport { MetadataEditor } from './MetadataEditor'\nimport type { PriceKindSummary, TaxRateSummary } from './productForm'\nimport { formatTaxRateLabel } from './productForm'\nimport type { OptionDefinition, VariantFormValues, VariantPriceDraft } from './variantForm'\nimport { E } from '#generated/entities.ids.generated'\n\ntype VariantBuilderProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  errors: Record<string, string>\n  optionDefinitions: OptionDefinition[]\n  priceKinds: PriceKindSummary[]\n  taxRates: TaxRateSummary[]\n}\n\ntype VariantSectionBaseProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  errors: Record<string, string>\n}\n\ntype VariantOptionValuesSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  optionDefinitions: OptionDefinition[]\n  showHeading?: boolean\n}\n\ntype VariantDimensionsSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  showHeading?: boolean\n}\n\ntype VariantMetadataSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  showIntro?: boolean\n  embedded?: boolean\n}\n\ntype VariantPricesSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  priceKinds: PriceKindSummary[]\n  taxRates: TaxRateSummary[]\n  showHeader?: boolean\n  embedded?: boolean\n}\n\ntype VariantMediaSectionProps = {\n  values: VariantFormValues\n  setValue: (id: string, value: unknown) => void\n  showLabel?: boolean\n}\n\nexport function VariantBuilder({\n  values,\n  setValue,\n  errors,\n  optionDefinitions,\n  priceKinds,\n  taxRates,\n}: VariantBuilderProps) {\n  return (\n    <div className=\"space-y-6\">\n      <VariantBasicsSection values={values} setValue={setValue} errors={errors} />\n      <VariantOptionValuesSection values={values} setValue={setValue} optionDefinitions={optionDefinitions} />\n      <VariantDimensionsSection values={values} setValue={setValue} />\n      <VariantMetadataSection values={values} setValue={setValue} />\n      <VariantPricesSection values={values} setValue={setValue} priceKinds={priceKinds} taxRates={taxRates} />\n      <VariantMediaSection values={values} setValue={setValue} />\n    </div>\n  )\n}\n\nexport function VariantBasicsSection({ values, setValue, errors }: VariantSectionBaseProps) {\n  const t = useT()\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"space-y-2\">\n        <Label className=\"flex items-center gap-1\">\n          {t('catalog.variants.form.nameLabel', 'Name')}\n          <span className=\"text-red-600\">*</span>\n        </Label>\n        <Input\n          value={values.name}\n          onChange={(event) => setValue('name', event.target.value)}\n          placeholder={t('catalog.variants.form.namePlaceholder', 'e.g., Blue / Small')}\n        />\n        {errors.name ? <p className=\"text-xs text-red-600\">{errors.name}</p> : null}\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <div className=\"space-y-2\">\n          <Label>{t('catalog.variants.form.skuLabel', 'SKU')}</Label>\n          <Input\n            value={values.sku}\n            onChange={(event) => setValue('sku', event.target.value)}\n            placeholder={t('catalog.variants.form.skuPlaceholder', 'Unique identifier')}\n          />\n        </div>\n        <div className=\"space-y-2\">\n          <Label>{t('catalog.variants.form.barcodeLabel', 'Barcode')}</Label>\n          <Input\n            value={values.barcode}\n            onChange={(event) => setValue('barcode', event.target.value)}\n            placeholder={t('catalog.variants.form.barcodePlaceholder', 'EAN, UPC, etc.')}\n          />\n        </div>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <label className=\"flex items-center justify-between gap-2 rounded border px-3 py-2\">\n          <div>\n            <p className=\"text-sm font-medium\">{t('catalog.variants.form.isDefaultLabel', 'Default variant')}</p>\n            <p className=\"text-xs text-muted-foreground\">{t('catalog.variants.form.isDefaultHint', 'Used in storefronts')}</p>\n          </div>\n          <Switch checked={values.isDefault} onCheckedChange={(next) => setValue('isDefault', next)} />\n        </label>\n        <label className=\"flex items-center justify-between gap-2 rounded border px-3 py-2\">\n          <div>\n            <p className=\"text-sm font-medium\">{t('catalog.variants.form.isActiveLabel', 'Active')}</p>\n            <p className=\"text-xs text-muted-foreground\">{t('catalog.variants.form.isActiveHint', 'Inactive variants stay hidden')}</p>\n          </div>\n          <Switch checked={values.isActive !== false} onCheckedChange={(next) => setValue('isActive', next)} />\n        </label>\n      </div>\n    </div>\n  )\n}\n\nexport function VariantOptionValuesSection({\n  values,\n  setValue,\n  optionDefinitions,\n  showHeading = true,\n}: VariantOptionValuesSectionProps) {\n  const t = useT()\n\n  const handleOptionChange = React.useCallback(\n    (code: string, next: string) => {\n      setValue('optionValues', { ...(values.optionValues ?? {}), [code]: next })\n    },\n    [setValue, values.optionValues],\n  )\n\n  if (!optionDefinitions.length) return null\n\n  return (\n    <div className=\"space-y-3\">\n      {showHeading ? <h3 className=\"text-sm font-semibold\">{t('catalog.variants.form.options', 'Option values')}</h3> : null}\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {optionDefinitions.map((option) => (\n          <div key={option.code} className=\"space-y-2\">\n            <Label className=\"text-xs uppercase text-muted-foreground\">{option.label}</Label>\n            <Select\n              value={values.optionValues?.[option.code] || undefined}\n              onValueChange={(value) => handleOptionChange(option.code, value ?? '')}\n            >\n              <SelectTrigger>\n                <SelectValue placeholder={t('catalog.variants.form.optionPlaceholder', 'Select value')} />\n              </SelectTrigger>\n              <SelectContent>\n                {option.values.map((value) => (\n                  <SelectItem key={value.id} value={value.label}>\n                    {value.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport function VariantDimensionsSection({ values, setValue, showHeading = true }: VariantDimensionsSectionProps) {\n  const t = useT()\n  const metadata = normalizeMetadata(values.metadata)\n  const dimensionValues = normalizeDimensions(metadata)\n  const weightValues = normalizeWeight(metadata)\n  const dimensionUnitPlaceholder = t('catalog.variants.form.dimensionUnitPlaceholder', 'cm')\n  const weightUnitPlaceholder = t('catalog.variants.form.weightUnitPlaceholder', 'kg')\n\n  return (\n    <div className=\"space-y-4\">\n      {showHeading ? <h3 className=\"text-sm font-semibold\">{t('catalog.variants.form.dimensions', 'Dimensions & weight')}</h3> : null}\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        <DimensionInput\n          label={t('catalog.variants.form.width', 'Width')}\n          value={dimensionValues.width ?? ''}\n          onChange={(value) => setValue('metadata', applyDimension(metadata, 'width', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.height', 'Height')}\n          value={dimensionValues.height ?? ''}\n          onChange={(value) => setValue('metadata', applyDimension(metadata, 'height', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.depth', 'Depth')}\n          value={dimensionValues.depth ?? ''}\n          onChange={(value) => setValue('metadata', applyDimension(metadata, 'depth', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.dimensionUnit', 'Size unit')}\n          value={dimensionValues.unit ?? ''}\n          placeholder={dimensionUnitPlaceholder}\n          onChange={(value) => setValue('metadata', applyDimension(metadata, 'unit', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.weight', 'Weight')}\n          value={weightValues.value ?? ''}\n          onChange={(value) => setValue('metadata', applyWeight(metadata, 'value', value))}\n        />\n        <DimensionInput\n          label={t('catalog.variants.form.weightUnit', 'Weight unit')}\n          value={weightValues.unit ?? ''}\n          placeholder={weightUnitPlaceholder}\n          onChange={(value) => setValue('metadata', applyWeight(metadata, 'unit', value))}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport function VariantMetadataSection({\n  values,\n  setValue,\n  showIntro = true,\n  embedded = false,\n}: VariantMetadataSectionProps) {\n  const metadata = normalizeMetadata(values.metadata)\n  const systemMetadata = React.useMemo(() => extractSystemMetadata(metadata), [metadata])\n  const customMetadata = React.useMemo(() => stripSystemMetadata(metadata), [metadata])\n\n  const handleMetadataChange = React.useCallback(\n    (next: Record<string, unknown>) => {\n      const merged: Record<string, unknown> = {}\n      Object.entries(systemMetadata).forEach(([key, value]) => {\n        merged[key] = value\n      })\n      Object.entries(next).forEach(([key, value]) => {\n        merged[key] = value\n      })\n      setValue('metadata', merged)\n    },\n    [setValue, systemMetadata],\n  )\n\n  return (\n    <MetadataEditor\n      value={customMetadata}\n      onChange={handleMetadataChange}\n      title={showIntro ? undefined : ''}\n      description={showIntro ? undefined : ''}\n      embedded={embedded}\n    />\n  )\n}\n\nexport function VariantPricesSection({\n  values,\n  setValue,\n  priceKinds,\n  taxRates,\n  showHeader = true,\n  embedded = false,\n}: VariantPricesSectionProps) {\n  const t = useT()\n\n  const updatePrice = React.useCallback(\n    (priceKindId: string, patch: Partial<VariantPriceDraft>) => {\n      const prev = values.prices?.[priceKindId] ?? { priceKindId, amount: '', displayMode: 'excluding-tax' }\n      setValue('prices', { ...values.prices, [priceKindId]: { ...prev, ...patch, priceKindId } })\n    },\n    [setValue, values.prices],\n  )\n\n  const containerClass = embedded ? 'space-y-4' : 'space-y-4 rounded-lg border p-4'\n\n  return (\n    <div className={containerClass}>\n      {showHeader ? (\n        <div className=\"flex items-center justify-between gap-2\">\n          <div>\n            <h3 className=\"text-sm font-semibold\">{t('catalog.variants.form.pricesLabel', 'Prices')}</h3>\n            <p className=\"text-xs text-muted-foreground\">\n              {t('catalog.variants.form.pricesHint', 'Populate list prices per price kind.')}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Select\n              value={values.taxRateId || undefined}\n              onValueChange={(value) => setValue('taxRateId', value || null)}\n            >\n              <SelectTrigger>\n                <SelectValue placeholder={t('catalog.variants.form.pricesTaxNone', 'No tax override')} />\n              </SelectTrigger>\n              <SelectContent>\n                {taxRates.map((rate) => (\n                  <SelectItem key={rate.id} value={rate.id}>\n                    {formatTaxRateLabel(rate)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        </div>\n      ) : (\n        <div className=\"flex justify-end\">\n          <Select\n            value={values.taxRateId || undefined}\n            onValueChange={(value) => setValue('taxRateId', value || null)}\n          >\n            <SelectTrigger>\n              <SelectValue placeholder={t('catalog.variants.form.pricesTaxNone', 'No tax override')} />\n            </SelectTrigger>\n            <SelectContent>\n              {taxRates.map((rate) => (\n                <SelectItem key={rate.id} value={rate.id}>\n                  {formatTaxRateLabel(rate)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      )}\n      <div className=\"space-y-3\">\n        {priceKinds.length ? (\n          priceKinds.map((kind) => {\n            const draft = values.prices?.[kind.id]\n            return (\n              <div key={kind.id} className=\"rounded bg-muted/50 p-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"text-sm font-semibold\">{kind.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {kind.currencyCode\n                        ? `${kind.currencyCode.toUpperCase()} \u2022 ${kind.displayMode === 'including-tax' ? t('catalog.priceKinds.form.displayMode.include', 'Including tax') : t('catalog.priceKinds.form.displayMode.exclude', 'Excluding tax')}`\n                        : t('catalog.variants.form.priceMissingCurrency', 'No currency configured')}\n                    </p>\n                  </div>\n                </div>\n                <Input\n                  className=\"mt-3\"\n                  value={draft?.amount ?? ''}\n                  onChange={(event) => updatePrice(kind.id, { amount: event.target.value })}\n                  placeholder=\"0.00\"\n                />\n              </div>\n            )\n          })\n        ) : (\n          <p className=\"text-xs text-muted-foreground\">{t('catalog.variants.form.pricesEmpty', 'No price kinds configured yet.')}</p>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport function VariantMediaSection({ values, setValue, showLabel = true }: VariantMediaSectionProps) {\n  const t = useT()\n  return (\n    <div className=\"space-y-2\">\n      {showLabel ? <Label>{t('catalog.variants.form.media', 'Media')}</Label> : null}\n      <ProductMediaManager\n        entityId={E.catalog.catalog_product_variant}\n        draftRecordId={values.mediaDraftId}\n        items={Array.isArray(values.mediaItems) ? values.mediaItems : []}\n        defaultMediaId={values.defaultMediaId}\n        onItemsChange={(next) => setValue('mediaItems', next)}\n        onDefaultChange={(next) => setValue('defaultMediaId', next)}\n      />\n    </div>\n  )\n}\n\nfunction DimensionInput({\n  label,\n  value,\n  onChange,\n  placeholder = '0',\n}: {\n  label: string\n  value: string | number | undefined\n  onChange: (next: string) => void\n  placeholder?: string\n}) {\n  return (\n    <div className=\"space-y-2\">\n      <Label className=\"text-xs uppercase text-muted-foreground\">{label}</Label>\n      <Input value={value ?? ''} onChange={(event) => onChange(event.target.value)} placeholder={placeholder} />\n    </div>\n  )\n}\n\nfunction normalizeMetadata(input: unknown): Record<string, any> {\n  return typeof input === 'object' && input ? { ...(input as Record<string, unknown>) } : {}\n}\n\nfunction normalizeDimensions(metadata: Record<string, any>) {\n  const raw = metadata.dimensions\n  if (!raw || typeof raw !== 'object') return {}\n  return {\n    width: typeof raw.width === 'number' ? raw.width : undefined,\n    height: typeof raw.height === 'number' ? raw.height : undefined,\n    depth: typeof raw.depth === 'number' ? raw.depth : undefined,\n    unit: typeof raw.unit === 'string' ? raw.unit : undefined,\n  }\n}\n\nfunction normalizeWeight(metadata: Record<string, any>) {\n  const raw = metadata.weight\n  if (!raw || typeof raw !== 'object') return {}\n  return {\n    value: typeof raw.value === 'number' ? raw.value : undefined,\n    unit: typeof raw.unit === 'string' ? raw.unit : undefined,\n  }\n}\n\nfunction applyDimension(metadata: Record<string, any>, field: 'width' | 'height' | 'depth' | 'unit', raw: string) {\n  const dims = normalizeDimensions(metadata)\n  if (field === 'unit') {\n    dims.unit = raw\n  } else {\n    const numeric = Number(raw)\n    dims[field] = Number.isNaN(numeric) ? undefined : numeric\n  }\n  const clean = cleanupDimensions(dims)\n  if (clean) return { ...metadata, dimensions: clean }\n  const copy = { ...metadata }\n  delete copy.dimensions\n  return copy\n}\n\nfunction applyWeight(metadata: Record<string, any>, field: 'value' | 'unit', raw: string) {\n  const weight = normalizeWeight(metadata)\n  if (field === 'unit') weight.unit = raw\n  else {\n    const numeric = Number(raw)\n    weight.value = Number.isNaN(numeric) ? undefined : numeric\n  }\n  const clean = cleanupWeight(weight)\n  if (clean) return { ...metadata, weight: clean }\n  const copy = { ...metadata }\n  delete copy.weight\n  return copy\n}\n\nfunction cleanupDimensions(dims: { width?: number; height?: number; depth?: number; unit?: string }) {\n  const clean: Record<string, unknown> = {}\n  if (typeof dims.width === 'number' && Number.isFinite(dims.width)) clean.width = dims.width\n  if (typeof dims.height === 'number' && Number.isFinite(dims.height)) clean.height = dims.height\n  if (typeof dims.depth === 'number' && Number.isFinite(dims.depth)) clean.depth = dims.depth\n  if (typeof dims.unit === 'string' && dims.unit.trim().length) clean.unit = dims.unit\n  return Object.keys(clean).length ? clean : null\n}\n\nfunction cleanupWeight(weight: { value?: number; unit?: string }) {\n  const clean: Record<string, unknown> = {}\n  if (typeof weight.value === 'number' && Number.isFinite(weight.value)) clean.value = weight.value\n  if (typeof weight.unit === 'string' && weight.unit.trim().length) clean.unit = weight.unit\n  return Object.keys(clean).length ? clean : null\n}\n\nfunction stripSystemMetadata(metadata: Record<string, any>) {\n  const copy: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(metadata)) {\n    if (key === 'dimensions' || key === 'weight') continue\n    copy[key] = value\n  }\n  return copy\n}\n\nfunction extractSystemMetadata(metadata: Record<string, any>) {\n  const system: Record<string, unknown> = {}\n  if (metadata.dimensions) system.dimensions = metadata.dimensions\n  if (metadata.weight) system.weight = metadata.weight\n  return system\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/customer_accounts/backend/customer_accounts/users/[id]/page.js

@@ -6,7 +6,9 @@ import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { FormHeader } from "@open-mercato/ui/backend/forms";
 import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
 import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
@@ -78,7 +80,7 @@ function ResetPasswordDialog({
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "reset-password", children: t("customer_accounts.admin.detail.resetPassword.fields.newPassword", "New Password") }),
         /* @__PURE__ */ jsx(
-          "input",
+          Input,
           {
             id: "reset-password",
             type: "password",
@@ -86,7 +88,6 @@ function ResetPasswordDialog({
             minLength: 8,
             value: newPassword,
             onChange: (event) => setNewPassword(event.target.value),
-            className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
             placeholder: t("customer_accounts.admin.detail.resetPassword.fields.placeholder", "Min. 8 characters")
           }
         )
@@ -492,15 +493,14 @@ function CustomerUserDetailPage({ params }) {
                 }, children: t("customer_accounts.admin.detail.actions.unlink", "Unlink") })
               ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  Input,
                   {
                     type: "text",
                     value: personSearchQuery,
                     onChange: (event) => {
                       void handleSearchPeople(event.target.value);
                     },
-                    placeholder: t("customer_accounts.admin.detail.fields.searchPerson", "Search people by name..."),
-                    className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    placeholder: t("customer_accounts.admin.detail.fields.searchPerson", "Search people by name...")
                   }
                 ),
                 personResults.length > 0 && /* @__PURE__ */ jsx("div", { className: "absolute z-10 mt-1 w-full rounded-md border bg-background shadow-lg max-h-40 overflow-y-auto", children: personResults.map((person) => /* @__PURE__ */ jsx(
@@ -530,15 +530,14 @@ function CustomerUserDetailPage({ params }) {
                 }, children: t("customer_accounts.admin.detail.actions.unlink", "Unlink") })
               ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  Input,
                   {
                     type: "text",
                     value: companySearchQuery,
                     onChange: (event) => {
                       void handleSearchCompanies(event.target.value);
                     },
-                    placeholder: t("customer_accounts.admin.detail.fields.searchCompany", "Search companies by name..."),
-                    className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                    placeholder: t("customer_accounts.admin.detail.fields.searchCompany", "Search companies by name...")
                   }
                 ),
                 companyResults.length > 0 && /* @__PURE__ */ jsx("div", { className: "absolute z-10 mt-1 w-full rounded-md border bg-background shadow-lg max-h-40 overflow-y-auto", children: companyResults.map((company) => /* @__PURE__ */ jsx(
@@ -569,31 +568,24 @@ function CustomerUserDetailPage({ params }) {
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "user-display-name", children: t("customer_accounts.admin.detail.fields.displayName", "Display Name") }),
               /* @__PURE__ */ jsx(
-                "input",
+                Input,
                 {
                   id: "user-display-name",
                   type: "text",
                   value: editDisplayName,
-                  onChange: (event) => setEditDisplayName(event.target.value),
-                  className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                  onChange: (event) => setEditDisplayName(event.target.value)
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "user-active-toggle", children: t("customer_accounts.admin.detail.fields.isActive", "Active") }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  id: "user-active-toggle",
-                  type: "button",
-                  role: "switch",
-                  "aria-checked": editActive ?? data.isActive,
-                  onClick: () => setEditActive((prev) => !(prev ?? data.isActive)),
-                  className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${editActive ?? data.isActive ? "bg-primary" : "bg-muted"}`,
-                  children: /* @__PURE__ */ jsx("span", { className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${editActive ?? data.isActive ? "translate-x-6" : "translate-x-1"}` })
-                }
-              )
-            ] })
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                id: "user-active-toggle",
+                label: t("customer_accounts.admin.detail.fields.isActive", "Active"),
+                checked: editActive ?? data.isActive,
+                onCheckedChange: (next) => setEditActive(next)
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("customer_accounts.admin.detail.fields.roles", "Roles") }),