@interware/content-generator 0.4.4 → 0.5.0

package/dist/_chunks/Settings-DziRY70a.js

@@ -0,0 +1,155 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const admin = require("@strapi/strapi/admin");
+const reactIntl = require("react-intl");
+const react = require("react");
+const designSystem = require("@strapi/design-system");
+const formik = require("formik");
+const index = require("./index-Ddp0Qvqo.js");
+const getTranslation = require("./getTranslation-D88uLXGd.js");
+const useSettings = () => {
+  const { get, post } = admin.useFetchClient();
+  const getSettings = react.useCallback(
+    async (config) => {
+      return get("/strapi-content-generator-gemini/config", config);
+    },
+    [get]
+  );
+  const setSettings = react.useCallback(
+    async (data, config) => {
+      return post("/strapi-content-generator-gemini/config", data, config);
+    },
+    [post]
+  );
+  return {
+    getSettings,
+    setSettings
+  };
+};
+const FIELDS = [
+  { name: "googleGenAI", label: "API Key Gemini" },
+  { name: "linkedInAccessToken", label: "LinkedIn Access Token" },
+  { name: "linkedInOrganizationId", label: "LinkedIn Organization ID" },
+  { name: "facebookClientToken", label: "FACEBOOK CLIENT TOKEN" },
+  { name: "facebookPageId", label: "FACEBOOK PAGE ID" }
+];
+const EMPTY = {
+  googleGenAI: "",
+  linkedInAccessToken: "",
+  linkedInOrganizationId: "",
+  facebookClientToken: "",
+  facebookPageId: ""
+};
+const hint = ({ configured, last4 }) => configured ? `Configurada ···${last4}` : "Sin configurar";
+const filledOnly = (values) => Object.fromEntries(Object.entries(values).filter(([, value]) => value.trim() !== ""));
+const Form = ({ status, handleSubmit }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, margin: 6, background: "neutral0", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(
+    formik.Formik,
+    {
+      initialValues: EMPTY,
+      onSubmit: async (values, { resetForm }) => {
+        await handleSubmit(filledOnly(values));
+        resetForm();
+      },
+      children: ({ values, handleChange, handleBlur, handleSubmit: submit, isSubmitting }) => {
+        const hasChanges = Object.keys(filledOnly(values)).length > 0;
+        return /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: submit, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+          FIELDS.map(({ name, label }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { id: name, width: "100%", hint: hint(status[name]), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Field.Input,
+              {
+                name,
+                value: values[name],
+                onChange: handleChange,
+                onBlur: handleBlur,
+                type: "password",
+                autoComplete: "off",
+                placeholder: "Escribe un valor nuevo para reemplazarla"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+          ] }) }, name)),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "end", alignItems: "end", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { type: "submit", disabled: !hasChanges || isSubmitting, children: "Guardar" }) }) })
+        ] }) });
+      }
+    }
+  ) });
+};
+const NOT_CONFIGURED = { configured: false, last4: null };
+const initialStatus = {
+  googleGenAI: NOT_CONFIGURED,
+  linkedInAccessToken: NOT_CONFIGURED,
+  linkedInOrganizationId: NOT_CONFIGURED,
+  facebookClientToken: NOT_CONFIGURED,
+  facebookPageId: NOT_CONFIGURED
+};
+const SettingsContainer = () => {
+  const [status, setStatus] = react.useState(initialStatus);
+  const { formatMessage } = reactIntl.useIntl();
+  const { getSettings, setSettings } = useSettings();
+  const { toggleNotification } = admin.useNotification();
+  const fetchSettings = react.useCallback(async () => {
+    let isMounted = true;
+    try {
+      const { data } = await getSettings();
+      if (isMounted) {
+        setStatus(data);
+      }
+    } catch (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: `${index.PLUGIN_ID}.config.load.error`,
+          defaultMessage: "Error cargando configuración"
+        })
+      });
+    }
+    return () => {
+      isMounted = false;
+    };
+  }, [getSettings]);
+  const handleSubmit = react.useCallback(
+    async (values) => {
+      try {
+        await setSettings(values);
+        await fetchSettings();
+        toggleNotification({
+          type: "success",
+          message: formatMessage({
+            id: `${index.PLUGIN_ID}.config.load.error`,
+            defaultMessage: "Configuración guardada con éxito"
+          })
+        });
+      } catch (error) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: `${index.PLUGIN_ID}.config.load.error`,
+            defaultMessage: "Error guardando configuración"
+          })
+        });
+      }
+    },
+    [setSettings, fetchSettings]
+  );
+  react.useEffect(() => {
+    fetchSettings();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.DesignSystemProvider, { locale: "es-MX", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { padding: 6, gap: 3, 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, { children: /* @__PURE__ */ jsxRuntime.jsx(Form, { status, handleSubmit }) })
+  ] }) });
+};
+const SettingsPage = () => {
+  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") })} | Settings` }),
+    /* @__PURE__ */ jsxRuntime.jsx(SettingsContainer, {})
+  ] }) });
+};
+exports.default = SettingsPage;

