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

package/dist/modules/resources/components/ResourceCrudForm.js

@@ -7,6 +7,13 @@ import { DictionarySelectControl } from "@open-mercato/core/modules/dictionaries
 import { AppearanceSelector } from "@open-mercato/core/modules/dictionaries/components/AppearanceSelector";
 import { AttachmentsSection, TagsSection } from "@open-mercato/ui/backend/detail";
 import { Button } from "@open-mercato/ui/primitives/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { E } from "../../../generated/entities.ids.generated.js";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
@@ -100,22 +107,20 @@ function useResourcesResourceFormConfig(options = {}) {
         type: "custom",
         component: ({ value, setValue, setFormValue, disabled }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxs(
-            "select",
+            Select,
             {
-              className: "h-9 w-full rounded border px-2 text-sm",
-              value: typeof value === "string" ? value : "",
-              onChange: (event) => {
-                const next = event.target.value || "";
-                setValue(next);
+              value: typeof value === "string" && value ? value : void 0,
+              onValueChange: (next) => {
+                const value2 = next || "";
+                setValue(value2);
                 if (setFormValue) {
-                  setFormValue("customFieldsetCode", resolveFieldsetCode(next || null));
+                  setFormValue("customFieldsetCode", resolveFieldsetCode(value2 || null));
                 }
               },
-              "data-crud-focus-target": "",
               disabled,
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: t("ui.forms.select.emptyOption", "\u2014") }),
-                resourceTypes.map((type) => /* @__PURE__ */ jsx("option", { value: type.id, children: type.name }, type.id))
+                /* @__PURE__ */ jsx(SelectTrigger, { "data-crud-focus-target": "", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("ui.forms.select.emptyOption", "\u2014") }) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: resourceTypes.map((type) => /* @__PURE__ */ jsx(SelectItem, { value: type.id, children: type.name }, type.id)) })
               ]
             }
           ),

