sitero 0.2.0 → 0.3.0

package/dist/src/cms/client/interfaces/components/resources/post/tag/tag-table.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { Tag } from 'lucide-react';
+import { Circle, Tag } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../constants/paths/redirect.js';
@@ -15,7 +15,6 @@ import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
-import 'zod';
 import '@radix-ui/react-avatar';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
@@ -34,57 +33,73 @@ import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '.
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/link';
+import { NoData } from '../../../ui/display/no-data.js';
+import '../../../ui/inputs/input.js';
+import '../../../ui/inputs/textarea.js';
 import { Tick } from '../../../ui/features/tick.js';
 import 'next/image';
 import { PostStateIcons } from '../post-state-icons.js';
 
 function TagTable({
   posts: tags,
+  contentLocale,
   pickedItems,
-  handleClick,
+  onSelect,
   openNewTab
 }) {
-  const { t, locale } = useTranslator();
+  const { t } = useTranslator();
   const router = useRouter();
   return /* @__PURE__ */ jsxs(Table, { children: [
     /* @__PURE__ */ jsx(TableHeader, { className: "text-muted-foreground", children: /* @__PURE__ */ jsxs(TableRow, { children: [
-      /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
-      /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
-      /* @__PURE__ */ jsx(TableHead, { children: t("resources.states.text") }),
-      /* @__PURE__ */ jsx(TableHead, { children: t("resources.post.title.text") }),
-      /* @__PURE__ */ jsx(TableHead, { children: "Tagged" })
+      onSelect && /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "w-12", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("resources.tag.text") }) }),
+      /* @__PURE__ */ jsx(TableHead, { className: "w-40", children: t("resources.states.text") }),
+      /* @__PURE__ */ jsx(TableHead, { children: t("resources.post.title.text") })
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: tags.map((tag) => {
       const isPicked = !!pickedItems?.some((item) => item.id === tag.id);
-      const tagT = findTranslation(tag.translations, locale);
+      const tagT = findTranslation(tag.translations, contentLocale);
       const href = joinUrl(
         CMS_PATHS.content["content-management"].tag.pathname,
         tag?.id
       );
+      const title = tagT.title || void 0;
+      const isSelecting = onSelect !== void 0;
+      const selectionLabel = t(
+        isPicked ? "ui.picked.text" : "ui.pick.text"
+      );
+      function activateRow() {
+        if (onSelect) {
+          onSelect(tag);
+          return;
+        }
+        if (openNewTab) {
+          globalThis.open(href, "_blank", "noopener,noreferrer");
+          return;
+        }
+        router.push(href);
+      }
       return /* @__PURE__ */ jsxs(
         TableRow,
         {
+          "data-state": isPicked ? "selected" : void 0,
           className: cn(
-            "cursor-pointer",
+            "focus-visible:outline-ring cursor-pointer focus-visible:outline-2",
             pickedItems && !isPicked && "opacity-50"
           ),
-          onClick: () => {
-            if (handleClick === void 0) {
-              if (openNewTab) {
-                globalThis.open(href);
-              } else {
-                router.push(href);
-              }
-            } else {
-              handleClick(tag);
-            }
+          tabIndex: 0,
+          "aria-label": `${isSelecting ? selectionLabel : t("resources.tag.text")}: ${title ?? t("ui.no-data.text")}`,
+          onClick: activateRow,
+          onKeyDown: (event) => {
+            if (event.key !== "Enter" && event.key !== " ") return;
+            event.preventDefault();
+            activateRow();
           },
           children: [
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(Tick, { isPicked }) }) }),
+            isSelecting && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex-center text-muted-foreground/60", children: isPicked ? /* @__PURE__ */ jsx(Tick, { isPicked: true }) : /* @__PURE__ */ jsx(Circle, { "aria-hidden": true, className: "size-5!" }) }) }),
             /* @__PURE__ */ jsx(TableCell, { className: "border-r", children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(Tag, { className: "text-muted-foreground" }) }) }),
-            /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(PostStateIcons, { post: tag }) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: tagT.title }) }),
-            /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground text-xs", children: t("resources.see-in-details.text") })
+            /* @__PURE__ */ jsx(TableCell, { className: "w-40", children: /* @__PURE__ */ jsx(PostStateIcons, { post: tag }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: title ? /* @__PURE__ */ jsx("p", { className: "truncate", children: title }) : /* @__PURE__ */ jsx(NoData, {}) })
           ]
         },
         tag.id

