@interware/content-generator 0.6.1 → 0.7.1

package/dist/_chunks/App-CJxSC8yt.js

@@ -1,1105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const admin = require("@strapi/strapi/admin");
-const reactRouterDom = require("react-router-dom");
-const PluginProviders = require("./PluginProviders-D79TeGSE.js");
-const reactIntl = require("react-intl");
-const react = require("react");
-const designSystem = require("@strapi/design-system");
-const reactRedux = require("react-redux");
-const index = require("./index-BKhe-Jyx.js");
-const icons = require("@strapi/icons");
-const getTranslation = require("./getTranslation-BRVMWSf8.js");
-const formik = require("formik");
-const Yup = require("yup");
-const ImageStudioTabs = require("./ImageStudioTabs-DtusqpQO.js");
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const Yup__namespace = /* @__PURE__ */ _interopNamespace(Yup);
-const useDialog = (id) => {
-  const dispatch = reactRedux.useDispatch();
-  const state = reactRedux.useSelector((state2) => state2.content_generator_commonDialog.open[id] ?? false);
-  return {
-    open: state,
-    openDialog: () => dispatch(index.openDialog(id)),
-    closeDialog: () => dispatch(index.closeDialog(id))
-  };
-};
-const useArticles = () => {
-  const { get } = admin.useFetchClient();
-  const getArticles = react.useCallback(
-    async (config) => {
-      return get("/strapi-content-generator-gemini/posts", config);
-    },
-    [get]
-  );
-  return {
-    getArticles
-  };
-};
-const REQUEST_TIMEOUT = 12e4;
-const useGenerateContent = () => {
-  const { post } = admin.useFetchClient();
-  const generateContent = react.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 = react.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 } = admin.useFetchClient();
-  const publishToLinkedIn = react.useCallback(
-    async (data, config) => {
-      return post("/strapi-content-generator-gemini/publish-linkedin", data, config);
-    },
-    [post]
-  );
-  return {
-    publishToLinkedIn
-  };
-};
-const usePublishFacebook = () => {
-  const { post } = admin.useFetchClient();
-  const publishToFacebook = react.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 = react.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__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 7, rowCount: rows.length + 1, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Fecha de publicación" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Blog Title" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, alignItems: "center", justifyContent: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fa-brands fa-linkedin" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "LinkedIn" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, alignItems: "center", justifyContent: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("i", { className: "fa-brands fa-facebook" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: "Facebook" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, {})
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.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__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: row.fecha }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: row.titulo }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: !row.linkedInURL ? /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Button,
-          {
-            disabled: row.linkedInURL,
-            onClick: () => onClickAction(row.id, "publish-to-linked-in-dialog"),
-            loading: buttonLoadingPublishingLinkedIn,
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Play, {}),
-            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: buttonLoadingPublishingLinkedIn ? "publicando" : "publicar" })
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.LinkButton,
-          {
-            variant: "success-light",
-            href: row.linkedInURL,
-            isExternal: true,
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}),
-            children: "visitar"
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: !row.facebookURL ? /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Button,
-          {
-            disabled: row.facebookURL,
-            onClick: () => onClickAction(row.id, "publish-to-facebook-dialog"),
-            loading: buttonLoadingPublishingFacebook,
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Play, {}),
-            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: buttonLoadingPublishingFacebook ? "publicando" : "publicar" })
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.LinkButton,
-          {
-            variant: "success-light",
-            href: row.facebookURL,
-            isExternal: true,
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, {}),
-            children: "visitar"
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Button,
-          {
-            disabled: row.hasImage,
-            onClick: () => onClickAction(row.id, "generate-image-dialog"),
-            loading: buttonLoadingImage,
-            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Image, {}),
-            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: buttonLoadingImage ? "generando" : "generar" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.LinkButton,
-          {
-            href: `/admin/content-manager/collection-types/api::articulo.articulo/${row.id}`,
-            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "ver" })
-          }
-        ) })
-      ] }, row.id);
-    }) })
-  ] }) });
-};
-const PublishingTable = react.memo(PublishingTableComponent);
-const DialogCommon = ({
-  id,
-  title = "Confirmación",
-  children,
-  cancelText = "Cancelar",
-  confirmText = "Confirmar",
-  onCancelAction,
-  onConfirmAction
-}) => {
-  const { open } = useDialog(id);
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Content, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Header, { children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Body, { children }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Footer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Cancel, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { fullWidth: true, variant: "tertiary", onClick: onCancelAction, children: cancelText }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Action, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { fullWidth: true, variant: "danger", onClick: onConfirmAction, children: confirmText }) })
-    ] })
-  ] }) });
-};
-const GenerateImageDialog = ({ onCancelAction, onConfirmAction }) => {
-  const [imageInstructions, setImageInstructions] = react.useState("");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogCommon,
-    {
-      id: "generate-image-dialog",
-      title: "Generar imágen con Gemini",
-      cancelText: "Cancelar",
-      confirmText: "Confirmar",
-      onCancelAction,
-      onConfirmAction: () => {
-        onConfirmAction(imageInstructions);
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", justifyContent: "center", width: "100%", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: "¿Deseas generar la imágen para el artículo ahora?" }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "No te preocupes, también puedes hacerlo más adelante." })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { m: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(
-          designSystem.Field.Root,
-          {
-            id: "image-instructions",
-            width: "100%",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Instrucciones adicionales" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.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] = react.useState([]);
-  const [loadingImage, setIsLoadingImage] = react.useState(false);
-  const [loadingPublishingToLinkedIn, setIsLoadingPublishingToLinkedIn] = react.useState(false);
-  const [loadingPublishingToFacebook, setIsLoadingPublishingToFacebook] = react.useState(false);
-  const currentPostRef = react.useRef("");
-  const { formatMessage } = reactIntl.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 } = admin.useNotification();
-  const fetchPosts = react.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]);
-  react.useEffect(() => {
-    fetchPosts();
-  }, [fetchPosts]);
-  const onConfirmGenerateImage = react.useCallback(
-    async (imageInstructions) => {
-      closeImageGenerateDialog();
-      setIsLoadingImage(true);
-      try {
-        await generateImage({
-          articleId: currentPostRef.current,
-          imageInstructions
-        });
-        fetchPosts();
-        toggleNotification({
-          type: "success",
-          message: formatMessage({
-            id: `${index.PLUGIN_ID}.config.load.error`,
-            defaultMessage: "Imagen generada con éxito"
-          })
-        });
-      } catch (err) {
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({
-            id: `${index.PLUGIN_ID}.config.load.error`,
-            defaultMessage: "Ocurrió un error al generar la imagen"
-          })
-        });
-      } finally {
-        setIsLoadingImage(false);
-      }
-    },
-    [generateImage, closeImageGenerateDialog, setIsLoadingImage]
-  );
-  const onConfirmPublish = react.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: `${index.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: `${index.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 = react.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 = react.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: "¿Seguro que deseas publicar este artículo en LinkedIn?" }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "¡Esta acción es irreversible desde esta plataforma!" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      DialogCommon,
-      {
-        id: "publish-to-facebook-dialog",
-        title: "Publicar en Facebook",
-        confirmText: "Publicar",
-        onCancelAction: () => onCancel("publish-to-facebook-dialog"),
-        onConfirmAction: () => onConfirmPublish("facebook"),
-        children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: "¿Seguro que deseas publicar este artículo en Facebook?" }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "¡Esta acción es irreversible desde esta plataforma!" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(GenerateImageDialog, { onConfirmAction: onConfirmGenerateImage, onCancelAction: () => onCancel("generate-image-dialog") }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { padding: 6, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "start", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", children: formatMessage({ id: getTranslation.getTranslation("plugin.name") }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { m: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "end", alignItems: "end", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { href: "/admin/plugins/strapi-content-generator-gemini/generate-content", children: "Generar nuevo artículo" }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        PublishingTable,
-        {
-          posts,
-          loadingImage,
-          loadingPublishLinkedIn: loadingPublishingToLinkedIn,
-          loadingPublishingToFacebook,
-          currentPost: currentPostRef,
-          onClickAction
-        }
-      ) })
-    ] })
-  ] });
-};
-const HomePage = () => {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Title, { children: formatMessage({ id: getTranslation.getTranslation("plugin.name") }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(HomeContainer, {})
-  ] }) });
-};
-const useCategories = () => {
-  const { get } = admin.useFetchClient();
-  const getCategories = react.useCallback(
-    async (config) => {
-      return get("/strapi-content-generator-gemini/categories", config);
-    },
-    [get]
-  );
-  return {
-    getCategories
-  };
-};
-const useUsers = () => {
-  const { get } = admin.useFetchClient();
-  const getUsers = react.useCallback(
-    async (config) => {
-      return get("/strapi-content-generator-gemini/users", config);
-    },
-    [get]
-  );
-  return {
-    getUsers
-  };
-};
-const validationSchema$1 = Yup__namespace.object().shape({
-  titulo: Yup__namespace.string().notRequired(),
-  autor: Yup__namespace.string().required("Este campo es obligatorio"),
-  categoria: Yup__namespace.string().required("Este campo es obligatorio"),
-  temperatura: Yup__namespace.string().notRequired(),
-  instrucciones: Yup__namespace.string().notRequired()
-});
-const initialValues$1 = {
-  titulo: "",
-  autor: "",
-  categoria: "",
-  temperatura: "0.5",
-  instrucciones: ""
-};
-const Form$1 = ({ onSubmit, categorias, users }) => {
-  const formik$1 = formik.useFormik({
-    initialValues: initialValues$1,
-    validationSchema: validationSchema$1,
-    onSubmit
-  });
-  const { values, errors, touched, isValid, dirty, isSubmitting, handleChange, setFieldValue, handleSubmit } = formik$1;
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral0", padding: 6, margin: 6, width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, s: 12, m: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Título" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.TextInput,
-            {
-              name: "titulo",
-              label: "Título",
-              placeholder: "Título sugerido para el blog",
-              onChange: handleChange,
-              type: "text",
-              value: values.titulo
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, s: 12, m: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.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__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Categoría" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.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__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: c.documentId, children: c.categoria }, c.documentId))
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, s: 12, m: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Field.Root,
-      {
-        id: "autor",
-        error: touched.autor && errors.autor ? errors.autor : void 0,
-        width: "100%",
-        required: true,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Autor" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.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__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: c.documentId, children: c.nombre_completo }, c.documentId))
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { xs: 12, s: 12, m: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Field.Root,
-      {
-        id: "temperatura",
-        error: touched.temperatura && errors.temperatura ? errors.temperatura : void 0,
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Temperatura" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", gap: 4, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                name: "temperatura",
-                value: values.temperatura,
-                type: "range",
-                min: "0",
-                max: "2",
-                step: "0.05",
-                onChange: handleChange,
-                style: { width: "100%" }
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100px", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Input, { value: values.temperatura, readOnly: true }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-      designSystem.Field.Root,
-      {
-        id: "instrucciones",
-        error: touched.instrucciones && errors.instrucciones ? errors.instrucciones : void 0,
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Instrucciones adicionales" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Textarea,
-            {
-              name: "instrucciones",
-              placeholder: "Escribe algunas instrucciones adicionales para el generador de contenido...",
-              onChange: handleChange,
-              value: values.instrucciones,
-              resizable: false,
-              rows: 10
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { width: "100%", justifyContent: { initial: "end" }, alignItems: { initial: "end" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Button,
-      {
-        disabled: !(isValid && dirty) || isSubmitting,
-        loading: isSubmitting,
-        type: "submit",
-        children: "Generar contenido"
-      }
-    ) }) })
-  ] }) }) });
-};
-const GenerateContentContainer = () => {
-  const [documentId, setDocumentId] = react.useState("");
-  const [categorias, setCategorias] = react.useState([]);
-  const [users, setUsers] = react.useState([]);
-  const { getCategories } = useCategories();
-  const { getUsers } = useUsers();
-  const navigate = reactRouterDom.useNavigate();
-  const { closeDialog, openDialog } = useDialog("generate-image-dialog");
-  const { generateContent, generateImage } = useGenerateContent();
-  const { formatMessage } = reactIntl.useIntl();
-  const { toggleNotification } = admin.useNotification();
-  const onSubmit = react.useCallback(
-    async (values, { setSubmitting }) => {
-      try {
-        const { data } = await generateContent(values);
-        setDocumentId(data.documentId);
-        openDialog();
-        toggleNotification({
-          type: "success",
-          message: formatMessage({
-            id: `${index.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: `${index.PLUGIN_ID}.config.load.error`,
-            defaultMessage: "Ocurrió un error al generar el artículo"
-          })
-        });
-      } finally {
-        setSubmitting(false);
-      }
-    },
-    [generateContent, openDialog]
-  );
-  const goToArticle = react.useCallback(() => {
-    navigate(
-      `/content-manager/collection-types/api::articulo.articulo/${documentId}`
-    );
-  }, [navigate, documentId]);
-  const onConfirmGenerateImage = react.useCallback(
-    async (imageInstructions) => {
-      try {
-        await generateImage({
-          articleId: documentId,
-          imageInstructions
-        });
-        goToArticle();
-      } catch (err) {
-        console.error("Error generating image:", err);
-      } finally {
-        closeDialog();
-      }
-    },
-    [generateImage, documentId, closeDialog, goToArticle]
-  );
-  const onCancelGenerateImage = react.useCallback(() => {
-    closeDialog();
-    goToArticle();
-  }, [closeDialog, goToArticle]);
-  const fetchCategories = react.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 = react.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]);
-  react.useEffect(() => {
-    fetchCategories();
-    fetchUsers();
-  }, [fetchCategories]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(GenerateImageDialog, { onCancelAction: onCancelGenerateImage, onConfirmAction: onConfirmGenerateImage }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { padding: 6, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "start", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", children: "Generar nuevo artículo" }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { m: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { alignItems: "end", width: "100%", justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { href: "/admin/plugins/strapi-content-generator-gemini", children: "Regresar" }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(Form$1, { categorias, users, onSubmit }) })
-    ] })
-  ] });
-};
-const GenerateContent = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Title, { children: "Generar nuevo artículo" }),
-    /* @__PURE__ */ jsxRuntime.jsx(GenerateContentContainer, {})
-  ] });
-};
-const sceneSchema = Yup__namespace.object().shape({
-  prompt: Yup__namespace.string().trim().required("El prompt es obligatorio para esta escena"),
-  durationSeconds: Yup__namespace.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__namespace.array().of(
-    Yup__namespace.object().shape({
-      id: Yup__namespace.number().required(),
-      file: Yup__namespace.mixed().optional(),
-      previewUrl: Yup__namespace.string().optional()
-    })
-  ).max(3, "Se permiten máximo 3 imágenes de referencia por escena").optional()
-});
-const validationSchema = Yup__namespace.object().shape({
-  aspectRatio: Yup__namespace.string().oneOf(["16:9", "9:16", "1:1"], "Aspect ratio no válido").required("El aspect ratio es obligatorio"),
-  scenes: Yup__namespace.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$1 = formik.useFormik({
-    initialValues,
-    validationSchema,
-    validateOnMount: true,
-    onSubmit
-  });
-  console.log("🚀 ~ Form ~ formik:", formik$1.errors);
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral0", padding: 6, hasRadius: true, width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: formik$1.handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { m: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { id: "aspectRatio", width: "100%", required: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Relación de aspecto" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.Combobox,
-        {
-          name: "aspectRatio",
-          onChange: (value) => formik$1.setFieldValue("aspectRatio", value),
-          onBlur: () => formik$1.setFieldTouched("aspectRatio", true),
-          value: formik$1.values.aspectRatio,
-          onClear: () => formik$1.setFieldValue("aspectRatio", ""),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: "16:9", children: "16:9" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: "9:16", children: "9:16" }),
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: "1:1", children: "1:1" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, { children: formik$1.errors.aspectRatio })
-    ] }) }),
-    formik$1.values.scenes.map((scene, index2) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { background: "neutral100", padding: 4, hasRadius: true, width: "100%", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("strong", { children: [
-          "Escena ",
-          index2 + 1
-        ] }),
-        formik$1.values.scenes.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Button,
-          {
-            variant: "danger-light",
-            onClick: () => {
-              const updatedScenes = [...formik$1.values.scenes];
-              updatedScenes.splice(index2, 1);
-              formik$1.setFieldValue("scenes", updatedScenes);
-            },
-            children: "Eliminar Escena"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { id: `scenes.${index2}.prompt`, width: "100%", required: true, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Prompt de la escena" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.Textarea,
-            {
-              name: `scenes.${index2}.prompt`,
-              placeholder: "Describe visualmente esta escena",
-              onChange: formik$1.handleChange,
-              onBlur: formik$1.handleBlur,
-              value: formik$1.values.scenes[index2].prompt,
-              rows: 6
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { id: `scenes.${index2}.durationSeconds`, width: "100%", required: true, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Duración (segundos)" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            designSystem.Combobox,
-            {
-              name: `scenes.${index2}.durationSeconds`,
-              onChange: (value) => formik$1.setFieldValue(`scenes.${index2}.durationSeconds`, value),
-              onBlur: formik$1.handleBlur,
-              value: formik$1.values.scenes[index2].durationSeconds,
-              onClear: () => formik$1.setFieldValue(`scenes.${index2}.durationSeconds`, ""),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: 4, children: "4" }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: 6, children: "6" }),
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: 8, children: "8" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { id: `scenes.${index2}.referenceImages`, width: "100%", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Imagen(es) de referencia" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, width: "100%", children: [
-            scene.referenceImages.map((image, imgIndex) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral200", padding: 2, hasRadius: true, width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", children: [
-              image.previewUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: image.previewUrl, alt: "preview", style: { width: 50, height: 50, objectFit: "cover" } }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: 50, height: 50, backgroundColor: "#ccc" } }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.IconButton,
-                {
-                  onClick: () => {
-                    const imageToRemove = scene.referenceImages[imgIndex];
-                    if (imageToRemove.previewUrl) {
-                      URL.revokeObjectURL(imageToRemove.previewUrl);
-                    }
-                    const updatedImages = [...scene.referenceImages];
-                    updatedImages.splice(imgIndex, 1);
-                    formik$1.setFieldValue(`scenes.${index2}.referenceImages`, updatedImages);
-                  },
-                  label: "Eliminar imagen",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
-                }
-              )
-            ] }) }, image.id)),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.Button,
-              {
-                type: "button",
-                startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.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$1.setFieldValue(`scenes.${index2}.referenceImages`, newImages.slice(0, 5));
-                  };
-                  input.click();
-                },
-                disabled: scene.referenceImages.length >= 5,
-                children: "Añadir imagen de referencia"
-              }
-            )
-          ] })
-        ] })
-      ] })
-    ] }, index2) }, `scene-${index2}`)),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { m: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Button,
-      {
-        type: "button",
-        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusCircle, {}),
-        variant: "secondary",
-        onClick: () => {
-          formik$1.setFieldValue("scenes", [
-            ...formik$1.values.scenes,
-            { prompt: "", durationSeconds: 6, narrationText: "", referenceImages: [] }
-          ]);
-        },
-        fullWidth: true,
-        children: "Añadir Escena"
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { width: "100%", justifyContent: "end", alignItems: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.Button,
-      {
-        type: "submit",
-        fullWidth: true,
-        disabled: !(formik$1.isValid && formik$1.dirty) || formik$1.isSubmitting,
-        loading: formik$1.isSubmitting,
-        children: "Generar Video"
-      }
-    ) }) })
-  ] }) }) });
-};
-const useImages = () => {
-  const { post } = admin.useFetchClient();
-  const generateVideoWithScenes = react.useCallback(
-    async (data, config) => {
-      return await post("/strapi-content-generator-gemini/generate-video-with-scenes", data, config);
-    },
-    [post]
-  );
-  return {
-    generateVideoWithScenes
-  };
-};
-const GenerateVideoContainer = () => {
-  const { toggleNotification } = admin.useNotification();
-  const { generateVideoWithScenes } = useImages();
-  const { formatMessage } = reactIntl.useIntl();
-  const handleSubmit = async (values, { setSubmitting }) => {
-    try {
-      const formData = new FormData();
-      formData.append("aspectRatio", values.aspectRatio);
-      values.scenes.forEach((scene, index2) => {
-        formData.append(`scenes[${index2}][prompt]`, scene.prompt);
-        formData.append(`scenes[${index2}][durationSeconds]`, scene.durationSeconds.toString());
-        formData.append(`scenes[${index2}][narrationText]`, scene.narrationText || "");
-        scene.referenceImages.forEach((image, imgIndex) => {
-          if (image.file) {
-            formData.append(`scenes[${index2}][referenceImages][${imgIndex}]`, image.file);
-          }
-        });
-      });
-      const response = await generateVideoWithScenes(formData);
-      console.log("🚀 ~ handleSubmit ~ response:", response);
-      toggleNotification({
-        type: "success",
-        message: formatMessage({
-          id: `${index.PLUGIN_ID}.config.load.success`,
-          defaultMessage: "Video generado con éxito"
-        })
-      });
-    } catch (error) {
-      toggleNotification({
-        type: "danger",
-        message: formatMessage({
-          id: `${index.PLUGIN_ID}.config.load.error`,
-          defaultMessage: "Ocurrió un error al generar el video"
-        })
-      });
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { padding: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "start", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", children: "Generar video con IA" }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
-    ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { padding: 6, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { m: 2 }),
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { m: 8, children: /* @__PURE__ */ jsxRuntime.jsx(Form, { onSubmit: handleSubmit }) })
-    ] })
-  ] });
-};
-const GenerateVideo = () => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Title, { children: "Generar video con IA" }),
-    /* @__PURE__ */ jsxRuntime.jsx(GenerateVideoContainer, {})
-  ] });
-};
-const App = () => {
-  const { allowedActions, isLoading } = admin.useRBAC(index.pluginPermissions);
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Loading, {});
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: [...index.pluginPermissions.access], children: /* @__PURE__ */ jsxRuntime.jsx(PluginProviders.PluginProviders, { children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
-    allowedActions.canAccess && /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(HomePage, {}) }),
-    allowedActions.canAccess && /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "/generate-content", element: /* @__PURE__ */ jsxRuntime.jsx(GenerateContent, {}) }),
-    allowedActions.canAccess && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "/image-studio", element: /* @__PURE__ */ jsxRuntime.jsx(ImageStudioTabs.StudioRedirect, {}) }),
-      ImageStudioTabs.LEGACY_ROUTES.map((r) => /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: r.path, element: ImageStudioTabs.legacyRedirect(r.tab) }, r.path)),
-      /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "/generate-video", element: /* @__PURE__ */ jsxRuntime.jsx(GenerateVideo, {}) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {}) })
-  ] }) }) });
-};
-exports.App = App;