package/dist/_chunks/Settings-RrBQdijj.mjs

@@ -0,0 +1,155 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
+import { useIntl } from "react-intl";
+import { useCallback, useState, useEffect } from "react";
+import { Box, Grid, Field, Flex, Button, DesignSystemProvider, Typography } from "@strapi/design-system";
+import { Formik } from "formik";
+import { P as PLUGIN_ID } from "./index-CqDdi211.mjs";
+import { g as getTranslation } from "./getTranslation-DfxaP_TC.mjs";
+const useSettings = () => {
+  const { get, post } = useFetchClient();
+  const getSettings = useCallback(
+    async (config) => {
+      return get("/strapi-content-generator-gemini/config", config);
+    },
+    [get]
+  );
+  const setSettings = useCallback(
+    async (data, config) => {
+      return post("/strapi-content-generator-gemini/config", data, config);
+    },
+    [post]
+  );
+  return {
+    getSettings,
+    setSettings
+  };
+};
+const FIELDS = [
+  { name: "googleGenAI", label: "API Key Gemini" },
+  { name: "linkedInAccessToken", label: "LinkedIn Access Token" },
+  { name: "linkedInOrganizationId", label: "LinkedIn Organization ID" },
+  { name: "facebookClientToken", label: "FACEBOOK CLIENT TOKEN" },
+  { name: "facebookPageId", label: "FACEBOOK PAGE ID" }
+];
+const EMPTY = {
+  googleGenAI: "",
+  linkedInAccessToken: "",
+  linkedInOrganizationId: "",
+  facebookClientToken: "",
+  facebookPageId: ""
+};
+const hint = ({ configured, last4 }) => configured ? `Configurada ···${last4}` : "Sin configurar";
+const filledOnly = (values) => Object.fromEntries(Object.entries(values).filter(([, value]) => value.trim() !== ""));
+const Form = ({ status, handleSubmit }) => {
+  return /* @__PURE__ */ jsx(Box, { padding: 6, margin: 6, background: "neutral0", width: "100%", children: /* @__PURE__ */ jsx(
+    Formik,
+    {
+      initialValues: EMPTY,
+      onSubmit: async (values, { resetForm }) => {
+        await handleSubmit(filledOnly(values));
+        resetForm();
+      },
+      children: ({ values, handleChange, handleBlur, handleSubmit: submit, isSubmitting }) => {
+        const hasChanges = Object.keys(filledOnly(values)).length > 0;
+        return /* @__PURE__ */ jsx("form", { onSubmit: submit, children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
+          FIELDS.map(({ name, label }) => /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(Field.Root, { id: name, width: "100%", hint: hint(status[name]), children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: label }),
+            /* @__PURE__ */ jsx(
+              Field.Input,
+              {
+                name,
+                value: values[name],
+                onChange: handleChange,
+                onBlur: handleBlur,
+                type: "password",
+                autoComplete: "off",
+                placeholder: "Escribe un valor nuevo para reemplazarla"
+              }
+            ),
+            /* @__PURE__ */ jsx(Field.Hint, {})
+          ] }) }, name)),
+          /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "end", alignItems: "end", width: "100%", children: /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !hasChanges || isSubmitting, children: "Guardar" }) }) })
+        ] }) });
+      }
+    }
+  ) });
+};
+const NOT_CONFIGURED = { configured: false, last4: null };
+const initialStatus = {
+  googleGenAI: NOT_CONFIGURED,
+  linkedInAccessToken: NOT_CONFIGURED,
+  linkedInOrganizationId: NOT_CONFIGURED,
+  facebookClientToken: NOT_CONFIGURED,
+  facebookPageId: NOT_CONFIGURED
+};
+const SettingsContainer = () => {
+  const [status, setStatus] = useState(initialStatus);
+  const { formatMessage } = useIntl();
+  const { getSettings, setSettings } = useSettings();
+  const { toggleNotification } = useNotification();
+  const fetchSettings = useCallback(async () => {
+    let isMounted = true;
+    try {
+      const { data } = await getSettings();
+      if (isMounted) {
+        setStatus(data);
+      }
+    } catch (error) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: `${PLUGIN_ID}.config.load.error`,
+          defaultMessage: "Error cargando configuración"
+        })
+      });
+    }
+    return () => {
+      isMounted = false;
+    };
+  }, [getSettings]);
+  const handleSubmit = useCallback(
+    async (values) => {
+      try {
+        await setSettings(values);
+        await fetchSettings();
+        toggleNotification({
+          type: "success",
+          message: formatMessage({
+            id: `${PLUGIN_ID}.config.load.error`,
+            defaultMessage: "Configuración guardada con éxito"
+          })
+        });
+      } catch (error) {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: `${PLUGIN_ID}.config.load.error`,
+            defaultMessage: "Error guardando configuración"
+          })
+        });
+      }
+    },
+    [setSettings, fetchSettings]
+  );
+  useEffect(() => {
+    fetchSettings();
+  }, []);
+  return /* @__PURE__ */ jsx(DesignSystemProvider, { locale: "es-MX", children: /* @__PURE__ */ jsxs(Grid.Root, { padding: 6, gap: 3, 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, { children: /* @__PURE__ */ jsx(Form, { status, handleSubmit }) })
+  ] }) });
+};
+const SettingsPage = () => {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Page.Main, { children: [
+    /* @__PURE__ */ jsx(Page.Title, { children: `${formatMessage({ id: getTranslation("plugin.name") })} | Settings` }),
+    /* @__PURE__ */ jsx(SettingsContainer, {})
+  ] }) });
+};
+export {
+  SettingsPage as default
+};