package/dist/src/cms/client/interfaces/components/resources/post/topic/topic-card.js

@@ -1,7 +1,6 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { Notebook, File, SquareLibrary } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+import { SquareLibrary } from 'lucide-react';
 import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../constants/paths/redirect.js';
 import '../../../../../../../constants/cms-locale.js';
@@ -12,10 +11,11 @@ import 'react';
 import 'ua-parser-js';
 import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
-import { cn } from '../../../../../../../shared/utils/cn.js';
+import 'clsx';
+import 'tailwind-merge';
 import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
-import 'zod';
-import { ResourceCard } from '../../../ui/cards/resource-card/resource-card.js';
+import { ResourceCard } from '../../../ui/cards/resource-card.js';
+import 'intor/react';
 import '@radix-ui/react-avatar';
 import '../../../shadcn/badge.js';
 import '../../../shadcn/button.js';
@@ -32,16 +32,23 @@ import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import 'next/navigation';
 import 'next/link';
-import 'next/image';
-import { Tick } from '../../../ui/features/tick.js';
+import 'next/navigation';
+import { NoData } from '../../../ui/display/no-data.js';
+import '../../../ui/inputs/input.js';
+import '../../../ui/inputs/textarea.js';
 import { PostStateIcons } from '../post-state-icons.js';
+import '../../../ui/inputs/switch-input.js';
+import '../../../ui/inputs/password-input.js';
+import 'next/image';
+import 'zod';
 import '../../../../../infrastructure/admin-session/admin-context.js';
 import 'intor/next';
 
 const WIDTH = "200px";
-function createTopicCard(_) {
+function createTopicCard({
+  defaultWebLocale
+}) {
   return function TopicCard({
     post: topic,
     // link
@@ -49,47 +56,25 @@ function createTopicCard(_) {
     // pick
     isPicked,
     // base
-    anchorProps,
+    onSelect,
     className = ""
   }) {
-    const { t, locale } = useTranslator();
-    const topicT = findTranslation(topic.translations, locale);
+    const topicT = findTranslation(topic.translations, defaultWebLocale);
     const href = joinUrl(
       CMS_PATHS.content["content-management"].topic.pathname,
       topic?.id
     );
-    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(
-        ResourceCard,
-        {
-          className: cn(className),
-          style: { width: WIDTH },
-          href,
-          openNewTab,
-          anchorProps,
-          modelIcon: /* @__PURE__ */ jsx(SquareLibrary, {}),
-          statesChildren: /* @__PURE__ */ jsx(PostStateIcons, { post: topic }),
-          titleChildren: topicT.title,
-          contentChildren: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 opacity-75", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(Notebook, { className: "size-3.5" }),
-              /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
-                ":\xA0",
-                /* @__PURE__ */ jsx("span", { className: "text-xs opacity-50", children: t("resources.see-in-details.text") })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(File, { className: "size-3.5" }),
-              /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
-                ":\xA0",
-                /* @__PURE__ */ jsx("span", { className: "text-xs opacity-50", children: t("resources.see-in-details.text") })
-              ] })
-            ] })
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx(Tick, { isPicked, className: "absolute top-1 right-1" })
-    ] });
+    return /* @__PURE__ */ jsx(
+      ResourceCard,
+      {
+        interaction: onSelect ? { type: "select", isSelected: !!isPicked, onSelect } : { type: "navigate", href, openNewTab },
+        identity: { icon: /* @__PURE__ */ jsx(SquareLibrary, {}) },
+        state: /* @__PURE__ */ jsx(PostStateIcons, { post: topic }),
+        title: topicT.title || /* @__PURE__ */ jsx(NoData, {}),
+        className,
+        style: { width: WIDTH }
+      }
+    );
   };
 }
 

package/dist/src/cms/client/interfaces/components/resources/post/topic/topic-table.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { Notebook, File, SquareLibrary } from 'lucide-react';
+import { Circle, SquareLibrary } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../../constants/paths/redirect.js';
@@ -15,7 +15,6 @@ import '../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import { cn } from '../../../../../../../shared/utils/cn.js';
 import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
-import 'zod';
 import 'next/link';
 import '@radix-ui/react-avatar';
 import '../../../shadcn/badge.js';
