sitero 0.0.1

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-input.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import 'lucide-react';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+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 'next/navigation';
+import 'intor/react';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { Input } from '../../inputs/input.js';
+import { getErrorsByLocales } from '../utils/get-errors-by-locales.js';
+import { getTranslationValue } from '../utils/get-translation-value.js';
+import { updateTranslations } from '../utils/update-translations.js';
+
+function createI18nInput({
+  I18nTabsWrapper,
+  locales
+}) {
+  return function I18nInput({
+    translations,
+    fieldName,
+    setFormData,
+    isLoading = false,
+    isDisabled = false,
+    errors = [],
+    ...props
+  }) {
+    const [currentLocale, setCurrentLocale] = useState(locales[0]);
+    const errorsByLocales = getErrorsByLocales(
+      locales,
+      errors,
+      translations,
+      fieldName
+    );
+    return /* @__PURE__ */ jsx(
+      I18nTabsWrapper,
+      {
+        setCurrentLocale,
+        errorLocales: errorsByLocales.map((e) => e.locale),
+        children: locales.map((locale) => {
+          const value = getTranslationValue(
+            translations,
+            locale,
+            fieldName
+          );
+          if (currentLocale === locale) {
+            return /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: value ?? "",
+                onChange: (e) => {
+                  if (!fieldName || !setFormData) return;
+                  setFormData((prev) => {
+                    const updated = updateTranslations(
+                      prev["translations"],
+                      currentLocale,
+                      fieldName,
+                      e.target.value
+                    );
+                    return { ...prev, translations: updated };
+                  });
+                },
+                isLoading,
+                isDisabled,
+                isError: errorsByLocales.some((e) => e.locale === locale),
+                ...props
+              },
+              locale
+            );
+          }
+          return null;
+        })
+      }
+    );
+  };
+}
+
+export { createI18nInput };

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-json-input.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import 'mime-types';
+import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
+import 'clsx';
+import 'tailwind-merge';
+import 'lucide-react';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+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 'next/navigation';
+import 'intor/react';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { Textarea } from '../../inputs/textarea.js';
+import { getTranslationValue } from '../utils/get-translation-value.js';
+import { updateTranslations } from '../utils/update-translations.js';
+
+function createI18nJsonInput({
+  I18nTabsWrapper,
+  locales
+}) {
+  return function I18nJsonInput({
+    translations,
+    fieldName,
+    setFormData,
+    isLoading,
+    isDisabled,
+    ...props
+  }) {
+    const [currentLocale, setCurrentLocale] = useState(locales[0]);
+    const [errorLocales, setErrorLocales] = useState([]);
+    const handleBlur = (e) => {
+      if (!fieldName || !setFormData) return;
+      let raw = e.target.value;
+      if (raw.trim() === "") raw = "[]";
+      try {
+        const parsed = JSON.parse(raw);
+        const formatted = JSON.stringify(parsed, null, 2);
+        setErrorLocales((prev) => prev.filter((loc) => loc !== currentLocale));
+        if (formatted !== raw) {
+          setFormData((prev) => {
+            const updated = updateTranslations(
+              prev["translations"],
+              currentLocale,
+              fieldName,
+              formatted
+            );
+            return { ...prev, translations: updated };
+          });
+        }
+      } catch {
+        setErrorLocales(
+          (prev) => prev.includes(currentLocale) ? prev : [...prev, currentLocale]
+        );
+      }
+    };
+    useEffect(() => {
+      if (!fieldName || !setFormData) return;
+      const raw = findTranslation(translations, currentLocale, "")?.[fieldName];
+      try {
+        JSON.parse(raw ?? "");
+        setErrorLocales((prev) => prev.filter((loc) => loc !== currentLocale));
+      } catch {
+        if (String(raw)?.trim() !== "" && !errorLocales.includes(currentLocale)) {
+          setErrorLocales((prev) => [...prev, currentLocale]);
+        }
+      }
+    }, [fieldName, setFormData, translations, currentLocale]);
+    return /* @__PURE__ */ jsx(
+      I18nTabsWrapper,
+      {
+        setCurrentLocale,
+        errorLocales,
+        children: locales.map((locale) => {
+          const value = getTranslationValue(
+            translations,
+            locale,
+            fieldName
+          );
+          if (currentLocale === locale) {
+            return /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: value ?? "",
+                onChange: (e) => {
+                  if (!fieldName || !setFormData) return;
+                  setFormData((prev) => {
+                    const updated = updateTranslations(
+                      prev["translations"],
+                      currentLocale,
+                      fieldName,
+                      e.target.value
+                    );
+                    return { ...prev, translations: updated };
+                  });
+                },
+                isError: errorLocales.includes(currentLocale),
+                onBlur: handleBlur,
+                isLoading,
+                isDisabled,
+                ...props
+              },
+              locale
+            );
+          }
+          return null;
+        })
+      }
+    );
+  };
+}
+
+export { createI18nJsonInput };

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-number-input.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import 'lucide-react';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+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 'next/navigation';
+import 'intor/react';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { Input } from '../../inputs/input.js';
+import { getErrorsByLocales } from '../utils/get-errors-by-locales.js';
+import { getTranslationValue } from '../utils/get-translation-value.js';
+import { updateTranslations } from '../utils/update-translations.js';
+
+function createI18nNumberInput({
+  I18nTabsWrapper,
+  locales
+}) {
+  return function I18nNumberInput({
+    translations,
+    fieldName,
+    setFormData,
+    isLoading,
+    isDisabled,
+    errors,
+    ...props
+  }) {
+    const [currentLocale, setCurrentLocale] = useState(locales[0]);
+    const errorsByLocales = getErrorsByLocales(
+      locales,
+      errors,
+      translations,
+      fieldName
+    );
+    return /* @__PURE__ */ jsx(
+      I18nTabsWrapper,
+      {
+        setCurrentLocale,
+        errorLocales: errorsByLocales.map((e) => e.locale),
+        children: locales.map((locale) => {
+          const value = getTranslationValue(
+            translations,
+            locale,
+            fieldName
+          );
+          if (currentLocale === locale) {
+            return /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                value: value ?? 0,
+                onChange: (e) => {
+                  if (!fieldName || !setFormData) return;
+                  setFormData((prev) => {
+                    const updated = updateTranslations(
+                      prev["translations"],
+                      currentLocale,
+                      fieldName,
+                      Number(e.target.value)
+                    );
+                    return { ...prev, translations: updated };
+                  });
+                },
+                isLoading,
+                isDisabled,
+                isError: errorsByLocales.some((e) => e.locale === locale),
+                ...props
+              },
+              locale
+            );
+          }
+          return null;
+        })
+      }
+    );
+  };
+}
+
+export { createI18nNumberInput };

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-object-array-input.js