package/dist/_chunks/StudioApp-AUyPNhh2.mjs

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Page } from "@strapi/strapi/admin";
+import { Routes, Route } from "react-router-dom";
+import { I as ImageStudioTabs, P as PluginProviders } from "./ImageStudioTabs-mlNL6aQ2.mjs";
+import { p as pluginPermissions } from "./index-CqDdi211.mjs";
+import { Box } from "@strapi/design-system";
+const ImageStudio = () => /* @__PURE__ */ jsxs(Page.Main, { children: [
+  /* @__PURE__ */ jsx(Page.Title, { children: "Estudio de imágenes" }),
+  /* @__PURE__ */ jsx(Box, { style: { height: "100vh" }, children: /* @__PURE__ */ jsx(ImageStudioTabs, {}) })
+] });
+const StudioApp = () => /* @__PURE__ */ jsx(Page.Protect, { permissions: [...pluginPermissions.access], children: /* @__PURE__ */ jsx(PluginProviders, { children: /* @__PURE__ */ jsxs(Routes, { children: [
+  /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(ImageStudio, {}) }),
+  /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
+] }) }) });
+export {
+  StudioApp
+};

package/dist/_chunks/StudioApp-Cswkzh7F.js

@@ -0,0 +1,17 @@
+"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 ImageStudioTabs = require("./ImageStudioTabs-B2UbKYq7.js");
+const index = require("./index-Ddp0Qvqo.js");
+const designSystem = require("@strapi/design-system");
+const ImageStudio = () => /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Title, { children: "Estudio de imágenes" }),
+  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { height: "100vh" }, children: /* @__PURE__ */ jsxRuntime.jsx(ImageStudioTabs.ImageStudioTabs, {}) })
+] });
+const StudioApp = () => /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: [...index.pluginPermissions.access], children: /* @__PURE__ */ jsxRuntime.jsx(ImageStudioTabs.PluginProviders, { children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(ImageStudio, {}) }),
+  /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {}) })
+] }) }) });
+exports.StudioApp = StudioApp;