@@ -35,63 +34,80 @@ import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '.
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import { Tick } from '../../../ui/features/tick.js';
-import 'next/image';
+import { NoData } from '../../../ui/display/no-data.js';
+import '../../../ui/inputs/input.js';
+import '../../../ui/inputs/textarea.js';
 import { PostStateIcons } from '../post-state-icons.js';
+import '../../../ui/inputs/switch-input.js';
+import '../../../ui/inputs/password-input.js';
+import 'next/image';
+import 'zod';
 import '../../../../../infrastructure/admin-session/admin-context.js';
 import 'intor/next';
 
-function createTopicTable(_) {
+function createTopicTable() {
   return function TopicTable({
     posts: topics,
+    contentLocale,
     pickedItems,
-    handleClick,
+    onSelect,
     openNewTab
   }) {
-    const { t, locale } = useTranslator();
+    const { t } = useTranslator();
     const router = useRouter();
     return /* @__PURE__ */ jsxs(Table, { children: [
       /* @__PURE__ */ jsx(TableHeader, { className: "text-muted-foreground", children: /* @__PURE__ */ jsxs(TableRow, { children: [
-        /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
-        /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
-        /* @__PURE__ */ jsx(TableHead, { children: t("resources.states.text") }),
-        /* @__PURE__ */ jsx(TableHead, { children: t("resources.post.title.text") }),
-        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Notebook, {}) }),
-        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(File, {}) })
+        onSelect && /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-12", children: /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("resources.topic.text") }) }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-40", children: t("resources.states.text") }),
+        /* @__PURE__ */ jsx(TableHead, { children: t("resources.post.title.text") })
       ] }) }),
       /* @__PURE__ */ jsx(TableBody, { children: topics.map((topic) => {
         const isPicked = !!pickedItems?.some(
           (item) => item.id === topic.id
         );
-        const topicT = findTranslation(topic.translations, locale);
+        const topicT = findTranslation(topic.translations, contentLocale);
         const href = joinUrl(
           CMS_PATHS.content["content-management"].topic.pathname,
           topic?.id
         );
+        const title = topicT.title || void 0;
+        const isSelecting = onSelect !== void 0;
+        const selectionLabel = t(
+          isPicked ? "ui.picked.text" : "ui.pick.text"
+        );
+        function activateRow() {
+          if (onSelect) {
+            onSelect(topic);
+            return;
+          }
+          if (openNewTab) {
+            globalThis.open(href, "_blank", "noopener,noreferrer");
+            return;
+          }
+          router.push(href);
+        }
         return /* @__PURE__ */ jsxs(
           TableRow,
           {
+            "data-state": isPicked ? "selected" : void 0,
             className: cn(
-              "cursor-pointer",
+              "focus-visible:outline-ring cursor-pointer focus-visible:outline-2",
               pickedItems && !isPicked && "opacity-50"
             ),
-            onClick: () => {
-              if (handleClick === void 0) {
-                if (openNewTab) {
-                  globalThis.open(href);
-                } else {
-                  router.push(href);
-                }
-              } else {
-                handleClick(topic);
-              }
+            tabIndex: 0,
+            "aria-label": `${isSelecting ? selectionLabel : t("resources.topic.text")}: ${title ?? t("ui.no-data.text")}`,
+            onClick: activateRow,
+            onKeyDown: (event) => {
+              if (event.key !== "Enter" && event.key !== " ") return;
+              event.preventDefault();
+              activateRow();
             },
             children: [
-              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(Tick, { isPicked }) }) }),
+              isSelecting && /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("div", { className: "flex-center text-muted-foreground/60", children: isPicked ? /* @__PURE__ */ jsx(Tick, { isPicked: true }) : /* @__PURE__ */ jsx(Circle, { "aria-hidden": true, className: "size-5!" }) }) }),
               /* @__PURE__ */ jsx(TableCell, { className: "border-r", children: /* @__PURE__ */ jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsx(SquareLibrary, { className: "text-muted-foreground" }) }) }),
-              /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(PostStateIcons, { post: topic }) }),
-              /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: /* @__PURE__ */ jsx("p", { className: "truncate", children: topicT.title }) }),
-              /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground text-xs", children: t("resources.see-in-details.text") }),
-              /* @__PURE__ */ jsx(TableCell, { className: "text-muted-foreground text-xs", children: t("resources.see-in-details.text") })
+              /* @__PURE__ */ jsx(TableCell, { className: "w-40", children: /* @__PURE__ */ jsx(PostStateIcons, { post: topic }) }),
+              /* @__PURE__ */ jsx(TableCell, { className: "max-w-[200px]", children: title ? /* @__PURE__ */ jsx("p", { className: "truncate", children: title }) : /* @__PURE__ */ jsx(NoData, {}) })
             ]
           },
           topic.id