@@ -0,0 +1,168 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CircleX, CirclePlus } from 'lucide-react';
+import { useState } from 'react';
+import 'mime-types';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../buttons/button.js';
+import 'intor/react';
+import 'next/navigation';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { Textarea } from '../../inputs/textarea.js';
+import { getErrorsByLocales } from '../utils/get-errors-by-locales.js';
+import { getTranslationValue } from '../utils/get-translation-value.js';
+import { updateTranslations } from '../utils/update-translations.js';
+
+function createI18nObjectArrayInput({
+  I18nTabsWrapper,
+  locales
+}) {
+  return function I18nObjectArrayInput({
+    translations,
+    fields,
+    fieldName,
+    setFormData,
+    isResizable = false,
+    errors = []
+  }) {
+    const [currentLocale, setCurrentLocale] = useState(locales[0]);
+    const errorsByLocales = getErrorsByLocales(
+      locales,
+      errors,
+      translations,
+      fieldName
+    );
+    return /* @__PURE__ */ jsx(
+      I18nTabsWrapper,
+      {
+        setCurrentLocale,
+        errorLocales: errorsByLocales.map((e) => e.locale),
+        children: locales.map((locale) => {
+          const rawValue = getTranslationValue(
+            translations,
+            locale,
+            fieldName
+          );
+          const items = Array.isArray(rawValue) && rawValue.length > 0 ? rawValue : [{}];
+          const errorIndexes = new Set(
+            errorsByLocales.filter((e) => e.locale === locale).map((e) => e.index).filter((i) => i !== void 0)
+          );
+          if (currentLocale === locale) {
+            return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: items.map((item, index) => {
+              const isError = errorIndexes.has(index);
+              return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: fields.map((field) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex-center absolute top-0 left-0 z-10 h-full", children: [
+                    /* @__PURE__ */ jsx("span", { className: "min-w-[38px] text-center text-sm opacity-50", children: Array.isArray(rawValue) && rawValue.length === 0 ? "0" : index + 1 }),
+                    /* @__PURE__ */ jsx(Separator, { orientation: "vertical" })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Textarea,
+                    {
+                      value: item[field.key] || "",
+                      placeholder: field.placeholder,
+                      isError,
+                      onChange: (e) => {
+                        if (!setFormData || !fieldName) return;
+                        const copy = [...items];
+                        copy[index] = {
+                          ...copy[index],
+                          [field.key]: e.target.value
+                        };
+                        setFormData((prev) => {
+                          const updated = updateTranslations(
+                            prev["translations"],
+                            currentLocale,
+                            fieldName,
+                            copy
+                          );
+                          return { ...prev, translations: updated };
+                        });
+                      },
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter" && !isResizable) {
+                          e.preventDefault();
+                        }
+                      },
+                      className: cn(
+                        "pr-18 pl-14",
+                        !isResizable && "resize-none"
+                      )
+                    }
+                  )
+                ] }, field.key)) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex-center absolute top-1 right-1 gap-1", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      type: "button",
+                      size: "icon-sm",
+                      onClick: () => {
+                        if (!setFormData || !fieldName) return;
+                        const copy = items.filter((_, i) => i !== index);
+                        setFormData((prev) => {
+                          const updated = updateTranslations(
+                            prev["translations"],
+                            currentLocale,
+                            fieldName,
+                            copy
+                          );
+                          return { ...prev, translations: updated };
+                        });
+                      },
+                      children: /* @__PURE__ */ jsx(CircleX, { className: "text-destructive" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      type: "button",
+                      size: "icon-sm",
+                      onClick: () => {
+                        if (!setFormData || !fieldName) return;
+                        const copy = [...items];
+                        copy.splice(index + 1, 0, {});
+                        setFormData((prev) => {
+                          const updated = updateTranslations(
+                            prev["translations"],
+                            currentLocale,
+                            fieldName,
+                            copy
+                          );
+                          return { ...prev, translations: updated };
+                        });
+                      },
+                      children: /* @__PURE__ */ jsx(CirclePlus, { className: "text-success" })
+                    }
+                  )
+                ] })
+              ] }, index);
+            }) }, locale);
+          }
+          return null;
+        })
+      }
+    );
+  };
+}
+
+export { createI18nObjectArrayInput };