package/dist/_chunks/{getTranslation-DNhP1INv.js → getTranslation-D88uLXGd.js}

@@ -1,4 +1,4 @@
 "use strict";
-const index = require("./index-DGPqyrzz.js");
+const index = require("./index-Ddp0Qvqo.js");
 const getTranslation = (id) => `${index.PLUGIN_ID}.${id}`;
 exports.getTranslation = getTranslation;

package/dist/_chunks/{getTranslation-B9ND5RaH.mjs → getTranslation-DfxaP_TC.mjs}

@@ -1,4 +1,4 @@
-import { P as PLUGIN_ID } from "./index-Dyq8dxMX.mjs";
+import { P as PLUGIN_ID } from "./index-CqDdi211.mjs";
 const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
 export {
   getTranslation as g

package/dist/_chunks/{index-Dyq8dxMX.mjs → index-CqDdi211.mjs}

@@ -1,6 +1,6 @@
 import { useRef, useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Sparkle } from "@strapi/icons";
+import { Quotes, Lightning } from "@strapi/icons";
 import { createSlice } from "@reduxjs/toolkit";
 const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
@@ -19,6 +19,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   });
 };
 const PLUGIN_ID = "strapi-content-generator-gemini";
+const STUDIO_PATH = `plugins/${PLUGIN_ID}-studio`;
 const loadFontAwesome = () => {
   if (document.getElementById("font-awesome-kit")) return;
   const script = document.createElement("script");
@@ -36,7 +37,8 @@ const Initializer = ({ setPlugin }) => {
   }, []);
   return null;
 };