package/dist/modules/resources/components/ResourceCrudForm.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/resources/components/ResourceCrudForm.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { DictionarySelectControl } from '@open-mercato/core/modules/dictionaries/components/DictionarySelectControl'\nimport { AppearanceSelector } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { AttachmentsSection, TagsSection, type TagOption, type TagsSectionLabels } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { RESOURCES_CAPACITY_UNIT_DICTIONARY_KEY } from '@open-mercato/core/modules/resources/lib/capacityUnits'\nimport { RESOURCES_RESOURCE_FIELDSET_DEFAULT, resolveResourcesResourceFieldsetCode } from '@open-mercato/core/modules/resources/lib/resourceCustomFields'\nimport Link from 'next/link'\nimport { Plus, Settings } from 'lucide-react'\n\nconst DEFAULT_PAGE_SIZE = 100\n\ntype ResourceTypeRow = {\n  id: string\n  name: string\n}\n\ntype ResourceTypesResponse = {\n  items: ResourceTypeRow[]\n}\n\ntype ResourceTagsSectionConfig = {\n  title: string\n  tags: TagOption[]\n  onChange: (next: TagOption[]) => void\n  loadOptions: (query?: string) => Promise<TagOption[]>\n  createTag: (label: string) => Promise<TagOption>\n  onSave: (payload: { next: TagOption[]; added: TagOption[]; removed: TagOption[] }) => Promise<void>\n  labels: TagsSectionLabels\n}\n\nexport type ResourcesResourceFormConfig = {\n  fields: CrudField[]\n  groups: CrudFormGroup[]\n  resolveFieldsetCode: (resourceTypeId?: string | null) => string\n  resourceTypesLoaded: boolean\n}\n\nexport function useResourcesResourceFormConfig(options: {\n  tagsSection?: ResourceTagsSectionConfig\n} = {}): ResourcesResourceFormConfig {\n  const { tagsSection } = options\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [resourceTypes, setResourceTypes] = React.useState<ResourceTypeRow[]>([])\n  const [resourceTypesLoaded, setResourceTypesLoaded] = React.useState(false)\n  const [capacityUnitDictionaryId, setCapacityUnitDictionaryId] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadResourceTypes() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: String(DEFAULT_PAGE_SIZE) })\n        const call = await apiCall<ResourceTypesResponse>(`/api/resources/resource-types?${params.toString()}`)\n        if (!cancelled) {\n          const items = Array.isArray(call.result?.items) ? call.result.items : []\n          setResourceTypes(items)\n        }\n      } catch {\n        if (!cancelled) setResourceTypes([])\n      } finally {\n        if (!cancelled) setResourceTypesLoaded(true)\n      }\n    }\n    loadResourceTypes()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadCapacityUnitDictionary() {\n      try {\n        const call = await apiCall<{ items?: Array<{ id?: string; key?: string; isInherited?: boolean }> }>('/api/dictionaries')\n        const items = Array.isArray(call.result?.items) ? call.result.items : []\n        const matches = items.filter((item) => item?.key === RESOURCES_CAPACITY_UNIT_DICTIONARY_KEY)\n        const preferred = matches.find((item) => item?.isInherited === false) ?? matches[0] ?? null\n        if (!cancelled) setCapacityUnitDictionaryId(preferred?.id ?? null)\n      } catch {\n        if (!cancelled) setCapacityUnitDictionaryId(null)\n      }\n    }\n    loadCapacityUnitDictionary()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  const resourceFieldsetByTypeId = React.useMemo(() => {\n    const map = new Map<string, string>()\n    resourceTypes.forEach((type) => {\n      map.set(type.id, resolveResourcesResourceFieldsetCode(type.name))\n    })\n    return map\n  }, [resourceTypes])\n\n  const resolveFieldsetCode = React.useCallback((resourceTypeId?: string | null) => {\n    if (!resourceTypeId) return RESOURCES_RESOURCE_FIELDSET_DEFAULT\n    return resourceFieldsetByTypeId.get(resourceTypeId) ?? RESOURCES_RESOURCE_FIELDSET_DEFAULT\n  }, [resourceFieldsetByTypeId])\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('resources.resources.form.appearance.colorLabel', 'Color'),\n    colorHelp: t('resources.resources.form.appearance.colorHelp', 'Pick a color for this resource.'),\n    colorClearLabel: t('resources.resources.form.appearance.colorClear', 'Clear color'),\n    iconLabel: t('resources.resources.form.appearance.iconLabel', 'Icon'),\n    iconPlaceholder: t('resources.resources.form.appearance.iconPlaceholder', 'Type an emoji or icon name'),\n    iconPickerTriggerLabel: t('resources.resources.form.appearance.iconPicker', 'Browse icons'),\n    iconSearchPlaceholder: t('resources.resources.form.appearance.iconSearch', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('resources.resources.form.appearance.iconSearchEmpty', 'No icons match your search'),\n    iconSuggestionsLabel: t('resources.resources.form.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('resources.resources.form.appearance.iconClear', 'Clear icon'),\n    previewEmptyLabel: t('resources.resources.form.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const baseFields: CrudField[] = [\n      { id: 'name', label: t('resources.resources.form.fields.name', 'Name'), type: 'text', required: true },\n      {\n        id: 'description',\n        label: t('resources.resources.form.fields.description', 'Description'),\n        type: 'richtext',\n        editor: 'uiw',\n      },\n      {\n        id: 'resourceTypeId',\n        label: t('resources.resources.form.fields.type', 'Resource type'),\n        type: 'custom',\n        component: ({ value, setValue, setFormValue, disabled }) => (\n          <div className=\"flex items-center gap-2\">\n            <select\n              className=\"h-9 w-full rounded border px-2 text-sm\"\n              value={typeof value === 'string' ? value : ''}\n              onChange={(event) => {\n                const next = event.target.value || ''\n                setValue(next)\n                if (setFormValue) {\n                  setFormValue('customFieldsetCode', resolveFieldsetCode(next || null))\n                }\n              }}\n              data-crud-focus-target=\"\"\n              disabled={disabled}\n            >\n              <option value=\"\">{t('ui.forms.select.emptyOption', '\u2014')}</option>\n              {resourceTypes.map((type) => (\n                <option key={type.id} value={type.id}>\n                  {type.name}\n                </option>\n              ))}\n            </select>\n            <Button\n              asChild\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"shrink-0\"\n              title={t('resources.resources.form.fields.type.manage', 'Manage resource types')}\n              aria-label={t('resources.resources.form.fields.type.manage', 'Manage resource types')}\n              disabled={disabled}\n            >\n              <Link href=\"/backend/resources/resource-types\">\n                <Settings className=\"h-4 w-4\" aria-hidden />\n              </Link>\n            </Button>\n            <Button\n              asChild\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"shrink-0\"\n              title={t('resources.resources.form.fields.type.add', 'Add resource type')}\n              aria-label={t('resources.resources.form.fields.type.add', 'Add resource type')}\n              disabled={disabled}\n            >\n              <Link href=\"/backend/resources/resource-types/create\">\n                <Plus className=\"h-4 w-4\" aria-hidden />\n              </Link>\n            </Button>\n          </div>\n        ),\n      },\n      {\n        id: 'capacity',\n        label: t('resources.resources.form.fields.capacity', 'Capacity'),\n        description: t(\n          'resources.resources.form.fields.capacity.help',\n          'Depends on the resource and can mean spots, units, quantity, or another type of capacity.',\n        ),\n        type: 'number',\n      },\n      {\n        id: 'capacityUnitValue',\n        label: t('resources.resources.form.fields.capacityUnit', 'Capacity unit'),\n        type: 'custom',\n        component: ({ value, setValue }) => {\n          if (!capacityUnitDictionaryId) {\n            return (\n              <p className=\"text-xs text-muted-foreground\">\n                {t('resources.resources.form.fields.capacityUnit.missing', 'Capacity unit dictionary is not configured.')}\n              </p>\n            )\n          }\n          return (\n            <DictionarySelectControl\n              dictionaryId={capacityUnitDictionaryId}\n              value={typeof value === 'string' ? value : null}\n              onChange={(next) => setValue(next ?? '')}\n              selectClassName=\"w-full\"\n            />\n          )\n        },\n      },\n      {\n        id: 'appearance',\n        label: t('resources.resources.form.appearance.label', 'Appearance'),\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => {\n          const appearance = value && typeof value === 'object'\n            ? value as { icon?: string | null; color?: string | null }\n            : {}\n          return (\n            <AppearanceSelector\n              icon={appearance.icon ?? null}\n              color={appearance.color ?? null}\n              onIconChange={(next) => setValue({ ...appearance, icon: next })}\n              onColorChange={(next) => setValue({ ...appearance, color: next })}\n              labels={appearanceLabels}\n              disabled={disabled}\n            />\n          )\n        },\n      },\n    ]\n\n    baseFields.push({\n      id: 'isActive',\n      label: t('resources.resources.form.fields.active', 'Active'),\n      type: 'checkbox',\n    })\n\n    return baseFields\n  }, [\n    appearanceLabels,\n    capacityUnitDictionaryId,\n    resolveFieldsetCode,\n    resourceTypes,\n    t,\n  ])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const baseGroups: CrudFormGroup[] = [\n      {\n        id: 'details',\n        column: 1,\n        fields: [\n          'name',\n          'description',\n          'resourceTypeId',\n          'capacity',\n          'capacityUnitValue',\n          'appearance',\n          'isActive',\n        ],\n      },\n      {\n        id: 'custom',\n        title: t('entities.customFields.title', 'Custom Attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n\n    if (tagsSection) {\n      baseGroups.push({\n        id: 'tags',\n        column: 2,\n        bare: true,\n        component: () => (\n          <TagsSection\n            title={tagsSection.title}\n            tags={tagsSection.tags}\n            onChange={tagsSection.onChange}\n            loadOptions={tagsSection.loadOptions}\n            createTag={tagsSection.createTag}\n            onSave={tagsSection.onSave}\n            labels={tagsSection.labels}\n          />\n        ),\n      })\n    }\n\n    return baseGroups\n  }, [tagsSection, t])\n\n  return { fields, groups, resolveFieldsetCode, resourceTypesLoaded }\n}\n\nexport type ResourcesResourceFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  embedded?: boolean\n  successRedirect?: string\n  initialValues?: Record<string, unknown>\n  onSubmit: (values: Record<string, unknown>) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  formConfig: ResourcesResourceFormConfig\n}\n\nexport function ResourcesResourceForm(props: ResourcesResourceFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    embedded = false,\n    successRedirect,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    formConfig,\n  } = props\n  const t = useT()\n  const recordId = typeof initialValues?.id === 'string' ? initialValues.id : null\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const attachmentsGroup: CrudFormGroup = {\n      id: 'attachments',\n      title: t('attachments.library.title', 'Attachments'),\n      column: 1,\n      component: () => (\n        <AttachmentsSection\n          entityId={E.resources.resources_resource}\n          recordId={recordId}\n          showHeader={false}\n        />\n      ),\n    }\n    return [...formConfig.groups, attachmentsGroup]\n  }, [formConfig.groups, recordId, t])\n\n  return (\n    <CrudForm\n      embedded={embedded}\n      title={title}\n      backHref={backHref}\n      versionHistory={recordId ? { resourceKind: 'resources.resource', resourceId: recordId } : undefined}\n      cancelHref={cancelHref}\n      submitLabel={submitLabel}\n      successRedirect={successRedirect}\n      fields={formConfig.fields}\n      groups={groups}\n      initialValues={initialValues}\n      entityId={E.resources.resources_resource}\n      customFieldsetBindings={{ [E.resources.resources_resource]: { valueKey: 'customFieldsetCode' } }}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n    />\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { DictionarySelectControl } from '@open-mercato/core/modules/dictionaries/components/DictionarySelectControl'\nimport { AppearanceSelector } from '@open-mercato/core/modules/dictionaries/components/AppearanceSelector'\nimport { AttachmentsSection, TagsSection, type TagOption, type TagsSectionLabels } from '@open-mercato/ui/backend/detail'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { E } from '#generated/entities.ids.generated'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { RESOURCES_CAPACITY_UNIT_DICTIONARY_KEY } from '@open-mercato/core/modules/resources/lib/capacityUnits'\nimport { RESOURCES_RESOURCE_FIELDSET_DEFAULT, resolveResourcesResourceFieldsetCode } from '@open-mercato/core/modules/resources/lib/resourceCustomFields'\nimport Link from 'next/link'\nimport { Plus, Settings } from 'lucide-react'\n\nconst DEFAULT_PAGE_SIZE = 100\n\ntype ResourceTypeRow = {\n  id: string\n  name: string\n}\n\ntype ResourceTypesResponse = {\n  items: ResourceTypeRow[]\n}\n\ntype ResourceTagsSectionConfig = {\n  title: string\n  tags: TagOption[]\n  onChange: (next: TagOption[]) => void\n  loadOptions: (query?: string) => Promise<TagOption[]>\n  createTag: (label: string) => Promise<TagOption>\n  onSave: (payload: { next: TagOption[]; added: TagOption[]; removed: TagOption[] }) => Promise<void>\n  labels: TagsSectionLabels\n}\n\nexport type ResourcesResourceFormConfig = {\n  fields: CrudField[]\n  groups: CrudFormGroup[]\n  resolveFieldsetCode: (resourceTypeId?: string | null) => string\n  resourceTypesLoaded: boolean\n}\n\nexport function useResourcesResourceFormConfig(options: {\n  tagsSection?: ResourceTagsSectionConfig\n} = {}): ResourcesResourceFormConfig {\n  const { tagsSection } = options\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [resourceTypes, setResourceTypes] = React.useState<ResourceTypeRow[]>([])\n  const [resourceTypesLoaded, setResourceTypesLoaded] = React.useState(false)\n  const [capacityUnitDictionaryId, setCapacityUnitDictionaryId] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadResourceTypes() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: String(DEFAULT_PAGE_SIZE) })\n        const call = await apiCall<ResourceTypesResponse>(`/api/resources/resource-types?${params.toString()}`)\n        if (!cancelled) {\n          const items = Array.isArray(call.result?.items) ? call.result.items : []\n          setResourceTypes(items)\n        }\n      } catch {\n        if (!cancelled) setResourceTypes([])\n      } finally {\n        if (!cancelled) setResourceTypesLoaded(true)\n      }\n    }\n    loadResourceTypes()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadCapacityUnitDictionary() {\n      try {\n        const call = await apiCall<{ items?: Array<{ id?: string; key?: string; isInherited?: boolean }> }>('/api/dictionaries')\n        const items = Array.isArray(call.result?.items) ? call.result.items : []\n        const matches = items.filter((item) => item?.key === RESOURCES_CAPACITY_UNIT_DICTIONARY_KEY)\n        const preferred = matches.find((item) => item?.isInherited === false) ?? matches[0] ?? null\n        if (!cancelled) setCapacityUnitDictionaryId(preferred?.id ?? null)\n      } catch {\n        if (!cancelled) setCapacityUnitDictionaryId(null)\n      }\n    }\n    loadCapacityUnitDictionary()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  const resourceFieldsetByTypeId = React.useMemo(() => {\n    const map = new Map<string, string>()\n    resourceTypes.forEach((type) => {\n      map.set(type.id, resolveResourcesResourceFieldsetCode(type.name))\n    })\n    return map\n  }, [resourceTypes])\n\n  const resolveFieldsetCode = React.useCallback((resourceTypeId?: string | null) => {\n    if (!resourceTypeId) return RESOURCES_RESOURCE_FIELDSET_DEFAULT\n    return resourceFieldsetByTypeId.get(resourceTypeId) ?? RESOURCES_RESOURCE_FIELDSET_DEFAULT\n  }, [resourceFieldsetByTypeId])\n\n  const appearanceLabels = React.useMemo(() => ({\n    colorLabel: t('resources.resources.form.appearance.colorLabel', 'Color'),\n    colorHelp: t('resources.resources.form.appearance.colorHelp', 'Pick a color for this resource.'),\n    colorClearLabel: t('resources.resources.form.appearance.colorClear', 'Clear color'),\n    iconLabel: t('resources.resources.form.appearance.iconLabel', 'Icon'),\n    iconPlaceholder: t('resources.resources.form.appearance.iconPlaceholder', 'Type an emoji or icon name'),\n    iconPickerTriggerLabel: t('resources.resources.form.appearance.iconPicker', 'Browse icons'),\n    iconSearchPlaceholder: t('resources.resources.form.appearance.iconSearch', 'Search icons or emojis\u2026'),\n    iconSearchEmptyLabel: t('resources.resources.form.appearance.iconSearchEmpty', 'No icons match your search'),\n    iconSuggestionsLabel: t('resources.resources.form.appearance.iconSuggestions', 'Suggestions'),\n    iconClearLabel: t('resources.resources.form.appearance.iconClear', 'Clear icon'),\n    previewEmptyLabel: t('resources.resources.form.appearance.previewEmpty', 'No appearance selected'),\n  }), [t])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const baseFields: CrudField[] = [\n      { id: 'name', label: t('resources.resources.form.fields.name', 'Name'), type: 'text', required: true },\n      {\n        id: 'description',\n        label: t('resources.resources.form.fields.description', 'Description'),\n        type: 'richtext',\n        editor: 'uiw',\n      },\n      {\n        id: 'resourceTypeId',\n        label: t('resources.resources.form.fields.type', 'Resource type'),\n        type: 'custom',\n        component: ({ value, setValue, setFormValue, disabled }) => (\n          <div className=\"flex items-center gap-2\">\n            <Select\n              value={typeof value === 'string' && value ? value : undefined}\n              onValueChange={(next) => {\n                const value = next || ''\n                setValue(value)\n                if (setFormValue) {\n                  setFormValue('customFieldsetCode', resolveFieldsetCode(value || null))\n                }\n              }}\n              disabled={disabled}\n            >\n              <SelectTrigger data-crud-focus-target=\"\">\n                <SelectValue placeholder={t('ui.forms.select.emptyOption', '\u2014')} />\n              </SelectTrigger>\n              <SelectContent>\n                {resourceTypes.map((type) => (\n                  <SelectItem key={type.id} value={type.id}>\n                    {type.name}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            <Button\n              asChild\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"shrink-0\"\n              title={t('resources.resources.form.fields.type.manage', 'Manage resource types')}\n              aria-label={t('resources.resources.form.fields.type.manage', 'Manage resource types')}\n              disabled={disabled}\n            >\n              <Link href=\"/backend/resources/resource-types\">\n                <Settings className=\"h-4 w-4\" aria-hidden />\n              </Link>\n            </Button>\n            <Button\n              asChild\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon\"\n              className=\"shrink-0\"\n              title={t('resources.resources.form.fields.type.add', 'Add resource type')}\n              aria-label={t('resources.resources.form.fields.type.add', 'Add resource type')}\n              disabled={disabled}\n            >\n              <Link href=\"/backend/resources/resource-types/create\">\n                <Plus className=\"h-4 w-4\" aria-hidden />\n              </Link>\n            </Button>\n          </div>\n        ),\n      },\n      {\n        id: 'capacity',\n        label: t('resources.resources.form.fields.capacity', 'Capacity'),\n        description: t(\n          'resources.resources.form.fields.capacity.help',\n          'Depends on the resource and can mean spots, units, quantity, or another type of capacity.',\n        ),\n        type: 'number',\n      },\n      {\n        id: 'capacityUnitValue',\n        label: t('resources.resources.form.fields.capacityUnit', 'Capacity unit'),\n        type: 'custom',\n        component: ({ value, setValue }) => {\n          if (!capacityUnitDictionaryId) {\n            return (\n              <p className=\"text-xs text-muted-foreground\">\n                {t('resources.resources.form.fields.capacityUnit.missing', 'Capacity unit dictionary is not configured.')}\n              </p>\n            )\n          }\n          return (\n            <DictionarySelectControl\n              dictionaryId={capacityUnitDictionaryId}\n              value={typeof value === 'string' ? value : null}\n              onChange={(next) => setValue(next ?? '')}\n              selectClassName=\"w-full\"\n            />\n          )\n        },\n      },\n      {\n        id: 'appearance',\n        label: t('resources.resources.form.appearance.label', 'Appearance'),\n        type: 'custom',\n        component: ({ value, setValue, disabled }) => {\n          const appearance = value && typeof value === 'object'\n            ? value as { icon?: string | null; color?: string | null }\n            : {}\n          return (\n            <AppearanceSelector\n              icon={appearance.icon ?? null}\n              color={appearance.color ?? null}\n              onIconChange={(next) => setValue({ ...appearance, icon: next })}\n              onColorChange={(next) => setValue({ ...appearance, color: next })}\n              labels={appearanceLabels}\n              disabled={disabled}\n            />\n          )\n        },\n      },\n    ]\n\n    baseFields.push({\n      id: 'isActive',\n      label: t('resources.resources.form.fields.active', 'Active'),\n      type: 'checkbox',\n    })\n\n    return baseFields\n  }, [\n    appearanceLabels,\n    capacityUnitDictionaryId,\n    resolveFieldsetCode,\n    resourceTypes,\n    t,\n  ])\n\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const baseGroups: CrudFormGroup[] = [\n      {\n        id: 'details',\n        column: 1,\n        fields: [\n          'name',\n          'description',\n          'resourceTypeId',\n          'capacity',\n          'capacityUnitValue',\n          'appearance',\n          'isActive',\n        ],\n      },\n      {\n        id: 'custom',\n        title: t('entities.customFields.title', 'Custom Attributes'),\n        column: 2,\n        kind: 'customFields',\n      },\n    ]\n\n    if (tagsSection) {\n      baseGroups.push({\n        id: 'tags',\n        column: 2,\n        bare: true,\n        component: () => (\n          <TagsSection\n            title={tagsSection.title}\n            tags={tagsSection.tags}\n            onChange={tagsSection.onChange}\n            loadOptions={tagsSection.loadOptions}\n            createTag={tagsSection.createTag}\n            onSave={tagsSection.onSave}\n            labels={tagsSection.labels}\n          />\n        ),\n      })\n    }\n\n    return baseGroups\n  }, [tagsSection, t])\n\n  return { fields, groups, resolveFieldsetCode, resourceTypesLoaded }\n}\n\nexport type ResourcesResourceFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  embedded?: boolean\n  successRedirect?: string\n  initialValues?: Record<string, unknown>\n  onSubmit: (values: Record<string, unknown>) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  formConfig: ResourcesResourceFormConfig\n}\n\nexport function ResourcesResourceForm(props: ResourcesResourceFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    embedded = false,\n    successRedirect,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    formConfig,\n  } = props\n  const t = useT()\n  const recordId = typeof initialValues?.id === 'string' ? initialValues.id : null\n  const groups = React.useMemo<CrudFormGroup[]>(() => {\n    const attachmentsGroup: CrudFormGroup = {\n      id: 'attachments',\n      title: t('attachments.library.title', 'Attachments'),\n      column: 1,\n      component: () => (\n        <AttachmentsSection\n          entityId={E.resources.resources_resource}\n          recordId={recordId}\n          showHeader={false}\n        />\n      ),\n    }\n    return [...formConfig.groups, attachmentsGroup]\n  }, [formConfig.groups, recordId, t])\n\n  return (\n    <CrudForm\n      embedded={embedded}\n      title={title}\n      backHref={backHref}\n      versionHistory={recordId ? { resourceKind: 'resources.resource', resourceId: recordId } : undefined}\n      cancelHref={cancelHref}\n      submitLabel={submitLabel}\n      successRedirect={successRedirect}\n      fields={formConfig.fields}\n      groups={groups}\n      initialValues={initialValues}\n      entityId={E.resources.resources_resource}\n      customFieldsetBindings={{ [E.resources.resources_resource]: { valueKey: 'customFieldsetCode' } }}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n    />\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["value"]
 }

package/dist/modules/sales/backend/sales/documents/[id]/page.js

@@ -828,24 +828,21 @@ function ContactEmailInlineEditor({
             }
           },
           children: [
-            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-              /* @__PURE__ */ jsx(Mail, { className: "pointer-events-none absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  className: "w-full rounded-md border pl-8 pr-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                  value: draft,
-                  onChange: (event) => {
-                    if (error) setError(null);
-                    setDraft(event.target.value);
-                  },
-                  placeholder,
-                  type: "email",
-                  autoFocus: true,
-                  spellCheck: false
-                }
-              )
-            ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                leftIcon: /* @__PURE__ */ jsx(Mail, {}),
+                value: draft,
+                onChange: (event) => {
+                  if (error) setError(null);
+                  setDraft(event.target.value);
+                },
+                placeholder,
+                type: "email",
+                autoFocus: true,
+                spellCheck: false
+              }
+            ),
             error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error }) : null,
             !error && duplicate ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
               t("customers.people.detail.inline.emailDuplicate", void 0, { name: duplicate.displayName }),