package/dist/src/cms/client/interfaces/components/resources/seo-metadata/seo-form/fields/basic-tags.js

@@ -1,11 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { Accordion } from '../../../../ui/features/accordion/accordion.js';
-import 'lucide-react';
-import 'next/link';
-import '../../../../../../../../constants/paths/redirect.js';
-import '../../../../../../../../constants/cms-locale.js';
 import 'mime-types';
 import 'sitero-domain';
 import 'react';
@@ -14,8 +9,16 @@ import '../../../../../../../../shared/client/react-query/client.js';
 import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
-import 'zod';
+import { createTranslationTextBinder } from '../../../../../../applications/form/binders/create-translation-text-binder.js';
+import { createTranslationObjectArrayBinder } from '../../../../../../applications/form/binders/create-translation-object-array-binder.js';
+import '../../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../../constants/cms-locale.js';
 import 'next/navigation';
+import 'lucide-react';
+import 'zod';
+import { getObjectArrayItemErrors } from '../../../../../../infrastructure/operation-result/presentation/get-object-array-item-errors.js';
+import 'sonner';
+import { Accordion } from '../../../../ui/features/accordion/accordion.js';
 import '@radix-ui/react-avatar';
 import '../../../../shadcn/badge.js';
 import '../../../../shadcn/button.js';
@@ -29,26 +32,75 @@ import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
 import '../../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
-import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
-import { Field } from '../../../../ui/form/field.js';
+import 'next/link';
+import { Input } from '../../../../ui/inputs/input.js';
+import { Textarea } from '../../../../ui/inputs/textarea.js';
 import 'next/image';