-const PluginIcon = () => /* @__PURE__ */ jsx(Sparkle, {});
+const ContentIcon = () => /* @__PURE__ */ jsx(Quotes, {});
+const StudioIcon = () => /* @__PURE__ */ jsx(Lightning, {});
 const pluginPermissions = {
   access: [
     {
@@ -70,19 +72,34 @@ const index = {
   register(app) {
     app.addMenuLink({
       to: `plugins/${PLUGIN_ID}`,
-      icon: PluginIcon,
+      icon: ContentIcon,
       intlLabel: {
-        id: `${PLUGIN_ID}.plugin.name`,
-        defaultMessage: PLUGIN_ID
+        id: `${PLUGIN_ID}.menu.content`,
+        defaultMessage: "Generador de contenido"
       },
       Component: async () => {
-        const { App } = await import("./App-BQr5_g5u.mjs");
+        const { App } = await import("./App-DPVBu7QB.mjs");
         return App;
       },
       permissions: [
         pluginPermissions.access[0]
       ]
     });
+    app.addMenuLink({
+      to: STUDIO_PATH,
+      icon: StudioIcon,
+      intlLabel: {
+        id: `${PLUGIN_ID}.menu.studio`,
+        defaultMessage: "Estudio de imágenes"
+      },
+      Component: async () => {
+        const { StudioApp } = await import("./StudioApp-AUyPNhh2.mjs");
+        return StudioApp;
+      },
+      permissions: [
+        pluginPermissions.access[0]
+      ]
+    });
     app.registerPlugin({
       id: PLUGIN_ID,
       initializer: Initializer,
@@ -97,7 +114,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const component = await import("./Settings-CdZnYLLK.mjs");
+        const component = await import("./Settings-RrBQdijj.mjs");
         return component.default;
       },
       to: `plugins/${PLUGIN_ID}/settings`,
@@ -119,6 +136,7 @@ const index = {
 };
 export {
   PLUGIN_ID as P,
+  STUDIO_PATH as S,
   closeDialog as c,
   index as i,
   openDialog as o,

package/dist/_chunks/{index-DGPqyrzz.js → index-Ddp0Qvqo.js}

@@ -20,6 +20,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   });
 };
 const PLUGIN_ID = "strapi-content-generator-gemini";
+const STUDIO_PATH = `plugins/${PLUGIN_ID}-studio`;
 const loadFontAwesome = () => {
   if (document.getElementById("font-awesome-kit")) return;
   const script = document.createElement("script");
@@ -37,7 +38,8 @@ const Initializer = ({ setPlugin }) => {
   }, []);
   return null;
 };
-const PluginIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.Sparkle, {});
+const ContentIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.Quotes, {});
+const StudioIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.Lightning, {});
 const pluginPermissions = {
   access: [
     {
@@ -71,19 +73,34 @@ const index = {
   register(app) {
     app.addMenuLink({
       to: `plugins/${PLUGIN_ID}`,
-      icon: PluginIcon,
+      icon: ContentIcon,
       intlLabel: {
-        id: `${PLUGIN_ID}.plugin.name`,
-        defaultMessage: PLUGIN_ID
+        id: `${PLUGIN_ID}.menu.content`,
+        defaultMessage: "Generador de contenido"
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-CfwvfmvL.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-DVTFrZvf.js"));
         return App;
       },
       permissions: [
         pluginPermissions.access[0]
       ]
     });
+    app.addMenuLink({
+      to: STUDIO_PATH,
+      icon: StudioIcon,
+      intlLabel: {
+        id: `${PLUGIN_ID}.menu.studio`,
+        defaultMessage: "Estudio de imágenes"
+      },
+      Component: async () => {
+        const { StudioApp } = await Promise.resolve().then(() => require("./StudioApp-Cswkzh7F.js"));
+        return StudioApp;
+      },
+      permissions: [
+        pluginPermissions.access[0]
+      ]
+    });
     app.registerPlugin({
       id: PLUGIN_ID,
       initializer: Initializer,
@@ -98,7 +115,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./Settings-BrqTzJp-.js"));
+        const component = await Promise.resolve().then(() => require("./Settings-DziRY70a.js"));
         return component.default;
       },
       to: `plugins/${PLUGIN_ID}/settings`,
@@ -119,6 +136,7 @@ const index = {
   }
 };
 exports.PLUGIN_ID = PLUGIN_ID;
+exports.STUDIO_PATH = STUDIO_PATH;
 exports.closeDialog = closeDialog;
 exports.index = index;
 exports.openDialog = openDialog;

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-DGPqyrzz.js");
+const index = require("../_chunks/index-Ddp0Qvqo.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-Dyq8dxMX.mjs";
+import { i } from "../_chunks/index-CqDdi211.mjs";
 export {
   i as default
 };

package/dist/admin/src/components/PluginIcon.d.ts

@@ -1,2 +1,4 @@
-declare const PluginIcon: () => import("react/jsx-runtime").JSX.Element;
-export { PluginIcon };
+/** Íconos de las entradas del menú principal (S4.10; Quotes y Lightning a pedido de Israel). */
+declare const ContentIcon: () => import("react/jsx-runtime").JSX.Element;
+declare const StudioIcon: () => import("react/jsx-runtime").JSX.Element;
+export { ContentIcon, StudioIcon };

package/dist/admin/src/components/PluginProviders.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+/**
+ * Proveedores del plugin. El plugin tiene su propia copia del Design System, así que necesita su
+ * propio `DesignSystemProvider` (el del panel no le llega) con el tema del panel (S4.10).
+ */
+export declare const PluginProviders: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/admin/src/components/generate-video/Form.d.ts

@@ -16,7 +16,7 @@ export type ReferenceImage = {
     previewUrl?: string;
 };
 export declare const validationSchema: Yup.ObjectSchema<{
-    aspectRatio: NonNullable<"1:1" | "9:16" | "16:9" | undefined>;
+    aspectRatio: NonNullable<"1:1" | "16:9" | "9:16" | undefined>;
     scenes: {
         referenceImages?: {
             file?: {} | undefined;

package/dist/admin/src/components/settings/Form.d.ts

@@ -1,8 +1,7 @@
-import { type FormikHelpers } from 'formik';
-import type { FormValues } from "../../containers/settings";
+import type { FormValues, SettingsStatus } from '../../containers/settings';
 interface FormProps {
-    settings: FormValues;
-    handleSubmit: (values: FormValues, formikHelpers: FormikHelpers<FormValues>) => void;
+    status: SettingsStatus;
+    handleSubmit: (values: Partial<FormValues>) => void | Promise<void>;
 }
-declare const Form: ({ settings, handleSubmit }: FormProps) => import("react/jsx-runtime").JSX.Element;
+declare const Form: ({ status, handleSubmit }: FormProps) => import("react/jsx-runtime").JSX.Element;
 export { Form };

package/dist/admin/src/containers/settings/index.d.ts

@@ -1,9 +1,9 @@
-export type FormValues = {
-    googleGenAI: string;
-    linkedInAccessToken: string;
-    linkedInOrganizationId: string;
-    facebookClientToken: string;
-    facebookPageId: string;
-};
+export type CredentialField = 'googleGenAI' | 'linkedInAccessToken' | 'linkedInOrganizationId' | 'facebookClientToken' | 'facebookPageId';
+export type FormValues = Record<CredentialField, string>;
+/** Estado enmascarado que devuelve `GET /config`: nunca incluye el valor completo. */
+export type SettingsStatus = Record<CredentialField, {
+    configured: boolean;
+    last4: string | null;
+}>;
 declare const SettingsContainer: () => import("react/jsx-runtime").JSX.Element;
 export { SettingsContainer };

package/dist/admin/src/features/background-removal/RemoveBackgroundButton.d.ts

@@ -0,0 +1,7 @@
+interface RemoveBackgroundButtonProps {
+    src: string;
+    onDone: (dataUrl: string) => void;
+}
+/** «Quitar fondo»: abre el diálogo con los modos Automático y Por color (S4.18); los errores se ven ahí. */
+export declare const RemoveBackgroundButton: ({ src, onDone }: RemoveBackgroundButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/features/background-removal/RemoveBackgroundDialog.d.ts

@@ -0,0 +1,15 @@
+/** Tolerancia inicial (%): quita el fondo liso y sus variaciones leves (compresión, sombras suaves). */
+export declare const DEFAULT_TOLERANCE = 15;
+interface RemoveBackgroundDialogProps {
+    open: boolean;
+    src: string;
+    onClose: () => void;
+    /** PNG sin fondo en data URL. Puede ser asíncrono (la biblioteca guarda la copia). */
+    onApply: (dataUrl: string) => void | Promise<void>;
+}
+/**
+ * «Quitar fondo» con dos modos (S4.18): *Automático* corre ISNet (S4.17) al abrir; *Por color* quita
+ * el fondo conectado a cada punto marcado, con tolerancia y vista previa en vivo.
+ */
+export declare const RemoveBackgroundDialog: ({ open, src, onClose, onApply }: RemoveBackgroundDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/src/features/background-removal/colorKey.d.ts

@@ -0,0 +1,29 @@
+/**
+ * «Quitar fondo» por color (S4.18). Desde cada punto marcado se rellenan los píxeles conectados
+ * (vecinos arriba, abajo, izquierda y derecha) cuyo color se parece al del punto. Solo se quita lo
+ * conectado: otro fondo, aunque sea del mismo color, se queda si un objeto lo separa. Funciones puras
+ * sobre arreglos RGBA; el canvas queda en el diálogo.
+ */
+export interface Point {
+    x: number;
+    y: number;
+}
+type Rgb = readonly [number, number, number];
+/** Franja después de la tolerancia con alfa parcial, para que el contorno no quede dentado. */
+export declare const SOFTNESS = 0.06;
+/** Distancia euclidiana RGB normalizada: 0 es el mismo color, 1 es blanco contra negro. */
+export declare const colorDistance: (a: Rgb, b: Rgb) => number;
+/**
+ * Alfa por píxel (0 quitado, 255 intacto). Cada píxel se compara con el color de su punto, no con su
+ * vecino, así un degradado no se va en cadena. Hasta `tolerance` (0–1) el píxel se quita y el relleno
+ * sigue; en la franja siguiente (`SOFTNESS`) queda con alfa parcial y el relleno se detiene ahí.
+ *
+ * Con `contiguous: false` se quita ese color en toda la imagen, conectado o no: los huecos de letras y
+ * figuras (la «o», la «a») que el relleno no alcanza porque el trazo los encierra.
+ */
+export declare const colorKeyAlpha: (rgba: Uint8ClampedArray, width: number, height: number, points: Point[], tolerance: number, { contiguous }?: {
+    contiguous?: boolean;
+}) => Uint8ClampedArray;
+/** Copia de la imagen con el alfa aplicado; conserva la transparencia que ya tenía. */
+export declare const applyKeyAlpha: (rgba: Uint8ClampedArray, alpha: Uint8ClampedArray) => Uint8ClampedArray;
+export {};