@interware/content-generator 0.6.1 → 0.7.0

package/dist/_chunks/App-qbgUXlOZ.mjs

@@ -1,1087 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useFetchClient, useNotification, Page, useRBAC } from "@strapi/strapi/admin";
-import { useNavigate, Routes, Route } from "react-router-dom";
-import { P as PluginProviders } from "./PluginProviders-DWMpcAIh.mjs";
-import { useIntl } from "react-intl";
-import { useCallback, memo, useMemo, useState, useRef, useEffect } from "react";
-import { Box, Table, Thead, Tr, Th, Typography, Flex, Tbody, Td, Button, LinkButton, Dialog, Grid, Field, Textarea, TextInput, Combobox, ComboboxOption, IconButton } from "@strapi/design-system";
-import { useDispatch, useSelector } from "react-redux";
-import { c as closeDialog, o as openDialog, P as PLUGIN_ID, p as pluginPermissions } from "./index-BKigRXm3.mjs";
-import { Play, ExternalLink, Image, Trash, PlusCircle } from "@strapi/icons";
-import { g as getTranslation } from "./getTranslation-B6Bsu-uq.mjs";
-import { useFormik } from "formik";
-import * as Yup from "yup";
-import { L as LEGACY_ROUTES, S as StudioRedirect, l as legacyRedirect } from "./ImageStudioTabs-BLAH3KYv.mjs";
-const useDialog = (id) => {
-  const dispatch = useDispatch();
-  const state = useSelector((state2) => state2.content_generator_commonDialog.open[id] ?? false);
-  return {
-    open: state,
-    openDialog: () => dispatch(openDialog(id)),
-    closeDialog: () => dispatch(closeDialog(id))
-  };
-};
-const useArticles = () => {
-  const { get } = useFetchClient();
-  const getArticles = useCallback(
-    async (config) => {
-      return get("/strapi-content-generator-gemini/posts", config);
-    },
-    [get]
-  );
-  return {
-    getArticles
-  };
-};
-const REQUEST_TIMEOUT = 12e4;
-const useGenerateContent = () => {
-  const { post } = useFetchClient();
-  const generateContent = useCallback(
-    async (data, config) => {
-      const controller = new AbortController();
-      const timeoutId = setTimeout(() => {
-        controller.abort();
-      }, REQUEST_TIMEOUT);
-      try {
-        return await post(
-          "/strapi-content-generator-gemini/generate-article",
-          data,
-          {
-            ...config,
-            signal: controller.signal
-          }
-        );
-      } finally {
-        clearTimeout(timeoutId);
-      }
-    },
-    [post]
-  );
-  const generateImage = useCallback(
-    async (data, config) => {
-      const controller = new AbortController();
-      const timeoutId = setTimeout(() => {
-        controller.abort();
-      }, REQUEST_TIMEOUT);
-      try {
-        return await post(
-          "/strapi-content-generator-gemini/generate-image",
-          data,
-          {
-            ...config,
-            signal: controller.signal
-          }
-        );
-      } finally {
-        clearTimeout(timeoutId);
-      }
-    },
-    [post]
-  );
-  return {
-    generateContent,
-    generateImage
-  };
-};
-const usePublishLinkedIn = () => {
-  const { post } = useFetchClient();
-  const publishToLinkedIn = useCallback(
-    async (data, config) => {
-      return post("/strapi-content-generator-gemini/publish-linkedin", data, config);
-    },
-    [post]
-  );
-  return {
-    publishToLinkedIn
-  };
-};
-const usePublishFacebook = () => {
-  const { post } = useFetchClient();
-  const publishToFacebook = useCallback(
-    async (data, config) => {
-      return post("/strapi-content-generator-gemini/publish-facebook", data, config);
-    },
-    [post]
-  );
-  return {
-    publishToFacebook
-  };
-};
-const PublishingTableComponent = ({
-  posts,
-  currentPost,
-  loadingImage,
-  loadingPublishLinkedIn,
-  loadingPublishingToFacebook,
-  onClickAction
-}) => {
-  const rows = useMemo(() => {
-    const opciones = {
-      day: "2-digit",
-      month: "long",
-      year: "numeric"
-    };
-    return posts.map((post) => {
-      const fecha = post.fecha_publicacion ? new Date(post.fecha_publicacion).toLocaleDateString("es-ES", opciones) : "No definida";
-      return {
-        id: post.documentId,
-        fecha,
-        titulo: post.titulo && post.titulo.length > 30 ? `${post.titulo.slice(0, 30)}…` : post.titulo,
-        linkedInURL: post.linkedInPostId ? `https://www.linkedin.com/feed/update/${post.linkedInPostId}` : "",
-        facebookURL: post.facebookPostId ? `https://www.facebook.com/${post.facebookPostId}` : "",
-        hasImage: Boolean(post.image)
-      };
-    });
-  }, [posts]);
-  return /* @__PURE__ */ jsx(Box, { padding: 6, width: "100%", children: /* @__PURE__ */ jsxs(Table, { colCount: 7, rowCount: rows.length + 1, children: [
-    /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Fecha de publicación" }) }),
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Blog Title" }) }),
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", justifyContent: "center", children: [
-        /* @__PURE__ */ jsx("i", { className: "fa-brands fa-linkedin" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "LinkedIn" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", justifyContent: "center", children: [
-        /* @__PURE__ */ jsx("i", { className: "fa-brands fa-facebook" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "Facebook" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Th, {}),
-      /* @__PURE__ */ jsx(Th, {})
-    ] }) }),
-    /* @__PURE__ */ jsx(Tbody, { children: rows.map((row) => {
-      const buttonLoadingImage = (loadingImage && currentPost.current) === row.id;
-      const buttonLoadingPublishingLinkedIn = (loadingPublishLinkedIn && currentPost.current) === row.id;
-      const buttonLoadingPublishingFacebook = (loadingPublishingToFacebook && currentPost.current) === row.id;
-      return /* @__PURE__ */ jsxs(Tr, { children: [
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: row.fecha }) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: row.titulo }) }),
-        /* @__PURE__ */ jsx(Td, { children: !row.linkedInURL ? /* @__PURE__ */ jsx(
-          Button,
-          {
-            disabled: row.linkedInURL,
-            onClick: () => onClickAction(row.id, "publish-to-linked-in-dialog"),
-            loading: buttonLoadingPublishingLinkedIn,
-            startIcon: /* @__PURE__ */ jsx(Play, {}),
-            children: /* @__PURE__ */ jsx(Typography, { variant: "pi", children: buttonLoadingPublishingLinkedIn ? "publicando" : "publicar" })
-          }
-        ) : /* @__PURE__ */ jsx(
-          LinkButton,
-          {
-            variant: "success-light",
-            href: row.linkedInURL,
-            isExternal: true,
-            startIcon: /* @__PURE__ */ jsx(ExternalLink, {}),
-            children: "visitar"
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Td, { children: !row.facebookURL ? /* @__PURE__ */ jsx(
-          Button,
-          {
-            disabled: row.facebookURL,
-            onClick: () => onClickAction(row.id, "publish-to-facebook-dialog"),
-            loading: buttonLoadingPublishingFacebook,
-            startIcon: /* @__PURE__ */ jsx(Play, {}),
-            children: /* @__PURE__ */ jsx(Typography, { variant: "pi", children: buttonLoadingPublishingFacebook ? "publicando" : "publicar" })
-          }
-        ) : /* @__PURE__ */ jsx(
-          LinkButton,
-          {
-            variant: "success-light",
-            href: row.facebookURL,
-            isExternal: true,
-            startIcon: /* @__PURE__ */ jsx(ExternalLink, {}),
-            children: "visitar"
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            disabled: row.hasImage,
-            onClick: () => onClickAction(row.id, "generate-image-dialog"),
-            loading: buttonLoadingImage,
-            startIcon: /* @__PURE__ */ jsx(Image, {}),
-            children: /* @__PURE__ */ jsx(Typography, { variant: "pi", children: buttonLoadingImage ? "generando" : "generar" })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
-          LinkButton,
-          {
-            href: `/admin/content-manager/collection-types/api::articulo.articulo/${row.id}`,
-            children: /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "ver" })
-          }
-        ) })
-      ] }, row.id);
-    }) })
-  ] }) });
-};
-const PublishingTable = memo(PublishingTableComponent);
-const DialogCommon = ({
-  id,
-  title = "Confirmación",
-  children,
-  cancelText = "Cancelar",
-  confirmText = "Confirmar",
-  onCancelAction,
-  onConfirmAction
-}) => {
-  const { open } = useDialog(id);
-  return /* @__PURE__ */ jsx(Dialog.Root, { open, children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
-    /* @__PURE__ */ jsx(Dialog.Header, { children: title }),
-    /* @__PURE__ */ jsx(Dialog.Body, { children }),
-    /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
-      /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "tertiary", onClick: onCancelAction, children: cancelText }) }),
-      /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(Button, { fullWidth: true, variant: "danger", onClick: onConfirmAction, children: confirmText }) })
-    ] })
-  ] }) });
-};
-const GenerateImageDialog = ({ onCancelAction, onConfirmAction }) => {
-  const [imageInstructions, setImageInstructions] = useState("");
-  return /* @__PURE__ */ jsx(
-    DialogCommon,
-    {
-      id: "generate-image-dialog",
-      title: "Generar imágen con Gemini",
-      cancelText: "Cancelar",
-      confirmText: "Confirmar",
-      onCancelAction,
-      onConfirmAction: () => {
-        onConfirmAction(imageInstructions);
-      },
-      children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 3, children: [
-        /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", justifyContent: "center", width: "100%", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "¿Deseas generar la imágen para el artículo ahora?" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "No te preocupes, también puedes hacerlo más adelante." })
-        ] }) }),
-        /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsxs(
-          Field.Root,
-          {
-            id: "image-instructions",
-            width: "100%",
-            children: [
-              /* @__PURE__ */ jsx(Field.Label, { children: "Instrucciones adicionales" }),
-              /* @__PURE__ */ jsx(
-                Textarea,
-                {
-                  name: "image-instructions",
-                  value: imageInstructions,
-                  placeholder: "Instrucciones adicionales para generar la imágen",
-                  onChange: (e) => {
-                    const { value } = e.target;
-                    setImageInstructions(value);
-                  },
-                  resizable: false,
-                  rows: 3
-                }
-              )
-            ]
-          }
-        ) })
-      ] })
-    }
-  );
-};
-const HomeContainer = () => {
-  const [posts, setPosts] = useState([]);
-  const [loadingImage, setIsLoadingImage] = useState(false);
-  const [loadingPublishingToLinkedIn, setIsLoadingPublishingToLinkedIn] = useState(false);
-  const [loadingPublishingToFacebook, setIsLoadingPublishingToFacebook] = useState(false);
-  const currentPostRef = useRef("");
-  const { formatMessage } = useIntl();
-  const { openDialog: openImageGenerateDialog, closeDialog: closeImageGenerateDialog } = useDialog("generate-image-dialog");
-  const { openDialog: openPublishToLinkedInDialog, closeDialog: closePublishToLinkedInDialog } = useDialog("publish-to-linked-in-dialog");
-  const { openDialog: openPublishToFacebookDialog, closeDialog: closePublishToFacebookDialog } = useDialog("publish-to-facebook-dialog");
-  const { getArticles } = useArticles();
-  const { generateImage } = useGenerateContent();
-  const { publishToLinkedIn } = usePublishLinkedIn();
-  const { publishToFacebook } = usePublishFacebook();
-  const { toggleNotification } = useNotification();
-  const fetchPosts = useCallback(async () => {
-    let isMounted = true;
-    try {
-      const { data } = await getArticles({
-        params: {
-          populate: {
-            image: { fields: ["url", "caption", "alternativeText"] },
-            autor: { fields: ["nombre", "apellidos"] }
-          },
-          sort: ["createdAt:desc"]
-        }
-      });
-      if (isMounted) {
-        setPosts(data);
-      }
-    } catch (error) {
-      console.error("Error fetching posts:", error);
-    }
-    return () => {
-      isMounted = false;
-    };
-  }, [getArticles]);
-  useEffect(() => {
-    fetchPosts();
-  }, [fetchPosts]);
-  const onConfirmGenerateImage = useCallback(
-    async (imageInstructions) => {
-      closeImageGenerateDialog();
-      setIsLoadingImage(true);
-      try {
-        await generateImage({
-          articleId: currentPostRef.current,
-          imageInstructions
-        });
-        fetchPosts();
-        toggleNotification({
-          type: "success",
-          message: formatMessage({
-            id: `${PLUGIN_ID}.config.load.error`,
-            defaultMessage: "Imagen generada con éxito"
-          })
-        });
-      } catch (err) {
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({
-            id: `${PLUGIN_ID}.config.load.error`,
-            defaultMessage: "Ocurrió un error al generar la imagen"
-          })
-        });
-      } finally {
-        setIsLoadingImage(false);
-      }
-    },
-    [generateImage, closeImageGenerateDialog, setIsLoadingImage]
-  );
-  const onConfirmPublish = useCallback(
-    async (type) => {
-      const isLinkedIn = type === "linkedin";
-      const isFacebook = type === "facebook";
-      if (isLinkedIn) {
-        closePublishToLinkedInDialog();
-        setIsLoadingPublishingToLinkedIn(true);
-      }
-      if (isFacebook) {
-        closePublishToFacebookDialog();
-        setIsLoadingPublishingToFacebook(true);
-      }
-      try {
-        switch (type) {
-          case "linkedin":
-            await publishToLinkedIn({ articleId: currentPostRef.current });
-            break;
-          case "facebook":
-            await publishToFacebook({ articleId: currentPostRef.current });
-            break;
-          default:
-            return;
-        }
-        fetchPosts();
-        toggleNotification({
-          type: "success",
-          message: formatMessage({
-            id: `${PLUGIN_ID}.config.publish.success.${type}`,
-            defaultMessage: type === "linkedin" ? "Artículo publicado en LinkedIn con éxito" : "Artículo publicado en Facebook con éxito"
-          })
-        });
-      } catch (err) {
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({
-            id: `${PLUGIN_ID}.config.publish.error.${type}`,
-            defaultMessage: type === "linkedin" ? "Ocurrió un error al publicar el artículo en LinkedIn" : "Ocurrió un error al publicar el artículo en Facebook"
-          })
-        });
-      } finally {
-        if (isLinkedIn) {
-          setIsLoadingPublishingToLinkedIn(false);
-        }
-        if (isFacebook) {
-          setIsLoadingPublishingToFacebook(false);
-        }
-      }
-    },
-    [
-      publishToLinkedIn,
-      publishToFacebook,
-      closePublishToLinkedInDialog,
-      closePublishToFacebookDialog,
-      setIsLoadingPublishingToLinkedIn,
-      setIsLoadingPublishingToFacebook,
-      fetchPosts,
-      toggleNotification,
-      formatMessage
-    ]
-  );
-  const onCancel = useCallback((dialogId) => {
-    currentPostRef.current = "";
-    switch (dialogId) {
-      case "generate-image-dialog":
-        closeImageGenerateDialog();
-        break;
-      case "publish-to-linked-in-dialog":
-        closePublishToLinkedInDialog();
-        break;
-      case "publish-to-facebook-dialog":
-        closePublishToFacebookDialog();
-        break;
-      default:
-        return;
-    }
-  }, [closeImageGenerateDialog, closePublishToLinkedInDialog, closePublishToFacebookDialog]);
-  const onClickAction = useCallback(
-    (postId, dialogId) => {
-      currentPostRef.current = postId;
-      switch (dialogId) {
-        case "generate-image-dialog":
-          openImageGenerateDialog();
-          break;
-        case "publish-to-linked-in-dialog":
-          openPublishToLinkedInDialog();
-          break;
-        case "publish-to-facebook-dialog":
-          openPublishToFacebookDialog();
-          break;
-      }
-    },
-    [openImageGenerateDialog, openPublishToLinkedInDialog, openPublishToFacebookDialog]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      DialogCommon,
-      {
-        id: "publish-to-linked-in-dialog",
-        title: "Publicar en LinkedIn",
-        confirmText: "Publicar",
-        onCancelAction: () => onCancel("publish-to-linked-in-dialog"),
-        onConfirmAction: () => onConfirmPublish("linkedin"),
-        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "¿Seguro que deseas publicar este artículo en LinkedIn?" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "¡Esta acción es irreversible desde esta plataforma!" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DialogCommon,
-      {
-        id: "publish-to-facebook-dialog",
-        title: "Publicar en Facebook",
-        confirmText: "Publicar",
-        onCancelAction: () => onCancel("publish-to-facebook-dialog"),
-        onConfirmAction: () => onConfirmPublish("facebook"),
-        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "¿Seguro que deseas publicar este artículo en Facebook?" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "¡Esta acción es irreversible desde esta plataforma!" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(GenerateImageDialog, { onConfirmAction: onConfirmGenerateImage, onCancelAction: () => onCancel("generate-image-dialog") }),
-    /* @__PURE__ */ jsxs(Grid.Root, { padding: 6, children: [
-      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "start", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: formatMessage({ id: getTranslation("plugin.name") }) }),
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "end", alignItems: "end", width: "100%", children: /* @__PURE__ */ jsx(LinkButton, { href: "/admin/plugins/strapi-content-generator-gemini/generate-content", children: "Generar nuevo artículo" }) }) }),
-      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(
-        PublishingTable,
-        {
-          posts,
-          loadingImage,
-          loadingPublishLinkedIn: loadingPublishingToLinkedIn,
-          loadingPublishingToFacebook,
-          currentPost: currentPostRef,
-          onClickAction
-        }
-      ) })
-    ] })
-  ] });
-};
-const HomePage = () => {
-  const { formatMessage } = useIntl();
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Page.Main, { children: [
-    /* @__PURE__ */ jsx(Page.Title, { children: formatMessage({ id: getTranslation("plugin.name") }) }),
-    /* @__PURE__ */ jsx(HomeContainer, {})
-  ] }) });
-};
-const useCategories = () => {
-  const { get } = useFetchClient();
-  const getCategories = useCallback(
-    async (config) => {
-      return get("/strapi-content-generator-gemini/categories", config);
-    },
-    [get]
-  );
-  return {
-    getCategories
-  };
-};
-const useUsers = () => {
-  const { get } = useFetchClient();
-  const getUsers = useCallback(
-    async (config) => {
-      return get("/strapi-content-generator-gemini/users", config);
-    },
-    [get]
-  );
-  return {
-    getUsers
-  };
-};
-const validationSchema$1 = Yup.object().shape({
-  titulo: Yup.string().notRequired(),
-  autor: Yup.string().required("Este campo es obligatorio"),
-  categoria: Yup.string().required("Este campo es obligatorio"),
-  temperatura: Yup.string().notRequired(),
-  instrucciones: Yup.string().notRequired()
-});
-const initialValues$1 = {
-  titulo: "",
-  autor: "",
-  categoria: "",
-  temperatura: "0.5",
-  instrucciones: ""
-};
-const Form$1 = ({ onSubmit, categorias, users }) => {
-  const formik = useFormik({
-    initialValues: initialValues$1,
-    validationSchema: validationSchema$1,
-    onSubmit
-  });
-  const { values, errors, touched, isValid, dirty, isSubmitting, handleChange, setFieldValue, handleSubmit } = formik;
-  return /* @__PURE__ */ jsx(Box, { background: "neutral0", padding: 6, margin: 6, width: "100%", children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
-    /* @__PURE__ */ jsx(Grid.Item, { xs: 12, s: 12, m: 6, children: /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        id: "titulo",
-        error: touched.titulo && errors.titulo ? errors.titulo : void 0,
-        hint: "Ej: Las 10 mejores tendencias en IA para 2026",
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Título" }),
-          /* @__PURE__ */ jsx(
-            TextInput,
-            {
-              name: "titulo",
-              label: "Título",
-              placeholder: "Título sugerido para el blog",
-              onChange: handleChange,
-              type: "text",
-              value: values.titulo
-            }
-          ),
-          /* @__PURE__ */ jsx(Field.Error, {}),
-          /* @__PURE__ */ jsx(Field.Hint, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { xs: 12, s: 12, m: 6, children: /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        id: "categoria",
-        error: touched.categoria && errors.categoria ? errors.categoria : void 0,
-        hint: "Puedes agregar más desde el Content Type: Categorías",
-        width: "100%",
-        required: true,
-        children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Categoría" }),
-          /* @__PURE__ */ jsx(
-            Combobox,
-            {
-              name: "categoria",
-              placeholder: "Selecciona o escribe una categoría",
-              value: values.categoria,
-              onChange: (v) => setFieldValue("categoria", v),
-              onCreateOption: (v) => {
-                setFieldValue("categoria", v);
-              },
-              required: true,
-              children: categorias.map((c) => /* @__PURE__ */ jsx(ComboboxOption, { value: c.documentId, children: c.categoria }, c.documentId))
-            }
-          ),
-          /* @__PURE__ */ jsx(Field.Hint, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { xs: 12, s: 12, m: 6, children: /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        id: "autor",
-        error: touched.autor && errors.autor ? errors.autor : void 0,
-        width: "100%",
-        required: true,
-        children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Autor" }),
-          /* @__PURE__ */ jsx(
-            Combobox,
-            {
-              name: "autor",
-              placeholder: "Selecciona o escribe una categoría",
-              value: values.autor,
-              onChange: (v) => setFieldValue("autor", v),
-              onCreateOption: (v) => {
-                setFieldValue("autor", v);
-              },
-              required: true,
-              children: users.map((c) => /* @__PURE__ */ jsx(ComboboxOption, { value: c.documentId, children: c.nombre_completo }, c.documentId))
-            }
-          ),
-          /* @__PURE__ */ jsx(Field.Hint, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { xs: 12, s: 12, m: 6, children: /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        id: "temperatura",
-        error: touched.temperatura && errors.temperatura ? errors.temperatura : void 0,
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Temperatura" }),
-          /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, children: [
-            /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsx(
-              "input",
-              {
-                name: "temperatura",
-                value: values.temperatura,
-                type: "range",
-                min: "0",
-                max: "2",
-                step: "0.05",
-                onChange: handleChange,
-                style: { width: "100%" }
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Box, { width: "100px", children: /* @__PURE__ */ jsx(Field.Input, { value: values.temperatura, readOnly: true }) })
-          ] }),
-          /* @__PURE__ */ jsx(Field.Hint, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        id: "instrucciones",
-        error: touched.instrucciones && errors.instrucciones ? errors.instrucciones : void 0,
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Instrucciones adicionales" }),
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              name: "instrucciones",
-              placeholder: "Escribe algunas instrucciones adicionales para el generador de contenido...",
-              onChange: handleChange,
-              value: values.instrucciones,
-              resizable: false,
-              rows: 10
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Flex, { width: "100%", justifyContent: { initial: "end" }, alignItems: { initial: "end" }, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        disabled: !(isValid && dirty) || isSubmitting,
-        loading: isSubmitting,
-        type: "submit",
-        children: "Generar contenido"
-      }
-    ) }) })
-  ] }) }) });
-};
-const GenerateContentContainer = () => {
-  const [documentId, setDocumentId] = useState("");
-  const [categorias, setCategorias] = useState([]);
-  const [users, setUsers] = useState([]);
-  const { getCategories } = useCategories();
-  const { getUsers } = useUsers();
-  const navigate = useNavigate();
-  const { closeDialog: closeDialog2, openDialog: openDialog2 } = useDialog("generate-image-dialog");
-  const { generateContent, generateImage } = useGenerateContent();
-  const { formatMessage } = useIntl();
-  const { toggleNotification } = useNotification();
-  const onSubmit = useCallback(
-    async (values, { setSubmitting }) => {
-      try {
-        const { data } = await generateContent(values);
-        setDocumentId(data.documentId);
-        openDialog2();
-        toggleNotification({
-          type: "success",
-          message: formatMessage({
-            id: `${PLUGIN_ID}.config.load.error`,
-            defaultMessage: "Artículo generado con éxito"
-          })
-        });
-      } catch (error) {
-        console.error("Error generating content:", error);
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({
-            id: `${PLUGIN_ID}.config.load.error`,
-            defaultMessage: "Ocurrió un error al generar el artículo"
-          })
-        });
-      } finally {
-        setSubmitting(false);
-      }
-    },
-    [generateContent, openDialog2]
-  );
-  const goToArticle = useCallback(() => {
-    navigate(
-      `/content-manager/collection-types/api::articulo.articulo/${documentId}`
-    );
-  }, [navigate, documentId]);
-  const onConfirmGenerateImage = useCallback(
-    async (imageInstructions) => {
-      try {
-        await generateImage({
-          articleId: documentId,
-          imageInstructions
-        });
-        goToArticle();
-      } catch (err) {
-        console.error("Error generating image:", err);
-      } finally {
-        closeDialog2();
-      }
-    },
-    [generateImage, documentId, closeDialog2, goToArticle]
-  );
-  const onCancelGenerateImage = useCallback(() => {
-    closeDialog2();
-    goToArticle();
-  }, [closeDialog2, goToArticle]);
-  const fetchCategories = useCallback(async () => {
-    let isMounted = true;
-    try {
-      const { data } = await getCategories();
-      if (isMounted) {
-        setCategorias(data);
-      }
-    } catch (error) {
-      console.error("Error fetching posts:", error);
-    }
-    return () => {
-      isMounted = false;
-    };
-  }, [getCategories]);
-  const fetchUsers = useCallback(async () => {
-    let isMounted = true;
-    try {
-      const { data } = await getUsers({
-        params: {
-          filters: {
-            blocked: {
-              $eq: false
-            }
-          }
-        }
-      });
-      if (isMounted) {
-        setUsers(data);
-      }
-    } catch (error) {
-      console.error("Error fetching posts:", error);
-    }
-    return () => {
-      isMounted = false;
-    };
-  }, [getUsers]);
-  useEffect(() => {
-    fetchCategories();
-    fetchUsers();
-  }, [fetchCategories]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(GenerateImageDialog, { onCancelAction: onCancelGenerateImage, onConfirmAction: onConfirmGenerateImage }),
-    /* @__PURE__ */ jsxs(Grid.Root, { padding: 6, children: [
-      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "start", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: "Generar nuevo artículo" }),
-        /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
-      ] }) }),
-      /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsx(Flex, { alignItems: "end", width: "100%", justifyContent: "end", children: /* @__PURE__ */ jsx(LinkButton, { href: "/admin/plugins/strapi-content-generator-gemini", children: "Regresar" }) }) }),
-      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Form$1, { categorias, users, onSubmit }) })
-    ] })
-  ] });
-};
-const GenerateContent = () => {
-  return /* @__PURE__ */ jsxs(Page.Main, { children: [
-    /* @__PURE__ */ jsx(Page.Title, { children: "Generar nuevo artículo" }),
-    /* @__PURE__ */ jsx(GenerateContentContainer, {})
-  ] });
-};
-const sceneSchema = Yup.object().shape({
-  prompt: Yup.string().trim().required("El prompt es obligatorio para esta escena"),
-  durationSeconds: Yup.number().min(1, "La duración mínima es 1 segundo").max(90, "La duración máxima es 90 segundos").required("La duración es obligatoria"),
-  referenceImages: Yup.array().of(
-    Yup.object().shape({
-      id: Yup.number().required(),
-      file: Yup.mixed().optional(),
-      previewUrl: Yup.string().optional()
-    })
-  ).max(3, "Se permiten máximo 3 imágenes de referencia por escena").optional()
-});
-const validationSchema = Yup.object().shape({
-  aspectRatio: Yup.string().oneOf(["16:9", "9:16", "1:1"], "Aspect ratio no válido").required("El aspect ratio es obligatorio"),
-  scenes: Yup.array().of(sceneSchema).min(1, "Debe haber al menos una escena").max(20, "No se permiten más de 20 escenas")
-});
-const initialValues = {
-  aspectRatio: "16:9",
-  scenes: [
-    {
-      prompt: ``,
-      durationSeconds: 8,
-      narrationText: ``,
-      referenceImages: []
-    }
-  ]
-};
-const Form = ({ onSubmit }) => {
-  const formik = useFormik({
-    initialValues,
-    validationSchema,
-    validateOnMount: true,
-    onSubmit
-  });
-  console.log("🚀 ~ Form ~ formik:", formik.errors);
-  return /* @__PURE__ */ jsx(Box, { background: "neutral0", padding: 6, hasRadius: true, width: "100%", children: /* @__PURE__ */ jsx("form", { onSubmit: formik.handleSubmit, children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
-    /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsxs(Field.Root, { id: "aspectRatio", width: "100%", required: true, children: [
-      /* @__PURE__ */ jsx(Field.Label, { children: "Relación de aspecto" }),
-      /* @__PURE__ */ jsxs(
-        Combobox,
-        {
-          name: "aspectRatio",
-          onChange: (value) => formik.setFieldValue("aspectRatio", value),
-          onBlur: () => formik.setFieldTouched("aspectRatio", true),
-          value: formik.values.aspectRatio,
-          onClear: () => formik.setFieldValue("aspectRatio", ""),
-          children: [
-            /* @__PURE__ */ jsx(ComboboxOption, { value: "16:9", children: "16:9" }),
-            /* @__PURE__ */ jsx(ComboboxOption, { value: "9:16", children: "9:16" }),
-            /* @__PURE__ */ jsx(ComboboxOption, { value: "1:1", children: "1:1" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(Field.Error, { children: formik.errors.aspectRatio })
-    ] }) }),
-    formik.values.scenes.map((scene, index) => /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(Box, { background: "neutral100", padding: 4, hasRadius: true, width: "100%", children: [
-      /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, children: [
-        /* @__PURE__ */ jsxs("strong", { children: [
-          "Escena ",
-          index + 1
-        ] }),
-        formik.values.scenes.length > 1 && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "danger-light",
-            onClick: () => {
-              const updatedScenes = [...formik.values.scenes];
-              updatedScenes.splice(index, 1);
-              formik.setFieldValue("scenes", updatedScenes);
-            },
-            children: "Eliminar Escena"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
-        /* @__PURE__ */ jsxs(Field.Root, { id: `scenes.${index}.prompt`, width: "100%", required: true, children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Prompt de la escena" }),
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              name: `scenes.${index}.prompt`,
-              placeholder: "Describe visualmente esta escena",
-              onChange: formik.handleChange,
-              onBlur: formik.handleBlur,
-              value: formik.values.scenes[index].prompt,
-              rows: 6
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Field.Root, { id: `scenes.${index}.durationSeconds`, width: "100%", required: true, children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Duración (segundos)" }),
-          /* @__PURE__ */ jsxs(
-            Combobox,
-            {
-              name: `scenes.${index}.durationSeconds`,
-              onChange: (value) => formik.setFieldValue(`scenes.${index}.durationSeconds`, value),
-              onBlur: formik.handleBlur,
-              value: formik.values.scenes[index].durationSeconds,
-              onClear: () => formik.setFieldValue(`scenes.${index}.durationSeconds`, ""),
-              children: [
-                /* @__PURE__ */ jsx(ComboboxOption, { value: 4, children: "4" }),
-                /* @__PURE__ */ jsx(ComboboxOption, { value: 6, children: "6" }),
-                /* @__PURE__ */ jsx(ComboboxOption, { value: 8, children: "8" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Field.Root, { id: `scenes.${index}.referenceImages`, width: "100%", children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Imagen(es) de referencia" }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, width: "100%", children: [
-            scene.referenceImages.map((image, imgIndex) => /* @__PURE__ */ jsx(Box, { background: "neutral200", padding: 2, hasRadius: true, width: "100%", children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
-              image.previewUrl ? /* @__PURE__ */ jsx("img", { src: image.previewUrl, alt: "preview", style: { width: 50, height: 50, objectFit: "cover" } }) : /* @__PURE__ */ jsx("div", { style: { width: 50, height: 50, backgroundColor: "#ccc" } }),
-              /* @__PURE__ */ jsx(
-                IconButton,
-                {
-                  onClick: () => {
-                    const imageToRemove = scene.referenceImages[imgIndex];
-                    if (imageToRemove.previewUrl) {
-                      URL.revokeObjectURL(imageToRemove.previewUrl);
-                    }
-                    const updatedImages = [...scene.referenceImages];
-                    updatedImages.splice(imgIndex, 1);
-                    formik.setFieldValue(`scenes.${index}.referenceImages`, updatedImages);
-                  },
-                  label: "Eliminar imagen",
-                  children: /* @__PURE__ */ jsx(Trash, {})
-                }
-              )
-            ] }) }, image.id)),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                startIcon: /* @__PURE__ */ jsx(PlusCircle, {}),
-                variant: "secondary",
-                fullWidth: true,
-                onClick: () => {
-                  const input = document.createElement("input");
-                  input.type = "file";
-                  input.accept = "image/*";
-                  input.onchange = (e) => {
-                    const selectedFile = e.target.files?.[0];
-                    if (!selectedFile) return;
-                    const newImage = {
-                      id: Date.now(),
-                      file: selectedFile,
-                      previewUrl: URL.createObjectURL(selectedFile)
-                    };
-                    const newImages = [...scene.referenceImages, newImage];
-                    formik.setFieldValue(`scenes.${index}.referenceImages`, newImages.slice(0, 5));
-                  };
-                  input.click();
-                },
-                disabled: scene.referenceImages.length >= 5,
-                children: "Añadir imagen de referencia"
-              }
-            )
-          ] })
-        ] })
-      ] })
-    ] }, index) }, `scene-${index}`)),
-    /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        startIcon: /* @__PURE__ */ jsx(PlusCircle, {}),
-        variant: "secondary",
-        onClick: () => {
-          formik.setFieldValue("scenes", [
-            ...formik.values.scenes,
-            { prompt: "", durationSeconds: 6, narrationText: "", referenceImages: [] }
-          ]);
-        },
-        fullWidth: true,
-        children: "Añadir Escena"
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(Flex, { width: "100%", justifyContent: "end", alignItems: "end", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "submit",
-        fullWidth: true,
-        disabled: !(formik.isValid && formik.dirty) || formik.isSubmitting,
-        loading: formik.isSubmitting,
-        children: "Generar Video"
-      }
-    ) }) })
-  ] }) }) });
-};
-const useImages = () => {
-  const { post } = useFetchClient();
-  const generateVideoWithScenes = useCallback(
-    async (data, config) => {
-      return await post("/strapi-content-generator-gemini/generate-video-with-scenes", data, config);
-    },
-    [post]
-  );
-  return {
-    generateVideoWithScenes
-  };
-};
-const GenerateVideoContainer = () => {
-  const { toggleNotification } = useNotification();
-  const { generateVideoWithScenes } = useImages();
-  const { formatMessage } = useIntl();
-  const handleSubmit = async (values, { setSubmitting }) => {
-    try {
-      const formData = new FormData();
-      formData.append("aspectRatio", values.aspectRatio);
-      values.scenes.forEach((scene, index) => {
-        formData.append(`scenes[${index}][prompt]`, scene.prompt);
-        formData.append(`scenes[${index}][durationSeconds]`, scene.durationSeconds.toString());
-        formData.append(`scenes[${index}][narrationText]`, scene.narrationText || "");
-        scene.referenceImages.forEach((image, imgIndex) => {
-          if (image.file) {
-            formData.append(`scenes[${index}][referenceImages][${imgIndex}]`, image.file);
-          }
-        });
-      });
-      const response = await generateVideoWithScenes(formData);
-      console.log("🚀 ~ handleSubmit ~ response:", response);
-      toggleNotification({
-        type: "success",
-        message: formatMessage({
-          id: `${PLUGIN_ID}.config.load.success`,
-          defaultMessage: "Video generado con éxito"
-        })
-      });
-    } catch (error) {
-      toggleNotification({
-        type: "danger",
-        message: formatMessage({
-          id: `${PLUGIN_ID}.config.load.error`,
-          defaultMessage: "Ocurrió un error al generar el video"
-        })
-      });
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid.Root, { padding: 6, children: /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "start", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: "Generar video con IA" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
-    ] }) }) }),
-    /* @__PURE__ */ jsxs(Grid.Root, { padding: 6, children: [
-      /* @__PURE__ */ jsx(Grid.Item, { m: 2 }),
-      /* @__PURE__ */ jsx(Grid.Item, { m: 8, children: /* @__PURE__ */ jsx(Form, { onSubmit: handleSubmit }) })
-    ] })
-  ] });
-};
-const GenerateVideo = () => {
-  return /* @__PURE__ */ jsxs(Page.Main, { children: [
-    /* @__PURE__ */ jsx(Page.Title, { children: "Generar video con IA" }),
-    /* @__PURE__ */ jsx(GenerateVideoContainer, {})
-  ] });
-};
-const App = () => {
-  const { allowedActions, isLoading } = useRBAC(pluginPermissions);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Page.Loading, {});
-  }
-  return /* @__PURE__ */ jsx(Page.Protect, { permissions: [...pluginPermissions.access], children: /* @__PURE__ */ jsx(PluginProviders, { children: /* @__PURE__ */ jsxs(Routes, { children: [
-    allowedActions.canAccess && /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(HomePage, {}) }),
-    allowedActions.canAccess && /* @__PURE__ */ jsx(Route, { path: "/generate-content", element: /* @__PURE__ */ jsx(GenerateContent, {}) }),
-    allowedActions.canAccess && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Route, { path: "/image-studio", element: /* @__PURE__ */ jsx(StudioRedirect, {}) }),
-      LEGACY_ROUTES.map((r) => /* @__PURE__ */ jsx(Route, { path: r.path, element: legacyRedirect(r.tab) }, r.path)),
-      /* @__PURE__ */ jsx(Route, { path: "/generate-video", element: /* @__PURE__ */ jsx(GenerateVideo, {}) })
-    ] }),
-    /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
-  ] }) }) });
-};
-export {
-  App
-};