package/dist/src/cms/client/interfaces/components/ui/i18n/inputs/i18n-textarea.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import 'lucide-react';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+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 'next/navigation';
+import 'intor/react';
+import 'ua-parser-js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { Textarea } from '../../inputs/textarea.js';
+import { getErrorsByLocales } from '../utils/get-errors-by-locales.js';
+import { getTranslationValue } from '../utils/get-translation-value.js';
+import { updateTranslations } from '../utils/update-translations.js';
+
+function createI18nTextarea({
+  I18nTabsWrapper,
+  locales
+}) {
+  return function I18nTextarea({
+    translations,
+    fieldName,
+    setFormData,
+    isLoading,
+    isDisabled,
+    errors = [],
+    ...props
+  }) {
+    const [currentLocale, setCurrentLocale] = useState(locales[0]);
+    const errorsByLocales = getErrorsByLocales(
+      locales,
+      errors,
+      translations,
+      fieldName
+    );
+    return /* @__PURE__ */ jsx(
+      I18nTabsWrapper,
+      {
+        setCurrentLocale,
+        errorLocales: errorsByLocales.map((e) => e.locale),
+        children: locales.map((locale) => {
+          const value = getTranslationValue(
+            translations,
+            locale,
+            fieldName
+          );
+          if (currentLocale === locale) {
+            return /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: value ?? "",
+                onChange: (e) => {
+                  if (!fieldName || !setFormData) return;
+                  setFormData((prev) => {
+                    const updated = updateTranslations(
+                      prev["translations"],
+                      currentLocale,
+                      fieldName,
+                      e.target.value
+                    );
+                    return { ...prev, translations: updated };
+                  });
+                },
+                isLoading,
+                isDisabled,
+                isError: errorsByLocales.some((e) => e.locale === locale),
+                ...props
+              },
+              locale
+            );
+          }
+          return null;
+        })
+      }
+    );
+  };
+}
+
+export { createI18nTextarea };

package/dist/src/cms/client/interfaces/components/ui/i18n/utils/get-errors-by-locales.js

@@ -0,0 +1,17 @@
+const getErrorsByLocales = (locales, errors = [], translations = [], fieldName = "") => {
+  const rawParts = errors.map((e) => e?.split("."));
+  const filteredParts = rawParts.filter(
+    (parts) => !!parts && parts[0] === "translations" && parts[2] === fieldName
+  );
+  const mapped = filteredParts.map(([, indexStr, ...rest]) => {
+    const locale = translations[Number(indexStr)]?.locale ?? "";
+    if (!locales.includes(locale)) return null;
+    const last = rest.at(1);
+    const index = !Number.isNaN(Number(last)) ? Number(last) : void 0;
+    return { locale, path: rest, index };
+  });
+  const filtered = mapped.filter((a) => !!a);
+  return filtered;
+};
+
+export { getErrorsByLocales };

package/dist/src/cms/client/interfaces/components/ui/i18n/utils/get-translation-value.js

@@ -0,0 +1,16 @@
+const getTranslationValue = (translations = [], locale, fieldName = "") => {
+  const translation = translations.find((t) => t.locale === locale);
+  if (!translation) {
+    return null;
+  }
+  if (!(fieldName in translation)) {
+    return null;
+  }
+  const value = translation[fieldName];
+  if (value === null || value === void 0) {
+    return null;
+  }
+  return value;
+};
+
+export { getTranslationValue };

package/dist/src/cms/client/interfaces/components/ui/i18n/utils/update-translations.js

@@ -0,0 +1,14 @@
+const updateTranslations = (translations = [], locale, fieldName, value) => {
+  const updatedTranslations = translations.map(
+    (t) => t.locale === locale ? { ...t, [fieldName]: value } : t
+  );
+  if (!translations.some((t) => t.locale === locale)) {
+    updatedTranslations.push({
+      locale,
+      [fieldName]: value
+    });
+  }
+  return updatedTranslations;
+};
+
+export { updateTranslations };