+import { I18nFormField } from '../../../../ui/i18n/i18n-form-field.js';
+import '../../../../ui/inputs/switch-input.js';
+import '../../../../ui/inputs/password-input.js';
+import { ObjectArrayInput } from '../../../../ui/inputs/object-array-input.js';
 
 function createBasicTags({
-  I18nInput,
-  I18nTextarea,
-  I18nObjectArrayInput
+  webLocales
 }) {
   return function BasicTags({
     formData,
     setFormData,
     errors,
+    isProcessing,
     isArticle,
     allowField
   }) {
     const { t } = useTranslator();
-    if (!allowField("basic:all")) return;
+    const bindTranslationText = createTranslationTextBinder(
+      formData,
+      setFormData
+    );
+    const bindTranslationObjectArray = createTranslationObjectArrayBinder(
+      formData,
+      setFormData
+    );
+    if (!allowField("basic:all")) return null;
+    const fields = [
+      {
+        enabled: allowField("title"),
+        fieldName: "title",
+        label: "title",
+        description: "<title>...</title>"
+      },
+      {
+        enabled: allowField("description"),
+        fieldName: "description",
+        label: "description",
+        description: '<meta name="description" content="..." />',
+        isTextarea: true
+      },
+      {
+        enabled: allowField("author") && isArticle,
+        fieldName: "author",
+        label: "author",
+        description: `<meta name="author" content="..."> (${t(
+          "resources.seo-metadata.defaults-to.text"
+        )} Author Name)`
+      },
+      {
+        enabled: allowField("canonical"),
+        fieldName: "canonical",
+        label: "canonical",
+        description: '<meta name="canonical" content="...">'
+      },
+      {
+        enabled: allowField("robots"),
+        fieldName: "robots",
+        label: "robots",
+        description: `<meta name="robots" content="..."> (${t(
+          "resources.seo-metadata.defaults-to.text"
+        )} index, follow, max-image-preview: large)`
+      }
+    ];
     return /* @__PURE__ */ jsx(
       Accordion,
       {
@@ -57,127 +109,55 @@ function createBasicTags({
         accordionHeaderProps: { children: "Basic" },
         deps: [formData],
         children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-          allowField("title") && /* @__PURE__ */ jsx(Field, { htmlFor: "title", label: "title", hint: "<title>...</title>", children: /* @__PURE__ */ jsx(
-            I18nInput,
-            {
-              id: "title",
-              fieldName: "title",
-              translations: formData?.translations.map((t2) => ({
-                locale: t2.locale,
-                title: t2.title
-              })),
-              setFormData,
-              errors
-            }
-          ) }),
-          allowField("description") && /* @__PURE__ */ jsx(
-            Field,
-            {
-              htmlFor: "description",
-              label: "description",
-              hint: `<meta name="description" content="..." />`,
-              children: /* @__PURE__ */ jsx(
-                I18nTextarea,
-                {
-                  id: "description",
-                  fieldName: "description",
-                  translations: formData?.translations.map((t2) => ({
-                    locale: t2.locale,
-                    description: t2.description
-                  })),
-                  setFormData,
-                  errors
-                }
-              )
-            }
-          ),
-          allowField("author") && isArticle && /* @__PURE__ */ jsx(
-            Field,
-            {
-              htmlFor: "author",
-              label: "author",
-              hint: `<meta name="author" content="..."> (${t(
-                "resources.seo-metadata.defaults-to.text"
-              )} Author Name)`,
-              children: /* @__PURE__ */ jsx(
-                I18nInput,
-                {
-                  id: "author",
-                  fieldName: "author",
-                  translations: formData?.translations.map((t2) => ({
-                    locale: t2.locale,
-                    author: t2.author
-                  })),
-                  setFormData,
-                  errors
-                }
-              )
-            }
-          ),
-          allowField("canonical") && /* @__PURE__ */ jsx(
-            Field,
-            {
-              htmlFor: "canonical",
-              label: "canonical",
-              hint: `<meta name="canonical" content="...">`,
-              children: /* @__PURE__ */ jsx(
-                I18nInput,
-                {
-                  id: "canonical",
-                  fieldName: "canonical",
-                  translations: formData?.translations.map((t2) => ({
-                    locale: t2.locale,
-                    canonical: t2.canonical
-                  })),
-                  setFormData,
-                  errors
-                }
-              )
-            }
+          fields.map(
+            ({ enabled, fieldName, label, description, isTextarea }) => enabled && /* @__PURE__ */ jsx(
+              I18nFormField,
+              {
+                fieldName,
+                label,
+                description,
+                locales: webLocales,
+                translations: formData.translations,
+                errors,
+                children: ({ locale, controlProps }) => isTextarea ? /* @__PURE__ */ jsx(
+                  Textarea,
+                  {
+                    ...bindTranslationText(fieldName, locale),
+                    disabled: isProcessing,
+                    ...controlProps
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ...bindTranslationText(fieldName, locale),
+                    disabled: isProcessing,
+                    ...controlProps
+                  }
+                )
+              },
+              fieldName
+            )
           ),
           allowField("alternate") && /* @__PURE__ */ jsx(
-            Field,
+            I18nFormField,
             {
+              fieldName: "alternate",
               label: "alternate",
-              hint: `<link rel="alternate" hreflang="en-US" href="..." />`,
-              children: /* @__PURE__ */ jsx(
-                I18nObjectArrayInput,
+              description: '<link rel="alternate" hreflang="en-US" href="..." />',
+              locales: webLocales,
+              translations: formData.translations,
+              errors,
+              children: ({ locale, controlProps, errors: activeErrors }) => /* @__PURE__ */ jsx(
+                ObjectArrayInput,
                 {
-                  fieldName: "alternate",
-                  translations: formData?.translations.map((t2) => ({
-                    locale: t2.locale,
-                    alternate: t2.alternate
-                  })),
-                  setFormData,
-                  errors,
+                  ...bindTranslationObjectArray("alternate", locale),
                   fields: [
                     { key: "hreflang", placeholder: "hreflang" },
                     { key: "href", placeholder: "href" }
                   ],
-                  isResizable: false
-                }
-              )
-            }
-          ),
-          allowField("robots") && /* @__PURE__ */ jsx(
-            Field,
-            {
-              htmlFor: "robots",
-              label: "robots",
-              hint: `<meta name="robots" content="..."> (${t(
-                "resources.seo-metadata.defaults-to.text"
-              )} index, follow, max-image-preview: large)`,
-              children: /* @__PURE__ */ jsx(
-                I18nInput,
-                {
-                  id: "robots",
-                  fieldName: "robots",
-                  translations: formData?.translations.map((t2) => ({
-                    locale: t2.locale,
-                    robots: t2.robots
-                  })),
-                  setFormData,
-                  errors
+                  itemErrors: getObjectArrayItemErrors(activeErrors),
+                  disabled: isProcessing,
+                  ...controlProps
                 }
               )
             }